bits-ui 1.0.0-next.6 → 1.0.0-next.61

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

@@ -1,4 +1,4 @@
-import type { ContentStaticProps } from "../index.js";
+import type { MenubarContentStaticProps } from "../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> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const MenubarContentStatic: $$__sveltets_2_IsomorphicComponent<ContentStaticProps, {
+declare const MenubarContentStatic: $$__sveltets_2_IsomorphicComponent<MenubarContentStaticProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type MenubarContentStatic = InstanceType<typeof MenubarContentStatic>;

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

@@ -1,17 +1,16 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ContentProps } from "../index.js";
+	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/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		ref = $bindable(null),
 		interactOutsideBehavior = "close",
 		id = useId(),
 		...restProps
-	}: ContentProps = $props();
+	}: MenubarContentProps = $props();
 
 	const contentState = useMenubarContent({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { ContentProps } from "../index.js";
+import type { MenubarContentProps } from "../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> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const MenubarContent: $$__sveltets_2_IsomorphicComponent<ContentProps, {
+declare const MenubarContent: $$__sveltets_2_IsomorphicComponent<MenubarContentProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type MenubarContent = InstanceType<typeof MenubarContent>;

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

@@ -1,11 +1,11 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { MenuProps } from "../index.js";
+	import type { MenubarMenuProps } from "../types.js";
 	import { useMenubarMenu } from "../menubar.svelte.js";
 	import Menu from "../../menu/components/menu.svelte";
-	import { useId } from "../../../internal/useId.js";
+	import { useId } from "../../../internal/use-id.js";
 
-	let { value = useId(), ...restProps }: MenuProps = $props();
+	let { value = useId(), ...restProps }: MenubarMenuProps = $props();
 
 	const menuState = useMenubarMenu({
 		value: box.with(() => value),

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { TriggerProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { MenubarTriggerProps } from "../types.js";
 	import { useMenubarTrigger } from "../menubar.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 	import FloatingLayerAnchor from "../../utilities/floating-layer/components/floating-layer-anchor.svelte";
 	import { useMenuDropdownTrigger } from "../../menu/menu.svelte.js";
 
@@ -14,7 +13,7 @@
 		child,
 		ref = $bindable(null),
 		...restProps
-	}: TriggerProps = $props();
+	}: MenubarTriggerProps = $props();
 
 	const triggerState = useMenubarTrigger({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { TriggerProps } from "../index.js";
+import type { MenubarTriggerProps } from "../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> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const MenubarTrigger: $$__sveltets_2_IsomorphicComponent<TriggerProps, {
+declare const MenubarTrigger: $$__sveltets_2_IsomorphicComponent<MenubarTriggerProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type MenubarTrigger = InstanceType<typeof MenubarTrigger>;

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

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { RootProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { MenubarRootProps } from "../types.js";
 	import { useMenubarRoot } from "../menubar.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { noop } from "../../../internal/noop.js";
 
 	let {
 		id = useId(),
@@ -17,7 +16,7 @@
 		onValueChange = noop,
 		controlledValue = false,
 		...restProps
-	}: RootProps = $props();
+	}: MenubarRootProps = $props();
 
 	const rootState = useMenubarRoot({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { RootProps } from "../index.js";
+import type { MenubarRootProps } from "../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> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const Menubar: $$__sveltets_2_IsomorphicComponent<RootProps, {
+declare const Menubar: $$__sveltets_2_IsomorphicComponent<MenubarRootProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type Menubar = InstanceType<typeof Menubar>;

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

@@ -0,0 +1,19 @@
+export { default as Root } from "./components/menubar.svelte";
+export { default as Menu } from "./components/menubar-menu.svelte";
+export { default as Content } from "./components/menubar-content.svelte";
+export { default as ContentStatic } from "./components/menubar-content-static.svelte";
+export { default as Trigger } from "./components/menubar-trigger.svelte";
+export { default as Sub } from "../menu/components/menu-sub.svelte";
+export { default as Item } from "../menu/components/menu-item.svelte";
+export { default as Group } from "../menu/components/menu-group.svelte";
+export { default as GroupHeading } from "../menu/components/menu-group-heading.svelte";
+export { default as Arrow } from "../menu/components/menu-arrow.svelte";
+export { default as RadioItem } from "../menu/components/menu-radio-item.svelte";
+export { default as Separator } from "../menu/components/menu-separator.svelte";
+export { default as SubContent } from "../menu/components/menu-sub-content.svelte";
+export { default as SubContentStatic } from "../menu/components/menu-sub-content-static.svelte";
+export { default as SubTrigger } from "../menu/components/menu-sub-trigger.svelte";
+export { default as RadioGroup } from "../menu/components/menu-radio-group.svelte";
+export { default as CheckboxItem } from "../menu/components/menu-checkbox-item.svelte";
+export type { MenubarRootProps as RootProps, MenubarMenuProps as MenuProps, MenubarTriggerProps as TriggerProps, MenubarContentProps as ContentProps, MenubarContentStaticProps as ContentStaticProps, MenubarPortalProps as PortalProps, } from "./types.js";
+export type { MenuSubPropsWithoutHTML as SubProps, MenuItemProps as ItemProps, MenuGroupProps as GroupProps, MenuGroupHeadingProps as GroupHeadingProps, MenuArrowProps as ArrowProps, MenuRadioItemProps as RadioItemProps, MenuSeparatorProps as SeparatorProps, MenuSubContentProps as SubContentProps, MenuSubTriggerProps as SubTriggerProps, MenuRadioGroupProps as RadioGroupProps, MenuCheckboxItemProps as CheckboxItemProps, MenuSubContentStaticProps as SubContentStaticProps, } from "../menu/types.js";

package/dist/bits/menubar/exports.js

@@ -0,0 +1,17 @@
+export { default as Root } from "./components/menubar.svelte";
+export { default as Menu } from "./components/menubar-menu.svelte";
+export { default as Content } from "./components/menubar-content.svelte";
+export { default as ContentStatic } from "./components/menubar-content-static.svelte";
+export { default as Trigger } from "./components/menubar-trigger.svelte";
+export { default as Sub } from "../menu/components/menu-sub.svelte";
+export { default as Item } from "../menu/components/menu-item.svelte";
+export { default as Group } from "../menu/components/menu-group.svelte";
+export { default as GroupHeading } from "../menu/components/menu-group-heading.svelte";
+export { default as Arrow } from "../menu/components/menu-arrow.svelte";
+export { default as RadioItem } from "../menu/components/menu-radio-item.svelte";
+export { default as Separator } from "../menu/components/menu-separator.svelte";
+export { default as SubContent } from "../menu/components/menu-sub-content.svelte";
+export { default as SubContentStatic } from "../menu/components/menu-sub-content-static.svelte";
+export { default as SubTrigger } from "../menu/components/menu-sub-trigger.svelte";
+export { default as RadioGroup } from "../menu/components/menu-radio-group.svelte";
+export { default as CheckboxItem } from "../menu/components/menu-checkbox-item.svelte";

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

@@ -1,19 +1 @@
-export { default as Root } from "./components/menubar.svelte";
-export { default as Menu } from "./components/menubar-menu.svelte";
-export { default as Content } from "./components/menubar-content.svelte";
-export { default as ContentStatic } from "./components/menubar-content-static.svelte";
-export { default as Trigger } from "./components/menubar-trigger.svelte";
-export { default as Sub } from "../menu/components/menu-sub.svelte";
-export { default as Item } from "../menu/components/menu-item.svelte";
-export { default as Group } from "../menu/components/menu-group.svelte";
-export { default as GroupHeading } from "../menu/components/menu-group-heading.svelte";
-export { default as Arrow } from "../menu/components/menu-arrow.svelte";
-export { default as RadioItem } from "../menu/components/menu-radio-item.svelte";
-export { default as Separator } from "../menu/components/menu-separator.svelte";
-export { default as SubContent } from "../menu/components/menu-sub-content.svelte";
-export { default as SubContentStatic } from "../menu/components/menu-sub-content-static.svelte";
-export { default as SubTrigger } from "../menu/components/menu-sub-trigger.svelte";
-export { default as RadioGroup } from "../menu/components/menu-radio-group.svelte";
-export { default as CheckboxItem } from "../menu/components/menu-checkbox-item.svelte";
-export type { MenubarRootProps as RootProps, MenubarMenuProps as MenuProps, MenubarTriggerProps as TriggerProps, MenubarContentProps as ContentProps, MenubarContentStaticProps as ContentStaticProps, MenubarPortalProps as PortalProps, } from "./types.js";
-export type { MenuSubPropsWithoutHTML as SubProps, MenuItemProps as ItemProps, MenuGroupProps as GroupProps, MenuGroupHeadingProps as GroupHeadingProps, MenuArrowProps as ArrowProps, MenuRadioItemProps as RadioItemProps, MenuSeparatorProps as SeparatorProps, MenuSubContentProps as SubContentProps, MenuSubTriggerProps as SubTriggerProps, MenuRadioGroupProps as RadioGroupProps, MenuCheckboxItemProps as CheckboxItemProps, MenuSubContentStaticProps as SubContentStaticProps, } from "../menu/types.js";
+export * as Menubar from "./exports.js";

package/dist/bits/menubar/index.js

@@ -1,17 +1 @@
-export { default as Root } from "./components/menubar.svelte";
-export { default as Menu } from "./components/menubar-menu.svelte";
-export { default as Content } from "./components/menubar-content.svelte";
-export { default as ContentStatic } from "./components/menubar-content-static.svelte";
-export { default as Trigger } from "./components/menubar-trigger.svelte";
-export { default as Sub } from "../menu/components/menu-sub.svelte";
-export { default as Item } from "../menu/components/menu-item.svelte";
-export { default as Group } from "../menu/components/menu-group.svelte";
-export { default as GroupHeading } from "../menu/components/menu-group-heading.svelte";
-export { default as Arrow } from "../menu/components/menu-arrow.svelte";
-export { default as RadioItem } from "../menu/components/menu-radio-item.svelte";
-export { default as Separator } from "../menu/components/menu-separator.svelte";
-export { default as SubContent } from "../menu/components/menu-sub-content.svelte";
-export { default as SubContentStatic } from "../menu/components/menu-sub-content-static.svelte";
-export { default as SubTrigger } from "../menu/components/menu-sub-trigger.svelte";
-export { default as RadioGroup } from "../menu/components/menu-radio-group.svelte";
-export { default as CheckboxItem } from "../menu/components/menu-checkbox-item.svelte";
+export * as Menubar from "./exports.js";

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

@@ -1,7 +1,7 @@
 import { type ReadableBox } from "svelte-toolbelt";
 import type { InteractOutsideBehaviorType } from "../utilities/dismissible-layer/types.js";
 import type { ReadableBoxedValues, WritableBoxedValues } from "../../internal/box.svelte.js";
-import { type UseRovingFocusReturn } from "../../internal/useRovingFocus.svelte.js";
+import { type UseRovingFocusReturn } from "../../internal/use-roving-focus.svelte.js";
 import type { Direction } from "../../shared/index.js";
 import type { WithRefProps } from "../../internal/types.js";
 type MenubarRootStateProps = WithRefProps<ReadableBoxedValues<{
@@ -28,7 +28,6 @@ declare class MenubarRootState {
     onMenuOpen: (id: string) => void;
     onMenuClose: () => void;
     onMenuToggle: (id: string) => void;
-    createMenu(props: MenubarMenuStateProps): MenubarMenuState;
     props: {
         readonly id: string;
         readonly role: "menubar";
@@ -46,8 +45,6 @@ declare class MenubarMenuState {
     triggerNode: HTMLElement | null;
     contentNode: HTMLElement | null;
     constructor(props: MenubarMenuStateProps, root: MenubarRootState);
-    createTrigger(props: MenubarTriggerStateProps): MenubarTriggerState;
-    createContent(props: MenubarContentStateProps): MenubarContentState;
     getTriggerNode: () => HTMLElement | null;
     getContentNode: () => HTMLElement | null;
 }
@@ -68,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,13 +1,11 @@
-import { box } from "svelte-toolbelt";
+import { afterTick, box, useRefById } from "svelte-toolbelt";
 import { untrack } from "svelte";
-import { useRovingFocus } from "../../internal/useRovingFocus.svelte.js";
-import { createContext } from "../../internal/createContext.js";
+import { useRovingFocus, } from "../../internal/use-roving-focus.svelte.js";
+import { createContext } from "../../internal/create-context.js";
 import { getAriaExpanded, getDataDisabled, getDataOpenClosed } from "../../internal/attrs.js";
 import { kbd } from "../../internal/kbd.js";
-import { wrapArray } from "../../internal/useTypeahead.svelte.js";
+import { wrapArray } from "../../internal/arrays.js";
 import { isBrowser } from "../../internal/is.js";
-import { afterTick } from "../../internal/afterTick.js";
-import { useRefById } from "../../internal/useRefById.svelte.js";
 const ROOT_ATTR = "data-menubar-root";
 const TRIGGER_ATTR = "data-menubar-trigger";
 class MenubarRootState {
@@ -61,9 +59,6 @@ class MenubarRootState {
     onMenuToggle = (id) => {
         this.value.current = this.value.current ? "" : id;
     };
-    createMenu(props) {
-        return new MenubarMenuState(props, this);
-    }
     props = $derived.by(() => ({
         id: this.id.current,
         role: "menubar",
@@ -98,12 +93,6 @@ class MenubarMenuState {
             };
         });
     }
-    createTrigger(props) {
-        return new MenubarTriggerState(props, this);
-    }
-    createContent(props) {
-        return new MenubarContentState(props, this);
-    }
     getTriggerNode = () => {
         if (!isBrowser)
             return null;
@@ -229,7 +218,7 @@ class MenubarContentState {
             onRefChange: (node) => {
                 this.menu.contentNode = node;
             },
-            condition: () => this.menu.open,
+            deps: () => this.menu.open,
         });
     }
     onCloseAutoFocus = (e) => {
@@ -300,11 +289,11 @@ export function useMenubarRoot(props) {
     return setMenubarRootContext(new MenubarRootState(props));
 }
 export function useMenubarMenu(props) {
-    return setMenubarMenuContext(getMenubarRootContext().createMenu(props));
+    return setMenubarMenuContext(new MenubarMenuState(props, getMenubarRootContext()));
 }
 export function useMenubarTrigger(props) {
-    return getMenubarMenuContext().createTrigger(props);
+    return new MenubarTriggerState(props, getMenubarMenuContext());
 }
 export function useMenubarContent(props) {
-    return getMenubarMenuContext().createContent(props);
+    return new MenubarContentState(props, getMenubarMenuContext());
 }

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

@@ -1,7 +1,7 @@
 import type { ArrowPropsWithoutHTML } from "../utilities/arrow/types.js";
-import type { ArrowProps } from "../menu/index.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 = ArrowProps;
+export type MenubarArrowProps = MenuArrowProps;

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

@@ -1,11 +1,10 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ContentProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { NavigationMenuContentProps } from "../types.js";
 	import { useNavigationMenuContent } from "../navigation-menu.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 	import Portal from "../../utilities/portal/portal.svelte";
-	import { PresenceLayer } from "../../utilities/presence-layer/index.js";
+	import PresenceLayer from "../../utilities/presence-layer/presence-layer.svelte";
 	import DismissibleLayer from "../../utilities/dismissible-layer/dismissible-layer.svelte";
 	import EscapeLayer from "../../utilities/escape-layer/escape-layer.svelte";
 	import Mounted from "../../utilities/mounted.svelte";
@@ -20,7 +19,7 @@
 		onInteractOutside,
 		onFocusOutside,
 		...restProps
-	}: ContentProps = $props();
+	}: NavigationMenuContentProps = $props();
 
 	let isMounted = $state(false);
 

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

@@ -1,4 +1,4 @@
-import type { ContentProps } from "../index.js";
+import type { NavigationMenuContentProps } from "../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> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const NavigationMenuContent: $$__sveltets_2_IsomorphicComponent<ContentProps, {
+declare const NavigationMenuContent: $$__sveltets_2_IsomorphicComponent<NavigationMenuContentProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type NavigationMenuContent = InstanceType<typeof NavigationMenuContent>;

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { IndicatorProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { NavigationMenuIndicatorProps } from "../types.js";
 	import { useNavigationMenuIndicator } from "../navigation-menu.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 	import PresenceLayer from "../../utilities/presence-layer/presence-layer.svelte";
 	import Portal from "../../utilities/portal/portal.svelte";
 
@@ -14,7 +13,7 @@
 		child,
 		forceMount = false,
 		...restProps
-	}: IndicatorProps = $props();
+	}: NavigationMenuIndicatorProps = $props();
 
 	const indicatorState = useNavigationMenuIndicator({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { IndicatorProps } from "../index.js";
+import type { NavigationMenuIndicatorProps } from "../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> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const NavigationMenuIndicator: $$__sveltets_2_IsomorphicComponent<IndicatorProps, {
+declare const NavigationMenuIndicator: $$__sveltets_2_IsomorphicComponent<NavigationMenuIndicatorProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type NavigationMenuIndicator = InstanceType<typeof NavigationMenuIndicator>;

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ItemProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { NavigationMenuItemProps } from "../types.js";
 	import { useNavigationMenuItem } from "../navigation-menu.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),
@@ -12,7 +11,7 @@
 		child,
 		children,
 		...restProps
-	}: ItemProps = $props();
+	}: NavigationMenuItemProps = $props();
 
 	const itemState = useNavigationMenuItem({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { ItemProps } from "../index.js";
+import type { NavigationMenuItemProps } from "../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> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const NavigationMenuItem: $$__sveltets_2_IsomorphicComponent<ItemProps, {
+declare const NavigationMenuItem: $$__sveltets_2_IsomorphicComponent<NavigationMenuItemProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type NavigationMenuItem = InstanceType<typeof NavigationMenuItem>;

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

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { LinkProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { NavigationMenuLinkProps } from "../types.js";
 	import { useNavigationMenuLink } from "../navigation-menu.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { noop } from "../../../internal/callbacks.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { noop } from "../../../internal/noop.js";
 
 	let {
 		id = useId(),
@@ -14,7 +13,7 @@
 		active = false,
 		onSelect = noop,
 		...restProps
-	}: LinkProps = $props();
+	}: NavigationMenuLinkProps = $props();
 
 	const linkState = useNavigationMenuLink({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { LinkProps } from "../index.js";
+import type { NavigationMenuLinkProps } from "../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> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const NavigationMenuLink: $$__sveltets_2_IsomorphicComponent<LinkProps, {
+declare const NavigationMenuLink: $$__sveltets_2_IsomorphicComponent<NavigationMenuLinkProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type NavigationMenuLink = InstanceType<typeof NavigationMenuLink>;

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ListProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { NavigationMenuListProps } from "../types.js";
 	import { useNavigationMenuList } from "../navigation-menu.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),
@@ -11,7 +10,7 @@
 		child,
 		ref = $bindable(null),
 		...restProps
-	}: ListProps = $props();
+	}: NavigationMenuListProps = $props();
 
 	const listState = useNavigationMenuList({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { ListProps } from "../index.js";
+import type { NavigationMenuListProps } from "../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> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const NavigationMenuList: $$__sveltets_2_IsomorphicComponent<ListProps, {
+declare const NavigationMenuList: $$__sveltets_2_IsomorphicComponent<NavigationMenuListProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type NavigationMenuList = InstanceType<typeof NavigationMenuList>;

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { TriggerProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { NavigationMenuTriggerProps } from "../types.js";
 	import { useNavigationMenuTrigger } from "../navigation-menu.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 	import VisuallyHidden from "../../utilities/visually-hidden/visually-hidden.svelte";
 	import Mounted from "../../utilities/mounted.svelte";
 
@@ -14,7 +13,7 @@
 		child,
 		ref = $bindable(null),
 		...restProps
-	}: TriggerProps = $props();
+	}: NavigationMenuTriggerProps = $props();
 
 	let focusProxyMounted = $state(false);
 

package/dist/bits/navigation-menu/components/navigation-menu-trigger.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { TriggerProps } from "../index.js";
+import type { NavigationMenuTriggerProps } from "../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> & {
         $$bindings?: Bindings;
@@ -12,7 +12,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const NavigationMenuTrigger: $$__sveltets_2_IsomorphicComponent<TriggerProps, {
+declare const NavigationMenuTrigger: $$__sveltets_2_IsomorphicComponent<NavigationMenuTriggerProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type NavigationMenuTrigger = InstanceType<typeof NavigationMenuTrigger>;

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

@@ -1,9 +1,8 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ViewportProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { NavigationMenuViewportProps } from "../types.js";
 	import { useNavigationMenuViewport } from "../navigation-menu.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 	import PresenceLayer from "../../utilities/presence-layer/presence-layer.svelte";
 
 	let {
@@ -13,7 +12,7 @@
 		child,
 		forceMount = false,
 		...restProps
-	}: ViewportProps = $props();
+	}: NavigationMenuViewportProps = $props();
 
 	const viewportState = useNavigationMenuViewport({
 		id: box.with(() => id),