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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,14 +1,12 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { afterTick, box, mergeProps } from "svelte-toolbelt";
 	import type { MenuSubContentProps } from "../types.js";
 	import { useMenuContent } from "../menu.svelte.js";
 	import { SUB_CLOSE_KEYS } from "../utils.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 { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 	import { isHTMLElement } from "../../../internal/is.js";
-	import { afterTick } from "../../../internal/after-tick.js";
 	import Mounted from "../../utilities/mounted.svelte";
 	import { getFloatingContentCSSVars } from "../../../internal/floating-svelte/floating-utils.svelte.js";
 
@@ -126,7 +124,7 @@
 			{@render child({ props: finalProps, ...subContentState.snippetProps })}
 		{:else}
 			<div {...finalProps}>
-				{@render children?.(subContentState.snippetProps)}
+				{@render children?.()}
 			</div>
 		{/if}
 		<Mounted bind:isMounted />

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

@@ -1,14 +1,12 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { afterTick, box, mergeProps } from "svelte-toolbelt";
 	import type { MenuSubContentProps } from "../types.js";
 	import { useMenuContent } from "../menu.svelte.js";
 	import { SUB_CLOSE_KEYS } from "../utils.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 { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 	import { isHTMLElement } from "../../../internal/is.js";
-	import { afterTick } from "../../../internal/after-tick.js";
 	import Mounted from "../../utilities/mounted.svelte";
 	import { getFloatingContentCSSVars } from "../../../internal/floating-svelte/floating-utils.svelte.js";
 
@@ -128,7 +126,7 @@
 			{@render child({ props: finalProps, ...subContentState.snippetProps })}
 		{:else}
 			<div {...finalProps}>
