@pzerelles/headlessui-svelte 2.1.2-next.2 → 2.1.2-next.21

package/dist/switch/Switch.svelte

@@ -3,9 +3,8 @@
 
 <script lang="ts" generics="TTag extends ElementType = typeof DEFAULT_SWITCH_TAG">import { useId } from "../hooks/use-id.js";
 import { useDisabled } from "../hooks/use-disabled.js";
-import { useProvidedId } from "../internal/id.js";
-import { getContext } from "svelte";
-import { useDisposables } from "../utils/disposables.js";
+import { useProvidedId } from "../utils/id.js";
+import { getContext, tick } from "svelte";
 import { attemptSubmit } from "../utils/form.js";
 import { useLabelledBy } from "../label/context.svelte.js";
 import { useDescribedBy } from "../description/context.svelte.js";
@@ -14,18 +13,19 @@ import { useResolveButtonType } from "../hooks/use-resolve-button-type.svelte.js
 import { useFocusRing } from "../hooks/use-focus-ring.svelte.js";
 import { useHover } from "../hooks/use-hover.svelte.js";
 import { useActivePress } from "../hooks/use-active-press.svelte.js";
+import { useControllable } from "../hooks/use-controllable.svelte.js";
 import FormFields from "../internal/FormFields.svelte";
 import ElementOrComponent from "../utils/ElementOrComponent.svelte";
 const internalId = useId();
