@pzerelles/headlessui-svelte 2.1.2-next.15 → 2.1.2-next.17

package/dist/button/Button.svelte.d.ts

@@ -17,7 +17,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_BUTTON
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "disabled" | "autofocus" | "type"> 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<ButtonRenderPropArg> | undefined;
+        children?: import("svelte").Snippet<[ButtonRenderPropArg, 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: ButtonRenderPropArg) => string) | undefined;

package/dist/checkbox/Checkbox.svelte.d.ts

@@ -26,7 +26,7 @@ declare class __sveltets_Render<TType, TTag extends ElementType = typeof DEFAULT
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof PropsOf<TTag>, "form" | ("as" | "children" | "refName" | "class") | "disabled" | "autofocus" | "value" | "checked" | "name" | "onchange" | "indeterminate" | CheckboxPropsWeControl | "defaultChecked"> extends infer T extends keyof PropsOf<TTag> ? { [P in T]: PropsOf<TTag>[P]; } : never) & {
-        children?: import("../utils/types.js").Children<CheckboxRenderPropArg> | undefined;
+        children?: import("svelte").Snippet<[CheckboxRenderPropArg, 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: CheckboxRenderPropArg) => string) | undefined;

package/dist/close-button/CloseButton.svelte.d.ts

@@ -6,13 +6,13 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_BUTTON
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "disabled" | "autofocus" | "type"> 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<{
+        children?: import("svelte").Snippet<[{
             disabled: boolean;
             hover: boolean;
             focus: boolean;
             active: boolean;
             autofocus: boolean;
-        }> | undefined;
+        }, 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: {

package/dist/data-interactive/DataInteractive.svelte.d.ts

@@ -13,7 +13,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_DATA_I
     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<DataInteractiveRenderPropArg> | undefined;
+        children?: Snippet<[DataInteractiveRenderPropArg, 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: DataInteractiveRenderPropArg) => string) | undefined;

package/dist/description/Description.svelte.d.ts

@@ -5,7 +5,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_DESCRI
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof PropsOf<TTag>, "as" | "children" | "refName" | "class"> extends infer T extends keyof PropsOf<TTag> ? { [P in T]: PropsOf<TTag>[P]; } : never) & {
-        children?: import("../utils/types.js").Children<{}> | undefined;
+        children?: import("svelte").Snippet<[{}, 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: {}) => string) | undefined;

package/dist/dialog/Dialog.svelte.d.ts

@@ -22,7 +22,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_DIALOG
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "autofocus" | "unmount" | "static" | "id" | "role" | "onclose" | "initialFocus" | DialogPropsWeControl | "open" | "transition" | "__demoMode"> 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<DialogRenderPropArg> | undefined;
+        children?: Snippet<[DialogRenderPropArg, 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: DialogRenderPropArg) => string) | undefined;

package/dist/dialog/DialogBackdrop.svelte.d.ts

@@ -10,7 +10,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_BACKDR
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "transition"> 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<BackdropRenderPropArg> | undefined;
+        children?: import("svelte").Snippet<[BackdropRenderPropArg, 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: BackdropRenderPropArg) => string) | undefined;

package/dist/dialog/DialogPanel.svelte.d.ts

@@ -11,7 +11,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") | "id" | "transition"> 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/dialog/DialogTitle.svelte.d.ts

@@ -8,7 +8,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_TITLE_
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof PropsOf<TTag>, "as" | "children" | "refName" | "class"> extends infer T extends keyof PropsOf<TTag> ? { [P in T]: PropsOf<TTag>[P]; } : never) & {
-        children?: import("../utils/types.js").Children<TitleRenderPropArg> | undefined;
+        children?: import("svelte").Snippet<[TitleRenderPropArg, 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: TitleRenderPropArg) => string) | undefined;

package/dist/dialog/InternalDialog.svelte.d.ts

@@ -4,7 +4,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_DIALOG
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "autofocus" | "unmount" | "static" | "id" | "role" | "onclose" | "initialFocus" | ("aria-describedby" | "aria-labelledby" | "aria-modal") | "open" | "transition" | "__demoMode"> 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<DialogRenderPropArg> | undefined;
+        children?: import("svelte").Snippet<[DialogRenderPropArg, 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: DialogRenderPropArg) => string) | undefined;

