bits-ui 1.0.0-next.11 → 1.0.0-next.13

package/dist/bits/progress/progress.svelte.js

@@ -1,4 +1,4 @@
-import { useRefById } from "../../internal/use-ref-by-id.svelte.js";
+import { useRefById } from "svelte-toolbelt";
 const ROOT_ATTR = "data-progress-root";
 class ProgressRootState {
     #id;

package/dist/bits/progress/types.d.ts

@@ -1,5 +1,5 @@
 import type { WithChild, Without } from "../../internal/types.js";
-import type { PrimitiveDivAttributes } from "../../shared/attributes.js";
+import type { BitsPrimitiveDivAttributes } from "../../shared/attributes.js";
 export type ProgressRootPropsWithoutHTML = WithChild<{
     /**
      * The current value of the progress bar.
@@ -12,4 +12,4 @@ export type ProgressRootPropsWithoutHTML = WithChild<{
      */
     max?: number;
 }>;
-export type ProgressRootProps = ProgressRootPropsWithoutHTML & Without<PrimitiveDivAttributes, ProgressRootPropsWithoutHTML>;
+export type ProgressRootProps = ProgressRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ProgressRootPropsWithoutHTML>;

package/dist/bits/radio-group/components/radio-group-item.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { RadioGroupItemProps } from "../types.js";
 	import { useRadioGroupItem } from "../radio-group.svelte.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { useId } from "../../../internal/use-id.js";
 
 	let {

package/dist/bits/radio-group/components/radio-group.svelte

@@ -1,11 +1,10 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { RadioGroupRootProps } from "../types.js";
 	import { useRadioGroupRoot } from "../radio-group.svelte.js";
 	import RadioGroupInput from "./radio-group-input.svelte";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 
 	let {
 		disabled = false,

package/dist/bits/radio-group/radio-group.svelte.d.ts

@@ -26,7 +26,7 @@ declare class RadioGroupRootState {
     props: {
         readonly id: string;
         readonly role: "radiogroup";
-        readonly "aria-required": "false" | "true";
+        readonly "aria-required": "true" | "false";
         readonly "data-disabled": "" | undefined;
         readonly "data-orientation": Orientation;
         readonly "data-radio-group-root": "";
@@ -50,7 +50,7 @@ declare class RadioGroupItemState {
         readonly "data-orientation": Orientation;
         readonly "data-disabled": "" | undefined;
         readonly "data-state": "checked" | "unchecked";
-        readonly "aria-checked": "mixed" | "false" | "true";
+        readonly "aria-checked": "true" | "false" | "mixed";
         readonly "data-radio-group-item": "";
         readonly type: "button";
         readonly role: "radio";

package/dist/bits/radio-group/radio-group.svelte.js

@@ -1,6 +1,5 @@
-import { useRefById } from "../../internal/use-ref-by-id.svelte.js";
+import { srOnlyStyles, styleToString, useRefById } from "svelte-toolbelt";
 import { getAriaChecked, getAriaRequired, getDataDisabled } from "../../internal/attrs.js";
-import { srOnlyStyles, styleToString } from "../../internal/style.js";
 import { useRovingFocus, } from "../../internal/use-roving-focus.svelte.js";
 import { createContext } from "../../internal/create-context.js";
 const RADIO_GROUP_ROOT_ATTR = "data-radio-group-root";
@@ -77,7 +76,7 @@ class RadioGroupItemState {
         this.#root.setValue(this.#value.current);
     };
     #onkeydown = (e) => {
-        this.#root.rovingFocusGroup.handleKeydown(this.#ref.current, e);
+        this.#root.rovingFocusGroup.handleKeydown(this.#ref.current, e, true);
     };
     #tabIndex = $derived.by(() => this.#root.rovingFocusGroup.getTabIndex(this.#ref.current));
     snippetProps = $derived.by(() => ({ checked: this.#isChecked }));

package/dist/bits/radio-group/types.d.ts

@@ -1,6 +1,6 @@
 import type { OnChangeFn, WithChild, Without } from "../../internal/types.js";
 import type { Orientation } from "../../index.js";
-import type { PrimitiveButtonAttributes, PrimitiveDivAttributes } from "../../shared/attributes.js";
+import type { BitsPrimitiveButtonAttributes, BitsPrimitiveDivAttributes } from "../../shared/attributes.js";
 export type RadioGroupRootPropsWithoutHTML = WithChild<{
     /**
      * The orientation of the radio group. Used to determine
@@ -55,7 +55,7 @@ export type RadioGroupRootPropsWithoutHTML = WithChild<{
      */
     controlledValue?: boolean;
 }>;
-export type RadioGroupRootProps = RadioGroupRootPropsWithoutHTML & Without<PrimitiveDivAttributes, RadioGroupRootPropsWithoutHTML>;
+export type RadioGroupRootProps = RadioGroupRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, RadioGroupRootPropsWithoutHTML>;
 export type RadioGroupItemSnippetProps = {
     checked: boolean;
 };
@@ -71,4 +71,4 @@ export type RadioGroupItemPropsWithoutHTML = WithChild<{
      */
     disabled?: boolean | null | undefined;
 }, RadioGroupItemSnippetProps>;
-export type RadioGroupItemProps = RadioGroupItemPropsWithoutHTML & Without<PrimitiveButtonAttributes, RadioGroupItemPropsWithoutHTML>;
+export type RadioGroupItemProps = RadioGroupItemPropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, RadioGroupItemPropsWithoutHTML>;

package/dist/bits/range-calendar/components/range-calendar-cell.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { RangeCalendarCellProps } from "../types.js";
 	import { useRangeCalendarCell } from "../range-calendar.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		children,

package/dist/bits/range-calendar/components/range-calendar-day.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { RangeCalendarDayProps } from "../types.js";
 	import { useRangeCalendarDay } from "../range-calendar.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		children,

package/dist/bits/range-calendar/components/range-calendar.svelte

@@ -1,11 +1,10 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { DateValue } from "@internationalized/date";
 	import type { RangeCalendarRootProps } from "../types.js";
 	import { useRangeCalendarRoot } from "../range-calendar.svelte.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { getDefaultDate } from "../../../internal/date-time/utils.js";
 
 	let {

package/dist/bits/range-calendar/range-calendar.svelte.d.ts

@@ -175,8 +175,8 @@ export declare class RangeCalendarCellState {
         readonly "data-disabled": "" | undefined;
         readonly id: string;
         readonly role: "gridcell";
-        readonly "aria-selected": "false" | "true";
-        readonly "aria-disabled": "false" | "true";
+        readonly "aria-selected": "true" | "false";
+        readonly "aria-disabled": "true" | "false";
     };
 }
 type RangeCalendarDayStateProps = WithRefProps;
@@ -212,7 +212,7 @@ declare class RangeCalendarDayState {
         readonly id: string;
         readonly role: "button";
         readonly "aria-label": string;
-        readonly "aria-disabled": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
     };
 }
 export declare function useRangeCalendarRoot(props: RangeCalendarRootStateProps): RangeCalendarRootState;

package/dist/bits/range-calendar/range-calendar.svelte.js

@@ -1,7 +1,7 @@
 import { getLocalTimeZone, isSameDay, isSameMonth, isToday, } from "@internationalized/date";
 import { untrack } from "svelte";
+import { useRefById } from "svelte-toolbelt";
 import { useId } from "../../internal/use-id.js";
-import { useRefById } from "../../internal/use-ref-by-id.svelte.js";
 import { getAriaDisabled, getAriaSelected, getDataDisabled, getDataSelected, getDataUnavailable, } from "../../internal/attrs.js";
 import { createContext } from "../../internal/create-context.js";
 import { getAnnouncer } from "../../internal/date-time/announcer.js";

package/dist/bits/range-calendar/types.d.ts

@@ -1,7 +1,7 @@
 import type { DateValue } from "@internationalized/date";
 import type { OnChangeFn, WithChild, Without } from "../../internal/types.js";
 import type { DateMatcher, DateRange, Month } from "../../shared/index.js";
-import type { PrimitiveDivAttributes } from "../../shared/attributes.js";
+import type { BitsPrimitiveDivAttributes } from "../../shared/attributes.js";
 export type RangeCalendarRootSnippetProps = {
     months: Month<DateValue>[];
     weekdays: string[];
@@ -193,5 +193,5 @@ export type RangeCalendarRootPropsWithoutHTML = WithChild<{
      */
     controlledPlaceholder?: boolean;
 }, RangeCalendarRootSnippetProps>;
-export type RangeCalendarRootProps = RangeCalendarRootPropsWithoutHTML & Without<PrimitiveDivAttributes, RangeCalendarRootPropsWithoutHTML>;
+export type RangeCalendarRootProps = RangeCalendarRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, RangeCalendarRootPropsWithoutHTML>;
 export type { CalendarPrevButtonProps as RangeCalendarPrevButtonProps, CalendarPrevButtonPropsWithoutHTML as RangeCalendarPrevButtonPropsWithoutHTML, CalendarNextButtonProps as RangeCalendarNextButtonProps, CalendarNextButtonPropsWithoutHTML as RangeCalendarNextButtonPropsWithoutHTML, CalendarHeadingProps as RangeCalendarHeadingProps, CalendarHeadingPropsWithoutHTML as RangeCalendarHeadingPropsWithoutHTML, CalendarGridProps as RangeCalendarGridProps, CalendarGridPropsWithoutHTML as RangeCalendarGridPropsWithoutHTML, CalendarCellProps as RangeCalendarCellProps, CalendarCellPropsWithoutHTML as RangeCalendarCellPropsWithoutHTML, CalendarDayProps as RangeCalendarDayProps, CalendarDayPropsWithoutHTML as RangeCalendarDayPropsWithoutHTML, CalendarGridBodyProps as RangeCalendarGridBodyProps, CalendarGridBodyPropsWithoutHTML as RangeCalendarGridBodyPropsWithoutHTML, CalendarGridHeadProps as RangeCalendarGridHeadProps, CalendarGridHeadPropsWithoutHTML as RangeCalendarGridHeadPropsWithoutHTML, CalendarGridRowProps as RangeCalendarGridRowProps, CalendarGridRowPropsWithoutHTML as RangeCalendarGridRowPropsWithoutHTML, CalendarHeadCellProps as RangeCalendarHeadCellProps, CalendarHeadCellPropsWithoutHTML as RangeCalendarHeadCellPropsWithoutHTML, CalendarHeaderProps as RangeCalendarHeaderProps, CalendarHeaderPropsWithoutHTML as RangeCalendarHeaderPropsWithoutHTML, } from "../calendar/types.js";

package/dist/bits/scroll-area/components/scroll-area-corner-impl.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { ScrollAreaCornerProps } from "../types.js";
 	import { useScrollAreaCorner } from "../scroll-area.svelte.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		ref = $bindable(null),

package/dist/bits/scroll-area/components/scroll-area-scrollbar-auto.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
 	import { useScrollAreaScrollbarAuto } from "../scroll-area.svelte.js";
 	import type { _ScrollbarStubProps } from "../types.js";
 	import ScrollAreaScrollbarVisible from "./scroll-area-scrollbar-visible.svelte";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import PresenceLayer from "../../utilities/presence-layer/presence-layer.svelte";
 
 	let { forceMount = false, ...restProps }: _ScrollbarStubProps = $props();

package/dist/bits/scroll-area/components/scroll-area-scrollbar-hover.svelte

@@ -1,11 +1,11 @@
 <script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
 	import {
 		useScrollAreaScrollbarAuto,
 		useScrollAreaScrollbarHover,
 	} from "../scroll-area.svelte.js";
 	import type { _ScrollbarStubProps } from "../types.js";
 	import ScrollAreaScrollbarVisible from "./scroll-area-scrollbar-visible.svelte";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import PresenceLayer from "../../utilities/presence-layer/presence-layer.svelte";
 
 	let { forceMount = false, ...restProps }: _ScrollbarStubProps = $props();

package/dist/bits/scroll-area/components/scroll-area-scrollbar-scroll.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
 	import { useScrollAreaScrollbarScroll } from "../scroll-area.svelte.js";
 	import type { _ScrollbarStubProps } from "../types.js";
 	import ScrollAreaScrollbarVisible from "./scroll-area-scrollbar-visible.svelte";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import PresenceLayer from "../../utilities/presence-layer/presence-layer.svelte";
 
 	let { forceMount = false, ...restProps }: _ScrollbarStubProps = $props();

package/dist/bits/scroll-area/components/scroll-area-scrollbar-shared.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
 	import { useScrollAreaScrollbarShared } from "../scroll-area.svelte.js";
 	import type { _ScrollbarStubProps } from "../types.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let { child, children, ...restProps }: _ScrollbarStubProps = $props();
 

package/dist/bits/scroll-area/components/scroll-area-scrollbar-x.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
 	import { IsMounted } from "runed";
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useScrollAreaScrollbarX } from "../scroll-area.svelte.js";
 	import type { _ScrollbarStubProps } from "../types.js";
 	import ScrollAreaScrollbarShared from "./scroll-area-scrollbar-shared.svelte";
-	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let { ...restProps }: _ScrollbarStubProps = $props();
 

package/dist/bits/scroll-area/components/scroll-area-scrollbar-y.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
 	import { IsMounted } from "runed";
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useScrollAreaScrollbarY } from "../scroll-area.svelte.js";
 	import type { _ScrollbarStubProps } from "../types.js";
 	import ScrollAreaScrollbarShared from "./scroll-area-scrollbar-shared.svelte";
-	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let { ...restProps }: _ScrollbarStubProps = $props();
 

package/dist/bits/scroll-area/components/scroll-area-thumb-impl.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { IsMounted } from "runed";
 	import type { ScrollAreaThumbProps } from "../types.js";
 	import { useScrollAreaThumb } from "../scroll-area.svelte.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		ref = $bindable(null),

package/dist/bits/scroll-area/components/scroll-area-viewport.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { ScrollAreaViewportProps } from "../types.js";
 	import { useScrollAreaViewport } from "../scroll-area.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		ref = $bindable(null),

package/dist/bits/scroll-area/components/scroll-area.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { ScrollAreaRootProps } from "../types.js";
 	import { useScrollAreaRoot } from "../scroll-area.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		ref = $bindable(null),

package/dist/bits/scroll-area/scroll-area.svelte.d.ts

@@ -56,8 +56,8 @@ declare class ScrollAreaViewportState {
     props: {
         readonly id: string;
         readonly style: {
-            readonly overflowX: "scroll" | "hidden";
-            readonly overflowY: "scroll" | "hidden";
+            readonly overflowX: "hidden" | "scroll";
+            readonly overflowY: "hidden" | "scroll";
         };
         readonly "data-scroll-area-viewport": "";
     };

package/dist/bits/scroll-area/scroll-area.svelte.js

@@ -6,16 +6,13 @@
  */
 import { useDebounce } from "runed";
 import { untrack } from "svelte";
-import { box } from "svelte-toolbelt";
-import { executeCallbacks } from "../../internal/execute-callbacks.js";
+import { afterTick, box, executeCallbacks, useRefById } from "svelte-toolbelt";
 import { addEventListener } from "../../internal/events.js";
-import { useRefById } from "../../internal/use-ref-by-id.svelte.js";
 import { mergeProps, useId } from "../../shared/index.js";
 import { useStateMachine } from "../../internal/use-state-machine.svelte.js";
 import { clamp } from "../../internal/clamp.js";
 import { useResizeObserver } from "../../internal/use-resize-observer.svelte.js";
 import { createContext } from "../../internal/create-context.js";
-import { afterTick } from "../../internal/after-tick.js";
 const SCROLL_AREA_ROOT_ATTR = "data-scroll-area-root";
 const SCROLL_AREA_VIEWPORT_ATTR = "data-scroll-area-viewport";
 const SCROLL_AREA_CORNER_ATTR = "data-scroll-area-corner";
@@ -355,7 +352,7 @@ class ScrollAreaScrollbarXState {
             onRefChange: (node) => {
                 this.root.scrollbarXNode = node;
             },
-            condition: () => this.#mounted.current,
+            deps: () => this.#mounted.current,
         });
         $effect(() => {
             if (!this.ref.current)
@@ -439,7 +436,7 @@ class ScrollAreaScrollbarYState {
             onRefChange: (node) => {
                 this.root.scrollbarYNode = node;
             },
-            condition: () => this.#mounted.current,
+            deps: () => this.#mounted.current,
         });
         $effect(() => {
             if (!this.ref.current)
@@ -620,7 +617,7 @@ class ScrollAreaThumbImplState {
             onRefChange: (node) => {
                 this.#scrollbarState.scrollbarVis.thumbNode = node;
             },
-            condition: () => this.#mounted.current,
+            deps: () => this.#mounted.current,
         });
         $effect(() => {
             const viewportNode = this.#root.viewportNode;

package/dist/bits/scroll-area/types.d.ts

@@ -1,4 +1,4 @@
-import type { PrimitiveDivAttributes } from "../../shared/attributes.js";
+import type { BitsPrimitiveDivAttributes } from "../../shared/attributes.js";
 import type { Direction, Orientation, WithChild, Without } from "../../shared/index.js";
 export type ScrollAreaType = "hover" | "scroll" | "auto" | "always";
 export type ScrollAreaRootPropsWithoutHTML = WithChild<{
@@ -20,9 +20,9 @@ export type ScrollAreaRootPropsWithoutHTML = WithChild<{
      */
     scrollHideDelay?: number;
 }>;
-export type ScrollAreaRootProps = ScrollAreaRootPropsWithoutHTML & Without<PrimitiveDivAttributes, ScrollAreaRootPropsWithoutHTML>;
+export type ScrollAreaRootProps = ScrollAreaRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ScrollAreaRootPropsWithoutHTML>;
 export type ScrollAreaViewportPropsWithoutHTML = Omit<WithChild, "child">;
-export type ScrollAreaViewportProps = ScrollAreaViewportPropsWithoutHTML & Without<PrimitiveDivAttributes, ScrollAreaViewportPropsWithoutHTML>;
+export type ScrollAreaViewportProps = ScrollAreaViewportPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ScrollAreaViewportPropsWithoutHTML>;
 export type ScrollAreaScrollbarPropsWithoutHTML = WithChild<{
     orientation: Orientation;
     /**
@@ -31,7 +31,7 @@ export type ScrollAreaScrollbarPropsWithoutHTML = WithChild<{
      */
     forceMount?: boolean;
 }>;
-export type ScrollAreaScrollbarProps = ScrollAreaScrollbarPropsWithoutHTML & Without<PrimitiveDivAttributes, ScrollAreaScrollbarPropsWithoutHTML>;
+export type ScrollAreaScrollbarProps = ScrollAreaScrollbarPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ScrollAreaScrollbarPropsWithoutHTML>;
 export type ScrollAreaThumbPropsWithoutHTML = WithChild<{
     /**
      * Whether to forcefully mount the component. Useful when working with
@@ -39,9 +39,9 @@ export type ScrollAreaThumbPropsWithoutHTML = WithChild<{
      */
     forceMount?: boolean;
 }>;
-export type ScrollAreaThumbProps = ScrollAreaThumbPropsWithoutHTML & Without<PrimitiveDivAttributes, ScrollAreaThumbPropsWithoutHTML>;
+export type ScrollAreaThumbProps = ScrollAreaThumbPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ScrollAreaThumbPropsWithoutHTML>;
 export type ScrollAreaCornerPropsWithoutHTML = WithChild;
-export type ScrollAreaCornerProps = ScrollAreaCornerPropsWithoutHTML & Without<PrimitiveDivAttributes, ScrollAreaCornerPropsWithoutHTML>;
+export type ScrollAreaCornerProps = ScrollAreaCornerPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ScrollAreaCornerPropsWithoutHTML>;
 export type _ScrollbarStubProps = Omit<ScrollAreaScrollbarProps, "orientation" | "ref" | "id"> & {
     id: string;
 };

package/dist/bits/select/components/select-arrow.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { SelectArrowProps } from "../types.js";
 	import { useSelectArrow } from "../select.svelte.js";
 	import FloatingLayerArrow from "../../utilities/floating-layer/components/floating-layer-arrow.svelte";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { useId } from "../../../internal/use-id.js";
 
 	let { id = useId(), ref = $bindable(null), ...restProps }: SelectArrowProps = $props();

package/dist/bits/select/components/select-content-floating.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
 	import { CONTENT_MARGIN, useSelectFloatingPosition } from "../select.svelte.js";
 	import type { SelectContentProps } from "../types.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import type { WithoutChildrenOrChild } from "../../../shared/index.js";
 	import type { WithChild } from "../../../internal/types.js";
 	import FloatingLayerContent from "../../utilities/floating-layer/components/floating-layer-content.svelte";

package/dist/bits/select/components/select-content-floating.svelte.d.ts

@@ -17,7 +17,7 @@ declare const SelectContentFloating: $$__sveltets_2_IsomorphicComponent<{
     wrapperId?: string;
     style?: import("../../../shared/index.js").StyleProperties | string | null;
     onPlaced?: () => void;
-} & import("../../utilities/floating-layer/types.js").FloatingLayerContentProps & Omit<SelectContentProps, "child" | "children"> & {
+} & import("../../utilities/floating-layer/types.js").FloatingLayerContentProps & Omit<SelectContentProps, "children" | "child"> & {
     child?: import("svelte").Snippet<[{
         props: Record<string, unknown>;
     }]> | undefined;

package/dist/bits/select/components/select-content-impl.svelte

@@ -1,15 +1,15 @@
 <script lang="ts">
+	import { mergeProps } from "svelte-toolbelt";
 	import type { SelectContentImplProps } from "../types.js";
 	import { SelectContentState } from "../select.svelte.js";
 	import SelectContentFloating from "./select-content-floating.svelte";
 	import SelectContentItemAligned from "./select-content-item-aligned.svelte";
 	import FocusScope from "../../utilities/focus-scope/focus-scope.svelte";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 	import { useId } from "../../../internal/use-id.js";
 	import EscapeLayer from "../../utilities/escape-layer/escape-layer.svelte";
 	import DismissibleLayer from "../../utilities/dismissible-layer/dismissible-layer.svelte";
 	import TextSelectionLayer from "../../utilities/text-selection-layer/text-selection-layer.svelte";
-	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		ref: _ref = $bindable(null),

package/dist/bits/select/components/select-content-impl.svelte.d.ts

@@ -13,14 +13,13 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     z_$$bindings?: Bindings;
 }
 declare const SelectContentImpl: $$__sveltets_2_IsomorphicComponent<{
-    sticky?: ("partial" | "always") | undefined;
-    position?: ("item-aligned" | "floating") | undefined;
     dir?: import("../../../index.js").Direction | undefined;
     align?: import("../../utilities/floating-layer/useFloatingLayer.svelte.js").Align | undefined;
     preventScroll?: boolean | undefined;
     loop?: boolean | undefined;
     forceMount?: boolean | undefined;
     strategy?: "absolute" | "fixed" | undefined;
+    position?: ("item-aligned" | "floating") | undefined;
     side?: import("../../utilities/floating-layer/useFloatingLayer.svelte.js").Side | undefined;
     sideOffset?: number | undefined;
     alignOffset?: number | undefined;
@@ -28,6 +27,7 @@ declare const SelectContentImpl: $$__sveltets_2_IsomorphicComponent<{
     avoidCollisions?: boolean | undefined;
     collisionBoundary?: import("../../../internal/types.js").Arrayable<import("../../utilities/floating-layer/useFloatingLayer.svelte.js").Boundary> | undefined;
     collisionPadding?: (number | Partial<Record<import("../../utilities/floating-layer/useFloatingLayer.svelte.js").Side, number>>) | undefined;
+    sticky?: ("partial" | "always") | undefined;
     hideWhenDetached?: boolean | undefined;
     updatePositionStrategy?: ("optimized" | "always") | undefined;
     customAnchor?: (string | HTMLElement | import("../../../internal/floating-svelte/types.js").Measurable | null) | undefined;
@@ -46,15 +46,14 @@ declare const SelectContentImpl: $$__sveltets_2_IsomorphicComponent<{
     children?: import("svelte").Snippet<[]> | undefined;
     style?: import("../../../index.js").StyleProperties | string | null | undefined;
     ref?: HTMLElement | null | undefined;
-} & import("../../../index.js").Without<import("../../../index.js").PrimitiveDivAttributes, {
-    sticky?: ("partial" | "always") | undefined;
-    position?: ("item-aligned" | "floating") | undefined;
+} & import("../../../index.js").Without<import("../../../index.js").BitsPrimitiveDivAttributes, {
     dir?: import("../../../index.js").Direction | undefined;
     align?: import("../../utilities/floating-layer/useFloatingLayer.svelte.js").Align | undefined;
     preventScroll?: boolean | undefined;
     loop?: boolean | undefined;
     forceMount?: boolean | undefined;
     strategy?: "absolute" | "fixed" | undefined;
+    position?: ("item-aligned" | "floating") | undefined;
     side?: import("../../utilities/floating-layer/useFloatingLayer.svelte.js").Side | undefined;
     sideOffset?: number | undefined;
     alignOffset?: number | undefined;
@@ -62,6 +61,7 @@ declare const SelectContentImpl: $$__sveltets_2_IsomorphicComponent<{
     avoidCollisions?: boolean | undefined;
     collisionBoundary?: import("../../../internal/types.js").Arrayable<import("../../utilities/floating-layer/useFloatingLayer.svelte.js").Boundary> | undefined;
     collisionPadding?: (number | Partial<Record<import("../../utilities/floating-layer/useFloatingLayer.svelte.js").Side, number>>) | undefined;
+    sticky?: ("partial" | "always") | undefined;
     hideWhenDetached?: boolean | undefined;
     updatePositionStrategy?: ("optimized" | "always") | undefined;
     customAnchor?: (string | HTMLElement | import("../../../internal/floating-svelte/types.js").Measurable | null) | undefined;

package/dist/bits/select/components/select-content-item-aligned.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useSelectItemAlignedPosition } from "../select.svelte.js";
 	import type { WithChild } from "../../../internal/types.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { useBodyScrollLock } from "../../../internal/use-body-scroll-lock.svelte.js";
-	import type { PrimitiveDivAttributes } from "../../../shared/attributes.js";
+	import type { BitsPrimitiveDivAttributes } from "../../../shared/attributes.js";
 
 	let {
 		child,
@@ -12,7 +11,7 @@
 		preventScroll = true,
 		onPlaced,
 		...restProps
-	}: WithChild<PrimitiveDivAttributes> & {
+	}: WithChild<BitsPrimitiveDivAttributes> & {
 		preventScroll?: boolean;
 		onPlaced: () => void;
 	} = $props();

package/dist/bits/select/components/select-content-item-aligned.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { PrimitiveDivAttributes } from "../../../shared/attributes.js";
+import type { BitsPrimitiveDivAttributes } from "../../../shared/attributes.js";
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const SelectContentItemAligned: $$__sveltets_2_IsomorphicComponent<Omit<PrimitiveDivAttributes, "child" | "children"> & {
+declare const SelectContentItemAligned: $$__sveltets_2_IsomorphicComponent<Omit<BitsPrimitiveDivAttributes, "children" | "child"> & {
     child?: import("svelte").Snippet<[{
         props: Record<string, unknown>;
     }]> | undefined;

package/dist/bits/select/components/select-group-heading.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { SelectGroupHeadingProps } from "../types.js";
 	import { useSelectGroupHeading } from "../select.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		children,

package/dist/bits/select/components/select-group.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { SelectGroupProps } from "../types.js";
 	import { useSelectGroup } from "../select.svelte.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { useId } from "../../../internal/use-id.js";
 
 	let {

package/dist/bits/select/components/select-icon.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { SelectIconProps } from "../types.js";
 	import { useSelectIcon } from "../select.svelte.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { useId } from "../../../internal/use-id.js";
 
 	let {

package/dist/bits/select/components/select-item-text.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { SelectItemTextProps } from "../types.js";
 	import { useSelectItemText } from "../select.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import Portal from "../../utilities/portal/portal.svelte";
 
 	let {

package/dist/bits/select/components/select-item.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { SelectItemProps } from "../types.js";
 	import { useSelectItem } from "../select.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		id = useId(),