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

package/dist/bits/checkbox/checkbox.svelte.js

@@ -1,8 +1,7 @@
-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 { kbd } from "../../internal/kbd.js";
 import { createContext } from "../../internal/create-context.js";
-import { srOnlyStyles, styleToString } from "../../internal/style.js";
 const CHECKBOX_ROOT_ATTR = "data-checkbox-root";
 class CheckboxRootState {
     #id;

package/dist/bits/checkbox/components/checkbox.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { CheckboxRootProps } from "../types.js";
 	import { useCheckboxRoot } from "../checkbox.svelte.js";
 	import CheckboxInput from "./checkbox-input.svelte";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { useId } from "../../../internal/use-id.js";
 
 	let {

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

@@ -1,5 +1,5 @@
 import type { OnChangeFn, WithChild, Without } from "../../internal/types.js";
-import type { PrimitiveButtonAttributes } from "../../shared/attributes.js";
+import type { BitsPrimitiveButtonAttributes } from "../../shared/attributes.js";
 export type CheckboxRootSnippetProps = {
     checked: boolean | "indeterminate";
 };
@@ -52,4 +52,4 @@ export type CheckboxRootPropsWithoutHTML = WithChild<{
      */
     controlledChecked?: boolean;
 }, CheckboxRootSnippetProps>;
-export type CheckboxRootProps = CheckboxRootPropsWithoutHTML & Without<PrimitiveButtonAttributes, CheckboxRootPropsWithoutHTML>;
+export type CheckboxRootProps = CheckboxRootPropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, CheckboxRootPropsWithoutHTML>;

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

@@ -60,7 +60,7 @@ declare class CollapsibleTriggerState {
         readonly type: "button";
         readonly disabled: boolean;
         readonly "aria-controls": string | undefined;
-        readonly "aria-expanded": "false" | "true";
+        readonly "aria-expanded": "true" | "false";
         readonly "data-state": "open" | "closed";
         readonly "data-disabled": "" | undefined;
         readonly "data-collapsible-trigger": "";

package/dist/bits/collapsible/collapsible.svelte.js

@@ -1,5 +1,4 @@
-import { useRefById } from "../../internal/use-ref-by-id.svelte.js";
-import { afterTick } from "../../internal/after-tick.js";
+import { afterTick, useRefById } from "svelte-toolbelt";
 import { getAriaExpanded, getDataDisabled, getDataOpenClosed } from "../../internal/attrs.js";
 import { createContext } from "../../internal/create-context.js";
 const COLLAPSIBLE_ROOT_ATTR = "data-collapsible-root";
@@ -51,7 +50,7 @@ class CollapsibleContentState {
         useRefById({
             id: this.#id,
             ref: this.#ref,
-            condition: () => this.present,
+            deps: () => this.present,
             onRefChange: (node) => {
                 this.root.contentNode = node;
                 this.root.contentId = node?.id;

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { useCollapsibleContent } from "../collapsible.svelte.js";
 	import type { CollapsibleContentProps } from "../types.js";
 	import { PresenceLayer } from "../../utilities/presence-layer/index.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import { useId } from "../../../internal/use-id.js";
 
 	let {
@@ -37,7 +36,7 @@
 			})}
 		{:else}
 			<div {...mergedProps}>
-				{@render children?.(contentState.snippetProps)}
+				{@render children?.()}
 			</div>
 		{/if}
 	{/snippet}

package/dist/bits/collapsible/components/collapsible-content.svelte.d.ts

@@ -13,14 +13,14 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
 }
 declare const CollapsibleContent: $$__sveltets_2_IsomorphicComponent<Omit<{
     forceMount?: boolean;
-}, "child" | "children"> & {
+}, "children" | "child"> & {
     child?: import("svelte").Snippet<[import("../types.js").CollapsibleContentSnippetProps & {
         props: Record<string, unknown>;
     }]> | undefined;
-    children?: import("svelte").Snippet<[import("../types.js").CollapsibleContentSnippetProps]> | undefined;
+    children?: import("svelte").Snippet;
     style?: import("../../../index.js").StyleProperties | string | null | undefined;
     ref?: HTMLElement | null | undefined;
-} & import("../../../index.js").Without<import("../../../index.js").PrimitiveDivAttributes, import("../types.js").CollapsibleContentPropsWithoutHTML> & {
+} & import("../../../index.js").Without<import("../../../index.js").BitsPrimitiveDivAttributes, import("../types.js").CollapsibleContentPropsWithoutHTML> & {
     forceMount?: boolean;
 }, {
     [evt: string]: CustomEvent<any>;

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

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

package/dist/bits/collapsible/components/collapsible.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { CollapsibleRootProps } from "../types.js";
 	import { useCollapsibleRoot } from "../collapsible.svelte.js";
-	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 {
 		children,

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

@@ -1,5 +1,5 @@
-import type { OnChangeFn, WithChild, Without } from "../../internal/types.js";
-import type { PrimitiveButtonAttributes, PrimitiveDivAttributes } from "../../shared/attributes.js";
+import type { OnChangeFn, WithChild, WithChildNoChildrenSnippetProps, Without } from "../../internal/types.js";
+import type { BitsPrimitiveButtonAttributes, BitsPrimitiveDivAttributes } from "../../shared/attributes.js";
 export type CollapsibleRootPropsWithoutHTML = WithChild<{
     /**
      * Whether the collapsible is disabled.
@@ -26,11 +26,11 @@ export type CollapsibleRootPropsWithoutHTML = WithChild<{
      */
     controlledOpen?: boolean;
 }>;
-export type CollapsibleRootProps = CollapsibleRootPropsWithoutHTML & Without<PrimitiveDivAttributes, CollapsibleRootPropsWithoutHTML>;
+export type CollapsibleRootProps = CollapsibleRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, CollapsibleRootPropsWithoutHTML>;
 export type CollapsibleContentSnippetProps = {
     open: boolean;
 };
-export type CollapsibleContentPropsWithoutHTML = WithChild<{
+export type CollapsibleContentPropsWithoutHTML = WithChildNoChildrenSnippetProps<{
     /**
      * Whether to force mount the content to the DOM.
      *
@@ -38,6 +38,6 @@ export type CollapsibleContentPropsWithoutHTML = WithChild<{
      */
     forceMount?: boolean;
 }, CollapsibleContentSnippetProps>;
-export type CollapsibleContentProps = CollapsibleContentPropsWithoutHTML & Without<PrimitiveDivAttributes, CollapsibleContentPropsWithoutHTML>;
+export type CollapsibleContentProps = CollapsibleContentPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, CollapsibleContentPropsWithoutHTML>;
 export type CollapsibleTriggerPropsWithoutHTML = WithChild;
-export type CollapsibleTriggerProps = CollapsibleTriggerPropsWithoutHTML & Without<PrimitiveButtonAttributes, CollapsibleTriggerPropsWithoutHTML>;
+export type CollapsibleTriggerProps = CollapsibleTriggerPropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, CollapsibleTriggerPropsWithoutHTML>;

package/dist/bits/combobox/components/combobox-input.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { ComboboxInputProps } 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";
 	import { useListboxInput } from "../../listbox/listbox.svelte.js";
 

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

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

package/dist/bits/combobox/components/combobox.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { type WritableBox, box } from "svelte-toolbelt";
 	import type { ComboboxRootProps } from "../types.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 	import FloatingLayer from "../../utilities/floating-layer/components/floating-layer.svelte";
 	import { useListboxRoot } from "../../listbox/listbox.svelte.js";
 	import ListboxHiddenInput from "../../listbox/components/listbox-hidden-input.svelte";

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

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

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

@@ -1,4 +1,4 @@
-import type { PrimitiveInputAttributes } from "../../shared/attributes.js";
+import type { BitsPrimitiveInputAttributes } from "../../shared/attributes.js";
 import type { WithChild, Without } from "../../internal/types.js";
 export type { ListboxBaseRootPropsWithoutHTML as ComboboxBaseRootPropsWithoutHTML, ListboxContentProps as ComboboxContentProps, ListboxContentPropsWithoutHTML as ComboboxContentPropsWithoutHTML, ListboxContentStaticProps as ComboboxContentStaticProps, ListboxContentStaticPropsWithoutHTML as ComboboxContentStaticPropsWithoutHTML, ListboxItemProps as ComboboxItemProps, ListboxItemPropsWithoutHTML as ComboboxItemPropsWithoutHTML, ListboxItemSnippetProps as ComboboxItemSnippetProps, ListboxMultipleRootProps as ComboboxMultipleRootProps, ListboxMultipleRootPropsWithoutHTML as ComboboxMultipleRootPropsWithoutHTML, ListboxRootProps as ComboboxRootProps, ListboxRootPropsWithoutHTML as ComboboxRootPropsWithoutHTML, ListboxSingleRootProps as ComboboxSingleRootProps, ListboxSingleRootPropsWithoutHTML as ComboboxSingleRootPropsWithoutHTML, ListboxTriggerProps as ComboboxTriggerProps, ListboxTriggerPropsWithoutHTML as ComboboxTriggerPropsWithoutHTML, ListboxGroupPropsWithoutHTML as ComboboxGroupPropsWithoutHTML, ListboxGroupProps as ComboboxGroupProps, ListboxGroupHeadingPropsWithoutHTML as ComboboxGroupHeadingPropsWithoutHTML, ListboxGroupHeadingProps as ComboboxGroupHeadingProps, ListboxViewportPropsWithoutHTML as ComboboxViewportPropsWithoutHTML, ListboxViewportProps as ComboboxViewportProps, ListboxScrollDownButtonProps as ComboboxScrollDownButtonProps, ListboxScrollDownButtonPropsWithoutHTML as ComboboxScrollDownButtonPropsWithoutHTML, ListboxScrollUpButtonProps as ComboboxScrollUpButtonProps, ListboxScrollUpButtonPropsWithoutHTML as ComboboxScrollUpButtonPropsWithoutHTML, ListboxArrowProps as ComboboxArrowProps, ListboxArrowPropsWithoutHTML as ComboboxArrowPropsWithoutHTML, ListboxPortalProps as ComboboxPortalProps, ListboxPortalPropsWithoutHTML as ComboboxPortalPropsWithoutHTML, } from "../listbox/types.js";
 export type ComboboxInputPropsWithoutHTML = WithChild<{
@@ -8,4 +8,4 @@ export type ComboboxInputPropsWithoutHTML = WithChild<{
      */
     defaultValue?: string;
 }>;
-export type ComboboxInputProps = ComboboxInputPropsWithoutHTML & Without<Omit<PrimitiveInputAttributes, "value">, ComboboxInputPropsWithoutHTML>;
+export type ComboboxInputProps = ComboboxInputPropsWithoutHTML & Without<Omit<BitsPrimitiveInputAttributes, "value">, ComboboxInputPropsWithoutHTML>;

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

@@ -122,7 +122,7 @@ declare class CommandInputState {
         readonly spellcheck: false;
         readonly "aria-autocomplete": "list";
         readonly role: "combobox";
-        readonly "aria-expanded": "false" | "true";
+        readonly "aria-expanded": "true" | "false";
         readonly "aria-controls": string | undefined;
         readonly "aria-labelledby": string | undefined;
         readonly "aria-activedescendant": string | undefined;
@@ -147,8 +147,8 @@ declare class CommandItemState {
     constructor(props: CommandItemStateProps, root: CommandRootState);
     props: {
         readonly id: string;
-        readonly "aria-disabled": "false" | "true";
-        readonly "aria-selected": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
+        readonly "aria-selected": "true" | "false";
         readonly "data-disabled": "" | undefined;
         readonly "data-selected": "" | undefined;
         readonly "data-command-item": "";
@@ -211,7 +211,7 @@ declare class CommandLabelState {
         readonly id: string;
         readonly "data-command-input-label": "";
         readonly for: string | undefined;
-        readonly style: import("../../index.js").StyleProperties;
+        readonly style: import("svelte-toolbelt").StyleProperties;
     };
 }
 type CommandViewportStateProps = WithRefProps;

package/dist/bits/command/command.svelte.js

@@ -1,14 +1,11 @@
 import { untrack } from "svelte";
+import { afterSleep, afterTick, srOnlyStyles, useRefById } from "svelte-toolbelt";
 import { findNextSibling, findPreviousSibling } from "./utils.js";
 import { commandScore } from "./command-score.js";
-import { useRefById } from "../../internal/use-ref-by-id.svelte.js";
 import { createContext } from "../../internal/create-context.js";
-import { afterSleep } from "../../internal/after-sleep.js";
 import { kbd } from "../../internal/kbd.js";
 import { getAriaDisabled, getAriaExpanded, getAriaSelected, getDataDisabled, getDataSelected, } from "../../internal/attrs.js";
 import { getFirstNonCommentChild } from "../../internal/dom.js";
-import { srOnlyStyles } from "../../internal/style.js";
-import { afterTick } from "../../internal/after-tick.js";
 const ROOT_ATTR = "data-command-root";
 const LIST_ATTR = "data-command-list";
 const INPUT_ATTR = "data-command-input";
@@ -452,7 +449,7 @@ class CommandEmptyState {
         useRefById({
             id: this.#id,
             ref: this.#ref,
-            condition: () => this.shouldRender,
+            deps: () => this.shouldRender,
         });
     }
     props = $derived.by(() => ({
@@ -488,7 +485,7 @@ class CommandGroupContainerState {
         useRefById({
             id: this.id,
             ref: this.#ref,
-            condition: () => this.shouldRender,
+            deps: () => this.shouldRender,
         });
         $effect(() => {
             return this.#root.registerGroup(this.id.current);
@@ -658,7 +655,7 @@ class CommandItemState {
         useRefById({
             id: this.id,
             ref: this.#ref,
-            condition: () => Boolean(this.root.commandState.search),
+            deps: () => Boolean(this.root.commandState.search),
         });
         $effect(() => {
             this.id.current;
@@ -753,7 +750,7 @@ class CommandSeparatorState {
         useRefById({
             id: this.#id,
             ref: this.#ref,
-            condition: () => this.shouldRender,
+            deps: () => this.shouldRender,
         });
     }
     props = $derived.by(() => ({

package/dist/bits/command/components/_command-label.svelte

@@ -2,7 +2,7 @@
 	import { box } from "svelte-toolbelt";
 	import { useCommandLabel } from "../command.svelte.js";
 	import {
-		type PrimitiveLabelAttributes,
+		type BitsPrimitiveLabelAttributes,
 		type WithElementRef,
 		mergeProps,
 		useId,
@@ -14,7 +14,7 @@
 		ref = $bindable(null),
 		children,
 		...restProps
-	}: WithChildren<WithElementRef<PrimitiveLabelAttributes>> = $props();
+	}: WithChildren<WithElementRef<BitsPrimitiveLabelAttributes>> = $props();
 
 	const labelState = useCommandLabel({
 		id: box.with(() => id),

package/dist/bits/command/components/_command-label.svelte.d.ts

@@ -1,4 +1,4 @@
-import { type PrimitiveLabelAttributes, type WithElementRef } from "../../../shared/index.js";
+import { type BitsPrimitiveLabelAttributes, type WithElementRef } from "../../../shared/index.js";
 import type { WithChildren } from "../../../internal/types.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> & {
@@ -13,7 +13,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const CommandLabel: $$__sveltets_2_IsomorphicComponent<WithChildren<WithElementRef<PrimitiveLabelAttributes>>, {
+declare const CommandLabel: $$__sveltets_2_IsomorphicComponent<WithChildren<WithElementRef<BitsPrimitiveLabelAttributes>>, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type CommandLabel = InstanceType<typeof CommandLabel>;

package/dist/bits/command/components/command-empty.svelte

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

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

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

package/dist/bits/command/components/command-group-items.svelte

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

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

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

package/dist/bits/command/components/command-input.svelte

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

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

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { CommandItemProps } from "../types.js";
 	import { getCommandGroupContainerContext, useCommandItem } from "../command.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";
 
 	let {
 		id = useId(),

package/dist/bits/command/components/command-link-item.svelte

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { CommandLinkItemProps } from "../types.js";
 	import { getCommandGroupContainerContext, useCommandItem } from "../command.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";
 
 	let {
 		id = useId(),

package/dist/bits/command/components/command-list.svelte

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

package/dist/bits/command/components/command-loading.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { CommandLoadingProps } from "../types.js";
 	import { useCommandLoading } from "../command.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		progress = 0,

package/dist/bits/command/components/command-separator.svelte

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

package/dist/bits/command/components/command.svelte

@@ -1,11 +1,10 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import { defaultFilter, useCommandRoot } from "../command.svelte.js";
 	import type { CommandRootProps } from "../types.js";
 	import CommandLabel from "./_command-label.svelte";
-	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";
 
 	let {
 		id = useId(),

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

@@ -1,4 +1,4 @@
-import type { PrimitiveAnchorAttributes, PrimitiveDivAttributes, PrimitiveInputAttributes, WithChild, Without } from "../../shared/index.js";
+import type { BitsPrimitiveAnchorAttributes, BitsPrimitiveDivAttributes, BitsPrimitiveInputAttributes, WithChild, Without } from "../../shared/index.js";
 export type CommandState = {
     /** The value of the search query */
     search: string;
@@ -68,7 +68,7 @@ export type CommandRootPropsWithoutHTML = WithChild<{
      */
     controlledValue?: boolean;
 }>;
-export type CommandRootProps = CommandRootPropsWithoutHTML & Without<PrimitiveDivAttributes, CommandRootPropsWithoutHTML>;
+export type CommandRootProps = CommandRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, CommandRootPropsWithoutHTML>;
 export type CommandEmptyPropsWithoutHTML = WithChild<{
     /**
      * Whether to force mount the group container regardless of
@@ -76,7 +76,7 @@ export type CommandEmptyPropsWithoutHTML = WithChild<{
      */
     forceMount?: boolean;
 }>;
-export type CommandEmptyProps = CommandEmptyPropsWithoutHTML & Without<PrimitiveDivAttributes, CommandEmptyPropsWithoutHTML>;
+export type CommandEmptyProps = CommandEmptyPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, CommandEmptyPropsWithoutHTML>;
 export type CommandGroupPropsWithoutHTML = WithChild<{
     /**
      * A unique value for the group.
@@ -88,11 +88,11 @@ export type CommandGroupPropsWithoutHTML = WithChild<{
      */
     forceMount?: boolean;
 }>;
-export type CommandGroupProps = CommandGroupPropsWithoutHTML & Without<PrimitiveDivAttributes, CommandGroupPropsWithoutHTML>;
+export type CommandGroupProps = CommandGroupPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, CommandGroupPropsWithoutHTML>;
 export type CommandGroupHeadingPropsWithoutHTML = WithChild;
-export type CommandGroupHeadingProps = CommandGroupHeadingPropsWithoutHTML & Without<PrimitiveDivAttributes, CommandGroupHeadingPropsWithoutHTML>;
+export type CommandGroupHeadingProps = CommandGroupHeadingPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, CommandGroupHeadingPropsWithoutHTML>;
 export type CommandGroupItemsPropsWithoutHTML = WithChild;
-export type CommandGroupItemsProps = CommandGroupItemsPropsWithoutHTML & Without<PrimitiveDivAttributes, CommandGroupItemsPropsWithoutHTML>;
+export type CommandGroupItemsProps = CommandGroupItemsPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, CommandGroupItemsPropsWithoutHTML>;
 export type CommandItemPropsWithoutHTML = WithChild<{
     /**
      * Whether the item is disabled.
@@ -121,18 +121,18 @@ export type CommandItemPropsWithoutHTML = WithChild<{
      */
     forceMount?: boolean;
 }>;
-export type CommandItemProps = CommandItemPropsWithoutHTML & Without<PrimitiveDivAttributes, CommandItemPropsWithoutHTML>;
+export type CommandItemProps = CommandItemPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, CommandItemPropsWithoutHTML>;
 export type CommandLinkItemPropsWithoutHTML = CommandItemPropsWithoutHTML;
-export type CommandLinkItemProps = CommandLinkItemPropsWithoutHTML & Without<PrimitiveAnchorAttributes, CommandLinkItemPropsWithoutHTML>;
+export type CommandLinkItemProps = CommandLinkItemPropsWithoutHTML & Without<BitsPrimitiveAnchorAttributes, CommandLinkItemPropsWithoutHTML>;
 export type CommandInputPropsWithoutHTML = WithChild<{
     /**
      * The value of the input element, used to search/filter items.
      */
     value?: string;
 }>;
-export type CommandInputProps = CommandInputPropsWithoutHTML & Without<PrimitiveInputAttributes, CommandInputPropsWithoutHTML>;
+export type CommandInputProps = CommandInputPropsWithoutHTML & Without<BitsPrimitiveInputAttributes, CommandInputPropsWithoutHTML>;
 export type CommandListPropsWithoutHTML = WithChild;
-export type CommandListProps = CommandListPropsWithoutHTML & Without<PrimitiveDivAttributes, CommandListPropsWithoutHTML>;
+export type CommandListProps = CommandListPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, CommandListPropsWithoutHTML>;
 export type CommandSeparatorPropsWithoutHTML = WithChild<{
     /**
      * Whether to force mount the separator container regardless of
@@ -140,7 +140,7 @@ export type CommandSeparatorPropsWithoutHTML = WithChild<{
      */
     forceMount?: boolean;
 }>;
-export type CommandSeparatorProps = CommandSeparatorPropsWithoutHTML & Without<PrimitiveDivAttributes, CommandSeparatorPropsWithoutHTML>;
+export type CommandSeparatorProps = CommandSeparatorPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, CommandSeparatorPropsWithoutHTML>;
 export type CommandLoadingPropsWithoutHTML = WithChild<{
     /**
      * The current progress of the loading state.
@@ -148,6 +148,6 @@ export type CommandLoadingPropsWithoutHTML = WithChild<{
      */
     progress?: number;
 }>;
-export type CommandLoadingProps = CommandLoadingPropsWithoutHTML & Without<PrimitiveDivAttributes, CommandLoadingPropsWithoutHTML>;
+export type CommandLoadingProps = CommandLoadingPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, CommandLoadingPropsWithoutHTML>;
 export type CommandViewportPropsWithoutHTML = WithChild;
-export type CommandViewportProps = CommandViewportPropsWithoutHTML & Without<PrimitiveDivAttributes, CommandViewportPropsWithoutHTML>;
+export type CommandViewportProps = CommandViewportPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, CommandViewportPropsWithoutHTML>;

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

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { ContextMenuContentStaticProps } from "../types.js";
 	import { CONTEXT_MENU_TRIGGER_ATTR, 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 { isElement } from "../../../internal/is.js";
 	import type { InteractOutsideEvent } from "../../utilities/dismissible-layer/types.js";
@@ -85,7 +84,7 @@
 			{@render child({ props, ...contentState.snippetProps })}
 		{:else}
 			<div {...props}>
-				{@render children?.(contentState.snippetProps)}
+				{@render children?.()}
 			</div>
 		{/if}
 		<Mounted bind:isMounted />

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

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { ContextMenuContentProps } from "../types.js";
 	import { CONTEXT_MENU_TRIGGER_ATTR, 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 { isElement } from "../../../internal/is.js";
 	import type { InteractOutsideEvent } from "../../utilities/dismissible-layer/types.js";
@@ -92,7 +91,7 @@
 			{@render child({ props: finalProps, ...contentState.snippetProps })}
 		{:else}
 			<div {...finalProps}>
-				{@render children?.(contentState.snippetProps)}
+				{@render children?.()}
 			</div>
 		{/if}
 		<Mounted bind:isMounted />

package/dist/bits/context-menu/components/context-menu-trigger.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { ContextMenuTriggerProps } from "../types.js";
 	import { useMenuContextTrigger } from "../../menu/menu.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/context-menu/components/context-menu.svelte

@@ -2,7 +2,7 @@
 	import { box } from "svelte-toolbelt";
 	import type { ContextMenuRootProps } from "../types.js";
 	import FloatingLayer from "../../utilities/floating-layer/components/floating-layer.svelte";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 	import { useMenuMenu, useMenuRoot } from "../../menu/menu.svelte.js";
 
 	let {