package/dist/field/Field.svelte.d.ts

@@ -9,7 +9,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_FIELD_
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "disabled"> 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<FieldRenderPropArg> | undefined;
+        children?: import("svelte").Snippet<[FieldRenderPropArg, 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: FieldRenderPropArg) => string) | undefined;

package/dist/fieldset/Fieldset.svelte.d.ts

@@ -9,7 +9,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_FIELDS
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "disabled" | FieldsetPropsWeControl> 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<FieldsetRenderPropArg> | undefined;
+        children?: import("svelte").Snippet<[FieldsetRenderPropArg, 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: FieldsetRenderPropArg) => string) | undefined;

package/dist/focus-trap/FocusTrap.svelte.d.ts

@@ -15,7 +15,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_FOCUS_
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "features" | "containers" | "initialFocus" | "initialFocusFallback"> 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<FocusTrapRenderPropArg> | undefined;
+        children?: import("svelte").Snippet<[FocusTrapRenderPropArg, 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: FocusTrapRenderPropArg) => string) | undefined;

package/dist/input/Input.svelte.d.ts

@@ -19,7 +19,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_INPUT_
         as?: TTag | undefined;
         value?: TValue | undefined;
     } & (Exclude<keyof PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "invalid" | "disabled" | "autofocus" | "value" | InputPropsWeControl> extends infer T extends keyof PropsOf<TTag> ? { [P in T]: PropsOf<TTag>[P]; } : never) & {
-        children?: import("../utils/types.js").Children<InputRenderPropArg> | undefined;
+        children?: import("svelte").Snippet<[InputRenderPropArg, 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: InputRenderPropArg) => string) | undefined;

package/dist/internal/Hidden.svelte.d.ts

@@ -11,7 +11,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_VISUAL
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "features"> 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<HiddenRenderPropArg> | undefined;
+        children?: import("svelte").Snippet<[HiddenRenderPropArg, 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: HiddenRenderPropArg) => string) | undefined;

package/dist/internal/form-fields.svelte.d.ts

@@ -7,4 +7,4 @@ export declare const createFormFieldsContext: () => {
     registerField: (field: Snippet) => () => boolean;
     readonly fields: SvelteSet<Snippet<[]>>;
 };
-export declare const hoistFormFields: (fields: Snippet) => false | undefined;
+export declare const hoistFormFields: (fields: Snippet) => boolean;

package/dist/internal/form-fields.svelte.js

@@ -19,4 +19,5 @@ export const hoistFormFields = (fields) => {
     if (!context)
         return false;
     $effect(() => context.registerField(fields));
+    return true;
 };

package/dist/label/Label.svelte.d.ts

@@ -8,7 +8,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_LABEL_
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof PropsOf<TTag>, "as" | "children" | "refName" | "class"> extends infer T extends keyof PropsOf<TTag> ? { [P in T]: PropsOf<TTag>[P]; } : never) & {
-        children?: import("../utils/types.js").Children<{}> | undefined;
+        children?: import("svelte").Snippet<[{}, 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: {}) => string) | undefined;

package/dist/legend/Legend.svelte

@@ -1,8 +1,8 @@
 <script lang="ts" module>import { Label } from "../index.js";
-const DEFAULT_LEGEND_TAG = Label;
+const DEFAULT_LEGEND_TAG = "div";
 </script>
 
-<script lang="ts" generics="TTag extends ElementType = typeof DEFAULT_LEGEND_TAG">let { ...props } = $props();
+<script lang="ts">let { ...props } = $props();
 </script>
 
 <Label as="div" {...props} />

package/dist/legend/Legend.svelte.d.ts

@@ -1,35 +1,23 @@
-import { type LabelProps } from "../index.js";
-import type { ElementType, Props } from "../utils/types.js";
-import type { Component } from "svelte";
-declare const DEFAULT_LEGEND_TAG: Component<LabelProps, any>;
+import type { Props } from "../utils/types.js";
+declare const DEFAULT_LEGEND_TAG: "div";
 type LegendRenderPropArg = {};
 type LegendPropsWeControl = never;
