fix(deps): update dependency bits-ui to ^0.22.0 #39

Slider: ticks and thumbs are now arrays of builders passed via the Slider.Roots slot props and must be passed to the individual Slider.Thumb and Slider.Tick components (#309)

Patch Changes

Menubar: fixed bug preventing submenus from being disabled (#309)

`v0.16.0`

Compare Source

Minor Changes

feat: forward/expose touch events on Dialog.Content & AlertDialog.Content components (#300)

`v0.15.1`

Compare Source

Patch Changes

fix: floating arrow shifting content (#291)

`v0.15.0`

Compare Source

Minor Changes

feat: expose isSelected slot prop from Select.Item (#285)
feat: adds data-placeholder attribute to Select.Value when no value is selected / when the placeholder is being displayed (#284)

Patch Changes

fix: expose missing Floating UI content props (#278)

`v0.14.0`

Compare Source

Minor Changes

Progress: update value type to include null for 'indeterminate' state (#272)
Menubar: move preventScroll prop from Menubar.Menu to Menubar.Root (#272)
Date Field: add readonlySegments prop to specify certain segments as readonly (#272)

Patch Changes

Date Range Field: add readonlySegments prop to specify certain segments as 'readonly' to the user (#272)
chore: array comparison perf improvements (#229)
Alert Dialog: Fix bug with exit transitions (#272)

`v0.13.6`

Compare Source

Patch Changes

fix: bug with exit transitions (#268)

`v0.13.5`

Compare Source

Patch Changes

fix: bug with tooltip arrow causing it to increase offset on each toggle (#264)

`v0.13.4`

Compare Source

Patch Changes

fix: pagination prop reactivity (#262)

`v0.13.3`

Compare Source

Patch Changes

fix: date picker context issue (#260)

`v0.13.2`

Compare Source

Patch Changes

fix: improve tree-shaking (#257)

`v0.13.1`

Compare Source

Patch Changes

fix: issues with tree shaking (#255)

`v0.13.0`

Compare Source

Minor Changes

- Forward pointerdown pointerup & pointermove events for AlertDialog.Content and Dialog.Content (#249)
- Update Melt UI and add onOutsideClick prop to components that handle outside clicks. You can override the default behavior of closing the component by calling event.preventDefault() within that handler.
- Added RTL support for the Slider via the dir prop which can be set to "ltr" | "rtl" defaulting to "ltr"

Patch Changes

fix: Set aspect ratio prop optional as default value is setted (#238)

`v0.12.0`

Compare Source

Minor Changes

Expose el prop for all components to allow binding & interacting with the underlying element (#244)

`v0.11.8`

Compare Source

Patch Changes

feat: add PIN Input component (#227)

`v0.11.7`

Compare Source

Patch Changes

fix: bug with select menus inside popovers not restoring scroll (#209)
add closeOnItemClick prop to menu components (#209)

`v0.11.6`

Compare Source

Patch Changes

feat: add Pagination component (#223)
feat: add Toolbar component (#219)

`v0.11.5`

Compare Source

Patch Changes

fix: calendar months type & range calendar numberOfMonths prop (#224)

`v0.11.4`

Compare Source

Patch Changes

Fix: bugs with reactive slot props & multiple value bindings (#221)

`v0.11.3`

Compare Source

Patch Changes

fix: generic type inference for Select component (#217)

`v0.11.2`

Compare Source

Patch Changes

fix: exported SelectProps type (#214)

`v0.11.1`

Compare Source

Patch Changes

feat: readonly startValue prop (#212)

`v0.11.0`

Compare Source

Minor Changes

breaking: rename Date to Day in Calendar components (#210)

`v0.10.3`

Compare Source

Patch Changes

Calendar & Range Calendar: add initialFocus prop to autofocus dates on mount (#207)

`v0.10.2`

Compare Source

Patch Changes

fix: calendar data-selected attribute (#205)

`v0.10.1`

Compare Source

Patch Changes

fix: Update Builder type to support all Melt UI builders (#201)

`v0.10.0`

Compare Source

PR Reference: #184

New Components

Calendar - Presents a calendar view tailored for selecting dates.
Range Calendar - Presents a calendar view tailored for selecting date ranges.
Date Picker - Facilitates the selection of dates through an input and calendar-based interface.
Date Range Picker - Facilitates the selection of date ranges through an input and calendar-based interface.
Date Field - Enables users to input specific dates within a designated field.
Date Range Field - Enables users to input specific date ranges within a designated field.

Improvements

Docs Overhaul & Redesign ✨

bits-ui.com has been completely redesigned by the incredible Pavel Stianko / Bitworks, who refuses to be paid for this work as he wants to contribute to the Svelte community just as I do. I'm incredibly grateful for his work and I hope you all enjoy the new docs!

API references for all components
At least 1 example for each component (more to come)

Select Component

fix numerous bugs with multiple behavior (closes #188 & #121)
prevent onChange from firing on init / multiple times (closes #73)
add the ability to pass in a custom items array to be used for type inference

Floating Components

improve positioning behavior (closes #161)
Remove arrowSize prop from Root components in favor of passing it directly to the Arrow components

Indicator Components (Checkbox & Radio)

Standardize the Indicator components for checkbox/radio items to a similar API / underlying element

Misc Improvements

Apply data- attributes to all components for easier global styling
Add asChild prop to all components that we render an element for to allow for more flexibility in element structure & scoped styles
Export individual prop types from the library for cleaner imports

Major Breaking Changes

As you're all probably aware, anything pre-1.0 is subject to breaking changes, but this release will introduce a few more than usual, so I wanted to call them out here and provide some guidance on how to migrate.

Replace `positioning` prop

The positioning prop is confusing and has been something I've wanted to change since I rapidly released this project. It's applied to the Root component which is not intuitive considering it's not actually positioning the Root component but the Content component, so I've decided to remove it in favor of individual props on the Content components of your floating components (see "Components Impacted" below).

The props you can now use to adjust the positioning of your floating content components are:

side - the preferred side of the trigger the content should be positioned against ("top", "right", "bottom", "left")
sideOffset - the offset in pixels from the preferred side. This is useful when you want to position your content a little further away from the trigger
align - the preferred alignment of the content relative to the trigger ("start", "center", "end")
alignOffset - the offset in pixels from the preferred alignment.
avoidCollisions - whether or not the content should avoid collisions with the viewport, which defaults to true and is what causes the content to flip sides when it's too close to the edge of the viewport.
collisionBoundary - The boundary element to check for collisions against. Defaults to the viewport.
collisionPadding - The amount of padding to apply to the collision boundary, which determines how close the content can get to the edge of the boundary before it flips sides.
fitViewport - Whether or not the content should be forced to fit within the viewport.
sameWidth - Whether or not the content should be forced to be the same width as the trigger.
strategy - The positioning strategy to use for the floating element.
overlap - Whether or not the floating element can overlap the trigger.

These props are applied to the Content components.

For example, if you wanted to position a Popover component to the right of the trigger, you would now do something like this:

<script lang="ts">
	import { Popover } from "bits-ui";
</script>

<Popover.Root>
	<Popover.Trigger>Open</Popover.Trigger>
	<Popover.Content side="right" align="start">
		Content Here
	</Popover.Content>
</Popover.Root>

Components Impacted: Context Menu, Dropdown Menu, Link Preview, Popover, Select & Tooltip

Move `arrowSize` prop

Currently, the arrowSize prop is applied to the Root component of several floating components. Similar to the positioning prop, this is not intuitive and I've decided to move it to the Arrow component of the floating components.

For example, if you wanted to change the size of the arrow on a Tooltip component, you would now do something like this:

<script lang="ts">
	import { Tooltip } from "bits-ui";
</script>

<Tooltip.Root>
	<Tooltip.Trigger>Open</Tooltip.Trigger>
	<Tooltip.Content>
		<Tooltip.Arrow size={8} />
	</Tooltip.Content>
</Tooltip.Root>

`v0.9.9`

Compare Source

Patch Changes

fix: bug where menu onChange functions were being called before change (#191)

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

If you want to rebase/retry this PR, check this box

This PR was generated by Mend Renovate. View the repository job log.

vercel · 2024-12-20T22:04:16Z

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
sveltekit-ai-chatbot	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Dec 20, 2024 10:05pm

fix(deps): update dependency bits-ui to ^0.22.0

6c89e83

vercel bot deployed to Preview December 20, 2024 22:05 View deployment

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

fix(deps): update dependency bits-ui to ^0.22.0 #39

fix(deps): update dependency bits-ui to ^0.22.0 #39

renovate bot commented Dec 20, 2024

vercel bot commented Dec 20, 2024 •

edited

Loading

fix(deps): update dependency bits-ui to ^0.22.0 #39

Are you sure you want to change the base?

fix(deps): update dependency bits-ui to ^0.22.0 #39

Conversation

renovate bot commented Dec 20, 2024

Release Notes

Minor Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Minor Changes

Patch Changes

Patch Changes

Minor Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Minor Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Minor Changes

Minor Changes

Patch Changes

Minor Changes

Patch Changes

Minor Changes

Patch Changes

Minor Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Minor Changes

Patch Changes

Minor Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Patch Changes

Minor Changes

Patch Changes

Patch Changes

Patch Changes

New Components

Improvements

Docs Overhaul & Redesign ✨

Select Component

Floating Components

Indicator Components (Checkbox & Radio)

Misc Improvements

Replace `positioning` prop

Move `arrowSize` prop