-				{@render children?.(subContentState.snippetProps)}
+				{@render children?.()}
 			</div>
 		{/if}
 		<Mounted bind:isMounted />

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { MenuItemProps } from "../types.js";
 	import { useMenuSubTrigger } from "../menu.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import FloatingLayerAnchor from "../../utilities/floating-layer/components/floating-layer-anchor.svelte";
 	let {
 		id = useId(),

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

@@ -3,7 +3,7 @@
 	import type { MenuSubProps } from "../types.js";
 	import { useMenuSubmenu } from "../menu.svelte.js";
 	import FloatingLayer from "../../utilities/floating-layer/components/floating-layer.svelte";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 
 	let {
 		open = $bindable(false),

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { MenuTriggerProps } from "../types.js";
 	import { useMenuDropdownTrigger } from "../menu.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import FloatingLayerAnchor from "../../utilities/floating-layer/components/floating-layer-anchor.svelte";
 
 	let {

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

@@ -2,7 +2,7 @@
 	import { box } from "svelte-toolbelt";
 	import type { MenuRootProps } from "../types.js";
 	import { useMenuMenu, useMenuRoot } from "../menu.svelte.js";
-	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/menu/menu.svelte.d.ts

@@ -100,7 +100,7 @@ declare class MenuItemSharedState {
         readonly id: string;
         readonly tabindex: -1;
         readonly role: "menuitem";
-        readonly "aria-disabled": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
         readonly "data-disabled": "" | undefined;
         readonly "data-highlighted": "" | undefined;
         readonly onpointermove: (e: PointerEvent) => void;
@@ -121,7 +121,7 @@ declare class MenuItemState {
         readonly id: string;
         readonly tabindex: -1;
         readonly role: "menuitem";
-        readonly "aria-disabled": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
         readonly "data-disabled": "" | undefined;
         readonly "data-highlighted": "" | undefined;
         readonly onpointermove: (e: PointerEvent) => void;
@@ -145,7 +145,7 @@ declare class MenuSubTriggerState {
         readonly id: string;
         readonly tabindex: -1;
         readonly role: "menuitem";
-        readonly "aria-disabled": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
         readonly "data-disabled": "" | undefined;
         readonly "data-highlighted": "" | undefined;
         readonly onpointermove: (e: PointerEvent) => void;
@@ -155,7 +155,7 @@ declare class MenuSubTriggerState {
     } & {
         [x: string]: string | ((e: PointerEvent) => void) | ((e: KeyboardEvent) => void) | undefined;
         "aria-haspopup": string;
-        "aria-expanded": "false" | "true";
+        "aria-expanded": "true" | "false";
         "data-state": "open" | "closed";
         "aria-controls": string | undefined;
         onclick: (e: MouseEvent) => void;
@@ -176,11 +176,11 @@ declare class MenuCheckboxItemState {
     props: {
         readonly [x: string]: string | -1 | ((e: PointerEvent) => void) | undefined;
         readonly role: "menuitemcheckbox";
-        readonly "aria-checked": "mixed" | "false" | "true";
+        readonly "aria-checked": "true" | "false" | "mixed";
         readonly "data-state": "checked" | "indeterminate" | "unchecked";
         readonly id: string;
         readonly tabindex: -1;
-        readonly "aria-disabled": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
         readonly "data-disabled": "" | undefined;
         readonly "data-highlighted": "" | undefined;
         readonly onpointermove: (e: PointerEvent) => void;
@@ -268,11 +268,11 @@ declare class MenuRadioItemState {
     selectValue: () => void;
     props: {
         readonly role: "menuitemradio";
-        readonly "aria-checked": "mixed" | "false" | "true";
+        readonly "aria-checked": "true" | "false" | "mixed";
         readonly "data-state": "checked" | "indeterminate" | "unchecked";
         readonly id: string;
         readonly tabindex: -1;
-        readonly "aria-disabled": "false" | "true";
+        readonly "aria-disabled": "true" | "false";
         readonly "data-disabled": "" | undefined;
         readonly "data-highlighted": "" | undefined;
         readonly onpointermove: (e: PointerEvent) => void;
@@ -300,7 +300,7 @@ declare class DropdownMenuTriggerState {
         readonly id: string;
         readonly disabled: boolean;
         readonly "aria-haspopup": "menu";
-        readonly "aria-expanded": "false" | "true";
+        readonly "aria-expanded": "true" | "false";
         readonly "aria-controls": string | undefined;
         readonly "data-disabled": "" | undefined;
         readonly "data-state": "open" | "closed";

package/dist/bits/menu/menu.svelte.js

@@ -1,21 +1,16 @@
-import { box } from "svelte-toolbelt";
+import { afterTick, box, executeCallbacks, mergeProps, onDestroyEffect, useRefById, } from "svelte-toolbelt";
 import { tick, untrack } from "svelte";
 import { IsFocusWithin } from "runed";
 import { FIRST_LAST_KEYS, LAST_KEYS, SELECTION_KEYS, SUB_OPEN_KEYS, getCheckedState, isMouseEvent, } from "./utils.js";
 import { focusFirst } from "../../internal/focus.js";
 import { addEventListener } from "../../internal/events.js";
-import { executeCallbacks } from "../../internal/execute-callbacks.js";
 import { useTypeahead } from "../../internal/use-typeahead.svelte.js";
 import { isElement, isElementOrSVGElement, isHTMLElement } from "../../internal/is.js";
 import { useRovingFocus } from "../../internal/use-roving-focus.svelte.js";
 import { kbd } from "../../internal/kbd.js";
 import { getAriaChecked, getAriaDisabled, getAriaExpanded, getAriaOrientation, getDataDisabled, getDataOpenClosed, } from "../../internal/attrs.js";
-import { mergeProps } from "../../internal/merge-props.js";
 import { createContext } from "../../internal/create-context.js";
-import { afterTick } from "../../internal/after-tick.js";
-import { useRefById } from "../../internal/use-ref-by-id.svelte.js";
 import { isPointerInGraceArea, makeHullFromElements } from "../../internal/polygon.js";
-import { onDestroyEffect } from "../../internal/on-destroy-effect.svelte.js";
 export const CONTEXT_MENU_TRIGGER_ATTR = "data-context-menu-trigger";
 const [setMenuRootContext, getMenuRootContext] = createContext("Menu.Root");
 const [setMenuMenuContext, getMenuMenuContext] = createContext(["Menu.Root", "Menu.Sub"], "MenuContext");
@@ -111,7 +106,7 @@ class MenuContentState {
         useRefById({
             id: this.#id,
             ref: this.contentRef,
-            condition: () => this.parentMenu.open.current,
+            deps: () => this.parentMenu.open.current,
             onRefChange: (node) => {
                 if (this.parentMenu.contentNode !== node) {
                     this.parentMenu.contentNode = node;
@@ -281,7 +276,7 @@ class MenuItemSharedState {
         useRefById({
             id: this.id,
             ref: this.ref,
-            condition: () => this.content.isMounted.current,
+            deps: () => this.content.isMounted.current,
         });
     }
     #onpointermove = (e) => {
@@ -744,7 +739,7 @@ class ContextMenuTriggerState {
             onRefChange: (node) => {
                 this.#parentMenu.triggerNode = node;
             },
-            condition: () => this.#parentMenu.open.current,
+            deps: () => this.#parentMenu.open.current,
         });
         $effect(() => {
             this.#point;

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

@@ -1,8 +1,8 @@
 import type { Expand } from "svelte-toolbelt";
 import type { PopperLayerProps, PopperLayerStaticProps } from "../utilities/popper-layer/types.js";
 import type { ArrowProps, ArrowPropsWithoutHTML } from "../utilities/arrow/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 { Direction } from "../../shared/index.js";
 import type { PortalProps } from "../utilities/portal/types.js";
 export type MenuRootPropsWithoutHTML = WithChildren<{
@@ -45,10 +45,10 @@ export type MenuContentSnippetProps = {
      */
     open: boolean;
 };
-export type MenuContentPropsWithoutHTML = Expand<WithChild<Omit<PopperLayerProps, "content"> & _SharedMenuContentProps, MenuContentSnippetProps>>;
-export type MenuContentProps = MenuContentPropsWithoutHTML & Without<PrimitiveDivAttributes, MenuContentPropsWithoutHTML>;
-export type MenuContentStaticPropsWithoutHTML = Expand<WithChild<Omit<PopperLayerStaticProps, "content"> & _SharedMenuContentProps, MenuContentSnippetProps>>;
-export type MenuContentStaticProps = MenuContentStaticPropsWithoutHTML & Without<PrimitiveDivAttributes, MenuContentStaticPropsWithoutHTML>;
+export type MenuContentPropsWithoutHTML = Expand<WithChildNoChildrenSnippetProps<Omit<PopperLayerProps, "content"> & _SharedMenuContentProps, MenuContentSnippetProps>>;
+export type MenuContentProps = MenuContentPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, MenuContentPropsWithoutHTML>;
+export type MenuContentStaticPropsWithoutHTML = Expand<WithChildNoChildrenSnippetProps<Omit<PopperLayerStaticProps, "content"> & _SharedMenuContentProps, MenuContentSnippetProps>>;
+export type MenuContentStaticProps = MenuContentStaticPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, MenuContentStaticPropsWithoutHTML>;
 export type MenuItemPropsWithoutHTML<U extends Record<PropertyKey, unknown> = {
     _default: never;
 }> = WithChild<{
@@ -73,7 +73,7 @@ export type MenuItemPropsWithoutHTML<U extends Record<PropertyKey, unknown> = {
      */
     onSelect?: (event: Event) => void;
 }, U>;
-export type MenuItemProps = MenuItemPropsWithoutHTML & Without<PrimitiveDivAttributes, MenuItemPropsWithoutHTML>;
+export type MenuItemProps = MenuItemPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, MenuItemPropsWithoutHTML>;
 export type MenuCheckboxItemSnippetProps = {
     checked: boolean | "indeterminate";
 };
@@ -98,7 +98,7 @@ export type MenuCheckboxItemPropsWithoutHTML = MenuItemPropsWithoutHTML<MenuChec
      */
     controlledChecked?: boolean;
 };
-export type MenuCheckboxItemProps = MenuCheckboxItemPropsWithoutHTML & Without<PrimitiveDivAttributes, MenuCheckboxItemPropsWithoutHTML>;
+export type MenuCheckboxItemProps = MenuCheckboxItemPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, MenuCheckboxItemPropsWithoutHTML>;
 export type MenuTriggerPropsWithoutHTML = WithChild<{
     /**
      * Whether the trigger is disabled.
@@ -107,7 +107,7 @@ export type MenuTriggerPropsWithoutHTML = WithChild<{
      */
     disabled?: boolean | null | undefined;
 }>;
-export type MenuTriggerProps = MenuTriggerPropsWithoutHTML & Without<PrimitiveButtonAttributes, MenuTriggerPropsWithoutHTML>;
+export type MenuTriggerProps = MenuTriggerPropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, MenuTriggerPropsWithoutHTML>;
 export type MenuSubPropsWithoutHTML = WithChildren<{
     /**
      * The open state of the menu.
@@ -127,20 +127,20 @@ export type MenuSubPropsWithoutHTML = WithChildren<{
     controlledOpen?: boolean;
 }>;
 export type MenuSubProps = MenuSubPropsWithoutHTML;
-export type MenuSubContentPropsWithoutHTML = Expand<WithChild<Omit<PopperLayerProps, "content" | "preventScroll"> & _SharedMenuContentProps, MenuContentSnippetProps>>;
-export type MenuSubContentProps = MenuSubContentPropsWithoutHTML & Without<PrimitiveDivAttributes, MenuSubContentPropsWithoutHTML>;
-export type MenuSubContentStaticPropsWithoutHTML = Expand<WithChild<Omit<PopperLayerStaticProps, "content" | "preventScroll"> & _SharedMenuContentProps, MenuContentSnippetProps>>;
-export type MenuSubContentStaticProps = MenuSubContentStaticPropsWithoutHTML & Without<PrimitiveDivAttributes, MenuSubContentStaticPropsWithoutHTML>;
+export type MenuSubContentPropsWithoutHTML = Expand<WithChildNoChildrenSnippetProps<Omit<PopperLayerProps, "content" | "preventScroll"> & _SharedMenuContentProps, MenuContentSnippetProps>>;
+export type MenuSubContentProps = MenuSubContentPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, MenuSubContentPropsWithoutHTML>;
+export type MenuSubContentStaticPropsWithoutHTML = Expand<WithChildNoChildrenSnippetProps<Omit<PopperLayerStaticProps, "content" | "preventScroll"> & _SharedMenuContentProps, MenuContentSnippetProps>>;
+export type MenuSubContentStaticProps = MenuSubContentStaticPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, MenuSubContentStaticPropsWithoutHTML>;
 export type MenuSubTriggerPropsWithoutHTML = MenuItemPropsWithoutHTML;
 export type MenuSubTriggerProps = MenuItemProps;
 export type MenuSeparatorPropsWithoutHTML = WithChild;
-export type MenuSeparatorProps = MenuSeparatorPropsWithoutHTML & Without<PrimitiveDivAttributes, MenuSeparatorPropsWithoutHTML>;
+export type MenuSeparatorProps = MenuSeparatorPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, MenuSeparatorPropsWithoutHTML>;
 export type MenuArrowPropsWithoutHTML = ArrowPropsWithoutHTML;
 export type MenuArrowProps = ArrowProps;
 export type MenuGroupPropsWithoutHTML = WithChild;
-export type MenuGroupProps = MenuGroupPropsWithoutHTML & Without<PrimitiveDivAttributes, MenuGroupPropsWithoutHTML>;
+export type MenuGroupProps = MenuGroupPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, MenuGroupPropsWithoutHTML>;
 export type MenuGroupHeadingPropsWithoutHTML = WithChild;
-export type MenuGroupHeadingProps = MenuGroupHeadingPropsWithoutHTML & Without<PrimitiveDivAttributes, MenuGroupHeadingPropsWithoutHTML>;
+export type MenuGroupHeadingProps = MenuGroupHeadingPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, MenuGroupHeadingPropsWithoutHTML>;
 export type MenuRadioGroupPropsWithoutHTML = WithChild<{
     /**
      * The value of the selected radio item.
@@ -161,7 +161,7 @@ export type MenuRadioGroupPropsWithoutHTML = WithChild<{
      */
     controlledValue?: boolean;
 }>;
-export type MenuRadioGroupProps = MenuRadioGroupPropsWithoutHTML & Without<PrimitiveDivAttributes, MenuRadioGroupPropsWithoutHTML>;
+export type MenuRadioGroupProps = MenuRadioGroupPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, MenuRadioGroupPropsWithoutHTML>;
 export type MenuRadioItemSnippetProps = {
     checked: boolean;
 };
@@ -171,6 +171,6 @@ export type MenuRadioItemPropsWithoutHTML = MenuItemPropsWithoutHTML<MenuRadioIt
      */
     value: string;
 };
-export type MenuRadioItemProps = MenuRadioItemPropsWithoutHTML & Without<PrimitiveDivAttributes, MenuRadioItemPropsWithoutHTML>;
+export type MenuRadioItemProps = MenuRadioItemPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, MenuRadioItemPropsWithoutHTML>;
 export type MenuPortalPropsWithoutHTML = PortalProps;
 export type MenuPortalProps = MenuPortalPropsWithoutHTML;

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { MenubarContentStaticProps } from "../types.js";
 	import { useMenubarContent } from "../menubar.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import MenuContentStatic from "../../menu/components/menu-content-static.svelte";
 
 	let {

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

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { MenubarContentProps } from "../types.js";
 	import { useMenubarContent } from "../menubar.svelte.js";
 	import MenuContent from "../../menu/components/menu-content.svelte";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		ref = $bindable(null),

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { MenubarTriggerProps } from "../types.js";
 	import { useMenubarTrigger } from "../menubar.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import FloatingLayerAnchor from "../../utilities/floating-layer/components/floating-layer-anchor.svelte";
 	import { useMenuDropdownTrigger } from "../../menu/menu.svelte.js";
 

package/dist/bits/menubar/components/menubar.svelte

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

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

@@ -65,7 +65,7 @@ declare class MenubarTriggerState {
         readonly role: "menuitem";
         readonly id: string;
         readonly "aria-haspopup": "menu";
-        readonly "aria-expanded": "false" | "true";
+        readonly "aria-expanded": "true" | "false";
         readonly "aria-controls": string | undefined;
         readonly "data-highlighted": "" | undefined;
         readonly "data-state": "open" | "closed";

package/dist/bits/menubar/menubar.svelte.js

@@ -1,4 +1,4 @@
-import { box } from "svelte-toolbelt";
+import { afterTick, box, useRefById } from "svelte-toolbelt";
 import { untrack } from "svelte";
 import { useRovingFocus, } from "../../internal/use-roving-focus.svelte.js";
 import { createContext } from "../../internal/create-context.js";
@@ -6,8 +6,6 @@ import { getAriaExpanded, getDataDisabled, getDataOpenClosed } from "../../inter
 import { kbd } from "../../internal/kbd.js";
 import { wrapArray } from "../../internal/use-typeahead.svelte.js";
 import { isBrowser } from "../../internal/is.js";
-import { afterTick } from "../../internal/after-tick.js";
-import { useRefById } from "../../internal/use-ref-by-id.svelte.js";
 const ROOT_ATTR = "data-menubar-root";
 const TRIGGER_ATTR = "data-menubar-trigger";
 class MenubarRootState {
@@ -220,7 +218,7 @@ class MenubarContentState {
             onRefChange: (node) => {
                 this.menu.contentNode = node;
             },
-            condition: () => this.menu.open,
+            deps: () => this.menu.open,
         });
     }
     onCloseAutoFocus = (e) => {

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

@@ -1,7 +1,7 @@
 import type { ArrowPropsWithoutHTML } from "../utilities/arrow/types.js";
 import type { MenuArrowProps } from "../menu/types.js";
 import type { OnChangeFn, WithChild, WithChildren, Without } from "../../internal/types.js";
-import type { PrimitiveButtonAttributes, PrimitiveDivAttributes } from "../../shared/attributes.js";
+import type { BitsPrimitiveButtonAttributes, BitsPrimitiveDivAttributes } from "../../shared/attributes.js";
 import type { Direction } from "../../shared/index.js";
 export type MenubarRootPropsWithoutHTML = WithChild<{
     /**
@@ -30,7 +30,7 @@ export type MenubarRootPropsWithoutHTML = WithChild<{
      */
     controlledValue?: boolean;
 }>;
-export type MenubarRootProps = MenubarRootPropsWithoutHTML & Without<PrimitiveDivAttributes, MenubarRootPropsWithoutHTML>;
+export type MenubarRootProps = MenubarRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, MenubarRootPropsWithoutHTML>;
 export type MenubarMenuPropsWithoutHTML = WithChildren<{
     /**
      * The `value` assigned to the menu. Used to programmatically control the menu's open state
@@ -47,7 +47,7 @@ export type MenubarTriggerPropsWithoutHTML = WithChild<{
      */
     disabled?: boolean | null | undefined;
 }>;
-export type MenubarTriggerProps = MenubarTriggerPropsWithoutHTML & Without<PrimitiveButtonAttributes, MenubarTriggerPropsWithoutHTML>;
+export type MenubarTriggerProps = MenubarTriggerPropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, MenubarTriggerPropsWithoutHTML>;
 export type { MenuContentPropsWithoutHTML as MenubarContentPropsWithoutHTML, MenuContentProps as MenubarContentProps, MenuContentStaticPropsWithoutHTML as MenubarContentStaticPropsWithoutHTML, MenuContentStaticProps as MenubarContentStaticProps, MenuItemPropsWithoutHTML as MenubarItemPropsWithoutHTML, MenuItemProps as MenubarItemProps, MenuGroupPropsWithoutHTML as MenubarGroupPropsWithoutHTML, MenuGroupProps as MenubarGroupProps, MenuGroupHeadingPropsWithoutHTML as MenubarGroupHeadingPropsWithoutHTML, MenuGroupHeadingProps as MenubarGroupHeadingProps, MenuCheckboxItemPropsWithoutHTML as MenubarCheckboxItemPropsWithoutHTML, MenuCheckboxItemProps as MenubarCheckboxItemProps, MenuRadioGroupPropsWithoutHTML as MenubarRadioGroupPropsWithoutHTML, MenuRadioGroupProps as MenubarRadioGroupProps, MenuRadioItemPropsWithoutHTML as MenubarRadioItemPropsWithoutHTML, MenuRadioItemProps as MenubarRadioItemProps, MenuSeparatorPropsWithoutHTML as MenubarSeparatorPropsWithoutHTML, MenuSeparatorProps as MenubarSeparatorProps, MenuSubContentPropsWithoutHTML as MenubarSubContentPropsWithoutHTML, MenuSubContentProps as MenubarSubContentProps, MenuSubContentStaticPropsWithoutHTML as MenubarSubContentStaticPropsWithoutHTML, MenuSubContentStaticProps as MenubarSubContentStaticProps, MenuSubTriggerPropsWithoutHTML as MenubarSubTriggerPropsWithoutHTML, MenuSubTriggerProps as MenubarSubTriggerProps, MenuSubPropsWithoutHTML as MenubarSubPropsWithoutHTML, MenuPortalPropsWithoutHTML as MenubarPortalPropsWithoutHTML, MenuPortalProps as MenubarPortalProps, } from "../menu/types.js";
 export type MenubarArrowPropsWithoutHTML = ArrowPropsWithoutHTML;
 export type MenubarArrowProps = MenuArrowProps;

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { NavigationMenuContentProps } from "../types.js";
 	import { useNavigationMenuContent } from "../navigation-menu.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import Portal from "../../utilities/portal/portal.svelte";
 	import PresenceLayer from "../../utilities/presence-layer/presence-layer.svelte";
 	import DismissibleLayer from "../../utilities/dismissible-layer/dismissible-layer.svelte";

package/dist/bits/navigation-menu/components/navigation-menu-indicator.svelte

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
+	import { box, mergeProps } from "svelte-toolbelt";
 	import type { NavigationMenuIndicatorProps } from "../types.js";
 	import { useNavigationMenuIndicator } from "../navigation-menu.svelte.js";
 	import { useId } from "../../../internal/use-id.js";
-	import { mergeProps } from "../../../internal/merge-props.js";
 	import PresenceLayer from "../../utilities/presence-layer/presence-layer.svelte";
 	import Portal from "../../utilities/portal/portal.svelte";
 

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

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

package/dist/bits/navigation-menu/components/navigation-menu-link.svelte

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

package/dist/bits/navigation-menu/components/navigation-menu-list.svelte

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