-let providedId = useProvidedId();
-let { value: providedDisabled } = $derived(useDisabled());
+const providedId = useProvidedId();
+const providedDisabled = useDisabled();
 let {
   ref = $bindable(),
-  id: ownId,
-  disabled: ownDisabled,
-  defaultChecked,
-  checked = $bindable(defaultChecked),
-  onchange,
+  id = providedId || `headlessui-switch-${internalId}`,
+  disabled: theirDisabled = false,
+  checked: controlledChecked = $bindable(),
+  defaultChecked: _defaultChecked,
+  onchange: controlledOnChange,
   name,
   value,
   form,
@@ -33,19 +33,30 @@ let {
   tabIndex,
   ...theirProps
 } = $props();
-const id = $derived(ownId || providedId || `headlessui-switch-${internalId}`);
-const disabled = $derived(ownDisabled || providedDisabled || false);
+const disabled = $derived(providedDisabled?.value ?? theirDisabled);
 const groupContext = getContext("GroupContext");
 $effect(() => {
   if (groupContext) groupContext.switchElement = ref ?? null;
 });
-const d = useDisposables();
+const defaultChecked = _defaultChecked;
+const controllable = useControllable(
+  {
+    get controlledValue() {
+      return controlledChecked;
+    },
+    set controlledValue(checked2) {
+      controlledChecked = checked2;
+    }
+  },
+  controlledOnChange,
+  defaultChecked ?? false
+);
+const { value: checked, onchange } = $derived(controllable);
 let changing = $state(false);
 const toggle = () => {
   changing = true;
-  checked = !checked;
-  onchange?.(checked);
-  d.nextFrame(() => {
+  onchange?.(!checked);
+  tick().then(() => {
     changing = false;
   });
 };
@@ -123,11 +134,10 @@ const ourProps = $derived(
     pressProps
   )
 );
-const reset = () => {
+const reset = $derived(() => {
   if (defaultChecked === void 0) return;
-  checked = defaultChecked;
-  return onchange?.(checked);
-};
+  return onchange?.(defaultChecked);
+});
 </script>
 
 {#if name}

package/dist/switch/Switch.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ElementType, Props } from "../utils/types.js";
+import type { ElementType, Props, PropsOf } from "../utils/types.js";
 declare const DEFAULT_SWITCH_TAG: "button";
 type SwitchRenderPropArg = {
     checked: boolean;
@@ -24,11 +24,11 @@ export type SwitchProps<TTag extends ElementType = typeof DEFAULT_SWITCH_TAG> =
 declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_SWITCH_TAG> {
     props(): {
         as?: TTag | undefined;
-    } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, "form" | ("as" | "children" | "refName" | "class") | "disabled" | "autofocus" | "name" | "value" | "checked" | "onchange" | "tabIndex" | "defaultChecked" | SwitchPropsWeControl> extends infer T extends keyof import("../utils/types.js").PropsOf<TTag> ? { [P in T]: import("../utils/types.js").PropsOf<TTag>[P]; } : never) & {
-        children?: import("../utils/types.js").Children<SwitchRenderPropArg> | undefined;
+    } & (Exclude<keyof PropsOf<TTag>, "form" | ("as" | "children" | "refName" | "class") | "disabled" | "autofocus" | "value" | "checked" | "name" | "onchange" | "tabIndex" | "defaultChecked" | SwitchPropsWeControl> extends infer T extends keyof PropsOf<TTag> ? { [P in T]: PropsOf<TTag>[P]; } : never) & {
+        children?: import("svelte").Snippet<[SwitchRenderPropArg, Record<string, any>]> | undefined;
         ref?: HTMLElement;
-    } & (true extends (import("../utils/types.js").PropsOf<TTag> extends infer T_1 ? T_1 extends import("../utils/types.js").PropsOf<TTag> ? T_1 extends never ? never : "class" extends infer T_2 ? T_2 extends "class" ? T_2 extends keyof T_1 ? true : never : never : never : never : never) ? {
-        class?: import("../utils/types.js").PropsOf<TTag>["class"] | ((bag: SwitchRenderPropArg) => string) | undefined;
+    } & (true extends (PropsOf<TTag> extends infer T_1 ? T_1 extends PropsOf<TTag> ? T_1 extends never ? never : "class" extends infer T_2 ? T_2 extends "class" ? T_2 extends keyof T_1 ? true : never : never : never : never : never) ? {
+        class?: PropsOf<TTag>["class"] | ((bag: SwitchRenderPropArg) => string) | undefined;
     } : {}) & {
         checked?: boolean;
         defaultChecked?: boolean;

package/dist/switch/SwitchGroup.svelte.d.ts

@@ -8,7 +8,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_GROUP_
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, "as" | "children" | "refName" | "class"> extends infer T extends keyof import("../utils/types.js").PropsOf<TTag> ? { [P in T]: import("../utils/types.js").PropsOf<TTag>[P]; } : never) & {
-        children?: import("../utils/types.js").Children<{}> | undefined;
+        children?: import("svelte").Snippet<[{}, Record<string, any>]> | undefined;
         ref?: HTMLElement;
     } & (true extends (import("../utils/types.js").PropsOf<TTag> extends infer T_1 ? T_1 extends import("../utils/types.js").PropsOf<TTag> ? T_1 extends never ? never : "class" extends infer T_2 ? T_2 extends "class" ? T_2 extends keyof T_1 ? true : never : never : never : never : never) ? {
         class?: import("../utils/types.js").PropsOf<TTag>["class"] | ((bag: {}) => string) | undefined;

package/dist/tabs/Tab.svelte.d.ts

@@ -18,7 +18,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_TAB_TA
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "disabled" | "autofocus" | "id" | TabPropsWeControl> extends infer T extends keyof import("../utils/types.js").PropsOf<TTag> ? { [P in T]: import("../utils/types.js").PropsOf<TTag>[P]; } : never) & {
-        children?: import("../utils/types.js").Children<TabRenderPropArg> | undefined;
+        children?: import("svelte").Snippet<[TabRenderPropArg, Record<string, any>]> | undefined;
         ref?: HTMLElement;
     } & (true extends (import("../utils/types.js").PropsOf<TTag> extends infer T_1 ? T_1 extends import("../utils/types.js").PropsOf<TTag> ? T_1 extends never ? never : "class" extends infer T_2 ? T_2 extends "class" ? T_2 extends keyof T_1 ? true : never : never : never : never : never) ? {
         class?: import("../utils/types.js").PropsOf<TTag>["class"] | ((bag: TabRenderPropArg) => string) | undefined;

package/dist/tabs/TabGroup.svelte.d.ts

@@ -34,8 +34,8 @@ import type { MutableRefObject } from "../utils/ref.svelte.js";
 declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_TABS_TAG> {
     props(): {
         as?: TTag | undefined;
-    } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "onchange" | "vertical" | "defaultIndex" | "selectedIndex" | "manual"> extends infer T extends keyof import("../utils/types.js").PropsOf<TTag> ? { [P in T]: import("../utils/types.js").PropsOf<TTag>[P]; } : never) & {
-        children?: import("../utils/types.js").Children<TabsRenderPropArg> | undefined;
+    } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "onchange" | "manual" | "vertical" | "defaultIndex" | "selectedIndex"> extends infer T extends keyof import("../utils/types.js").PropsOf<TTag> ? { [P in T]: import("../utils/types.js").PropsOf<TTag>[P]; } : never) & {
+        children?: import("svelte").Snippet<[TabsRenderPropArg, Record<string, any>]> | undefined;
         ref?: HTMLElement;
     } & (true extends (import("../utils/types.js").PropsOf<TTag> extends infer T_1 ? T_1 extends import("../utils/types.js").PropsOf<TTag> ? T_1 extends never ? never : "class" extends infer T_2 ? T_2 extends "class" ? T_2 extends keyof T_1 ? true : never : never : never : never : never) ? {
         class?: import("../utils/types.js").PropsOf<TTag>["class"] | ((bag: TabsRenderPropArg) => string) | undefined;

package/dist/tabs/TabList.svelte.d.ts

@@ -9,7 +9,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_LIST_T
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | ListPropsWeControl> extends infer T extends keyof import("../utils/types.js").PropsOf<TTag> ? { [P in T]: import("../utils/types.js").PropsOf<TTag>[P]; } : never) & {
-        children?: import("../utils/types.js").Children<ListRenderPropArg> | undefined;
+        children?: import("svelte").Snippet<[ListRenderPropArg, Record<string, any>]> | undefined;
         ref?: HTMLElement;
     } & (true extends (import("../utils/types.js").PropsOf<TTag> extends infer T_1 ? T_1 extends import("../utils/types.js").PropsOf<TTag> ? T_1 extends never ? never : "class" extends infer T_2 ? T_2 extends "class" ? T_2 extends keyof T_1 ? true : never : never : never : never : never) ? {
         class?: import("../utils/types.js").PropsOf<TTag>["class"] | ((bag: ListRenderPropArg) => string) | undefined;

package/dist/tabs/TabPanel.svelte.d.ts

@@ -15,7 +15,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_PANEL_
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "unmount" | "static" | "id" | "tabIndex" | PanelPropsWeControl> extends infer T extends keyof import("../utils/types.js").PropsOf<TTag> ? { [P in T]: import("../utils/types.js").PropsOf<TTag>[P]; } : never) & {
-        children?: import("../utils/types.js").Children<PanelRenderPropArg> | undefined;
+        children?: import("svelte").Snippet<[PanelRenderPropArg, Record<string, any>]> | undefined;
         ref?: HTMLElement;
     } & (true extends (import("../utils/types.js").PropsOf<TTag> extends infer T_1 ? T_1 extends import("../utils/types.js").PropsOf<TTag> ? T_1 extends never ? never : "class" extends infer T_2 ? T_2 extends "class" ? T_2 extends keyof T_1 ? true : never : never : never : never : never) ? {
         class?: import("../utils/types.js").PropsOf<TTag>["class"] | ((bag: PanelRenderPropArg) => string) | undefined;

package/dist/tabs/TabPanels.svelte.d.ts

@@ -8,7 +8,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_PANELS
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, "as" | "children" | "refName" | "class"> extends infer T extends keyof import("../utils/types.js").PropsOf<TTag> ? { [P in T]: import("../utils/types.js").PropsOf<TTag>[P]; } : never) & {
-        children?: import("../utils/types.js").Children<PanelsRenderPropArg> | undefined;
+        children?: import("svelte").Snippet<[PanelsRenderPropArg, Record<string, any>]> | undefined;
         ref?: HTMLElement;
     } & (true extends (import("../utils/types.js").PropsOf<TTag> extends infer T_1 ? T_1 extends import("../utils/types.js").PropsOf<TTag> ? T_1 extends never ? never : "class" extends infer T_2 ? T_2 extends "class" ? T_2 extends keyof T_1 ? true : never : never : never : never : never) ? {
         class?: import("../utils/types.js").PropsOf<TTag>["class"] | ((bag: PanelsRenderPropArg) => string) | undefined;

package/dist/textarea/Textarea.svelte

@@ -0,0 +1,67 @@
+<script lang="ts" module>const DEFAULT_TEXTAREA_TAG = "textarea";
+</script>
+
+<script lang="ts" generics="TTag extends ElementType = typeof DEFAULT_TEXTAREA_TAG, TValue = string">import { htmlid } from "../utils/id.js";
+import { useDisabled } from "../hooks/use-disabled.js";
+import { useProvidedId } from "../utils/id.js";
+import { useLabelledBy } from "../label/context.svelte.js";
+import { useDescribedBy } from "../description/context.svelte.js";
+import { useHover } from "../hooks/use-hover.svelte.js";
+import { useFocusRing } from "../hooks/use-focus-ring.svelte.js";
+import { mergeProps } from "../utils/render.js";
+import ElementOrComponent from "../utils/ElementOrComponent.svelte";
+const internalId = htmlid();
+const providedId = useProvidedId();
+const providedDisabled = useDisabled();
+let {
+  ref = $bindable(),
+  value = $bindable(),
+  id = providedId || `headlessui-input-${internalId}`,
+  disabled: theirDisabled = false,
+  autofocus = false,
+  invalid = false,
+  ...theirProps
+} = $props();
+const disabled = $derived(providedDisabled?.value ?? theirDisabled);
+const labelledBy = useLabelledBy();
+const describedBy = useDescribedBy();
+const { isFocusVisible: focus, focusProps } = $derived(
+  useFocusRing({
+    get autofocus() {
+      return autofocus;
+    }
+  })
+);
+const { isHovered: hover, hoverProps } = $derived(
+  useHover({
+    get disabled() {
+      return disabled;
+    }
+  })
+);
+const ourProps = $derived(
+  mergeProps(
+    {
+      id,
+      "aria-labelledby": labelledBy?.value,
+      "aria-describedby": describedBy?.value,
+      "aria-invalid": invalid ? "" : void 0,
+      disabled: disabled || void 0,
+      autofocus
+    },
+    focusProps,
+    hoverProps
+  )
+);
+const slot = $derived({ disabled, invalid, hover, focus, autofocus });
+</script>
+
+<ElementOrComponent
+  {ourProps}
+  {theirProps}
+  {slot}
+  defaultTag={DEFAULT_TEXTAREA_TAG}
+  name="Textarea"
+  bind:ref
+  bind:value
+/>

package/dist/textarea/Textarea.svelte.d.ts

@@ -0,0 +1,50 @@
+import type { ElementType, Props, PropsOf } from "../utils/types.js";
+declare const DEFAULT_TEXTAREA_TAG: "textarea";
+type TextareaRenderPropArg = {
+    disabled: boolean;
+    hover: boolean;
+    focus: boolean;
+    autofocus: boolean;
+    invalid: boolean;
+};
+type TextareaPropsWeControl = "aria-labelledby" | "aria-describedby";
+export type TextareaProps<TTag extends ElementType = typeof DEFAULT_TEXTAREA_TAG, TValue = string> = Props<TTag, TextareaRenderPropArg, TextareaPropsWeControl, {
+    value?: TValue;
+    disabled?: boolean;
+    invalid?: boolean;
+    autofocus?: boolean;
+}>;
+declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_TEXTAREA_TAG, TValue = string> {
+    props(): {
+        as?: TTag | undefined;
+        value?: TValue | undefined;
+    } & (Exclude<keyof PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "invalid" | "disabled" | "autofocus" | "value" | TextareaPropsWeControl> extends infer T extends keyof PropsOf<TTag> ? { [P in T]: PropsOf<TTag>[P]; } : never) & {
+        children?: import("svelte").Snippet<[TextareaRenderPropArg, Record<string, any>]> | undefined;
+        ref?: HTMLElement;
+    } & (true extends (PropsOf<TTag> extends infer T_1 ? T_1 extends PropsOf<TTag> ? T_1 extends never ? never : "class" extends infer T_2 ? T_2 extends "class" ? T_2 extends keyof T_1 ? true : never : never : never : never : never) ? {
+        class?: PropsOf<TTag>["class"] | ((bag: TextareaRenderPropArg) => string) | undefined;
+    } : {}) & {
+        value?: TValue | undefined;
+        disabled?: boolean;
+        invalid?: boolean;
+        autofocus?: boolean;
+    };
+    events(): {} & {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots(): {};
+    bindings(): "ref" | "value";
+    exports(): {};
+}
+interface $$IsomorphicComponent {
+    new <TTag extends ElementType = typeof DEFAULT_TEXTAREA_TAG, TValue = string>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TTag, TValue>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TTag, TValue>['props']>, ReturnType<__sveltets_Render<TTag, TValue>['events']>, ReturnType<__sveltets_Render<TTag, TValue>['slots']>> & {
+        $$bindings?: ReturnType<__sveltets_Render<TTag, TValue>['bindings']>;
+    } & ReturnType<__sveltets_Render<TTag, TValue>['exports']>;
+    <TTag extends ElementType = typeof DEFAULT_TEXTAREA_TAG, TValue = string>(internal: unknown, props: ReturnType<__sveltets_Render<TTag, TValue>['props']> & {
+        $$events?: ReturnType<__sveltets_Render<TTag, TValue>['events']>;
+    }): ReturnType<__sveltets_Render<TTag, TValue>['exports']>;
+    z_$$bindings?: ReturnType<__sveltets_Render<any, any>['bindings']>;
+}
+declare const Textarea: $$IsomorphicComponent;
+type Textarea<TTag extends ElementType = typeof DEFAULT_TEXTAREA_TAG, TValue = string> = InstanceType<typeof Textarea<TTag, TValue>>;
+export default Textarea;

package/dist/textarea/index.d.ts

@@ -0,0 +1 @@
+export { default as Textarea, type TextareaProps } from "./Textarea.svelte";

package/dist/textarea/index.js

@@ -0,0 +1 @@
+export { default as Textarea } from "./Textarea.svelte";

package/dist/transition/InternalTransitionChild.svelte.d.ts

@@ -24,7 +24,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_TRANSI
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "unmount" | "transition" | keyof import("./context.svelte.js").TransitionClasses | keyof import("./context.svelte.js").TransitionEvents | "appear"> extends infer T extends keyof import("../utils/types.js").PropsOf<TTag> ? { [P in T]: import("../utils/types.js").PropsOf<TTag>[P]; } : never) & {
-        children?: import("../utils/types.js").Children<HTMLElement> | undefined;
+        children?: import("svelte").Snippet<[HTMLElement, Record<string, any>]> | undefined;
         ref?: HTMLElement;
     } & (true extends (import("../utils/types.js").PropsOf<TTag> extends infer T_1 ? T_1 extends import("../utils/types.js").PropsOf<TTag> ? T_1 extends never ? never : "class" extends infer T_2 ? T_2 extends "class" ? T_2 extends keyof T_1 ? true : never : never : never : never : never) ? {
         class?: import("../utils/types.js").PropsOf<TTag>["class"] | ((bag: HTMLElement) => string) | undefined;

package/dist/transition/Transition.svelte.d.ts

@@ -8,7 +8,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_TRANSI
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "unmount" | "transition" | keyof import("./context.svelte.js").TransitionClasses | keyof import("./context.svelte.js").TransitionEvents | "appear"> extends infer T extends keyof import("../utils/types.js").PropsOf<TTag> ? { [P in T]: import("../utils/types.js").PropsOf<TTag>[P]; } : never) & {
-        children?: import("../utils/types.js").Children<HTMLElement> | undefined;
+        children?: import("svelte").Snippet<[HTMLElement, Record<string, any>]> | undefined;
         ref?: HTMLElement;
     } & (true extends (import("../utils/types.js").PropsOf<TTag> extends infer T_1 ? T_1 extends import("../utils/types.js").PropsOf<TTag> ? T_1 extends never ? never : "class" extends infer T_2 ? T_2 extends "class" ? T_2 extends keyof T_1 ? true : never : never : never : never : never) ? {
         class?: import("../utils/types.js").PropsOf<TTag>["class"] | ((bag: HTMLElement) => string) | undefined;

package/dist/transition/TransitionChild.svelte.d.ts

@@ -13,7 +13,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_TRANSI
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "unmount" | "transition" | keyof TransitionClasses | keyof TransitionEvents | "appear"> extends infer T extends keyof import("../utils/types.js").PropsOf<TTag> ? { [P in T]: import("../utils/types.js").PropsOf<TTag>[P]; } : never) & {
-        children?: import("../utils/types.js").Children<HTMLElement> | undefined;
+        children?: import("svelte").Snippet<[HTMLElement, Record<string, any>]> | undefined;
         ref?: HTMLElement;
     } & (true extends (import("../utils/types.js").PropsOf<TTag> extends infer T_1 ? T_1 extends import("../utils/types.js").PropsOf<TTag> ? T_1 extends never ? never : "class" extends infer T_2 ? T_2 extends "class" ? T_2 extends keyof T_1 ? true : never : never : never : never : never) ? {
         class?: import("../utils/types.js").PropsOf<TTag>["class"] | ((bag: HTMLElement) => string) | undefined;

package/dist/transition/context.svelte.js

@@ -10,14 +10,14 @@ export var TreeStates;
 })(TreeStates || (TreeStates = {}));
 export function useTransitionContext() {
     const context = getContext("TransitionContext");
-    if (context === null) {
+    if (!context) {
         throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");
     }
     return context;
 }
 export function useParentNesting() {
     let context = getContext("NestingContext");
-    if (context === null) {
+    if (!context) {
         throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");
     }
     return context;

package/dist/utils/ElementOrComponent.svelte

@@ -1,4 +1,4 @@
-<script lang="ts" generics="TFeature extends RenderFeatures, TTag extends ElementType, TSlot, TValue">import { mergePropsAdvanced, RenderFeatures, RenderStrategy } from "./render.js";
+<script lang="ts" generics="TFeature extends RenderFeatures, TTag extends ElementType, TSlot, TValue">import { mergePropsAdvanced, RenderFeatures } from "./render.js";
 import Generic from "./Generic.svelte";
 let {
   ourProps,
@@ -23,4 +23,4 @@ const hiddenProps = $derived(
 );
 </script>
 
-{#if render}<Generic {...rest} {...hiddenProps} {slot} tag={defaultTag} {name} bind:ref bind:value bind:checked />{/if}
+{#if render}<Generic {...rest} {...hiddenProps} {slot} tag={defaultTag} bind:ref bind:value bind:checked />{/if}

package/dist/utils/ElementOrComponent.svelte.d.ts

@@ -6,7 +6,7 @@ declare class __sveltets_Render<TFeature extends RenderFeatures, TTag extends El
             [x: string]: any;
             [x: number]: any;
         } & {
-            children?: import("./types.js").Children<TSlot> | undefined;
+            children?: import("svelte").Snippet<[TSlot, Record<string, any>]> | undefined;
             ref?: HTMLElement;
         } & {
             class?: any;
@@ -21,7 +21,7 @@ declare class __sveltets_Render<TFeature extends RenderFeatures, TTag extends El
         } : {}) ? T_1 extends any ? (x: T_1) => any : never : never : never) extends (x: infer R) => any ? R : never>> | undefined;
         theirProps: {
             as?: TTag | undefined;
-            children?: import("./types.js").Children<TSlot> | undefined;
+            children?: import("svelte").Snippet<[TSlot, Record<string, any>]> | undefined;
             ref?: HTMLElement | undefined;
             class?: any;
         };

package/dist/utils/Generic.svelte

@@ -2,7 +2,6 @@
 let {
   slot = {},
   tag,
-  name,
   ref = $bindable(),
   value = $bindable(),
   checked = $bindable(),

package/dist/utils/Generic.svelte.d.ts

@@ -4,12 +4,11 @@ declare class __sveltets_Render<TTag extends keyof SvelteHTMLProps, TSlot, TValu
         as?: TTag | undefined;
         slot: TSlot;
         tag: ElementType;
-        name: string;
         ref?: HTMLElement;
         value?: TValue | undefined;
         checked?: boolean;
     } & (Exclude<keyof import("./types.js").PropsOf<TTag>, "as" | "children" | "refName" | "class"> extends infer T extends keyof import("./types.js").PropsOf<TTag> ? { [P in T]: import("./types.js").PropsOf<TTag>[P]; } : never) & {
-        children?: import("./types.js").Children<TSlot> | undefined;
+        children?: import("svelte").Snippet<[TSlot, Record<string, any>]> | undefined;
         ref?: HTMLElement;
     } & (true extends (import("./types.js").PropsOf<TTag> extends infer T_1 ? T_1 extends import("./types.js").PropsOf<TTag> ? T_1 extends never ? never : "class" extends infer T_2 ? T_2 extends "class" ? T_2 extends keyof T_1 ? true : never : never : never : never : never) ? {
         class?: import("./types.js").PropsOf<TTag>["class"] | ((bag: TSlot) => string) | undefined;

package/dist/utils/alternative-types.d.ts

@@ -7,9 +7,8 @@ export type ElementType = keyof SvelteHTMLProps;
 export type Expand<T> = T extends infer O ? {
     [K in keyof O]: O[K];
 } : never;
-export type Children<TSlot> = Snippet | Snippet<[TSlot, Record<string, any>]>;
 type OurProps<TSlot> = {
-    children?: Children<TSlot>;
+    children?: Snippet<[TSlot, Record<string, any>]>;
     ref?: HTMLElement;
     class?: string | null | ((bag: TSlot) => string);
 };

package/dist/utils/floating-ui/svelte/components/FloatingNode.svelte

@@ -0,0 +1,17 @@
+<script lang="ts" module></script>
+
+<script lang="ts">import { setContext } from "svelte";
+import { useFloatingParentNodeId } from "./FloatingTree.svelte";
+const { children, id } = $props();
+const parentId = useFloatingParentNodeId();
+setContext("FloatingNodeContext", {
+  get id() {
+    return id;
+  },
+  get parentId() {
+    return parentId.value;
+  }
+});
+</script>
+
+{#if children}{@render children()}{/if}

package/dist/utils/floating-ui/svelte/components/FloatingNode.svelte.d.ts

@@ -0,0 +1,23 @@
+import type { Snippet } from "svelte";
+export interface FloatingNodeProps {
+    children?: Snippet;
+    id: string;
+}
+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 FloatingNode: $$__sveltets_2_IsomorphicComponent<FloatingNodeProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type FloatingNode = InstanceType<typeof FloatingNode>;
+export default FloatingNode;

package/dist/utils/floating-ui/svelte/components/FloatingTree.svelte

@@ -0,0 +1,50 @@
+<script lang="ts" module>import { getContext } from "svelte";
+import { useId } from "../hooks/useId.svelte.js";
+import { createPubSub } from "../utils/createPubSub.js";
+export const useFloatingParentNodeId = () => {
+  const context = getContext("FloatingNodeContext");
+  return {
+    get value() {
+      return context?.id ?? null;
+    }
+  };
+};
+export const useFloatingTree = () => getContext("FloatingTreeContext") ?? null;
+export function useFloatingNodeId(options) {
+  const { customParentId } = $derived(options);
+  const id = useId();
+  const tree = useFloatingTree();
+  const reactParentId = useFloatingParentNodeId();
+  const parentId = $derived(customParentId || reactParentId.value);
+  $effect(() => {
+    const node = { id, parentId };
+    tree?.addNode(node);
+    return () => {
+      tree?.removeNode(node);
+    };
+  });
+  return id;
+}
+</script>
+
+<script lang="ts">import { setContext } from "svelte";
+const { children } = $props();
+const nodesRef = $state({ current: [] });
+const addNode = (node) => {
+  nodesRef.current = [...nodesRef.current, node];
+};
+const removeNode = (node) => {
+  nodesRef.current = nodesRef.current.filter((n) => n !== node);
+};
+const events = createPubSub();
+setContext("FloatingTreeContext", {
+  get nodesRef() {
+    return nodesRef;
+  },
+  addNode,
+  removeNode,
+  events
+});
+</script>
+
+{#if children}{@render children()}{/if}

package/dist/utils/floating-ui/svelte/components/FloatingTree.svelte.d.ts

@@ -0,0 +1,41 @@
+import { type Snippet } from "svelte";
+import type { FloatingTreeType, ReferenceType } from "../types.js";
+/**
+ * Returns the parent node id for nested floating elements, if available.
+ * Returns `null` for top-level floating elements.
+ */
+export declare const useFloatingParentNodeId: () => {
+    readonly value: string | null;
+};
+/**
+ * Returns the nearest floating tree context, if available.
+ */
+export declare const useFloatingTree: <RT extends ReferenceType = ReferenceType>() => FloatingTreeType<RT> | null;
+/**
+ * Registers a node into the `FloatingTree`, returning its id.
+ * @see https://floating-ui.com/docs/FloatingTree
+ */
+export declare function useFloatingNodeId(options: {
+    customParentId?: string;
+}): string;
+export interface FloatingTreeProps {
+    children?: Snippet;
+}
+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 FloatingTree: $$__sveltets_2_IsomorphicComponent<FloatingTreeProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type FloatingTree = InstanceType<typeof FloatingTree>;
+export default FloatingTree;

package/dist/utils/floating-ui/svelte/hooks/useFloating.svelte.d.ts

@@ -0,0 +1,6 @@
+import type { ReferenceType, UseFloatingOptions, UseFloatingReturn } from "../types.js";
+/**
+ * Provides data to position a floating element and context to add interactions.
+ * @see https://floating-ui.com/docs/useFloating
+ */
+export declare function useFloating<RT extends ReferenceType = ReferenceType>(options?: UseFloatingOptions): UseFloatingReturn<RT>;