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

package/dist/bits/dialog/dialog.svelte.js

@@ -1,5 +1,5 @@
+import { useRefById } from "svelte-toolbelt";
 import { getAriaExpanded, getDataOpenClosed } from "../../internal/attrs.js";
-import { useRefById } from "../../internal/use-ref-by-id.svelte.js";
 import { createContext } from "../../internal/create-context.js";
 function createAttrs(variant) {
     return {
@@ -88,7 +88,7 @@ class DialogCloseState {
         useRefById({
             id: this.#id,
             ref: this.#ref,
-            condition: () => this.#root.open.current,
+            deps: () => this.#root.open.current,
         });
     }
     #onclick = () => {
@@ -138,7 +138,7 @@ class DialogTitleState {
                 this.#root.titleNode = node;
                 this.#root.titleId = node?.id;
             },
-            condition: () => this.#root.open.current,
+            deps: () => this.#root.open.current,
         });
     }
     props = $derived.by(() => ({
@@ -160,7 +160,7 @@ class DialogDescriptionState {
         useRefById({
             id: this.#id,
             ref: this.#ref,
-            condition: () => this.#root.open.current,
+            deps: () => this.#root.open.current,
             onRefChange: (node) => {
                 this.#root.descriptionNode = node;
                 this.#root.descriptionId = node?.id;
@@ -184,7 +184,7 @@ class DialogContentState {
         useRefById({
             id: this.#id,
             ref: this.#ref,
-            condition: () => this.root.open.current,
+            deps: () => this.root.open.current,
             onRefChange: (node) => {
                 this.root.contentNode = node;
                 this.root.contentId = node?.id;
@@ -212,7 +212,7 @@ class DialogOverlayState {
         useRefById({
             id: this.#id,
             ref: this.#ref,
-            condition: () => this.root.open.current,
+            deps: () => this.root.open.current,
         });
     }
     snippetProps = $derived.by(() => ({ open: this.root.open.current }));
@@ -233,7 +233,7 @@ class AlertDialogCancelState {
         useRefById({
             id: this.#id,
             ref: this.#ref,
-            condition: () => this.#root.open.current,
+            deps: () => this.#root.open.current,
             onRefChange: (node) => {
                 this.#root.cancelNode = node;
             },

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

@@ -3,8 +3,8 @@ import type { DismissibleLayerProps } from "../utilities/dismissible-layer/types
 import type { PresenceLayerProps } from "../utilities/presence-layer/types.js";
 import type { FocusScopeProps } from "../utilities/focus-scope/types.js";
 import type { TextSelectionLayerProps } from "../utilities/text-selection-layer/types.js";
-import type { OnChangeFn, WithChild, WithChildren, Without } from "../../internal/types.js";
-import type { PrimitiveButtonAttributes, PrimitiveDivAttributes } from "../../shared/attributes.js";
+import type { OnChangeFn, WithChild, WithChildNoChildrenSnippetProps, WithChildren, Without } from "../../internal/types.js";
+import type { BitsPrimitiveButtonAttributes, BitsPrimitiveDivAttributes } from "../../shared/attributes.js";
 import type { PortalProps } from "../utilities/portal/index.js";
 export type DialogRootPropsWithoutHTML = WithChildren<{
     /**
@@ -28,27 +28,27 @@ export type DialogRootProps = DialogRootPropsWithoutHTML;
 export type DialogContentSnippetProps = {
     open: boolean;
 };
-export type DialogContentPropsWithoutHTML = WithChild<Omit<EscapeLayerProps & Omit<DismissibleLayerProps, "onInteractOutsideStart"> & PresenceLayerProps & FocusScopeProps & TextSelectionLayerProps & {
+export type DialogContentPropsWithoutHTML = WithChildNoChildrenSnippetProps<Omit<EscapeLayerProps & Omit<DismissibleLayerProps, "onInteractOutsideStart"> & PresenceLayerProps & FocusScopeProps & TextSelectionLayerProps & {
     preventScroll?: boolean;
 }, "loop">, DialogContentSnippetProps>;
-export type DialogContentProps = DialogContentPropsWithoutHTML & Without<PrimitiveDivAttributes, DialogContentPropsWithoutHTML>;
+export type DialogContentProps = DialogContentPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, DialogContentPropsWithoutHTML>;
 export type DialogOverlaySnippetProps = {
     open: boolean;
 };
 export type DialogOverlayPropsWithoutHTML = WithChild<PresenceLayerProps, DialogOverlaySnippetProps>;
-export type DialogOverlayProps = DialogOverlayPropsWithoutHTML & Without<PrimitiveDivAttributes, DialogOverlayPropsWithoutHTML>;
+export type DialogOverlayProps = DialogOverlayPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, DialogOverlayPropsWithoutHTML>;
 export type DialogPortalPropsWithoutHTML = PortalProps;
 export type DialogPortalProps = DialogPortalPropsWithoutHTML;
 export type DialogTriggerPropsWithoutHTML = WithChild;
-export type DialogTriggerProps = DialogTriggerPropsWithoutHTML & Without<PrimitiveButtonAttributes, DialogTriggerPropsWithoutHTML>;
+export type DialogTriggerProps = DialogTriggerPropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, DialogTriggerPropsWithoutHTML>;
 export type DialogTitlePropsWithoutHTML = WithChild<{
     /**
      * The heading level of the dialog title.
      */
     level?: 1 | 2 | 3 | 4 | 5 | 6;
 }>;
-export type DialogTitleProps = DialogTitlePropsWithoutHTML & Without<PrimitiveDivAttributes, DialogTitlePropsWithoutHTML>;
+export type DialogTitleProps = DialogTitlePropsWithoutHTML & Without<BitsPrimitiveDivAttributes, DialogTitlePropsWithoutHTML>;
 export type DialogClosePropsWithoutHTML = DialogTriggerPropsWithoutHTML;
 export type DialogCloseProps = DialogTriggerProps;
 export type DialogDescriptionPropsWithoutHTML = WithChild;
-export type DialogDescriptionProps = DialogDescriptionPropsWithoutHTML & Without<PrimitiveDivAttributes, DialogDescriptionPropsWithoutHTML>;
+export type DialogDescriptionProps = DialogDescriptionPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, DialogDescriptionPropsWithoutHTML>;

package/dist/bits/dropdown-menu/components/dropdown-menu-content-static.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { DropdownMenuContentStaticProps } from "../types.js";
 	import { useMenuContent } from "../../menu/menu.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 	import PopperLayer from "../../utilities/popper-layer/popper-layer.svelte";
 	import Mounted from "../../utilities/mounted.svelte";
 
@@ -62,7 +61,7 @@
 			{@render child({ props: finalProps, ...contentState.snippetProps })}
 		{:else}
 			<div {...finalProps}>
-				{@render children?.(contentState.snippetProps)}
+				{@render children?.()}
 			</div>
 		{/if}
 		<Mounted bind:isMounted />

package/dist/bits/dropdown-menu/components/dropdown-menu-content.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { DropdownMenuContentProps } from "../types.js";
 	import { useMenuContent } from "../../menu/menu.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 	import PopperLayer from "../../utilities/popper-layer/popper-layer.svelte";
 	import Mounted from "../../utilities/mounted.svelte";
 	import { getFloatingContentCSSVars } from "../../../internal/floating-svelte/floating-utils.svelte.js";
@@ -64,7 +63,7 @@
 			{@render child({ props: finalProps, ...contentState.snippetProps })}
 		{:else}
 			<div {...finalProps}>
-				{@render children?.(contentState.snippetProps)}
+				{@render children?.()}
 			</div>
 		{/if}
 		<Mounted bind:isMounted />

package/dist/bits/label/components/label.svelte

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

package/dist/bits/label/label.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-label-root";
 class LabelRootState {
     #id;

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

@@ -1,4 +1,4 @@
 import type { WithChild, Without } from "../../internal/types.js";
-import type { PrimitiveLabelAttributes } from "../../shared/attributes.js";
+import type { BitsPrimitiveLabelAttributes } from "../../shared/attributes.js";
 export type LabelRootPropsWithoutHTML = WithChild;
-export type LabelRootProps = LabelRootPropsWithoutHTML & Without<PrimitiveLabelAttributes, LabelRootPropsWithoutHTML>;
+export type LabelRootProps = LabelRootPropsWithoutHTML & Without<BitsPrimitiveLabelAttributes, LabelRootPropsWithoutHTML>;

package/dist/bits/link-preview/components/link-preview-content-static.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { LinkPreviewContentStaticProps } from "../types.js";
 	import { useLinkPreviewContent } from "../link-preview.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import PopperLayer from "../../utilities/popper-layer/popper-layer.svelte";
 
 	let {

package/dist/bits/link-preview/components/link-preview-content.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { LinkPreviewContentProps } from "../types.js";
 	import { useLinkPreviewContent } from "../link-preview.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import PopperLayer from "../../utilities/popper-layer/popper-layer.svelte";
 	import { getFloatingContentCSSVars } from "../../../internal/floating-svelte/floating-utils.svelte.js";
 
@@ -76,7 +75,7 @@
 			{@render child({ props: mergedProps, ...contentState.snippetProps })}
 		{:else}
 			<div {...mergedProps}>
-				{@render children?.(contentState.snippetProps)}
+				{@render children?.()}
 			</div>
 		{/if}
 	{/snippet}

package/dist/bits/link-preview/components/link-preview-trigger.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { LinkPreviewTriggerProps } from "../types.js";
 	import { useLinkPreviewTrigger } from "../link-preview.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
 
 	let {

package/dist/bits/link-preview/components/link-preview.svelte

@@ -2,7 +2,7 @@
 	import { box } from "svelte-toolbelt";
 	import type { LinkPreviewRootProps } from "../types.js";
 	import { useLinkPreviewRoot } from "../link-preview.svelte.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
 
 	let {

package/dist/bits/link-preview/link-preview.svelte.d.ts

@@ -31,7 +31,7 @@ declare class LinkPreviewTriggerState {
     props: {
         readonly id: string;
         readonly "aria-haspopup": "dialog";
-        readonly "aria-expanded": "false" | "true";
+        readonly "aria-expanded": "true" | "false";
         readonly "data-state": "open" | "closed";
         readonly "aria-controls": string | undefined;
         readonly role: "button";

package/dist/bits/link-preview/link-preview.svelte.js

@@ -1,15 +1,11 @@
 import { untrack } from "svelte";
-import { box } from "svelte-toolbelt";
+import { afterSleep, box, onDestroyEffect, useRefById } from "svelte-toolbelt";
 import { getAriaExpanded, getDataOpenClosed } from "../../internal/attrs.js";
 import { addEventListener } from "../../internal/events.js";
 import { isElement, isFocusVisible, isTouch } from "../../internal/is.js";
-import { sleep } from "../../internal/sleep.js";
-import { useRefById } from "../../internal/use-ref-by-id.svelte.js";
 import { getTabbableCandidates } from "../../internal/focus.js";
 import { createContext } from "../../internal/create-context.js";
 import { useGraceArea } from "../../internal/use-grace-area.svelte.js";
-import { onDestroyEffect } from "../../internal/on-destroy-effect.svelte.js";
-import { afterSleep } from "../../internal/after-sleep.js";
 const CONTENT_ATTR = "data-link-preview-content";
 const TRIGGER_ATTR = "data-link-preview-trigger";
 class LinkPreviewRootState {

package/dist/bits/link-preview/types.d.ts

@@ -3,8 +3,8 @@ import type { DismissibleLayerProps } from "../utilities/dismissible-layer/types
 import type { EscapeLayerProps } from "../utilities/escape-layer/types.js";
 import type { FloatingLayerContentProps } from "../utilities/floating-layer/types.js";
 import type { PortalProps } from "../utilities/portal/types.js";
-import type { PrimitiveAnchorAttributes, PrimitiveDivAttributes } from "../../shared/attributes.js";
-import type { OnChangeFn, WithChild, WithChildren, Without } from "../../internal/types.js";
+import type { BitsPrimitiveAnchorAttributes, BitsPrimitiveDivAttributes } from "../../shared/attributes.js";
+import type { OnChangeFn, WithChild, WithChildNoChildrenSnippetProps, WithChildren, Without } from "../../internal/types.js";
 export type LinkPreviewRootPropsWithoutHTML = WithChildren<{
     /**
      * The open state of the link preview.
@@ -58,7 +58,7 @@ export type LinkPreviewContentSnippetProps = {
      */
     open: boolean;
 };
-export type LinkPreviewContentPropsWithoutHTML = WithChild<Pick<FloatingLayerContentProps, "side" | "sideOffset" | "align" | "alignOffset" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "arrowPadding" | "sticky" | "hideWhenDetached" | "dir"> & Omit<DismissibleLayerProps, "onInteractOutsideStart"> & EscapeLayerProps & {
+export type LinkPreviewContentPropsWithoutHTML = WithChildNoChildrenSnippetProps<Pick<FloatingLayerContentProps, "side" | "sideOffset" | "align" | "alignOffset" | "avoidCollisions" | "collisionBoundary" | "collisionPadding" | "arrowPadding" | "sticky" | "hideWhenDetached" | "dir"> & Omit<DismissibleLayerProps, "onInteractOutsideStart"> & EscapeLayerProps & {
     /**
      * When `true`, the link preview content will be forced to mount in the DOM.
      *
@@ -66,7 +66,7 @@ export type LinkPreviewContentPropsWithoutHTML = WithChild<Pick<FloatingLayerCon
      */
     forceMount?: boolean;
 }, LinkPreviewContentSnippetProps>;
-export type LinkPreviewContentProps = LinkPreviewContentPropsWithoutHTML & Without<PrimitiveDivAttributes, LinkPreviewContentPropsWithoutHTML>;
+export type LinkPreviewContentProps = LinkPreviewContentPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, LinkPreviewContentPropsWithoutHTML>;
 export type LinkPreviewContentStaticPropsWithoutHTML = WithChild<Pick<FloatingLayerContentProps, "dir"> & Omit<DismissibleLayerProps, "onInteractOutsideStart"> & EscapeLayerProps & {
     /**
      * When `true`, the link preview content will be forced to mount in the DOM.
@@ -75,10 +75,10 @@ export type LinkPreviewContentStaticPropsWithoutHTML = WithChild<Pick<FloatingLa
      */
     forceMount?: boolean;
 }, LinkPreviewContentSnippetProps>;
-export type LinkPreviewContentStaticProps = LinkPreviewContentStaticPropsWithoutHTML & Without<PrimitiveDivAttributes, LinkPreviewContentStaticPropsWithoutHTML>;
+export type LinkPreviewContentStaticProps = LinkPreviewContentStaticPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, LinkPreviewContentStaticPropsWithoutHTML>;
 export type LinkPreviewArrowPropsWithoutHTML = ArrowPropsWithoutHTML;
 export type LinkPreviewArrowProps = ArrowProps;
 export type LinkPreviewPortalPropsWithoutHTML = PortalProps;
 export type LinkPreviewPortalProps = LinkPreviewPortalPropsWithoutHTML;
 export type LinkPreviewTriggerPropsWithoutHTML = WithChild;
-export type LinkPreviewTriggerProps = LinkPreviewTriggerPropsWithoutHTML & Without<PrimitiveAnchorAttributes, LinkPreviewTriggerPropsWithoutHTML>;
+export type LinkPreviewTriggerProps = LinkPreviewTriggerPropsWithoutHTML & Without<BitsPrimitiveAnchorAttributes, LinkPreviewTriggerPropsWithoutHTML>;

package/dist/bits/listbox/components/listbox-content-static.svelte

@@ -1,11 +1,10 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { ListboxContentStaticProps } from "../types.js";
 	import { useListboxContent } from "../listbox.svelte.js";
 	import PopperLayer from "../../utilities/popper-layer/popper-layer.svelte";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 
 	let {
 		id = useId(),
@@ -62,7 +61,7 @@
 			{@render child({ props: finalProps, ...contentState.snippetProps })}
 		{:else}
 			<div {...finalProps}>
-				{@render children?.(contentState.snippetProps)}
+				{@render children?.()}
 			</div>
 		{/if}
 	{/snippet}

package/dist/bits/listbox/components/listbox-content.svelte

@@ -1,11 +1,10 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { ListboxContentProps } from "../types.js";
 	import { useListboxContent } from "../listbox.svelte.js";
 	import PopperLayer from "../../utilities/popper-layer/popper-layer.svelte";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 
 	let {
 		id = useId(),
@@ -70,7 +69,7 @@
 			{@render child({ props: finalProps, ...contentState.snippetProps })}
 		{:else}
 			<div {...finalProps}>
-				{@render children?.(contentState.snippetProps)}
+				{@render children?.()}
 			</div>
 		{/if}
 	{/snippet}

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

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

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

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

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

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useListboxItem } from "../listbox.svelte.js";
 	import type { ListboxItemProps } from "../types.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 
 	let {
 		id = useId(),

package/dist/bits/listbox/components/listbox-scroll-down-button.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { ListboxScrollDownButtonProps } from "../types.js";
 	import { useListboxScrollDownButton } from "../listbox.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { Mounted } from "../../utilities/index.js";
 
 	let {

package/dist/bits/listbox/components/listbox-scroll-up-button.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { ListboxScrollUpButtonProps } from "../types.js";
 	import { useListboxScrollUpButton } from "../listbox.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { Mounted } from "../../utilities/index.js";
 
 	let {

package/dist/bits/listbox/components/listbox-trigger.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useListboxTrigger } from "../listbox.svelte.js";
 	import type { ListboxTriggerProps } from "../types.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
 
 	let {

package/dist/bits/listbox/components/listbox-viewport.svelte

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

package/dist/bits/listbox/components/listbox.svelte

@@ -3,7 +3,7 @@
 	import { useListboxRoot } from "../listbox.svelte.js";
 	import type { ListboxRootProps } from "../types.js";
 	import ListboxHiddenInput from "./listbox-hidden-input.svelte";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 	import FloatingLayer from "../../utilities/floating-layer/components/floating-layer.svelte";
 
 	let {

package/dist/bits/listbox/components/listbox.svelte.d.ts

@@ -13,6 +13,6 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const Listbox: $$__sveltets_2_IsomorphicComponent<import("../types.js").ListboxRootPropsWithoutHTML, {
     [evt: string]: CustomEvent<any>;
-}, {}, {}, "open" | "value">;
+}, {}, {}, "value" | "open">;
 type Listbox = InstanceType<typeof Listbox>;
 export default Listbox;

package/dist/bits/listbox/listbox.svelte.d.ts

@@ -87,7 +87,7 @@ declare class ListboxInputState {
         readonly disabled: true | undefined;
         readonly "aria-activedescendant": string | undefined;
         readonly "aria-autocomplete": "list";
-        readonly "aria-expanded": "false" | "true";
+        readonly "aria-expanded": "true" | "false";
         readonly "data-state": "open" | "closed";
         readonly "data-disabled": "" | undefined;
         readonly onkeydown: (e: KeyboardEvent) => Promise<void>;

package/dist/bits/listbox/listbox.svelte.js

@@ -1,16 +1,13 @@
 import { Previous } from "runed";
 import { untrack } from "svelte";
-import { styleToString } from "svelte-toolbelt";
-import { afterTick } from "../../internal/after-tick.js";
+import { afterTick, srOnlyStyles, styleToString, useRefById } from "svelte-toolbelt";
 import { backward, forward, next, prev } from "../../internal/arrays.js";
 import { getAriaExpanded, getAriaHidden, getDataDisabled, getDataOpenClosed, getDisabled, getRequired, } from "../../internal/attrs.js";
 import { createContext } from "../../internal/create-context.js";
 import { kbd } from "../../internal/kbd.js";
-import { useRefById } from "../../internal/use-ref-by-id.svelte.js";
-import { noop } from "../../internal/callbacks.js";
+import { noop } from "../../internal/noop.js";
 import { addEventListener } from "../../internal/events.js";
 import { useTypeahead } from "../../internal/use-typeahead.svelte.js";
-import { srOnlyStyles } from "../../internal/style.js";
 // prettier-ignore
 export const INTERACTION_KEYS = [kbd.ARROW_LEFT, kbd.ESCAPE, kbd.ARROW_RIGHT, kbd.SHIFT, kbd.CAPS_LOCK, kbd.CONTROL, kbd.ALT, kbd.META, kbd.ENTER, kbd.F1, kbd.F2, kbd.F3, kbd.F4, kbd.F5, kbd.F6, kbd.F7, kbd.F8, kbd.F9, kbd.F10, kbd.F11, kbd.F12];
 export const FIRST_KEYS = [kbd.ARROW_DOWN, kbd.PAGE_UP, kbd.HOME];
@@ -523,7 +520,7 @@ class ListboxContentState {
             onRefChange: (node) => {
                 this.root.contentNode = node;
             },
-            condition: () => this.root.open.current,
+            deps: () => this.root.open.current,
         });
         $effect(() => {
             return () => {
@@ -732,7 +729,7 @@ class ListboxViewportState {
             onRefChange: (node) => {
                 this.content.viewportNode = node;
             },
-            condition: () => this.root.open.current,
+            deps: () => this.root.open.current,
         });
     }
     props = $derived.by(() => ({
@@ -766,7 +763,7 @@ class ListboxScrollButtonImplState {
         useRefById({
             id: this.id,
             ref: this.ref,
-            condition: () => this.mounted.current,
+            deps: () => this.mounted.current,
         });
         $effect(() => {
             if (!this.mounted.current)

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

@@ -2,8 +2,8 @@ import type { Expand } from "svelte-toolbelt";
 import type { PortalProps } from "../utilities/portal/types.js";
 import type { PopperLayerProps, PopperLayerStaticProps } from "../utilities/popper-layer/types.js";
 import type { ArrowProps, ArrowPropsWithoutHTML } from "../utilities/arrow/types.js";
-import type { PrimitiveButtonAttributes, PrimitiveDivAttributes } from "../../shared/attributes.js";
-import type { OnChangeFn, WithChild, WithChildren, Without } from "../../internal/types.js";
+import type { BitsPrimitiveButtonAttributes, BitsPrimitiveDivAttributes } from "../../shared/attributes.js";
+import type { OnChangeFn, WithChild, WithChildNoChildrenSnippetProps, WithChildren, Without } from "../../internal/types.js";
 export type ListboxBaseRootPropsWithoutHTML = WithChildren<{
     /**
      * Whether the combobox is disabled.
@@ -98,8 +98,8 @@ export type ListboxMultipleRootPropsWithoutHTML = {
      */
     type: "multiple";
 };
-export type ListboxSingleRootProps = ListboxBaseRootPropsWithoutHTML & ListboxSingleRootPropsWithoutHTML & Without<PrimitiveDivAttributes, ListboxSingleRootPropsWithoutHTML | ListboxBaseRootPropsWithoutHTML>;
-export type ListboxMultipleRootProps = ListboxBaseRootPropsWithoutHTML & ListboxMultipleRootPropsWithoutHTML & Without<PrimitiveDivAttributes, ListboxMultipleRootPropsWithoutHTML | ListboxBaseRootPropsWithoutHTML>;
+export type ListboxSingleRootProps = ListboxBaseRootPropsWithoutHTML & ListboxSingleRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ListboxSingleRootPropsWithoutHTML | ListboxBaseRootPropsWithoutHTML>;
+export type ListboxMultipleRootProps = ListboxBaseRootPropsWithoutHTML & ListboxMultipleRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ListboxMultipleRootPropsWithoutHTML | ListboxBaseRootPropsWithoutHTML>;
 export type ListboxRootPropsWithoutHTML = ListboxBaseRootPropsWithoutHTML & (ListboxSingleRootPropsWithoutHTML | ListboxMultipleRootPropsWithoutHTML);
 export type ListboxRootProps = ListboxRootPropsWithoutHTML;
 export type _SharedListboxContentProps = {
@@ -117,12 +117,12 @@ export type ListboxContentSnippetProps = {
      */
     open: boolean;
 };
-export type ListboxContentPropsWithoutHTML = Expand<WithChild<Omit<PopperLayerProps, "content" | "onOpenAutoFocus" | "trapFocus"> & _SharedListboxContentProps, ListboxContentSnippetProps>>;
-export type ListboxContentProps = ListboxContentPropsWithoutHTML & Without<PrimitiveDivAttributes, ListboxContentPropsWithoutHTML>;
-export type ListboxContentStaticPropsWithoutHTML = Expand<WithChild<Omit<PopperLayerStaticProps, "content" | "onOpenAutoFocus" | "trapFocus"> & _SharedListboxContentProps, ListboxContentSnippetProps>>;
-export type ListboxContentStaticProps = ListboxContentStaticPropsWithoutHTML & Without<PrimitiveDivAttributes, ListboxContentStaticPropsWithoutHTML>;
+export type ListboxContentPropsWithoutHTML = Expand<WithChildNoChildrenSnippetProps<Omit<PopperLayerProps, "content" | "onOpenAutoFocus" | "trapFocus"> & _SharedListboxContentProps, ListboxContentSnippetProps>>;
+export type ListboxContentProps = ListboxContentPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ListboxContentPropsWithoutHTML>;
+export type ListboxContentStaticPropsWithoutHTML = Expand<WithChildNoChildrenSnippetProps<Omit<PopperLayerStaticProps, "content" | "onOpenAutoFocus" | "trapFocus"> & _SharedListboxContentProps, ListboxContentSnippetProps>>;
+export type ListboxContentStaticProps = ListboxContentStaticPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ListboxContentStaticPropsWithoutHTML>;
 export type ListboxTriggerPropsWithoutHTML = WithChild;
-export type ListboxTriggerProps = ListboxTriggerPropsWithoutHTML & Without<PrimitiveButtonAttributes, ListboxTriggerPropsWithoutHTML>;
+export type ListboxTriggerProps = ListboxTriggerPropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, ListboxTriggerPropsWithoutHTML>;
 export type ListboxItemSnippetProps = {
     selected: boolean;
     highlighted: boolean;
@@ -158,20 +158,20 @@ export type ListboxItemPropsWithoutHTML = WithChild<{
      */
     onUnhighlight?: () => void;
 }, ListboxItemSnippetProps>;
-export type ListboxItemProps = ListboxItemPropsWithoutHTML & Without<PrimitiveDivAttributes, ListboxItemPropsWithoutHTML>;
+export type ListboxItemProps = ListboxItemPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ListboxItemPropsWithoutHTML>;
 export type ListboxGroupPropsWithoutHTML = WithChild;
-export type ListboxGroupProps = ListboxGroupPropsWithoutHTML & Without<PrimitiveDivAttributes, ListboxGroupPropsWithoutHTML>;
+export type ListboxGroupProps = ListboxGroupPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ListboxGroupPropsWithoutHTML>;
 export type ListboxGroupHeadingPropsWithoutHTML = WithChild;
-export type ListboxGroupHeadingProps = ListboxGroupHeadingPropsWithoutHTML & Without<PrimitiveDivAttributes, ListboxGroupHeadingPropsWithoutHTML>;
+export type ListboxGroupHeadingProps = ListboxGroupHeadingPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ListboxGroupHeadingPropsWithoutHTML>;
 export type ListboxSeparatorPropsWithoutHTML = WithChild;
-export type ListboxSeparatorProps = ListboxSeparatorPropsWithoutHTML & Without<PrimitiveDivAttributes, ListboxSeparatorPropsWithoutHTML>;
+export type ListboxSeparatorProps = ListboxSeparatorPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ListboxSeparatorPropsWithoutHTML>;
 export type ListboxPortalPropsWithoutHTML = PortalProps;
 export type ListboxPortalProps = ListboxPortalPropsWithoutHTML;
 export type ListboxArrowPropsWithoutHTML = ArrowPropsWithoutHTML;
 export type ListboxArrowProps = ArrowProps;
 export type ListboxViewportPropsWithoutHTML = WithChild;
-export type ListboxViewportProps = ListboxViewportPropsWithoutHTML & Without<PrimitiveDivAttributes, ListboxViewportPropsWithoutHTML>;
+export type ListboxViewportProps = ListboxViewportPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ListboxViewportPropsWithoutHTML>;
 export type ListboxScrollUpButtonPropsWithoutHTML = WithChild;
-export type ListboxScrollUpButtonProps = ListboxScrollUpButtonPropsWithoutHTML & Without<PrimitiveDivAttributes, ListboxScrollUpButtonPropsWithoutHTML>;
+export type ListboxScrollUpButtonProps = ListboxScrollUpButtonPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ListboxScrollUpButtonPropsWithoutHTML>;
 export type ListboxScrollDownButtonPropsWithoutHTML = WithChild;
-export type ListboxScrollDownButtonProps = ListboxScrollDownButtonPropsWithoutHTML & Without<PrimitiveDivAttributes, ListboxScrollDownButtonPropsWithoutHTML>;
+export type ListboxScrollDownButtonProps = ListboxScrollDownButtonPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ListboxScrollDownButtonPropsWithoutHTML>;

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

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

package/dist/bits/menu/components/menu-checkbox-item.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { MenuCheckboxItemProps } from "../types.js";
 	import { useMenuCheckboxItem } from "../menu.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 
 	let {
 		child,