bits-ui 1.0.0-next.8 → 1.0.0-next.81

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

@@ -1,15 +1,10 @@
-import { untrack } from "svelte";
-import { box } from "svelte-toolbelt";
+import { afterSleep, box, onDestroyEffect, useRefById } from "svelte-toolbelt";
+import { Context, watch } from "runed";
+import { on } from "svelte/events";
 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 { useGraceArea } from "../../internal/use-grace-area.svelte.js";
 const CONTENT_ATTR = "data-link-preview-content";
 const TRIGGER_ATTR = "data-link-preview-trigger";
 class LinkPreviewRootState {
@@ -21,16 +16,17 @@ class LinkPreviewRootState {
     containsSelection = $state(false);
     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;
         this.closeDelay = props.closeDelay;
-        $effect(() => {
-            if (!this.open.current) {
-                untrack(() => (this.hasSelection = false));
+        watch(() => this.open.current, (isOpen) => {
+            if (!isOpen) {
+                this.hasSelection = false;
                 return;
             }
             const handlePointerUp = () => {
@@ -46,11 +42,10 @@ class LinkPreviewRootState {
                     }
                 });
             };
-            const unsubListener = addEventListener(document, "pointerup", handlePointerUp);
-            const contentNode = untrack(() => this.contentNode);
-            if (!contentNode)
+            const unsubListener = on(document, "pointerup", handlePointerUp);
+            if (!this.contentNode)
                 return;
-            const tabCandidates = getTabbableCandidates(contentNode);
+            const tabCandidates = getTabbableCandidates(this.contentNode);
             for (const candidate of tabCandidates) {
                 candidate.setAttribute("tabindex", "-1");
             }
@@ -61,37 +56,37 @@ class LinkPreviewRootState {
             };
         });
     }
-    clearTimeout = () => {
+    clearTimeout() {
         if (this.timeout) {
             window.clearTimeout(this.timeout);
             this.timeout = null;
         }
-    };
-    handleOpen = () => {
+    }
+    handleOpen() {
         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 = () => {
+    }
+    immediateClose() {
         this.clearTimeout();
+        this.isOpening = false;
         this.open.current = false;
-    };
-    handleClose = () => {
+    }
+    handleClose() {
+        this.isOpening = false;
         this.clearTimeout();
         if (!this.isPointerDownOnContent && !this.hasSelection) {
             this.timeout = window.setTimeout(() => {
                 this.open.current = false;
             }, this.closeDelay.current);
         }
-    };
-    createTrigger(props) {
-        return new LinkPreviewTriggerState(props, this);
-    }
-    createContent(props) {
-        return new LinkPreviewContentState(props, this);
     }
 }
 class LinkPreviewTriggerState {
@@ -102,6 +97,10 @@ class LinkPreviewTriggerState {
         this.#id = props.id;
         this.#ref = props.ref;
         this.#root = root;
+        this.onpointerenter = this.onpointerenter.bind(this);
+        this.onpointerleave = this.onpointerleave.bind(this);
+        this.onfocus = this.onfocus.bind(this);
+        this.onblur = this.onblur.bind(this);
         useRefById({
             id: this.#id,
             ref: this.#ref,
@@ -110,30 +109,38 @@ class LinkPreviewTriggerState {
             },
         });
     }
-    #onpointerenter = (e) => {
+    onpointerenter(e) {
         if (isTouch(e))
             return;
         this.#root.handleOpen();
-    };
-    #onfocus = (e) => {
+    }
+    onpointerleave(e) {
+        if (isTouch(e))
+            return;
+        if (!this.#root.contentMounted) {
+            this.#root.immediateClose();
+        }
+    }
+    onfocus(e) {
         if (!isFocusVisible(e.currentTarget))
             return;
         this.#root.handleOpen();
-    };
-    #onblur = () => {
+    }
+    onblur(_) {
         this.#root.handleClose();
-    };
+    }
     props = $derived.by(() => ({
         id: this.#id.current,
         "aria-haspopup": "dialog",
         "aria-expanded": getAriaExpanded(this.#root.open.current),
         "data-state": getDataOpenClosed(this.#root.open.current),
-        "aria-controls": this.#root.contentId,
+        "aria-controls": this.#root.contentNode?.id,
         role: "button",
         [TRIGGER_ATTR]: "",
-        onpointerenter: this.#onpointerenter,
-        onfocus: this.#onfocus,
-        onblur: this.#onblur,
+        onpointerenter: this.onpointerenter,
+        onfocus: this.onfocus,
+        onblur: this.onblur,
+        onpointerleave: this.onpointerleave,
     }));
 }
 class LinkPreviewContentState {
@@ -144,16 +151,19 @@ class LinkPreviewContentState {
         this.#id = props.id;
         this.#ref = props.ref;
         this.root = root;
+        this.onpointerdown = this.onpointerdown.bind(this);
+        this.onpointerenter = this.onpointerenter.bind(this);
+        this.onfocusout = this.onfocusout.bind(this);
         useRefById({
             id: this.#id,
             ref: this.#ref,
             onRefChange: (node) => {
                 this.root.contentNode = node;
-                this.root.contentId = node?.id;
             },
+            deps: () => this.root.open.current,
         });
-        $effect(() => {
-            if (!this.root.open.current)
+        watch(() => this.root.open.current, (isOpen) => {
+            if (!isOpen)
                 return;
             const { isPointerInTransit, onPointerExit } = useGraceArea(() => this.root.triggerNode, () => this.#ref.current);
             this.root.isPointerInTransit = isPointerInTransit;
@@ -165,7 +175,7 @@ class LinkPreviewContentState {
             this.root.clearTimeout();
         });
     }
-    #onpointerdown = (e) => {
+    onpointerdown(e) {
         const target = e.target;
         if (!isElement(target))
             return;
@@ -174,33 +184,33 @@ class LinkPreviewContentState {
         }
         this.root.hasSelection = true;
         this.root.isPointerDownOnContent = true;
-    };
-    #onpointerenter = (e) => {
+    }
+    onpointerenter(e) {
         if (isTouch(e))
             return;
         this.root.handleOpen();
-    };
-    #onfocusout = (e) => {
+    }
+    onfocusout(e) {
         e.preventDefault();
-    };
+    }
     snippetProps = $derived.by(() => ({ open: this.root.open.current }));
     props = $derived.by(() => ({
         id: this.#id.current,
         tabindex: -1,
         "data-state": getDataOpenClosed(this.root.open.current),
         [CONTENT_ATTR]: "",
-        onpointerdown: this.#onpointerdown,
-        onpointerenter: this.#onpointerenter,
-        onfocusout: this.#onfocusout,
+        onpointerdown: this.onpointerdown,
+        onpointerenter: this.onpointerenter,
+        onfocusout: this.onfocusout,
     }));
 }
-const [setLinkPreviewRootContext, getLinkPreviewRootContext] = createContext("LinkPreview.Root");
+const LinkPreviewRootContext = new Context("LinkPreview.Root");
 export function useLinkPreviewRoot(props) {
-    return setLinkPreviewRootContext(new LinkPreviewRootState(props));
+    return LinkPreviewRootContext.set(new LinkPreviewRootState(props));
 }
 export function useLinkPreviewTrigger(props) {
-    return getLinkPreviewRootContext().createTrigger(props);
+    return new LinkPreviewTriggerState(props, LinkPreviewRootContext.get());
 }
 export function useLinkPreviewContent(props) {
-    return getLinkPreviewRootContext().createContent(props);
+    return new LinkPreviewContentState(props, LinkPreviewRootContext.get());
 }

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

@@ -3,8 +3,9 @@ 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";
+import type { FloatingContentSnippetProps, StaticContentSnippetProps } from "../../shared/types.js";
 export type LinkPreviewRootPropsWithoutHTML = WithChildren<{
     /**
      * The open state of the link preview.
@@ -41,44 +42,29 @@ export type LinkPreviewRootPropsWithoutHTML = WithChildren<{
      * @defaultValue false
      */
     ignoreNonKeyboardFocus?: boolean;
-    /**
-     * Whether or not the open state is controlled or not. If `true`, the component will not update
-     * the open state internally, instead it will call `onOpenChange` when it would have
-     * otherwise, and it is up to you to update the `open` prop that is passed to the component.
-     *
-     * @defaultValue false
-     */
-    controlledOpen?: boolean;
 }>;
 export type LinkPreviewRootProps = LinkPreviewRootPropsWithoutHTML;
-export type LinkPreviewContentSnippetProps = {
-    /**
-     * Whether the content is open or closed. Used alongside the `forceMount` prop to
-     * conditionally render the content using Svelte transitions.
-     */
-    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.
      *
      * Useful for more control over the transition behavior.
      */
     forceMount?: boolean;
-}, LinkPreviewContentSnippetProps>;
-export type LinkPreviewContentProps = LinkPreviewContentPropsWithoutHTML & Without<PrimitiveDivAttributes, LinkPreviewContentPropsWithoutHTML>;
-export type LinkPreviewContentStaticPropsWithoutHTML = WithChild<Pick<FloatingLayerContentProps, "dir"> & Omit<DismissibleLayerProps, "onInteractOutsideStart"> & EscapeLayerProps & {
+}, FloatingContentSnippetProps>;
+export type LinkPreviewContentProps = LinkPreviewContentPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, LinkPreviewContentPropsWithoutHTML>;
+export type LinkPreviewContentStaticPropsWithoutHTML = WithChildNoChildrenSnippetProps<Pick<FloatingLayerContentProps, "dir"> & Omit<DismissibleLayerProps, "onInteractOutsideStart"> & EscapeLayerProps & {
     /**
      * When `true`, the link preview content will be forced to mount in the DOM.
      *
      * Useful for more control over the transition behavior.
      */
     forceMount?: boolean;
-}, LinkPreviewContentSnippetProps>;
-export type LinkPreviewContentStaticProps = LinkPreviewContentStaticPropsWithoutHTML & Without<PrimitiveDivAttributes, LinkPreviewContentStaticPropsWithoutHTML>;
+}, StaticContentSnippetProps>;
+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-arrow.svelte.d.ts

@@ -1,18 +1,3 @@
-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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const MenuArrow: $$__sveltets_2_IsomorphicComponent<import("../../utilities/arrow/types.js").ArrowProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type MenuArrow = InstanceType<typeof MenuArrow>;
+declare const MenuArrow: import("svelte").Component<import("../../utilities/arrow/types.js").ArrowProps, {}, "ref">;
+type MenuArrow = ReturnType<typeof MenuArrow>;
 export default MenuArrow;

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,
@@ -15,20 +14,18 @@
 		onCheckedChange = noop,
 		disabled = false,
 		onSelect = noop,
-		controlledChecked = false,
+		closeOnSelect = true,
+		indeterminate = $bindable(false),
+		onIndeterminateChange = noop,
 		...restProps
-	}: CheckboxItemProps = $props();
+	}: MenuCheckboxItemProps = $props();
 
 	const checkboxItemState = useMenuCheckboxItem({
 		checked: box.with(
 			() => checked,
 			(v) => {
-				if (controlledChecked) {
-					onCheckedChange(v);
-				} else {
-					checked = v;
-					onCheckedChange(v);
-				}
+				checked = v;
+				onCheckedChange(v);
 			}
 		),
 		id: box.with(() => id),
@@ -38,6 +35,14 @@
 			() => ref,
 			(v) => (ref = v)
 		),
+		closeOnSelect: box.with(() => closeOnSelect),
+		indeterminate: box.with(
+			() => indeterminate,
+			(v) => {
+				indeterminate = v;
+				onIndeterminateChange(v);
+			}
+		),
 	});
 
 	function handleSelect(e: Event) {
@@ -50,9 +55,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,19 +1,4 @@
-import type { CheckboxItemProps } 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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const MenuCheckboxItem: $$__sveltets_2_IsomorphicComponent<CheckboxItemProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "checked" | "ref">;
-type MenuCheckboxItem = InstanceType<typeof MenuCheckboxItem>;
+import type { MenuCheckboxItemProps } from "../types.js";
+declare const MenuCheckboxItem: import("svelte").Component<MenuCheckboxItemProps, {}, "checked" | "indeterminate" | "ref">;
+type MenuCheckboxItem = ReturnType<typeof MenuCheckboxItem>;
 export default MenuCheckboxItem;

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

@@ -1,14 +1,13 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ContentStaticProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { MenuContentStaticProps } from "../types.js";
 	import { useMenuContent } 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";
 	import PopperLayer from "../../utilities/popper-layer/popper-layer.svelte";
-	import { isElement } from "../../../internal/is.js";
-	import type { InteractOutsideEvent } from "../../utilities/dismissible-layer/types.js";
 	import Mounted from "../../utilities/mounted.svelte";
+	import { getFloatingContentCSSVars } from "../../../internal/floating-svelte/floating-utils.svelte.js";
+	import PopperLayerForceMount from "../../utilities/popper-layer/popper-layer-force-mount.svelte";
 
 	let {
 		id = useId(),
@@ -20,7 +19,7 @@
 		onEscapeKeydown = noop,
 		forceMount = false,
 		...restProps
-	}: ContentStaticProps = $props();
+	}: MenuContentStaticProps = $props();
 
 	let isMounted = $state(false);
 
