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

package/dist/bits/toolbar/toolbar.svelte.js

@@ -1,9 +1,8 @@
-import { box } from "svelte-toolbelt";
+import { useRefById } from "svelte-toolbelt";
+import { Context } from "runed";
 import { getAriaChecked, getAriaPressed, getDataDisabled, getDataOrientation, getDisabled, } from "../../internal/attrs.js";
 import { kbd } from "../../internal/kbd.js";
-import { useRefById } from "../../internal/useRefById.svelte.js";
-import { useRovingFocus } from "../../internal/useRovingFocus.svelte.js";
-import { createContext } from "../../internal/createContext.js";
+import { useRovingFocus, } from "../../internal/use-roving-focus.svelte.js";
 const ROOT_ATTR = "data-toolbar-root";
 // all links, buttons, and items must have the ITEM_ATTR for roving focus
 const ITEM_ATTR = "data-toolbar-item";
@@ -33,19 +32,6 @@ class ToolbarRootState {
             candidateAttr: ITEM_ATTR,
         });
     }
-    createGroup(props) {
-        const { type, ...rest } = props;
-        const groupState = type === "single"
-            ? new ToolbarGroupSingleState(rest, this)
-            : new ToolbarGroupMultipleState(rest, this);
-        return groupState;
-    }
-    createLink(props) {
-        return new ToolbarLinkState(props, this);
-    }
-    createButton(props) {
-        return new ToolbarButtonState(props, this);
-    }
     props = $derived.by(() => ({
         id: this.#id.current,
         role: "toolbar",
@@ -84,19 +70,16 @@ class ToolbarGroupSingleState extends ToolbarGroupBaseState {
         super(props, root);
         this.#value = props.value;
     }
-    includesItem = (item) => {
+    includesItem(item) {
         return this.#value.current === item;
-    };
-    toggleItem = (item) => {
+    }
+    toggleItem(item) {
         if (this.includesItem(item)) {
             this.#value.current = "";
         }
         else {
             this.#value.current = item;
         }
-    };
-    createItem(props) {
-        return new ToolbarGroupItemState(props, this, this.root);
     }
 }
 class ToolbarGroupMultipleState extends ToolbarGroupBaseState {
@@ -107,19 +90,16 @@ class ToolbarGroupMultipleState extends ToolbarGroupBaseState {
         super(props, root);
         this.#value = props.value;
     }
-    includesItem = (item) => {
+    includesItem(item) {
         return this.#value.current.includes(item);
-    };
-    toggleItem = (item) => {
+    }
+    toggleItem(item) {
         if (this.includesItem(item)) {
             this.#value.current = this.#value.current.filter((v) => v !== item);
         }
         else {
             this.#value.current = [...this.#value.current, item];
         }
-    };
-    createItem(props) {
-        return new ToolbarGroupItemState(props, this, this.root);
     }
 }
 class ToolbarGroupItemState {
@@ -141,33 +121,40 @@ class ToolbarGroupItemState {
             id: this.#id,
             ref: this.#ref,
         });
+        $effect(() => {
+            this.#tabIndex = this.#root.rovingFocusGroup.getTabIndex(this.#ref.current);
+        });
+        this.onclick = this.onclick.bind(this);
+        this.onkeydown = this.onkeydown.bind(this);
     }
-    toggleItem = () => {
+    #toggleItem() {
         if (this.#isDisabled)
             return;
         this.#group.toggleItem(this.#value.current);
-    };
-    #onclick = () => {
-        this.toggleItem();
-    };
-    #onkeydown = (e) => {
+    }
+    onclick(_) {
+        if (this.#isDisabled)
+            return;
+        this.#toggleItem();
+    }
+    onkeydown(e) {
         if (this.#isDisabled)
             return;
         if (e.key === kbd.ENTER || e.key === kbd.SPACE) {
             e.preventDefault();
-            this.toggleItem();
+            this.#toggleItem();
             return;
         }
         this.#root.rovingFocusGroup.handleKeydown(this.#ref.current, e);
-    };
+    }
     isPressed = $derived.by(() => this.#group.includesItem(this.#value.current));
     #ariaChecked = $derived.by(() => {
-        return this.#group.isMulti ? undefined : getAriaChecked(this.isPressed);
+        return this.#group.isMulti ? undefined : getAriaChecked(this.isPressed, false);
     });
     #ariaPressed = $derived.by(() => {
         return this.#group.isMulti ? getAriaPressed(this.isPressed) : undefined;
     });