-export type LegendProps<TTag extends ElementType = typeof DEFAULT_LEGEND_TAG> = Props<TTag, LegendRenderPropArg, LegendPropsWeControl, {}>;
-declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_LEGEND_TAG> {
-    props(): {
-        as?: TTag | undefined;
-    } & (Exclude<keyof import("../index.js").PropsOf<TTag>, "as" | "children" | "refName" | "class"> extends infer T extends keyof import("../index.js").PropsOf<TTag> ? { [P in T]: import("../index.js").PropsOf<TTag>[P]; } : never) & {
-        children?: import("../index.js").Children<LegendRenderPropArg> | undefined;
-        ref?: HTMLElement;
-    } & (true extends (import("../index.js").PropsOf<TTag> extends infer T_1 ? T_1 extends import("../index.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("../index.js").PropsOf<TTag>["class"] | ((bag: LegendRenderPropArg) => string) | undefined;
-    } : {});
-    events(): {} & {
-        [evt: string]: CustomEvent<any>;
+export type LegendProps = Props<typeof DEFAULT_LEGEND_TAG, LegendRenderPropArg, LegendPropsWeControl, {}>;
+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;
     };
-    slots(): {};
-    bindings(): "";
-    exports(): {};
+    z_$$bindings?: Bindings;
 }
-interface $$IsomorphicComponent {
-    new <TTag extends ElementType = typeof DEFAULT_LEGEND_TAG>(options: import('svelte').ComponentConstructorOptions<ReturnType<__sveltets_Render<TTag>['props']>>): import('svelte').SvelteComponent<ReturnType<__sveltets_Render<TTag>['props']>, ReturnType<__sveltets_Render<TTag>['events']>, ReturnType<__sveltets_Render<TTag>['slots']>> & {
-        $$bindings?: ReturnType<__sveltets_Render<TTag>['bindings']>;
-    } & ReturnType<__sveltets_Render<TTag>['exports']>;
-    <TTag extends ElementType = typeof DEFAULT_LEGEND_TAG>(internal: unknown, props: ReturnType<__sveltets_Render<TTag>['props']> & {
-        $$events?: ReturnType<__sveltets_Render<TTag>['events']>;
-    }): ReturnType<__sveltets_Render<TTag>['exports']>;
-    z_$$bindings?: ReturnType<__sveltets_Render<any>['bindings']>;
-}
-declare const Legend: $$IsomorphicComponent;
-type Legend<TTag extends ElementType = typeof DEFAULT_LEGEND_TAG> = InstanceType<typeof Legend<TTag>>;
+declare const Legend: $$__sveltets_2_IsomorphicComponent<LegendProps, {
+    [evt: string]: CustomEvent<any>;
+}, {}, {}, "">;
+type Legend = InstanceType<typeof Legend>;
 export default Legend;

package/dist/listbox/Listbox.svelte.d.ts

@@ -27,7 +27,7 @@ declare class __sveltets_Render<TType, TActualType, TTag extends ElementType = t
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, "form" | ("as" | "children" | "refName" | "class") | "invalid" | "disabled" | "value" | "name" | "onchange" | "multiple" | "__demoMode" | "horizontal" | "defaultValue" | "by"> 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<ListboxRenderPropArg<TType>> | undefined;
+        children?: Snippet<[ListboxRenderPropArg<TType>, 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: ListboxRenderPropArg<TType>) => string) | undefined;

package/dist/listbox/ListboxButton.svelte.d.ts

@@ -21,7 +21,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_BUTTON
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "autofocus" | ButtonPropsWeControl> extends infer T extends keyof PropsOf<TTag> ? { [P in T]: PropsOf<TTag>[P]; } : never) & {
-        children?: import("../utils/types.js").Children<ButtonRenderPropArg> | undefined;
+        children?: Snippet<[ButtonRenderPropArg, 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: ButtonRenderPropArg) => string) | undefined;