@@ -34,55 +33,81 @@
 		isMounted: box.with(() => isMounted),
 	});
 
-	function handleInteractOutsideStart(e: InteractOutsideEvent) {
-		if (!isElement(e.target)) return;
-		if (e.target.id === contentState.parentMenu.triggerNode?.id) {
-			e.preventDefault();
-			return;
-		}
-		if (e.target.closest(`#${contentState.parentMenu.triggerNode?.id}`)) {
-			e.preventDefault();
-		}
-	}
-
 	const mergedProps = $derived(
 		mergeProps(restProps, contentState.props, {
-			onInteractOutsideStart: handleInteractOutsideStart,
 			style: { outline: "none" },
 		})
 	);
-</script>
 
-<PopperLayer
-	isStatic={true}
-	{...mergedProps}
-	present={contentState.parentMenu.open.current || forceMount}
-	onInteractOutside={(e) => {
+	function handleInteractOutside(e: PointerEvent) {
 		onInteractOutside(e);
 		if (e.defaultPrevented) return;
 		contentState.parentMenu.onClose();
-	}}
-	onEscapeKeydown={(e) => {
+	}
+
+	function handleEscapeKeydown(e: KeyboardEvent) {
 		onEscapeKeydown(e);
 		if (e.defaultPrevented) return;
 		contentState.parentMenu.onClose();
-	}}
-	trapFocus
-	{loop}
->
-	{#snippet popper({ props })}
-		{@const finalProps = mergeProps(props, {
-			style: {
-				outline: "none",
-			},
-		})}
-		{#if child}
-			{@render child({ props: finalProps, ...contentState.snippetProps })}
-		{:else}
-			<div {...finalProps}>
-				{@render children?.(contentState.snippetProps)}
-			</div>
-		{/if}
-		<Mounted bind:isMounted />
-	{/snippet}
-</PopperLayer>
+	}
+</script>
+
+{#if forceMount}
+	<PopperLayerForceMount
+		{...mergedProps}
+		enabled={contentState.parentMenu.open.current}
+		onInteractOutside={handleInteractOutside}
+		onEscapeKeydown={handleEscapeKeydown}
+		trapFocus
+		{loop}
+		forceMount={true}
+		isStatic
+		{id}
+	>
+		{#snippet popper({ props })}
+			{@const finalProps = mergeProps(props, {
+				style: {
+					outline: "none",
+					...getFloatingContentCSSVars("menu"),
+				},
+			})}
+			{#if child}
+				{@render child({ props: finalProps, ...contentState.snippetProps })}
+			{:else}
+				<div {...finalProps}>
+					{@render children?.()}
+				</div>
+			{/if}
+			<Mounted bind:isMounted />
+		{/snippet}
+	</PopperLayerForceMount>
+{:else if !forceMount}
+	<PopperLayer
+		{...mergedProps}
+		present={contentState.parentMenu.open.current}
+		onInteractOutside={handleInteractOutside}
+		onEscapeKeydown={handleEscapeKeydown}
+		trapFocus
+		{loop}
+		forceMount={false}
+		isStatic
+		{id}
+	>
+		{#snippet popper({ props })}
+			{@const finalProps = mergeProps(props, {
+				style: {
+					outline: "none",
+					...getFloatingContentCSSVars("menu"),
+				},
+			})}
+			{#if child}
+				{@render child({ props: finalProps, ...contentState.snippetProps })}
+			{:else}
+				<div {...finalProps}>
+					{@render children?.()}
+				</div>
+			{/if}
+			<Mounted bind:isMounted />
+		{/snippet}
+	</PopperLayer>
+{/if}

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

@@ -1,19 +1,4 @@
-import type { ContentStaticProps } 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;
-    } & Exports;
-    (internal: unknown, props: Props & {
-        $$events?: Events;
-        $$slots?: Slots;
-    }): Exports & {
-        $set?: any;
-        $on?: any;
-    };
-    z_$$bindings?: Bindings;
-}
-declare const MenuContentStatic: $$__sveltets_2_IsomorphicComponent<ContentStaticProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type MenuContentStatic = InstanceType<typeof MenuContentStatic>;
+import type { MenuContentStaticProps } from "../types.js";
+declare const MenuContentStatic: import("svelte").Component<MenuContentStaticProps, {}, "ref">;
+type MenuContentStatic = ReturnType<typeof MenuContentStatic>;
 export default MenuContentStatic;