-    #tabIndex = $derived.by(() => this.#root.rovingFocusGroup.getTabIndex(this.#ref.current));
+    #tabIndex = $state(0);
     props = $derived.by(() => ({
         id: this.#id.current,
         role: this.#group.isMulti ? undefined : "radio",
@@ -182,8 +169,8 @@ class ToolbarGroupItemState {
         [GROUP_ITEM_ATTR]: "",
         disabled: getDisabled(this.#isDisabled),
         //
-        onclick: this.#onclick,
-        onkeydown: this.#onkeydown,
+        onclick: this.onclick,
+        onkeydown: this.onkeydown,
     }));
 }
 class ToolbarLinkState {
@@ -198,10 +185,14 @@ class ToolbarLinkState {
             id: this.#id,
             ref: this.#ref,
         });
+        $effect(() => {
+            this.#tabIndex = this.#root.rovingFocusGroup.getTabIndex(this.#ref.current);
+        });
+        this.onkeydown = this.onkeydown.bind(this);
     }
-    #onkeydown = (e) => {
+    onkeydown(e) {
         this.#root.rovingFocusGroup.handleKeydown(this.#ref.current, e);
-    };
+    }
     #role = $derived.by(() => {
         if (!this.#ref.current)
             return undefined;
@@ -210,7 +201,7 @@ class ToolbarLinkState {
             return "link";
         return undefined;
     });
-    #tabIndex = $derived.by(() => this.#root.rovingFocusGroup.getTabIndex(this.#ref.current));
+    #tabIndex = $state(0);
     props = $derived.by(() => ({
         id: this.#id.current,
         [LINK_ATTR]: "",
@@ -219,7 +210,7 @@ class ToolbarLinkState {
         tabindex: this.#tabIndex,
         "data-orientation": getDataOrientation(this.#root.orientation.current),
         //
-        onkeydown: this.#onkeydown,
+        onkeydown: this.onkeydown,
     }));
 }
 class ToolbarButtonState {
@@ -236,11 +227,15 @@ class ToolbarButtonState {
             id: this.#id,
             ref: this.#ref,
         });
+        $effect(() => {
+            this.#tabIndex = this.#root.rovingFocusGroup.getTabIndex(this.#ref.current);
+        });
+        this.onkeydown = this.onkeydown.bind(this);
     }
-    #onkeydown = (e) => {
+    onkeydown(e) {
         this.#root.rovingFocusGroup.handleKeydown(this.#ref.current, e);
-    };
-    #tabIndex = $derived.by(() => this.#root.rovingFocusGroup.getTabIndex(this.#ref.current));
+    }
+    #tabIndex = $state(0);
     #role = $derived.by(() => {
         if (!this.#ref.current)
             return undefined;
@@ -259,7 +254,7 @@ class ToolbarButtonState {
         "data-orientation": getDataOrientation(this.#root.orientation.current),
         disabled: getDisabled(this.#disabled.current),
         //
-        onkeydown: this.#onkeydown,
+        onkeydown: this.onkeydown,
     }));
 }
 //