package/dist/listbox/ListboxOption.svelte.d.ts

@@ -20,7 +20,7 @@ declare class __sveltets_Render<TType, TTag extends ElementType = typeof DEFAULT
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "disabled" | "value" | "id" | OptionPropsWeControl> 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<OptionRenderPropArg> | undefined;
+        children?: Snippet<[OptionRenderPropArg, 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: OptionRenderPropArg) => string) | undefined;

package/dist/listbox/ListboxOptions.svelte.d.ts

@@ -20,7 +20,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_OPTION
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "anchor" | "unmount" | "static" | "id" | "transition" | OptionsPropsWeControl | "portal" | "modal"> 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<OptionsRenderPropArg> | undefined;
+        children?: Snippet<[OptionsRenderPropArg, 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: OptionsRenderPropArg) => string) | undefined;

package/dist/listbox/ListboxSelectedOption.svelte.d.ts

@@ -11,7 +11,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_SELECT
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "placeholder" | "options"> 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<SelectedOptionRenderPropArg> | undefined;
+        children?: Snippet<[SelectedOptionRenderPropArg, 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: SelectedOptionRenderPropArg) => string) | undefined;

package/dist/menu/Menu.svelte.d.ts

@@ -14,7 +14,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_MENU_T
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "__demoMode"> 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<MenuRenderPropArg> | undefined;
+        children?: Snippet<[MenuRenderPropArg, 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: MenuRenderPropArg) => string) | undefined;

package/dist/menu/MenuButton.svelte.d.ts

@@ -21,7 +21,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_BUTTON
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "disabled" | "autofocus" | "type" | "id" | ButtonPropsWeControl> 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<ButtonRenderPropArg> | undefined;
+        children?: Snippet<[ButtonRenderPropArg, 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: ButtonRenderPropArg) => string) | undefined;

package/dist/menu/MenuHeading.svelte.d.ts

@@ -11,7 +11,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_HEADIN
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "id" | "role"> 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<HeadingRenderPropArg> | undefined;
+        children?: Snippet<[HeadingRenderPropArg, 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: HeadingRenderPropArg) => string) | undefined;

package/dist/menu/MenuItem.svelte.d.ts

@@ -1,4 +1,5 @@
-import type { Props, ElementType, Children } from "../utils/types.js";
+import type { Props, ElementType } from "../utils/types.js";
+import { type Snippet } from "svelte";
 declare const DEFAULT_ITEM_TAG: "svelte:fragment";
 type ItemRenderPropArg = {
     /** @deprecated use `focus` instead */
@@ -12,21 +13,21 @@ type ItemPropsWeControl = "aria-describedby" | "aria-disabled" | "aria-labelledb
 export type MenuItemProps<TTag extends ElementType = typeof DEFAULT_ITEM_TAG> = Props<TTag, ItemRenderPropArg, ItemPropsWeControl | "children", {
     id?: string;
     disabled?: boolean;
-    children: Children<ItemRenderPropArg>;
+    children: Snippet<[ItemRenderPropArg]>;
 }>;
-export type MenuItemChildren = Children<ItemRenderPropArg>;
+export type MenuItemChildren = Snippet<[ItemRenderPropArg]>;
 declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_ITEM_TAG> {
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "disabled" | "id" | ItemPropsWeControl> extends infer T extends keyof import("../utils/types.js").PropsOf<TTag> ? { [P in T]: import("../utils/types.js").PropsOf<TTag>[P]; } : never) & {
-        children?: Children<ItemRenderPropArg> | undefined;
+        children?: Snippet<[ItemRenderPropArg, 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: ItemRenderPropArg) => string) | undefined;
     } : {}) & {
         id?: string;
         disabled?: boolean;
-        children: Children<ItemRenderPropArg>;
+        children: Snippet<[ItemRenderPropArg]>;
     };
     events(): {} & {
         [evt: string]: CustomEvent<any>;

package/dist/menu/MenuItems.svelte.d.ts

@@ -20,7 +20,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_ITEMS_
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "anchor" | "unmount" | "static" | "id" | "transition" | "portal" | "modal" | ItemsPropsWeControl> 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<ItemsRenderPropArg> | undefined;
+        children?: Snippet<[ItemsRenderPropArg, 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: ItemsRenderPropArg) => string) | undefined;

