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

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

@@ -1,11 +1,12 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ContentProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { LinkPreviewContentProps } from "../types.js";
 	import { useLinkPreviewContent } from "../link-preview.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 	import PopperLayer from "../../utilities/popper-layer/popper-layer.svelte";
 	import { getFloatingContentCSSVars } from "../../../internal/floating-svelte/floating-utils.svelte.js";
+	import PopperLayerForceMount from "../../utilities/popper-layer/popper-layer-force-mount.svelte";
+	import Mounted from "../../utilities/mounted.svelte";
 
 	let {
 		children,
@@ -24,7 +25,7 @@
 		onEscapeKeydown,
 		forceMount = false,
 		...restProps
-	}: ContentProps = $props();
+	}: LinkPreviewContentProps = $props();
 
 	const contentState = useLinkPreviewContent({
 		id: box.with(() => id),
@@ -46,38 +47,73 @@
 	});
 
 	const mergedProps = $derived(mergeProps(restProps, floatingProps, contentState.props));
-</script>
 
-<PopperLayer
-	{...mergedProps}
-	present={contentState.root.open.current || forceMount}
-	{id}
-	onInteractOutside={(e) => {
+	function handleInteractOutside(e: PointerEvent) {
 		onInteractOutside?.(e);
 		if (e.defaultPrevented) return;
-		contentState.root.immediateClose();
-	}}
-	onEscapeKeydown={(e) => {
+		contentState.root.handleClose();
+	}
+
+	function handleEscapeKeydown(e: KeyboardEvent) {
 		onEscapeKeydown?.(e);
 		if (e.defaultPrevented) return;
-		contentState.root.immediateClose();
-	}}
-	onOpenAutoFocus={(e) => e.preventDefault()}
-	onCloseAutoFocus={(e) => e.preventDefault()}
-	trapFocus={false}
-	loop={false}
-	preventScroll={false}
->
-	{#snippet popper({ props })}
-		{@const mergedProps = mergeProps(props, {
-			style: getFloatingContentCSSVars("link-preview"),
-		})}
-		{#if child}
-			{@render child({ props: mergedProps, ...contentState.snippetProps })}
-		{:else}
-			<div {...mergedProps}>
-				{@render children?.(contentState.snippetProps)}
-			</div>
-		{/if}
-	{/snippet}
-</PopperLayer>
+		contentState.root.handleClose();
+	}
+</script>
+
+{#if forceMount}
+	<PopperLayerForceMount
+		{...mergedProps}
+		enabled={contentState.root.open.current}
+		{id}
+		onInteractOutside={handleInteractOutside}
+		onEscapeKeydown={handleEscapeKeydown}
+		onOpenAutoFocus={(e) => e.preventDefault()}
+		onCloseAutoFocus={(e) => e.preventDefault()}
+		trapFocus={false}
+		loop={false}
+		preventScroll={false}
+		forceMount={true}
+	>
+		{#snippet popper({ props })}
+			{@const mergedProps = mergeProps(props, {
+				style: getFloatingContentCSSVars("link-preview"),
+			})}
+			{#if child}
+				{@render child({ props: mergedProps, ...contentState.snippetProps })}
+			{:else}
+				<div {...mergedProps}>
+					{@render children?.()}
+				</div>
+			{/if}
+		{/snippet}
+	</PopperLayerForceMount>
+{:else if !forceMount}
+	<PopperLayer
+		{...mergedProps}
+		present={contentState.root.open.current}
+		{id}
+		onInteractOutside={handleInteractOutside}
+		onEscapeKeydown={handleEscapeKeydown}
+		onOpenAutoFocus={(e) => e.preventDefault()}
+		onCloseAutoFocus={(e) => e.preventDefault()}
+		trapFocus={false}
+		loop={false}
+		preventScroll={false}
+		forceMount={false}
+	>
+		{#snippet popper({ props })}
+			{@const mergedProps = mergeProps(props, {
+				style: getFloatingContentCSSVars("link-preview"),
+			})}
+			{#if child}
+				{@render child({ props: mergedProps, ...contentState.snippetProps })}
+			{:else}
+				<div {...mergedProps}>
+					{@render children?.()}
+				</div>
+			{/if}
+			<Mounted onMountedChange={(m) => (contentState.root.contentMounted = m)} />
+		{/snippet}
+	</PopperLayer>
+{/if}

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

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

package/dist/bits/link-preview/components/link-preview-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 { LinkPreviewTriggerProps } from "../types.js";
 	import { useLinkPreviewTrigger } from "../link-preview.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import { useId } from "../../../internal/use-id.js";
 	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
 
 	let {
@@ -12,7 +11,7 @@
 		child,
 		children,
 		...restProps
-	}: TriggerProps = $props();
+	}: LinkPreviewTriggerProps = $props();
 
 	const triggerState = useLinkPreviewTrigger({
 		id: box.with(() => id),

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

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

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

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { RootProps } from "../index.js";
+	import type { LinkPreviewRootProps } from "../types.js";
 	import { useLinkPreviewRoot } from "../link-preview.svelte.js";
-	import { noop } from "../../../internal/callbacks.js";
+	import { noop } from "../../../internal/noop.js";
 	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
 
 	let {
@@ -12,7 +12,7 @@
 		closeDelay = 300,
 		controlledOpen = false,
 		children,
-	}: RootProps = $props();
+	}: LinkPreviewRootProps = $props();
 
 	useLinkPreviewRoot({
 		open: box.with(

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

@@ -0,0 +1,7 @@
+export { default as Arrow } from "../utilities/floating-layer/components/floating-layer-arrow.svelte";
+export { default as Root } from "./components/link-preview.svelte";
+export { default as Content } from "./components/link-preview-content.svelte";
+export { default as Trigger } from "./components/link-preview-trigger.svelte";
+export { default as Portal } from "../utilities/portal/portal.svelte";
+export { default as ContentStatic } from "./components/link-preview-content-static.svelte";
+export type { LinkPreviewRootProps as RootProps, LinkPreviewArrowProps as ArrowProps, LinkPreviewContentProps as ContentProps, LinkPreviewContentStaticProps as ContentStaticProps, LinkPreviewTriggerProps as TriggerProps, LinkPreviewPortalProps as PortalProps, } from "./types.js";

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

@@ -0,0 +1,6 @@
+export { default as Arrow } from "../utilities/floating-layer/components/floating-layer-arrow.svelte";
+export { default as Root } from "./components/link-preview.svelte";
+export { default as Content } from "./components/link-preview-content.svelte";
+export { default as Trigger } from "./components/link-preview-trigger.svelte";
+export { default as Portal } from "../utilities/portal/portal.svelte";
+export { default as ContentStatic } from "./components/link-preview-content-static.svelte";

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

@@ -1,7 +1 @@
-export { default as Arrow } from "../utilities/floating-layer/components/floating-layer-arrow.svelte";
-export { default as Root } from "./components/link-preview.svelte";
-export { default as Content } from "./components/link-preview-content.svelte";
-export { default as Trigger } from "./components/link-preview-trigger.svelte";
-export { default as Portal } from "../utilities/portal/portal.svelte";
-export { default as ContentStatic } from "./components/link-preview-content-static.svelte";
-export type { LinkPreviewRootProps as RootProps, LinkPreviewArrowProps as ArrowProps, LinkPreviewContentProps as ContentProps, LinkPreviewContentStaticProps as ContentStaticProps, LinkPreviewTriggerProps as TriggerProps, LinkPreviewPortalProps as PortalProps, } from "./types.js";
+export * as LinkPreview from "./exports.js";

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

@@ -1,6 +1 @@
-export { default as Arrow } from "../utilities/floating-layer/components/floating-layer-arrow.svelte";
-export { default as Root } from "./components/link-preview.svelte";
-export { default as Content } from "./components/link-preview-content.svelte";
-export { default as Trigger } from "./components/link-preview-trigger.svelte";
-export { default as Portal } from "../utilities/portal/portal.svelte";
-export { default as ContentStatic } from "./components/link-preview-content-static.svelte";
+export * as LinkPreview from "./exports.js";

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

@@ -16,15 +16,15 @@ declare class LinkPreviewRootState {
     timeout: number | null;
     contentNode: HTMLElement | null;
     contentId: string | undefined;
+    contentMounted: boolean;
     triggerNode: HTMLElement | null;
     isPointerInTransit: import("svelte-toolbelt").WritableBox<boolean>;
+    isOpening: boolean;
     constructor(props: LinkPreviewRootStateProps);
     clearTimeout: () => void;
     handleOpen: () => void;
     immediateClose: () => void;
     handleClose: () => void;
-    createTrigger(props: LinkPreviewTriggerStateProps): LinkPreviewTriggerState;
-    createContent(props: LinkPreviewContentStateProps): LinkPreviewContentState;
 }
 type LinkPreviewTriggerStateProps = WithRefProps;
 declare class LinkPreviewTriggerState {
@@ -33,7 +33,7 @@ declare class LinkPreviewTriggerState {
     props: {
         readonly id: string;
         readonly "aria-haspopup": "dialog";
-        readonly "aria-expanded": "false" | "true";
+        readonly "aria-expanded": "true" | "false";
         readonly "data-state": "open" | "closed";
         readonly "aria-controls": string | undefined;
         readonly role: "button";
@@ -43,6 +43,7 @@ declare class LinkPreviewTriggerState {
             currentTarget: HTMLElement;
         }) => void;
         readonly onblur: () => void;
+        readonly onpointerleave: (e: PointerEvent) => void;
     };
 }
 type LinkPreviewContentStateProps = WithRefProps;

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

@@ -1,15 +1,11 @@
 import { untrack } from "svelte";
-import { box } from "svelte-toolbelt";
+import { afterSleep, box, onDestroyEffect, useRefById } from "svelte-toolbelt";
 import { getAriaExpanded, getDataOpenClosed } from "../../internal/attrs.js";
 import { addEventListener } from "../../internal/events.js";
 import { isElement, isFocusVisible, isTouch } from "../../internal/is.js";
-import { sleep } from "../../internal/sleep.js";
-import { useRefById } from "../../internal/useRefById.svelte.js";
 import { getTabbableCandidates } from "../../internal/focus.js";
-import { createContext } from "../../internal/createContext.js";
-import { useGraceArea } from "../../internal/useGraceArea.svelte.js";
-import { onDestroyEffect } from "../../internal/onDestroyEffect.svelte.js";
-import { afterSleep } from "../../internal/afterSleep.js";
+import { createContext } from "../../internal/create-context.js";
+import { useGraceArea } from "../../internal/use-grace-area.svelte.js";
 const CONTENT_ATTR = "data-link-preview-content";
 const TRIGGER_ATTR = "data-link-preview-trigger";
 class LinkPreviewRootState {
@@ -22,8 +18,10 @@ class LinkPreviewRootState {
     timeout = null;
     contentNode = $state(null);
     contentId = $state(undefined);
+    contentMounted = $state(false);
     triggerNode = $state(null);
     isPointerInTransit = box(false);
+    isOpening = $state(false);
     constructor(props) {
         this.open = props.open;
         this.openDelay = props.openDelay;
@@ -71,15 +69,21 @@ class LinkPreviewRootState {
         this.clearTimeout();
         if (this.open.current)
             return;
+        this.isOpening = true;
         this.timeout = window.setTimeout(() => {
-            this.open.current = true;
+            if (this.isOpening) {
+                this.open.current = true;
+                this.isOpening = false;
+            }
         }, this.openDelay.current);
     };
     immediateClose = () => {
         this.clearTimeout();
+        this.isOpening = false;
         this.open.current = false;
     };
     handleClose = () => {
+        this.isOpening = false;
         this.clearTimeout();
         if (!this.isPointerDownOnContent && !this.hasSelection) {
             this.timeout = window.setTimeout(() => {
@@ -87,12 +91,6 @@ class LinkPreviewRootState {
             }, this.closeDelay.current);
         }
     };
-    createTrigger(props) {
-        return new LinkPreviewTriggerState(props, this);
-    }
-    createContent(props) {
-        return new LinkPreviewContentState(props, this);
-    }
 }
 class LinkPreviewTriggerState {
     #id;
@@ -115,6 +113,13 @@ class LinkPreviewTriggerState {
             return;
         this.#root.handleOpen();
     };
+    #onpointerleave = (e) => {
+        if (isTouch(e))
+            return;
+        if (!this.#root.contentMounted) {
+            this.#root.immediateClose();
+        }
+    };
     #onfocus = (e) => {
         if (!isFocusVisible(e.currentTarget))
             return;
@@ -134,6 +139,7 @@ class LinkPreviewTriggerState {
         onpointerenter: this.#onpointerenter,
         onfocus: this.#onfocus,
         onblur: this.#onblur,
+        onpointerleave: this.#onpointerleave,
     }));
 }
 class LinkPreviewContentState {
@@ -151,6 +157,7 @@ class LinkPreviewContentState {
                 this.root.contentNode = node;
                 this.root.contentId = node?.id;
             },
+            deps: () => this.root.open.current,
         });
         $effect(() => {
             if (!this.root.open.current)
@@ -199,8 +206,8 @@ export function useLinkPreviewRoot(props) {
     return setLinkPreviewRootContext(new LinkPreviewRootState(props));
 }
 export function useLinkPreviewTrigger(props) {
-    return getLinkPreviewRootContext().createTrigger(props);
+    return new LinkPreviewTriggerState(props, getLinkPreviewRootContext());
 }
 export function useLinkPreviewContent(props) {
-    return getLinkPreviewRootContext().createContent(props);
+    return new LinkPreviewContentState(props, getLinkPreviewRootContext());
 }

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

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

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

@@ -1,14 +1,14 @@
 <script lang="ts">
-	import type { ArrowProps } from "../index.js";
+	import { mergeProps } from "svelte-toolbelt";
+	import type { MenuArrowProps } from "../types.js";
 	import { useMenuArrow } from "../menu.svelte.js";
-	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
+	import FloatingLayerArrow from "../../utilities/floating-layer/components/floating-layer-arrow.svelte";
 
-	let { ref = $bindable(null), ...restProps }: ArrowProps = $props();
+	let { ref = $bindable(null), ...restProps }: MenuArrowProps = $props();
 
 	const arrowState = useMenuArrow();
 
 	const mergedProps = $derived(mergeProps(restProps, arrowState.props));
 </script>
 
-<FloatingLayer.Arrow bind:ref {...mergedProps} />
+<FloatingLayerArrow bind:ref {...mergedProps} />

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

@@ -1,10 +1,9 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { CheckboxItemProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { MenuCheckboxItemProps } from "../types.js";
 	import { useMenuCheckboxItem } from "../menu.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 {
 		child,
@@ -16,8 +15,12 @@
 		disabled = false,
 		onSelect = noop,
 		controlledChecked = false,
+		closeOnSelect = true,
+		indeterminate = $bindable(false),
+		controlledIndeterminate = false,
+		onIndeterminateChange = noop,
 		...restProps
-	}: CheckboxItemProps = $props();
+	}: MenuCheckboxItemProps = $props();
 
 	const checkboxItemState = useMenuCheckboxItem({
 		checked: box.with(
@@ -38,6 +41,18 @@
 			() => ref,
 			(v) => (ref = v)
 		),
+		closeOnSelect: box.with(() => closeOnSelect),
+		indeterminate: box.with(
+			() => indeterminate,
+			(v) => {
+				if (controlledIndeterminate) {
+					onIndeterminateChange(v);
+				} else {
+					indeterminate = v;
+					onIndeterminateChange(v);
+				}
+			}
+		),
 	});
 
 	function handleSelect(e: Event) {
@@ -50,9 +65,9 @@
 </script>
 
 {#if child}
-	{@render child({ props: mergedProps, checked })}
+	{@render child({ props: mergedProps, ...checkboxItemState.snippetProps })}
 {:else}
 	<div {...mergedProps}>
-		{@render children?.({ checked })}
+		{@render children?.(checkboxItemState.snippetProps)}
 	</div>
 {/if}

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

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