@@ -268,23 +263,26 @@ class ToolbarButtonState {
 function getToggleItemDataState(condition) {
     return condition ? "on" : "off";
 }
-//
-// CONTEXT METHODS
-//
-const [setToolbarRootContext, getToolbarRootContext] = createContext("Toolbar.Root");
-const [setToolbarGroupContext, getToolbarGroupContext] = createContext("Toolbar.Group");
+const ToolbarRootContext = new Context("Toolbar.Root");
+const ToolbarGroupContext = new Context("Toolbar.Group");
 export function useToolbarRoot(props) {
-    return setToolbarRootContext(new ToolbarRootState(props));
+    return ToolbarRootContext.set(new ToolbarRootState(props));
 }
 export function useToolbarGroup(props) {
-    return setToolbarGroupContext(getToolbarRootContext().createGroup(props));
+    const { type, ...rest } = props;
+    const rootState = ToolbarRootContext.get();
+    const groupState = type === "single"
+        ? new ToolbarGroupSingleState(rest, rootState)
+        : new ToolbarGroupMultipleState(rest, rootState);
+    return ToolbarGroupContext.set(groupState);
 }
 export function useToolbarGroupItem(props) {
-    return getToolbarGroupContext().createItem(props);
+    const group = ToolbarGroupContext.get();
+    return new ToolbarGroupItemState(props, group, group.root);
 }
 export function useToolbarButton(props) {
-    return getToolbarRootContext().createButton(props);
+    return new ToolbarButtonState(props, ToolbarRootContext.get());
 }
 export function useToolbarLink(props) {
-    return getToolbarRootContext().createLink(props);
+    return new ToolbarLinkState(props, ToolbarRootContext.get());
 }

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

@@ -1,7 +1,7 @@
 import type { ToggleGroupItemProps, ToggleGroupItemPropsWithoutHTML, ToggleGroupRootPropsWithoutHTML } from "../toggle-group/types.js";
 import type { Orientation } from "../../shared/index.js";
 import type { WithChild, Without } from "../../internal/types.js";
-import type { PrimitiveAnchorAttributes, PrimitiveButtonAttributes, PrimitiveDivAttributes } from "../../shared/attributes.js";
+import type { BitsPrimitiveAnchorAttributes, BitsPrimitiveButtonAttributes, BitsPrimitiveDivAttributes } from "../../shared/attributes.js";
 export type ToolbarRootPropsWithoutHTML = WithChild<{
     /**
      * The orientation of the toolbar. This determines how keyboard navigation
@@ -18,9 +18,9 @@ export type ToolbarRootPropsWithoutHTML = WithChild<{
      */
     loop?: boolean;
 }>;
-export type ToolbarRootProps = ToolbarRootPropsWithoutHTML & Without<PrimitiveDivAttributes, ToolbarRootPropsWithoutHTML>;
+export type ToolbarRootProps = ToolbarRootPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ToolbarRootPropsWithoutHTML>;
 export type ToolbarGroupPropsWithoutHTML = Omit<ToggleGroupRootPropsWithoutHTML, "orientation" | "loop" | "rovingFocus">;
-export type ToolbarGroupProps = ToolbarGroupPropsWithoutHTML & Without<PrimitiveDivAttributes, ToolbarGroupPropsWithoutHTML>;
+export type ToolbarGroupProps = ToolbarGroupPropsWithoutHTML & Without<BitsPrimitiveDivAttributes, ToolbarGroupPropsWithoutHTML>;
 export type ToolbarGroupItemPropsWithoutHTML = ToggleGroupItemPropsWithoutHTML;
 export type ToolbarGroupItemProps = ToggleGroupItemProps;
 export type ToolbarButtonPropsWithoutHTML = WithChild<{
@@ -29,6 +29,6 @@ export type ToolbarButtonPropsWithoutHTML = WithChild<{
      */
     disabled?: boolean | null | undefined;
 }>;
-export type ToolbarButtonProps = ToolbarButtonPropsWithoutHTML & Without<PrimitiveButtonAttributes, ToolbarButtonPropsWithoutHTML>;
+export type ToolbarButtonProps = ToolbarButtonPropsWithoutHTML & Without<BitsPrimitiveButtonAttributes, ToolbarButtonPropsWithoutHTML>;
 export type ToolbarLinkPropsWithoutHTML = WithChild;
-export type ToolbarLinkProps = ToolbarLinkPropsWithoutHTML & Without<PrimitiveAnchorAttributes, ToolbarLinkPropsWithoutHTML>;
+export type ToolbarLinkProps = ToolbarLinkPropsWithoutHTML & Without<BitsPrimitiveAnchorAttributes, ToolbarLinkPropsWithoutHTML>;

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

@@ -1,8 +1,8 @@
 <script lang="ts">
-	import type { ArrowProps } from "../index.js";
-	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
+	import type { TooltipArrowProps } from "../types.js";
+	import FloatingLayerArrow from "../../utilities/floating-layer/components/floating-layer-arrow.svelte";
 
-	let { ref = $bindable(null), ...restProps }: ArrowProps = $props();
+	let { ref = $bindable(null), ...restProps }: TooltipArrowProps = $props();
 </script>
 
-<FloatingLayer.Arrow bind:ref {...restProps} />
+<FloatingLayerArrow bind:ref {...restProps} />

package/dist/bits/tooltip/components/tooltip-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 TooltipArrow: $$__sveltets_2_IsomorphicComponent<import("../../utilities/arrow/types.js").ArrowProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type TooltipArrow = InstanceType<typeof TooltipArrow>;
+declare const TooltipArrow: import("svelte").Component<import("../../utilities/arrow/types.js").ArrowProps, {}, "ref">;
+type TooltipArrow = ReturnType<typeof TooltipArrow>;
 export default TooltipArrow;

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

@@ -1,21 +1,23 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ContentStaticProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { TooltipContentStaticProps } from "../types.js";
 	import { useTooltipContent } from "../tooltip.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";
 
 	let {
 		children,
 		child,
 		id = useId(),
 		ref = $bindable(null),
+
 		onInteractOutside,
 		onEscapeKeydown,
 		forceMount = false,
 		...restProps
-	}: ContentStaticProps = $props();
+	}: TooltipContentStaticProps = $props();
 
 	const contentState = useTooltipContent({
 		id: box.with(() => id),
@@ -26,37 +28,74 @@
 	});
 
 	const mergedProps = $derived(mergeProps(restProps, contentState.props));
-</script>
 
-<PopperLayer
-	isStatic={true}
-	{...mergedProps}
-	present={contentState.root.open.current || forceMount}
-	{id}
-	onInteractOutside={(e) => {
+	function handleInteractOutside(e: PointerEvent) {
 		onInteractOutside?.(e);
 		if (e.defaultPrevented) return;
 		contentState.root.handleClose();
-	}}
-	onEscapeKeydown={(e) => {
+	}
+
+	function handleEscapeKeydown(e: KeyboardEvent) {
 		onEscapeKeydown?.(e);
 		if (e.defaultPrevented) return;
 		contentState.root.handleClose();
-	}}
-	onOpenAutoFocus={(e) => e.preventDefault()}
-	onCloseAutoFocus={(e) => e.preventDefault()}
-	trapFocus={false}
-	loop={false}
-	preventScroll={false}
->
-	{#snippet popper({ props })}
-		{@const mergedProps = mergeProps(props)}
-		{#if child}
-			{@render child({ props: mergedProps, ...contentState.snippetProps })}
-		{:else}
-			<div {...mergedProps}>
-				{@render children?.(contentState.snippetProps)}
-			</div>
-		{/if}
-	{/snippet}
-</PopperLayer>
+	}
+</script>
+
+{#if forceMount}
+	<PopperLayerForceMount
+		{...mergedProps}
+		isStatic
+		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("tooltip"),
+			})}
+			{#if child}
+				{@render child({ props: mergedProps, ...contentState.snippetProps })}
+			{:else}
+				<div {...mergedProps}>
+					{@render children?.()}
+				</div>
+			{/if}
+		{/snippet}
+	</PopperLayerForceMount>
+{:else if !forceMount}
+	<PopperLayer
+		{...mergedProps}
+		isStatic
+		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("tooltip"),
+			})}
+			{#if child}
+				{@render child({ props: mergedProps, ...contentState.snippetProps })}
+			{:else}
+				<div {...mergedProps}>
+					{@render children?.()}
+				</div>
+			{/if}
+		{/snippet}
+	</PopperLayer>
+{/if}

package/dist/bits/tooltip/components/tooltip-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 TooltipContentStatic: $$__sveltets_2_IsomorphicComponent<ContentStaticProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type TooltipContentStatic = InstanceType<typeof TooltipContentStatic>;
+import type { TooltipContentStaticProps } from "../types.js";
+declare const TooltipContentStatic: import("svelte").Component<TooltipContentStaticProps, {}, "ref">;
+type TooltipContentStatic = ReturnType<typeof TooltipContentStatic>;
 export default TooltipContentStatic;

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

@@ -1,11 +1,11 @@
 <script lang="ts">
-	import { box } from "svelte-toolbelt";
-	import type { ContentProps } from "../index.js";
+	import { box, mergeProps } from "svelte-toolbelt";
+	import type { TooltipContentProps } from "../types.js";
 	import { useTooltipContent } from "../tooltip.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";
 
 	let {
 		children,
@@ -24,7 +24,7 @@
 		onEscapeKeydown,
 		forceMount = false,
 		...restProps
-	}: ContentProps = $props();
+	}: TooltipContentProps = $props();
 
 	const contentState = useTooltipContent({
 		id: box.with(() => id),
@@ -46,38 +46,76 @@
 	});
 
 	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.handleClose();