package/dist/menu/MenuSection.svelte.d.ts

@@ -9,7 +9,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_SECTIO
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | SectionPropsWeControl> 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<SectionRenderPropArg> | undefined;
+        children?: Snippet<[SectionRenderPropArg, 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: SectionRenderPropArg) => string) | undefined;

package/dist/menu/MenuSeparator.svelte.d.ts

@@ -9,7 +9,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_SEPARA
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "role"> 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<SeparatorRenderPropArg> | undefined;
+        children?: Snippet<[SeparatorRenderPropArg, 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: SeparatorRenderPropArg) => string) | undefined;

package/dist/portal/InternalPortal.svelte.d.ts

@@ -15,7 +15,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_PORTAL
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "enabled"> 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<PortalRenderPropArg> | undefined;
+        children?: import("svelte").Snippet<[PortalRenderPropArg, 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: PortalRenderPropArg) => string) | undefined;

package/dist/portal/PortalGroup.svelte.d.ts

@@ -12,7 +12,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") | "target"> 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<GroupRenderPropArg> | undefined;
+        children?: import("svelte").Snippet<[GroupRenderPropArg, 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: GroupRenderPropArg) => string) | undefined;

package/dist/select/Select.svelte.d.ts

@@ -18,7 +18,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_SELECT
     props(): {
         as?: TTag | undefined;
     } & (Exclude<keyof PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "invalid" | "disabled" | "autofocus" | SelectPropsWeControl> extends infer T extends keyof PropsOf<TTag> ? { [P in T]: PropsOf<TTag>[P]; } : never) & {
-        children?: import("../utils/types.js").Children<SelectRenderPropArg> | undefined;
+        children?: import("svelte").Snippet<[SelectRenderPropArg, 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: SelectRenderPropArg) => string) | undefined;

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

