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

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

@@ -2,8 +2,8 @@
 	import { box } from "svelte-toolbelt";
 	import type { CommandGroupProps } from "../types.js";
 	import { useCommandGroupContainer } from "../command.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.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,9 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { InputProps } from "../index.js";
+	import type { CommandInputProps } from "../types.js";
 	import { useCommandInput } from "../command.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		value = $bindable(""),
@@ -12,7 +12,7 @@
 		ref = $bindable(null),
 		child,
 		...restProps
-	}: InputProps = $props();
+	}: CommandInputProps = $props();
 
 	const inputState = useCommandInput({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { InputProps } from "../index.js";
+import type { CommandInputProps } 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 CommandInput: $$__sveltets_2_IsomorphicComponent<InputProps, {
+declare const CommandInput: $$__sveltets_2_IsomorphicComponent<CommandInputProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "value" | "ref">;
 type CommandInput = InstanceType<typeof CommandInput>;

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

@@ -1,10 +1,10 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { ItemProps } from "../index.js";
+	import type { CommandItemProps } from "../types.js";
 	import { getCommandGroupContainerContext, useCommandItem } from "../command.svelte.js";
 	import { noop } from "../../../internal/callbacks.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		id = useId(),
@@ -17,7 +17,7 @@
 		forceMount = false,
 		keywords = [],
 		...restProps
-	}: ItemProps = $props();
+	}: CommandItemProps = $props();
 
 	const group = getCommandGroupContainerContext(null);
 
@@ -39,7 +39,7 @@
 </script>
 
 {#key itemState.root.key}
-	<div style="display: contents;">
+	<div style="display: contents;" data-item-wrapper data-value={value}>
 		{#if itemState.shouldRender}
 			{#if child}
 				{@render child({ props: mergedProps })}

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

@@ -1,4 +1,4 @@
-import type { ItemProps } from "../index.js";
+import type { CommandItemProps } 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 CommandItem: $$__sveltets_2_IsomorphicComponent<ItemProps, {
+declare const CommandItem: $$__sveltets_2_IsomorphicComponent<CommandItemProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type CommandItem = InstanceType<typeof CommandItem>;

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

@@ -1,10 +1,10 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { LinkItemProps } from "../index.js";
+	import type { CommandLinkItemProps } from "../types.js";
 	import { getCommandGroupContainerContext, useCommandItem } from "../command.svelte.js";
 	import { noop } from "../../../internal/callbacks.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		id = useId(),
@@ -17,7 +17,7 @@
 		forceMount = false,
 		keywords = [],
 		...restProps
-	}: LinkItemProps = $props();
+	}: CommandLinkItemProps = $props();
 
 	const group = getCommandGroupContainerContext(null);
 

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

@@ -1,4 +1,4 @@
-import type { LinkItemProps } from "../index.js";
+import type { CommandLinkItemProps } 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 CommandLinkItem: $$__sveltets_2_IsomorphicComponent<LinkItemProps, {
+declare const CommandLinkItem: $$__sveltets_2_IsomorphicComponent<CommandLinkItemProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type CommandLinkItem = InstanceType<typeof CommandLinkItem>;

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

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { ListProps } from "../index.js";
+	import type { CommandListProps } from "../types.js";
 	import { useCommandList } from "../command.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		id = useId(),
@@ -12,7 +12,7 @@
 		children,
 		"aria-label": ariaLabel,
 		...restProps
-	}: ListProps = $props();
+	}: CommandListProps = $props();
 
 	const listState = useCommandList({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { ListProps } from "../index.js";
+import type { CommandListProps } 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 CommandList: $$__sveltets_2_IsomorphicComponent<ListProps, {
+declare const CommandList: $$__sveltets_2_IsomorphicComponent<CommandListProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type CommandList = InstanceType<typeof CommandList>;

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

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { LoadingProps } from "../index.js";
+	import type { CommandLoadingProps } from "../types.js";
 	import { useCommandLoading } from "../command.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		progress = 0,
@@ -12,7 +12,7 @@
 		children,
 		child,
 		...restProps
-	}: LoadingProps = $props();
+	}: CommandLoadingProps = $props();
 
 	const loadingState = useCommandLoading({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { LoadingProps } from "../index.js";
+import type { CommandLoadingProps } 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 CommandLoading: $$__sveltets_2_IsomorphicComponent<LoadingProps, {
+declare const CommandLoading: $$__sveltets_2_IsomorphicComponent<CommandLoadingProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type CommandLoading = InstanceType<typeof CommandLoading>;

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

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { SeparatorProps } from "../index.js";
+	import type { CommandSeparatorProps } from "../types.js";
 	import { useCommandSeparator } from "../command.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		id = useId(),
@@ -12,7 +12,7 @@
 		children,
 		child,
 		...restProps
-	}: SeparatorProps = $props();
+	}: CommandSeparatorProps = $props();
 
 	const separatorState = useCommandSeparator({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { SeparatorProps } from "../index.js";
+import type { CommandSeparatorProps } 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 CommandSeparator: $$__sveltets_2_IsomorphicComponent<SeparatorProps, {
+declare const CommandSeparator: $$__sveltets_2_IsomorphicComponent<CommandSeparatorProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type CommandSeparator = InstanceType<typeof CommandSeparator>;

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

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { box, mergeProps } from "svelte-toolbelt";
 	import { useCommandViewport } from "../command.svelte.js";
-	import type { ViewportProps } from "../index.js";
-	import { useId } from "../../../internal/useId.js";
+	import type { CommandViewportProps } from "../types.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		id = useId(),
@@ -10,7 +10,7 @@
 		children,
 		child,
 		...restProps
-	}: ViewportProps = $props();
+	}: CommandViewportProps = $props();
 
 	const listViewportState = useCommandViewport({
 		id: box.with(() => id),

package/dist/bits/command/components/command-viewport.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ViewportProps } from "../index.js";
+import type { CommandViewportProps } 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 CommandViewport: $$__sveltets_2_IsomorphicComponent<ViewportProps, {
+declare const CommandViewport: $$__sveltets_2_IsomorphicComponent<CommandViewportProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type CommandViewport = InstanceType<typeof CommandViewport>;

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

@@ -1,11 +1,11 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
 	import { defaultFilter, useCommandRoot } from "../command.svelte.js";
-	import type { RootProps } from "../index.js";
+	import type { CommandRootProps } from "../types.js";
 	import CommandLabel from "./_command-label.svelte";
 	import { noop } from "../../../internal/callbacks.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
 
 	let {
 		id = useId(),
@@ -22,7 +22,7 @@
 		children,
 		child,
 		...restProps
-	}: RootProps = $props();
+	}: CommandRootProps = $props();
 
 	const rootState = useCommandRoot({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { RootProps } from "../index.js";
+import type { CommandRootProps } 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 Command: $$__sveltets_2_IsomorphicComponent<RootProps, {
+declare const Command: $$__sveltets_2_IsomorphicComponent<CommandRootProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "value" | "ref">;
 type Command = InstanceType<typeof Command>;

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

@@ -0,0 +1,13 @@
+export { default as Root } from "./components/command.svelte";
+export { default as Empty } from "./components/command-empty.svelte";
+export { default as Group } from "./components/command-group.svelte";
+export { default as GroupHeading } from "./components/command-group-heading.svelte";
+export { default as GroupItems } from "./components/command-group-items.svelte";
+export { default as Input } from "./components/command-input.svelte";
+export { default as Item } from "./components/command-item.svelte";
+export { default as LinkItem } from "./components/command-link-item.svelte";
+export { default as List } from "./components/command-list.svelte";
+export { default as Viewport } from "./components/command-viewport.svelte";
+export { default as Loading } from "./components/command-loading.svelte";
+export { default as Separator } from "./components/command-separator.svelte";
+export type { CommandRootProps as RootProps, CommandEmptyProps as EmptyProps, CommandGroupProps as GroupProps, CommandGroupHeadingProps as GroupHeadingProps, CommandGroupItemsProps as GroupItemsProps, CommandItemProps as ItemProps, CommandLinkItemProps as LinkItemProps, CommandInputProps as InputProps, CommandSeparatorProps as SeparatorProps, CommandListProps as ListProps, CommandLoadingProps as LoadingProps, CommandViewportProps as ViewportProps, } from "./types.js";

package/dist/bits/command/exports.js

@@ -0,0 +1,12 @@
+export { default as Root } from "./components/command.svelte";
+export { default as Empty } from "./components/command-empty.svelte";
+export { default as Group } from "./components/command-group.svelte";
+export { default as GroupHeading } from "./components/command-group-heading.svelte";
+export { default as GroupItems } from "./components/command-group-items.svelte";
+export { default as Input } from "./components/command-input.svelte";
+export { default as Item } from "./components/command-item.svelte";
+export { default as LinkItem } from "./components/command-link-item.svelte";
+export { default as List } from "./components/command-list.svelte";
+export { default as Viewport } from "./components/command-viewport.svelte";
+export { default as Loading } from "./components/command-loading.svelte";
+export { default as Separator } from "./components/command-separator.svelte";

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

@@ -1,13 +1 @@
-export { default as Root } from "./components/command.svelte";
-export { default as Empty } from "./components/command-empty.svelte";
-export { default as Group } from "./components/command-group.svelte";
-export { default as GroupHeading } from "./components/command-group-heading.svelte";
-export { default as GroupItems } from "./components/command-group-items.svelte";
-export { default as Input } from "./components/command-input.svelte";
-export { default as Item } from "./components/command-item.svelte";
-export { default as LinkItem } from "./components/command-link-item.svelte";
-export { default as List } from "./components/command-list.svelte";
-export { default as Viewport } from "./components/command-viewport.svelte";
-export { default as Loading } from "./components/command-loading.svelte";
-export { default as Separator } from "./components/command-separator.svelte";
-export type { CommandRootProps as RootProps, CommandEmptyProps as EmptyProps, CommandGroupProps as GroupProps, CommandGroupHeadingProps as GroupHeadingProps, CommandGroupItemsProps as GroupItemsProps, CommandItemProps as ItemProps, CommandLinkItemProps as LinkItemProps, CommandInputProps as InputProps, CommandSeparatorProps as SeparatorProps, CommandListProps as ListProps, CommandLoadingProps as LoadingProps, CommandViewportProps as ViewportProps, } from "./types.js";
+export * as Command from "./exports.js";

package/dist/bits/command/index.js

@@ -1,12 +1 @@
-export { default as Root } from "./components/command.svelte";
-export { default as Empty } from "./components/command-empty.svelte";
-export { default as Group } from "./components/command-group.svelte";
-export { default as GroupHeading } from "./components/command-group-heading.svelte";
-export { default as GroupItems } from "./components/command-group-items.svelte";
-export { default as Input } from "./components/command-input.svelte";
-export { default as Item } from "./components/command-item.svelte";
-export { default as LinkItem } from "./components/command-link-item.svelte";
-export { default as List } from "./components/command-list.svelte";
-export { default as Viewport } from "./components/command-viewport.svelte";
-export { default as Loading } from "./components/command-loading.svelte";
-export { default as Separator } from "./components/command-separator.svelte";
+export * as Command from "./exports.js";

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

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { ContentStaticProps } from "../index.js";
+	import type { ContextMenuContentStaticProps } from "../types.js";
 	import { CONTEXT_MENU_TRIGGER_ATTR, useMenuContent } from "../../menu/menu.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
 	import { noop } from "../../../internal/callbacks.js";
 	import PopperLayer from "../../utilities/popper-layer/popper-layer.svelte";
 	import { isElement } from "../../../internal/is.js";
@@ -17,12 +17,13 @@
 		ref = $bindable(null),
 		loop = true,
 		onInteractOutside = noop,
+		preventScroll = true,
 		// we need to explicitly pass this prop to the PopperLayer to override
 		// the default menu behavior of handling outside interactions on the trigger
 		onEscapeKeydown = noop,
 		forceMount = false,
 		...restProps
-	}: ContentStaticProps = $props();
+	}: ContextMenuContentStaticProps = $props();
 
 	let isMounted = $state(false);
 
@@ -55,6 +56,7 @@
 	{...mergedProps}
 	present={contentState.parentMenu.open.current || forceMount}
 	onInteractOutsideStart={handleInteractOutsideStart}
+	{preventScroll}
 	onInteractOutside={(e) => {
 		onInteractOutside(e);
 		if (e.defaultPrevented) return;

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

@@ -1,4 +1,4 @@
-import type { ContentStaticProps } from "../index.js";
+import type { ContextMenuContentStaticProps } 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 ContextMenuContentStatic: $$__sveltets_2_IsomorphicComponent<ContentStaticProps, {
+declare const ContextMenuContentStatic: $$__sveltets_2_IsomorphicComponent<ContextMenuContentStaticProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type ContextMenuContentStatic = InstanceType<typeof ContextMenuContentStatic>;

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

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { ContentProps } from "../index.js";
+	import type { ContextMenuContentProps } from "../types.js";
 	import { CONTEXT_MENU_TRIGGER_ATTR, useMenuContent } from "../../menu/menu.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
 	import { noop } from "../../../internal/callbacks.js";
 	import PopperLayer from "../../utilities/popper-layer/popper-layer.svelte";
 	import { isElement } from "../../../internal/is.js";
@@ -18,12 +18,13 @@
 		ref = $bindable(null),
 		loop = true,
 		onInteractOutside = noop,
+		preventScroll = true,
 		// we need to explicitly pass this prop to the PopperLayer to override
 		// the default menu behavior of handling outside interactions on the trigger
 		onEscapeKeydown = noop,
 		forceMount = false,
 		...restProps
-	}: ContentProps = $props();
+	}: ContextMenuContentProps = $props();
 
 	let isMounted = $state(false);
 
@@ -57,6 +58,7 @@
 	sideOffset={2}
 	align="start"
 	present={contentState.parentMenu.open.current || forceMount}
+	{preventScroll}
 	onInteractOutsideStart={handleInteractOutsideStart}
 	onInteractOutside={(e) => {
 		onInteractOutside(e);

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

@@ -1,4 +1,4 @@
-import type { ContentProps } from "../index.js";
+import type { ContextMenuContentProps } 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 ContextMenuContent: $$__sveltets_2_IsomorphicComponent<ContentProps, {
+declare const ContextMenuContent: $$__sveltets_2_IsomorphicComponent<ContextMenuContentProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type ContextMenuContent = InstanceType<typeof ContextMenuContent>;

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

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { TriggerProps } from "../index.js";
+	import type { ContextMenuTriggerProps } from "../types.js";
 	import { useMenuContextTrigger } from "../../menu/menu.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
 	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
 
 	let {
@@ -13,7 +13,7 @@
 		children,
 		disabled = false,
 		...restProps
-	}: TriggerProps = $props();
+	}: ContextMenuTriggerProps = $props();
 
 	const triggerState = useMenuContextTrigger({
 		id: box.with(() => id),

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

@@ -1,4 +1,4 @@
-import type { TriggerProps } from "../index.js";
+import type { ContextMenuTriggerProps } 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 ContextMenuTrigger: $$__sveltets_2_IsomorphicComponent<TriggerProps, {
+declare const ContextMenuTrigger: $$__sveltets_2_IsomorphicComponent<ContextMenuTriggerProps, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "ref">;
 type ContextMenuTrigger = InstanceType<typeof ContextMenuTrigger>;

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

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { RootProps } from "../index.js";
-	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
+	import type { ContextMenuRootProps } from "../types.js";
+	import FloatingLayer from "../../utilities/floating-layer/components/floating-layer.svelte";
 	import { noop } from "../../../internal/callbacks.js";
 	import { useMenuMenu, useMenuRoot } from "../../menu/menu.svelte.js";
 
@@ -11,7 +11,7 @@
 		onOpenChange = noop,
 		controlledOpen = false,
 		children,
-	}: RootProps = $props();
+	}: ContextMenuRootProps = $props();
 
 	const root = useMenuRoot({
 		variant: box.with(() => "context-menu"),
@@ -41,6 +41,6 @@
 	});
 </script>
 
-<FloatingLayer.Root>
+<FloatingLayer>
 	{@render children?.()}
-</FloatingLayer.Root>
+</FloatingLayer>

package/dist/bits/context-menu/components/context-menu.svelte.d.ts

@@ -1,4 +1,3 @@
-import type { RootProps } from "../index.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 +11,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const ContextMenu: $$__sveltets_2_IsomorphicComponent<RootProps, {
+declare const ContextMenu: $$__sveltets_2_IsomorphicComponent<import("../types.js").ContextMenuRootPropsWithoutHTML, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "open">;
 type ContextMenu = InstanceType<typeof ContextMenu>;

package/dist/bits/context-menu/exports.d.ts

@@ -0,0 +1,18 @@
+export { default as Root } from "./components/context-menu.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 Content } from "./components/context-menu-content.svelte";
+export { default as ContentStatic } from "./components/context-menu-content-static.svelte";
+export { default as Trigger } from "./components/context-menu-trigger.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 RadioGroup } from "../menu/components/menu-radio-group.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 CheckboxItem } from "../menu/components/menu-checkbox-item.svelte";
+export { default as Portal } from "../utilities/portal/portal.svelte";
+export type { ContextMenuArrowProps as ArrowProps, ContextMenuCheckboxItemProps as CheckboxItemProps, ContextMenuGroupProps as GroupProps, ContextMenuItemProps as ItemProps, ContextMenuGroupHeadingProps as GroupHeadingProps, ContextMenuRootProps as RootProps, ContextMenuRadioGroupProps as RadioGroupProps, ContextMenuRadioItemProps as RadioItemProps, ContextMenuSeparatorProps as SeparatorProps, ContextMenuSubContentProps as SubContentProps, ContextMenuSubContentStaticProps as SubContentStaticProps, ContextMenuSubProps as SubProps, ContextMenuSubTriggerProps as SubTriggerProps, ContextMenuContentProps as ContentProps, ContextMenuContentStaticProps as ContentStaticProps, ContextMenuTriggerProps as TriggerProps, ContextMenuPortalProps as PortalProps, } from "./types.js";

package/dist/bits/context-menu/exports.js

@@ -0,0 +1,17 @@
+export { default as Root } from "./components/context-menu.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 Content } from "./components/context-menu-content.svelte";
+export { default as ContentStatic } from "./components/context-menu-content-static.svelte";
+export { default as Trigger } from "./components/context-menu-trigger.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 RadioGroup } from "../menu/components/menu-radio-group.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 CheckboxItem } from "../menu/components/menu-checkbox-item.svelte";
+export { default as Portal } from "../utilities/portal/portal.svelte";