-	}}
-	onEscapeKeydown={(e) => {
+	}
+
+	function handleEscapeKeydown(e: KeyboardEvent) {
 		onEscapeKeydown?.(e);
 		if (e.defaultPrevented) return;
 		contentState.root.handleClose();
-	}}
-	onOpenAutoFocus={(e) => e.preventDefault()}
-	onCloseAutoFocus={(e) => e.preventDefault()}
-	trapFocus={false}
-	loop={false}
-	preventScroll={false}
->
-	{#snippet popper({ props })}
-		{@const mergedProps = mergeProps(props, {
-			style: getFloatingContentCSSVars("tooltip"),
-		})}
-		{#if child}
-			{@render child({ props: mergedProps, ...contentState.snippetProps })}
-		{:else}
-			<div {...mergedProps}>
-				{@render children?.(contentState.snippetProps)}
-			</div>
-		{/if}
-	{/snippet}
-</PopperLayer>
+	}
+</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, wrapperProps })}
+			{@const mergedProps = mergeProps(props, {
+				style: getFloatingContentCSSVars("tooltip"),
+			})}
+			{#if child}
+				{@render child({ props: mergedProps, wrapperProps, ...contentState.snippetProps })}
+			{:else}
+				<div {...wrapperProps}>
+					<div {...mergedProps}>
+						{@render children?.()}
+					</div>
+				</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, wrapperProps })}
+			{@const mergedProps = mergeProps(props, {
+				style: getFloatingContentCSSVars("tooltip"),
+			})}
+			{#if child}
+				{@render child({ props: mergedProps, wrapperProps, ...contentState.snippetProps })}
+			{:else}
+				<div {...wrapperProps}>
+					<div {...mergedProps}>
+						{@render children?.()}
+					</div>
+				</div>
+			{/if}
+		{/snippet}
+	</PopperLayer>
+{/if}

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

@@ -1,19 +1,4 @@
-import type { ContentProps } 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 TooltipContent: $$__sveltets_2_IsomorphicComponent<ContentProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "ref">;
-type TooltipContent = InstanceType<typeof TooltipContent>;
+import type { TooltipContentProps } from "../types.js";
+declare const TooltipContent: import("svelte").Component<TooltipContentProps, {}, "ref">;
+type TooltipContent = ReturnType<typeof TooltipContent>;
 export default TooltipContent;

package/dist/bits/tooltip/components/tooltip-provider.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { ProviderProps } from "../index.js";
+	import type { TooltipProviderProps } from "../types.js";
 	import { useTooltipProvider } from "../tooltip.svelte.js";
 
 	let {
@@ -11,7 +11,7 @@
 		disabled = false,
 		ignoreNonKeyboardFocus = false,
 		skipDelayDuration = 300,
-	}: ProviderProps = $props();
+	}: TooltipProviderProps = $props();
 
 	useTooltipProvider({
 		delayDuration: box.with(() => delayDuration),

package/dist/bits/tooltip/components/tooltip-provider.svelte.d.ts

@@ -1,19 +1,3 @@
-import type { ProviderProps } 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 TooltipProvider: $$__sveltets_2_IsomorphicComponent<ProviderProps, {
-    [evt: string]: CustomEvent<any>;
-}, {}, {}, "">;
-type TooltipProvider = InstanceType<typeof TooltipProvider>;
+declare const TooltipProvider: import("svelte").Component<import("../types.js").TooltipProviderPropsWithoutHTML, {}, "">;
+type TooltipProvider = ReturnType<typeof TooltipProvider>;
 export default TooltipProvider;