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

package/dist/bits/toolbar/components/toolbar-button.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { ButtonProps } from "../index.js";
+	import type { ToolbarButtonProps } from "../types.js";
 	import { useToolbarButton } from "../toolbar.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 {
 		child,
@@ -13,7 +13,7 @@
 		id = useId(),
 		ref = $bindable(null),
 		...restProps
-	}: ButtonProps = $props();
+	}: ToolbarButtonProps = $props();
 
 	const buttonState = useToolbarButton({
 		id: box.with(() => id),

package/dist/bits/toolbar/components/toolbar-button.svelte.d.ts

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

package/dist/bits/toolbar/components/toolbar-group-item.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { GroupItemProps } from "../index.js";
+	import type { ToolbarGroupItemProps } from "../types.js";
 	import { useToolbarGroupItem } from "../toolbar.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 {
 		child,
@@ -14,7 +14,7 @@
 		id = useId(),
 		ref = $bindable(null),
 		...restProps
-	}: GroupItemProps = $props();
+	}: ToolbarGroupItemProps = $props();
 
 	const groupItemState = useToolbarGroupItem({
 		id: box.with(() => id),

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

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { type WritableBox, box } from "svelte-toolbelt";
-	import type { GroupProps } from "../index.js";
+	import type { ToolbarGroupProps } from "../types.js";
 	import { useToolbarGroup } from "../toolbar.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";
 
 	let {
@@ -17,7 +17,7 @@
 		child,
 		children,
 		...restProps
-	}: GroupProps = $props();
+	}: ToolbarGroupProps = $props();
 
 	if (value === undefined) {
 		const defaultValue = type === "single" ? "" : [];

package/dist/bits/toolbar/components/toolbar-group.svelte.d.ts

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

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

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
 	import { useToolbarLink } from "../toolbar.svelte.js";
-	import type { LinkProps } from "../index.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import type { ToolbarLinkProps } from "../types.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		children,
@@ -12,7 +12,7 @@
 		ref = $bindable(null),
 		id = useId(),
 		...restProps
-	}: LinkProps = $props();
+	}: ToolbarLinkProps = $props();
 
 	const linkState = useToolbarLink({
 		id: box.with(() => id),

package/dist/bits/toolbar/components/toolbar-link.svelte.d.ts

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

package/dist/bits/toolbar/components/toolbar.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { RootProps } from "../index.js";
+	import type { ToolbarRootProps } from "../types.js";
 	import { useToolbarRoot } from "../toolbar.svelte.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { useId } from "../../../internal/useId.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
+	import { useId } from "../../../internal/use-id.js";
 
 	let {
 		ref = $bindable(null),
@@ -13,7 +13,7 @@
 		child,
 		children,
 		...restProps
-	}: RootProps = $props();
+	}: ToolbarRootProps = $props();
 
 	const rootState = useToolbarRoot({
 		id: box.with(() => id),

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

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

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

@@ -0,0 +1,6 @@
+export { default as Root } from "./components/toolbar.svelte";
+export { default as Button } from "./components/toolbar-button.svelte";
+export { default as Link } from "./components/toolbar-link.svelte";
+export { default as Group } from "./components/toolbar-group.svelte";
+export { default as GroupItem } from "./components/toolbar-group-item.svelte";
+export type { ToolbarRootProps as RootProps, ToolbarButtonProps as ButtonProps, ToolbarLinkProps as LinkProps, ToolbarGroupProps as GroupProps, ToolbarGroupItemProps as GroupItemProps, } from "./types.js";

package/dist/bits/toolbar/exports.js

@@ -0,0 +1,5 @@
+export { default as Root } from "./components/toolbar.svelte";
+export { default as Button } from "./components/toolbar-button.svelte";
+export { default as Link } from "./components/toolbar-link.svelte";
+export { default as Group } from "./components/toolbar-group.svelte";
+export { default as GroupItem } from "./components/toolbar-group-item.svelte";

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

@@ -1,6 +1 @@
-export { default as Root } from "./components/toolbar.svelte";
-export { default as Button } from "./components/toolbar-button.svelte";
-export { default as Link } from "./components/toolbar-link.svelte";
-export { default as Group } from "./components/toolbar-group.svelte";
-export { default as GroupItem } from "./components/toolbar-group-item.svelte";
-export type { ToolbarRootProps as RootProps, ToolbarButtonProps as ButtonProps, ToolbarLinkProps as LinkProps, ToolbarGroupProps as GroupProps, ToolbarGroupItemProps as GroupItemProps, } from "./types.js";
+export * as Toolbar from "./exports.js";

package/dist/bits/toolbar/index.js

@@ -1,5 +1 @@
-export { default as Root } from "./components/toolbar.svelte";
-export { default as Button } from "./components/toolbar-button.svelte";
-export { default as Link } from "./components/toolbar-link.svelte";
-export { default as Group } from "./components/toolbar-group.svelte";
-export { default as GroupItem } from "./components/toolbar-group-item.svelte";
+export * as Toolbar from "./exports.js";

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

@@ -1,6 +1,6 @@
 import { type WritableBox } from "svelte-toolbelt";
 import type { ReadableBoxedValues, WritableBoxedValues } from "../../internal/box.svelte.js";
-import { type UseRovingFocusReturn } from "../../internal/useRovingFocus.svelte.js";
+import { type UseRovingFocusReturn } from "../../internal/use-roving-focus.svelte.js";
 import type { Orientation } from "../../shared/index.js";
 import type { WithRefProps } from "../../internal/types.js";
 type ToolbarRootStateProps = WithRefProps<ReadableBoxedValues<{
@@ -12,9 +12,6 @@ declare class ToolbarRootState {
     orientation: ToolbarRootStateProps["orientation"];
     rovingFocusGroup: UseRovingFocusReturn;
     constructor(props: ToolbarRootStateProps);
-    createGroup(props: InitToolbarGroupProps): ToolbarGroupSingleState | ToolbarGroupMultipleState;
-    createLink(props: ToolbarLinkStateProps): ToolbarLinkState;
-    createButton(props: ToolbarButtonStateProps): ToolbarButtonState;
     props: {
         readonly id: string;
         readonly role: "toolbar";
@@ -61,7 +58,6 @@ declare class ToolbarGroupMultipleState extends ToolbarGroupBaseState {
     constructor(props: ToolbarGroupMultipleStateProps, root: ToolbarRootState);
     includesItem: (item: string) => boolean;
     toggleItem: (item: string) => void;
-    createItem(props: ToolbarGroupItemStateProps): ToolbarGroupItemState;
 }
 type ToolbarGroupState = ToolbarGroupSingleState | ToolbarGroupMultipleState;
 type ToolbarGroupItemStateProps = WithRefProps<ReadableBoxedValues<{

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

@@ -1,9 +1,9 @@
 import { box } from "svelte-toolbelt";
 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 { useRefById } from "../../internal/use-ref-by-id.svelte.js";
+import { useRovingFocus, } from "../../internal/use-roving-focus.svelte.js";
+import { createContext } from "../../internal/create-context.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 +33,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",
@@ -118,9 +105,6 @@ class ToolbarGroupMultipleState extends ToolbarGroupBaseState {
             this.#value.current = [...this.#value.current, item];
         }
     };
-    createItem(props) {
-        return new ToolbarGroupItemState(props, this, this.root);
-    }
 }
 class ToolbarGroupItemState {
     #id;
@@ -277,14 +261,20 @@ export function useToolbarRoot(props) {
     return setToolbarRootContext(new ToolbarRootState(props));
 }
 export function useToolbarGroup(props) {
-    return setToolbarGroupContext(getToolbarRootContext().createGroup(props));
+    const { type, ...rest } = props;
+    const rootState = getToolbarRootContext();
+    const groupState = type === "single"
+        ? new ToolbarGroupSingleState(rest, rootState)
+        : new ToolbarGroupMultipleState(rest, rootState);
+    return setToolbarGroupContext(groupState);
 }
 export function useToolbarGroupItem(props) {
-    return getToolbarGroupContext().createItem(props);
+    const group = getToolbarGroupContext();
+    return new ToolbarGroupItemState(props, group, group.root);
 }
 export function useToolbarButton(props) {
-    return getToolbarRootContext().createButton(props);
+    return new ToolbarButtonState(props, getToolbarRootContext());
 }
 export function useToolbarLink(props) {
-    return getToolbarRootContext().createLink(props);
+    return new ToolbarLinkState(props, getToolbarRootContext());
 }

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-content-static.svelte

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { ContentStaticProps } from "../index.js";
+	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 { mergeProps } from "../../../internal/merge-props.js";
 	import PopperLayer from "../../utilities/popper-layer/popper-layer.svelte";
 
 	let {
@@ -15,7 +15,7 @@
 		onEscapeKeydown,
 		forceMount = false,
 		...restProps
-	}: ContentStaticProps = $props();
+	}: TooltipContentStaticProps = $props();
 
 	const contentState = useTooltipContent({
 		id: box.with(() => id),

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

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

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

@@ -1,9 +1,9 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { ContentProps } from "../index.js";
+	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 { mergeProps } from "../../../internal/merge-props.js";
 	import PopperLayer from "../../utilities/popper-layer/popper-layer.svelte";
 	import { getFloatingContentCSSVars } from "../../../internal/floating-svelte/floating-utils.svelte.js";
 
@@ -24,7 +24,7 @@
 		onEscapeKeydown,
 		forceMount = false,
 		...restProps
-	}: ContentProps = $props();
+	}: TooltipContentProps = $props();
 
 	const contentState = useTooltipContent({
 		id: box.with(() => id),

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

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

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

@@ -1,10 +1,10 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { TriggerProps } from "../index.js";
+	import type { TooltipTriggerProps } from "../types.js";
 	import { useTooltipTrigger } from "../tooltip.svelte.js";
-	import { useId } from "../../../internal/useId.js";
-	import { mergeProps } from "../../../internal/mergeProps.js";
-	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
+	import { useId } from "../../../internal/use-id.js";
+	import { mergeProps } from "../../../internal/merge-props.js";
+	import FloatingLayerAnchor from "../../utilities/floating-layer/components/floating-layer-anchor.svelte";
 
 	let {
 		children,
@@ -14,7 +14,7 @@
 		type = "button",
 		ref = $bindable(null),
 		...restProps
-	}: TriggerProps = $props();
+	}: TooltipTriggerProps = $props();
 
 	const triggerState = useTooltipTrigger({
 		id: box.with(() => id),
@@ -28,7 +28,7 @@
 	const mergedProps = $derived(mergeProps(restProps, triggerState.props, { type }));
 </script>
 
-<FloatingLayer.Anchor {id}>
+<FloatingLayerAnchor {id}>
 	{#if child}
 		{@render child({ props: mergedProps })}
 	{:else}
@@ -36,4 +36,4 @@
 			{@render children?.()}
 		</button>
 	{/if}
-</FloatingLayer.Anchor>
+</FloatingLayerAnchor>

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

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

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

@@ -1,8 +1,8 @@
 <script lang="ts">
 	import { box } from "svelte-toolbelt";
-	import type { RootProps } from "../index.js";
+	import type { TooltipRootProps } from "../types.js";
 	import { useTooltipRoot } from "../tooltip.svelte.js";
-	import { FloatingLayer } from "../../utilities/floating-layer/index.js";
+	import FloatingLayer from "../../utilities/floating-layer/components/floating-layer.svelte";
 	import { noop } from "../../../internal/callbacks.js";
 
 	let {
@@ -15,7 +15,7 @@
 		ignoreNonKeyboardFocus = false,
 		controlledOpen = false,
 		children,
-	}: RootProps = $props();
+	}: TooltipRootProps = $props();
 
 	useTooltipRoot({
 		open: box.with(
@@ -37,6 +37,6 @@
 	});
 </script>
 
-<FloatingLayer.Root>
+<FloatingLayer>
 	{@render children?.()}
-</FloatingLayer.Root>
+</FloatingLayer>

package/dist/bits/tooltip/components/tooltip.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 Tooltip: $$__sveltets_2_IsomorphicComponent<RootProps, {
+declare const Tooltip: $$__sveltets_2_IsomorphicComponent<import("../types.js").TooltipRootPropsWithoutHTML, {
     [evt: string]: CustomEvent<any>;
 }, {}, {}, "open">;
 type Tooltip = InstanceType<typeof Tooltip>;

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

@@ -0,0 +1,9 @@
+export { default as Root } from "./components/tooltip.svelte";
+export { default as Content } from "./components/tooltip-content.svelte";
+export { default as ContentStatic } from "./components/tooltip-content-static.svelte";
+export { default as Trigger } from "./components/tooltip-trigger.svelte";
+export { default as Arrow } from "./components/tooltip-arrow.svelte";
+export { default as Provider } from "./components/tooltip-provider.svelte";
+export { default as Portal } from "../utilities/portal/portal.svelte";
+export type { TooltipProviderPropsWithoutHTML as ProviderProps, TooltipRootPropsWithoutHTML as RootProps, TooltipArrowProps as ArrowProps, TooltipContentProps as ContentProps, TooltipContentStaticProps as ContentStaticProps, TooltipTriggerProps as TriggerProps, } from "./types.js";
+export type { PortalProps } from "../utilities/portal/types.js";

package/dist/bits/tooltip/exports.js

@@ -0,0 +1,7 @@
+export { default as Root } from "./components/tooltip.svelte";
+export { default as Content } from "./components/tooltip-content.svelte";
+export { default as ContentStatic } from "./components/tooltip-content-static.svelte";
+export { default as Trigger } from "./components/tooltip-trigger.svelte";
+export { default as Arrow } from "./components/tooltip-arrow.svelte";
+export { default as Provider } from "./components/tooltip-provider.svelte";
+export { default as Portal } from "../utilities/portal/portal.svelte";

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

@@ -1,9 +1 @@
-export { default as Root } from "./components/tooltip.svelte";
-export { default as Content } from "./components/tooltip-content.svelte";
-export { default as ContentStatic } from "./components/tooltip-content-static.svelte";
-export { default as Trigger } from "./components/tooltip-trigger.svelte";
-export { default as Arrow } from "./components/tooltip-arrow.svelte";
-export { default as Provider } from "./components/tooltip-provider.svelte";
-export { default as Portal } from "../utilities/portal/portal.svelte";
-export type { TooltipProviderPropsWithoutHTML as ProviderProps, TooltipRootPropsWithoutHTML as RootProps, TooltipArrowProps as ArrowProps, TooltipContentProps as ContentProps, TooltipContentStaticProps as ContentStaticProps, TooltipTriggerProps as TriggerProps, } from "./types.js";
-export type { PortalProps } from "../utilities/portal/types.js";
+export * as Tooltip from "./exports.js";

package/dist/bits/tooltip/index.js

@@ -1,7 +1 @@
-export { default as Root } from "./components/tooltip.svelte";
-export { default as Content } from "./components/tooltip-content.svelte";
-export { default as ContentStatic } from "./components/tooltip-content-static.svelte";
-export { default as Trigger } from "./components/tooltip-trigger.svelte";
-export { default as Arrow } from "./components/tooltip-arrow.svelte";
-export { default as Provider } from "./components/tooltip-provider.svelte";
-export { default as Portal } from "../utilities/portal/portal.svelte";
+export * as Tooltip from "./exports.js";

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

@@ -21,7 +21,6 @@ declare class TooltipProviderState {
     constructor(props: TooltipProviderStateProps);
     onOpen: () => void;
     onClose: () => void;
-    createRoot(props: TooltipRootStateProps): TooltipRootState;
 }
 type TooltipRootStateProps = ReadableBoxedValues<{
     delayDuration: number | undefined;
@@ -54,8 +53,6 @@ declare class TooltipRootState {
     handleClose: () => void;
     onTriggerEnter: () => void;
     onTriggerLeave: () => void;
-    createTrigger(props: TooltipTriggerStateProps): TooltipTriggerState;
-    createContent(props: TooltipContentStateProps): TooltipContentState;
 }
 type TooltipTriggerStateProps = WithRefProps<ReadableBoxedValues<{
     disabled: boolean;