@@ -25,7 +25,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_SWITCH
     props(): {
         as?: TTag | 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("../utils/types.js").Children<SwitchRenderPropArg> | undefined;
+        children?: import("svelte").Snippet<[SwitchRenderPropArg, 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: SwitchRenderPropArg) => string) | undefined;

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" | "manual" | "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("../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.d.ts

@@ -19,7 +19,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_TEXTAR
         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("../utils/types.js").Children<TextareaRenderPropArg> | undefined;
+        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;

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/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.d.ts

@@ -8,7 +8,7 @@ declare class __sveltets_Render<TTag extends keyof SvelteHTMLProps, TSlot, TValu
         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/types.d.ts

@@ -8,11 +8,10 @@ export type Expand<T> = T extends infer O ? {
     [K in keyof O]: O[K];
 } : never;
 export type PropsOf<TTag extends ElementType> = SvelteHTMLProps[TTag];
-export type Children<TSlot> = Snippet | Snippet<[TSlot, Record<string, any>]>;
 type PropsWeControl = "as" | "children" | "refName" | "class";
 type CleanProps<TTag extends ElementType, TOmittableProps extends PropertyKey = never> = Omit<PropsOf<TTag>, TOmittableProps | PropsWeControl>;
 type OurProps<TSlot> = {
-    children?: Children<TSlot>;
+    children?: Snippet<[TSlot, Record<string, any>]>;
     ref?: HTMLElement;
 };
 type HasProperty<T extends object, K extends PropertyKey> = T extends never ? never : K extends keyof T ? true : never;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pzerelles/headlessui-svelte",
-  "version": "2.1.2-next.15",
+  "version": "2.1.2-next.17",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -31,7 +31,7 @@
     "autoprefixer": "^10.4.20",
     "eslint": "^9.10.0",
     "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-svelte": "^2.43.0",
+    "eslint-plugin-svelte": "^2.44.0",
     "globals": "^15.9.0",
     "jsdom": "^24.1.3",
     "outdent": "^0.8.0",
@@ -40,14 +40,14 @@
     "prettier-plugin-svelte": "^3.2.6",
     "prettier-plugin-tailwindcss": "^0.6.6",
     "publint": "^0.2.10",
-    "svelte": "^5.0.0-next.244",
+    "svelte": "^5.0.0-next.245",
     "svelte-check": "^3.8.6",
     "tailwindcss": "^3.4.11",
     "tslib": "^2.7.0",
     "typescript": "^5.6.2",
     "typescript-eslint": "^8.5.0",
-    "vite": "^5.4.4",
-    "vitest": "^2.0.5"
+    "vite": "^5.4.5",
+    "vitest": "^2.1.0"
   },
   "dependencies": {
     "@floating-ui/core": "^1.6.7",

package/dist/internal/inner.svelte.d.ts

@@ -1,91 +0,0 @@
-import { type DetectOverflowOptions, type Middleware, type SideObject, type Derivable } from "@floating-ui/dom";
-import type { HTMLAttributes } from "svelte/elements";
-import type { MutableRefObject } from "../utils/ref.svelte.js";
-export declare function warn(...messages: string[]): void;
-export declare function error(...messages: string[]): void;
-export interface ElementProps {
-    reference?: HTMLAttributes<Element>;
-    floating?: HTMLAttributes<HTMLElement>;
-    item?: HTMLAttributes<HTMLElement> | ((props: Record<string, any>) => HTMLAttributes<HTMLElement>);
-}
-export declare function getUserAgent(): string;
-export interface InnerProps extends DetectOverflowOptions {
-    /**
-     * A ref which contains an array of HTML elements.
-     * @default empty list
-     */
-    listRef: MutableRefObject<Array<HTMLElement | null>>;
-    /**
-     * The index of the active (focused or highlighted) item in the list.
-     * @default 0
-     */
-    index: number;
-    /**
-     * Callback invoked when the fallback state changes.
-     */
-    onFallbackChange?: null | ((fallback: boolean) => void);
-    /**
-     * The offset to apply to the floating element.
-     * @default 0
-     */
-    offset?: number;
-    /**
-     * A ref which contains the overflow of the floating element.
-     */
-    overflowRef?: MutableRefObject<SideObject | null>;
-    /**
-     * An optional ref containing an HTMLElement. This may be used as the
-     * scrolling container instead of the floating element — for instance,
-     * to position inner elements as direct children without being interfered by
-     * scrolling layout.
-     */
-    scrollRef?: MutableRefObject<HTMLElement | null>;
-    /**
-     * The minimum number of items that should be visible in the list.
-     * @default 4
-     */
-    minItemsVisible?: number;
-    /**
-     * The threshold for the reference element's overflow in pixels.
-     * @default 0
-     */
-    referenceOverflowThreshold?: number;
-}
-/**
- * Positions the floating element such that an inner element inside of it is
- * anchored to the reference element.
- * @see https://floating-ui.com/docs/inner
- */
-export declare const inner: (props: InnerProps | Derivable<InnerProps>) => Middleware;
-export interface UseInnerOffsetProps {
-    /**
-     * Whether the Hook is enabled, including all internal Effects and event
-     * handlers.
-     * @default true
-     */
-    enabled?: boolean;
-    /**
-     * A ref which contains the overflow of the floating element.
-     */
-    overflowRef: MutableRefObject<SideObject | null>;
-    /**
-     * An optional ref containing an HTMLElement. This may be used as the
-     * scrolling container instead of the floating element — for instance,
-     * to position inner elements as direct children without being interfered by
-     * scrolling layout.
-     */
-    scrollRef?: MutableRefObject<HTMLElement | null>;
-    /**
-     * Callback invoked when the offset changes.
-     */
-    onChange: (offset: number | ((offset: number) => number)) => void;
-}
-/**
- * Changes the `inner` middleware's `offset` upon a `wheel` event to
- * expand the floating element's height, revealing more list items.
- * @see https://floating-ui.com/docs/inner
- */
-export declare function useInnerOffset(options: {
-    context: FloatingRootContext;
-    props: UseInnerOffsetProps;
-}): ElementProps;

package/dist/internal/inner.svelte.js

@@ -1,202 +0,0 @@
-import { evaluate, max, min, round } from "@floating-ui/utils";
-import { DEV } from "esm-env";
-import { detectOverflow, offset, } from "@floating-ui/dom";
-import { tick, untrack } from "svelte";
-let devMessageSet;
-if (DEV) {
-    devMessageSet = new Set();
-}
-export function warn(...messages) {
-    const message = `Floating UI: ${messages.join(" ")}`;
-    if (!devMessageSet?.has(message)) {
-        devMessageSet?.add(message);
-        console.warn(message);
-    }
-}
-export function error(...messages) {
-    const message = `Floating UI: ${messages.join(" ")}`;
-    if (!devMessageSet?.has(message)) {
-        devMessageSet?.add(message);
-        console.error(message);
-    }
-}
-export function getUserAgent() {
-    const uaData = navigator.userAgentData;
-    if (uaData && Array.isArray(uaData.brands)) {
-        return uaData.brands.map(({ brand, version }) => `${brand}/${version}`).join(" ");
-    }
-    return navigator.userAgent;
-}
-// ------
-function getArgsWithCustomFloatingHeight(state, height) {
-    return {
-        ...state,
-        rects: {
-            ...state.rects,
-            floating: {
-                ...state.rects.floating,
-                height,
-            },
-        },
-    };
-}
-/**
- * Positions the floating element such that an inner element inside of it is
- * anchored to the reference element.
- * @see https://floating-ui.com/docs/inner
- */
-export const inner = (props) => ({
-    name: "inner",
-    options: props,
-    async fn(state) {
-        const { listRef, overflowRef, onFallbackChange, offset: innerOffset = 0, index = 0, minItemsVisible = 4, referenceOverflowThreshold = 0, scrollRef, ...detectOverflowOptions } = evaluate(props, state);
-        const { rects, elements: { floating }, } = state;
-        const item = listRef.current[index];
-        const scrollEl = scrollRef?.current || floating;
-        // Valid combinations:
-        // 1. Floating element is the scrollRef and has a border (default)
-        // 2. Floating element is not the scrollRef, floating element has a border
-        // 3. Floating element is not the scrollRef, scrollRef has a border
-        // Floating > {...getFloatingProps()} wrapper > scrollRef > items is not
-        // allowed as VoiceOver doesn't work.
-        const clientTop = floating.clientTop || scrollEl.clientTop;
-        const floatingIsBordered = floating.clientTop !== 0;
-        const scrollElIsBordered = scrollEl.clientTop !== 0;
-        const floatingIsScrollEl = floating === scrollEl;
-        if (DEV) {
-            if (!state.placement.startsWith("bottom")) {
-                warn('`placement` side must be "bottom" when using the `inner`', "middleware.");
-            }
-        }
-        if (!item) {
-            return {};
-        }
-        const nextArgs = {
-            ...state,
-            ...(await offset(-item.offsetTop - floating.clientTop - rects.reference.height / 2 - item.offsetHeight / 2 - innerOffset).fn(state)),
-        };
-        const overflow = await detectOverflow(getArgsWithCustomFloatingHeight(nextArgs, scrollEl.scrollHeight + clientTop + floating.clientTop), detectOverflowOptions);
-        const refOverflow = await detectOverflow(nextArgs, {
-            ...detectOverflowOptions,
-            elementContext: "reference",
-        });
-        const diffY = max(0, overflow.top);
-        const nextY = nextArgs.y + diffY;
-        const maxHeight = round(max(0, scrollEl.scrollHeight +
-            ((floatingIsBordered && floatingIsScrollEl) || scrollElIsBordered ? clientTop * 2 : 0) -
-            diffY -
-            max(0, overflow.bottom)));
-        scrollEl.style.maxHeight = `${maxHeight}px`;
-        scrollEl.scrollTop = diffY;
-        // There is not enough space, fallback to standard anchored positioning
-        if (onFallbackChange) {
-            const shouldFallback = (scrollEl.scrollHeight > scrollEl.offsetHeight &&
-                scrollEl.offsetHeight < item.offsetHeight * minItemsVisible - 1) ||
-                refOverflow.top >= -referenceOverflowThreshold ||
-                refOverflow.bottom >= -referenceOverflowThreshold;
-            onFallbackChange(shouldFallback);
-            await tick();
-        }
-        if (overflowRef) {
-            overflowRef.current = await detectOverflow(getArgsWithCustomFloatingHeight({ ...nextArgs, y: nextY }, scrollEl.offsetHeight + clientTop + floating.clientTop), detectOverflowOptions);
-        }
-        return {
-            y: nextY,
-        };
-    },
-});
-/**
- * Changes the `inner` middleware's `offset` upon a `wheel` event to
- * expand the floating element's height, revealing more list items.
- * @see https://floating-ui.com/docs/inner
- */
-export function useInnerOffset(options) {
-    const { context, props } = $derived(options);
-    const { open, elements } = $derived(context);
-    const { enabled = true, overflowRef, scrollRef, onChange: unstable_onChange } = $derived(props);
-    const onChange = unstable_onChange;
-    let controlledScrollingRef = $state(false);
-    let prevScrollTopRef = $state(null);
-    let initialOverflowRef = $state(null);
-    $effect(() => {
-        if (!enabled)
-            return;
-        [open, elements.floating, overflowRef, scrollRef, onChange];
-        untrack(() => {
-            function onWheel(e) {
-                if (e.ctrlKey || !el || overflowRef.current == null) {
-                    return;
-                }
-                const dY = e.deltaY;
-                const isAtTop = overflowRef.current.top >= -0.5;
-                const isAtBottom = overflowRef.current.bottom >= -0.5;
-                const remainingScroll = el.scrollHeight - el.clientHeight;
-                const sign = dY < 0 ? -1 : 1;
-                const method = dY < 0 ? "max" : "min";
-                if (el.scrollHeight <= el.clientHeight) {
-                    return;
-                }
-                if ((!isAtTop && dY > 0) || (!isAtBottom && dY < 0)) {
-                    e.preventDefault();
-                    onChange((d) => d + Math[method](dY, remainingScroll * sign));
-                    tick();
-                }
-                else if (/firefox/i.test(getUserAgent())) {
-                    // Needed to propagate scrolling during momentum scrolling phase once
-                    // it gets limited by the boundary. UX improvement, not critical.
-                    el.scrollTop += dY;
-                }
-            }
-            const el = scrollRef?.current || elements.floating;
-            if (open && el) {
-                el.addEventListener("wheel", onWheel);
-                // Wait for the position to be ready.
-                requestAnimationFrame(() => {
-                    prevScrollTopRef = el.scrollTop;
-                    if (overflowRef.current != null) {
-                        initialOverflowRef = { ...overflowRef.current };
-                    }
-                });
-                return () => {
-                    prevScrollTopRef = null;
-                    initialOverflowRef = null;
-                    el.removeEventListener("wheel", onWheel);
-                };
-            }
-        });
-    });
-    const floating = $derived({
-        onKeyDown() {
-            controlledScrollingRef = true;
-        },
-        onWheel() {
-            controlledScrollingRef = false;
-        },
-        onPointerMove() {
-            controlledScrollingRef = false;
-        },
-        async onScroll() {
-            const el = scrollRef?.current || elements.floating;
-            if (!overflowRef.current || !el || !controlledScrollingRef) {
-                return;
-            }
-            if (prevScrollTopRef !== null) {
-                const scrollDiff = el.scrollTop - prevScrollTopRef;
-                if ((overflowRef.current.bottom < -0.5 && scrollDiff < -1) ||
-                    (overflowRef.current.top < -0.5 && scrollDiff > 1)) {
-                    onChange((d) => d + scrollDiff);
-                    await tick();
-                }
-            }
-            // [Firefox] Wait for the height change to have been applied.
-            requestAnimationFrame(() => {
-                prevScrollTopRef = el.scrollTop;
-            });
-        },
-    });
-    return {
-        get floating() {
-            return enabled ? floating : undefined;
-        },
-    };
-}