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

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

@@ -3,7 +3,7 @@
 
 <script lang="ts" generics="TType, TTag extends ElementType = typeof DEFAULT_CHECKBOX_TAG">import { tick } from "svelte";
 import { attemptSubmit } from "../utils/form.js";
-import { getIdContext, htmlid } from "../utils/id.js";
+import { useProvidedId, htmlid } from "../utils/id.js";
 import { useActivePress } from "../hooks/use-active-press.svelte.js";
 import { useFocusRing } from "../hooks/use-focus-ring.svelte.js";
 import FormFields from "../internal/FormFields.svelte";
@@ -15,12 +15,12 @@ import { mergeProps } from "../utils/render.js";
 import ElementOrComponent from "../utils/ElementOrComponent.svelte";
 import { useControllable } from "../hooks/use-controllable.svelte.js";
 const internalId = htmlid();
-const providedId = getIdContext();
+const providedId = useProvidedId();
 const providedDisabled = useDisabled();
 let {
   ref = $bindable(),
   id = providedId || `headlessui-checkbox-${internalId}`,
-  disabled: ownDisabled = false,
+  disabled: theirDisabled = false,
   autofocus = false,
   checked: controlledChecked = $bindable(),
   defaultChecked: _defaultChecked,
@@ -45,7 +45,7 @@ const controllable = useControllable(
   defaultChecked ?? false
 );
 const { value: checked, onchange } = $derived(controllable);
-const disabled = $derived(providedDisabled.value || ownDisabled);
+const disabled = $derived(providedDisabled?.value ?? theirDisabled);
 const { isHovered: hover, hoverProps } = $derived(
   useHover({
     get disabled() {

package/dist/checkbox/Checkbox.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 let DEFAULT_CHECKBOX_TAG: "span";
 type CheckboxRenderPropArg = {
     checked: boolean;
@@ -12,7 +12,6 @@ type CheckboxRenderPropArg = {
 };
 type CheckboxPropsWeControl = "aria-checked" | "aria-describedby" | "aria-disabled" | "aria-labelledby" | "role" | "tabIndex";
 export type CheckboxProps<TTag extends ElementType = typeof DEFAULT_CHECKBOX_TAG, TType = string> = Props<TTag, CheckboxRenderPropArg, CheckboxPropsWeControl, {
-    id?: string;
     value?: TType;
     disabled?: boolean;
     indeterminate?: boolean;
@@ -26,13 +25,12 @@ export type CheckboxProps<TTag extends ElementType = typeof DEFAULT_CHECKBOX_TAG
 declare class __sveltets_Render<TType, TTag extends ElementType = typeof DEFAULT_CHECKBOX_TAG> {
     props(): {
         as?: TTag | undefined;
-    } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, "form" | ("as" | "children" | "refName" | "class") | "disabled" | "autofocus" | "name" | "value" | "checked" | "id" | "onchange" | "indeterminate" | CheckboxPropsWeControl | "defaultChecked"> 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<CheckboxRenderPropArg> | 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("svelte").Snippet<[CheckboxRenderPropArg, 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: CheckboxRenderPropArg) => 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: CheckboxRenderPropArg) => string) | undefined;
     } : {}) & {
-        id?: string;
         value?: TType | undefined;
         disabled?: boolean;
         indeterminate?: boolean;

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/description/context.svelte.js

@@ -1,7 +1,7 @@
 import { getContext, setContext } from "svelte";
 export function useDescriptionContext() {
     let context = getContext("DescriptionContext");
-    if (context === null) {
+    if (!context) {
         let err = new Error("You used a <Description /> component, but it is not inside a relevant parent.");
         if (Error.captureStackTrace)
             Error.captureStackTrace(err, useDescriptionContext);

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

@@ -6,7 +6,6 @@ import { DialogStates, useDialogContext } from "./context.svelte.js";
 import ElementOrComponent from "../utils/ElementOrComponent.svelte";
 import { mergeProps } from "../utils/render.js";
 import TransitionChild from "../transition/TransitionChild.svelte";
-import { onMount } from "svelte";
 let internalId = useId();
 let {
   ref = $bindable(),

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/dialog/context.svelte.js

@@ -6,7 +6,7 @@ export var DialogStates;
 })(DialogStates || (DialogStates = {}));
 export function useDialogContext(component) {
     const context = getContext("DialogContext");
-    if (context === null) {
+    if (!context) {
         let err = new Error(`<${component} /> is missing a parent <Dialog /> component.`);
         if (Error.captureStackTrace)
             Error.captureStackTrace(err, useDialogContext);

package/dist/field/Field.svelte

@@ -3,13 +3,18 @@
 
 <script lang="ts" generics="TTag extends ElementType = typeof DEFAULT_FIELD_TAG">import { useDisabled } from "../hooks/use-disabled.js";
 import { createIdContext } from "../utils/id.js";
-import { stateFromSlot } from "../utils/state.js";
 import { nanoid } from "nanoid";
 import { setContext } from "svelte";
 import { useLabels } from "../label/context.svelte.js";
 import { useDescriptions } from "../description/context.svelte.js";
 import ElementOrComponent from "../utils/ElementOrComponent.svelte";
-let { ref = $bindable(), disabled: ownDisabled = false, ...theirProps } = $props();
+import FormFieldsProvider from "../internal/FormFieldsProvider.svelte";
+let {
+  ref = $bindable(),
+  disabled: ownDisabled = false,
+  children: theirChildren,
+  ...theirProps
+} = $props();
 const inputId = `headlessui-control-${nanoid(8)}`;
 createIdContext(inputId);
 useLabels();
@@ -28,4 +33,17 @@ const ourProps = $derived({
 });
 </script>
 
-<ElementOrComponent {ourProps} {theirProps} {slot} defaultTag={DEFAULT_FIELD_TAG} name="Field" bind:ref />
+{#snippet children(slot: FieldRenderPropArg, props: Record<string, any>)}
+  <FormFieldsProvider>
+    {#if theirChildren}{@render theirChildren(slot, props)}{/if}
+  </FormFieldsProvider>
+{/snippet}
+
+<ElementOrComponent
+  {ourProps}
+  theirProps={{ ...theirProps, children }}
+  {slot}
+  defaultTag={DEFAULT_FIELD_TAG}
+  name="Field"
+  bind:ref
+/>

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

@@ -11,6 +11,7 @@ import { match } from "../utils/match.js";
 import { useDisposables } from "../utils/disposables.js";
 import Hidden, { HiddenFeatures } from "../internal/Hidden.svelte";
 import ElementOrComponent from "../utils/ElementOrComponent.svelte";
+import { FocusTrapFeatures } from "./FocusTrapFeatures.js";
 function resolveContainers(containers) {
   if (!containers) return /* @__PURE__ */ new Set();
   if (typeof containers === "function") return new Set(containers());
@@ -23,15 +24,7 @@ function resolveContainers(containers) {
   return all;
 }
 let DEFAULT_FOCUS_TRAP_TAG = "div";
-export var FocusTrapFeatures = /* @__PURE__ */ ((FocusTrapFeatures2) => {
-  FocusTrapFeatures2[FocusTrapFeatures2["None"] = 0] = "None";
-  FocusTrapFeatures2[FocusTrapFeatures2["InitialFocus"] = 1] = "InitialFocus";
-  FocusTrapFeatures2[FocusTrapFeatures2["TabLock"] = 2] = "TabLock";
-  FocusTrapFeatures2[FocusTrapFeatures2["FocusLock"] = 4] = "FocusLock";
-  FocusTrapFeatures2[FocusTrapFeatures2["RestoreFocus"] = 8] = "RestoreFocus";
-  FocusTrapFeatures2[FocusTrapFeatures2["AutoFocus"] = 16] = "AutoFocus";
-  return FocusTrapFeatures2;
-})(FocusTrapFeatures || {});
+export * from "./FocusTrapFeatures.js";
 function useRestoreElement(options) {
   const { enabled } = $derived(options ?? { enabled: true });
   let localHistory = $state(history.slice());
@@ -58,7 +51,7 @@ function useRestoreElement(options) {
 }
 function useRestoreFocus(options) {
   const { features, ownerDocument } = $derived(options);
-  const enabled = $derived(Boolean(features & 8 /* RestoreFocus */));
+  const enabled = $derived(Boolean(features & FocusTrapFeatures.RestoreFocus));
   const restoreElement = useRestoreElement({
     get enabled() {
       return enabled;
@@ -85,14 +78,14 @@ function useInitialFocus(options) {
   let previousActiveElement = $state(null);
   let enabled = useIsTopLayer({
     get enabled() {
-      return Boolean(features & 1 /* InitialFocus */);
+      return Boolean(features & FocusTrapFeatures.InitialFocus);
     },
     scope: "focus-trap#initial-focus"
   });
   let mounted = useIsMounted();
   useWatch({
     action: () => {
-      if (features === 0 /* None */) {
+      if (features === FocusTrapFeatures.None) {
         return;
       }
       if (!enabled) {
@@ -120,7 +113,7 @@ function useInitialFocus(options) {
         if (initialFocus) {
           focusElement(initialFocus);
         } else {
-          if (features & 16 /* AutoFocus */) {
+          if (features & FocusTrapFeatures.AutoFocus) {
             if (focusIn(containerElement, Focus.First | Focus.AutoFocus) !== FocusResult.Error) {
               return;
             }
@@ -154,7 +147,7 @@ function useInitialFocus(options) {
 function useFocusLock(options) {
   let { features, ownerDocument, container, containers, previousActiveElement } = $derived(options);
   const mounted = useIsMounted();
-  const enabled = $derived(Boolean(features & 4 /* FocusLock */));
+  const enabled = $derived(Boolean(features & FocusTrapFeatures.FocusLock));
   useEventListener({
     get element() {
       return ownerDocument?.defaultView;

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

@@ -1,20 +1,8 @@
 import type { ElementType, Props } from "../utils/types.js";
+import { FocusTrapFeatures } from "./FocusTrapFeatures.js";
 type Containers = (() => Iterable<HTMLElement>) | Iterable<HTMLElement>;
 declare let DEFAULT_FOCUS_TRAP_TAG: "div";
-export declare enum FocusTrapFeatures {
-    /** No features enabled for the focus trap. */
-    None = 0,
-    /** Ensure that we move focus initially into the container. */
-    InitialFocus = 1,
-    /** Ensure that pressing `Tab` and `Shift+Tab` is trapped within the container. */
-    TabLock = 2,
-    /** Ensure that programmatically moving focus outside of the container is disallowed. */
-    FocusLock = 4,
-    /** Ensure that we restore the focus when unmounting the focus trap. */
-    RestoreFocus = 8,
-    /** Initial focus should look for the `data-autofocus` */
-    AutoFocus = 16
-}
+export * from "./FocusTrapFeatures.js";
 type FocusTrapRenderPropArg = {};
 type FocusTrapPropsWeControl = never;
 export type FocusTrapProps<TTag extends ElementType = typeof DEFAULT_FOCUS_TRAP_TAG> = Props<TTag, FocusTrapRenderPropArg, FocusTrapPropsWeControl, {
@@ -27,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/focus-trap/FocusTrapFeatures.d.ts

@@ -0,0 +1,14 @@
+export declare enum FocusTrapFeatures {
+    /** No features enabled for the focus trap. */
+    None = 0,
+    /** Ensure that we move focus initially into the container. */
+    InitialFocus = 1,
+    /** Ensure that pressing `Tab` and `Shift+Tab` is trapped within the container. */
+    TabLock = 2,
+    /** Ensure that programmatically moving focus outside of the container is disallowed. */
+    FocusLock = 4,
+    /** Ensure that we restore the focus when unmounting the focus trap. */
+    RestoreFocus = 8,
+    /** Initial focus should look for the `data-autofocus` */
+    AutoFocus = 16
+}

package/dist/focus-trap/FocusTrapFeatures.js

@@ -0,0 +1,15 @@
+export var FocusTrapFeatures;
+(function (FocusTrapFeatures) {
+    /** No features enabled for the focus trap. */
+    FocusTrapFeatures[FocusTrapFeatures["None"] = 0] = "None";
+    /** Ensure that we move focus initially into the container. */
+    FocusTrapFeatures[FocusTrapFeatures["InitialFocus"] = 1] = "InitialFocus";
+    /** Ensure that pressing `Tab` and `Shift+Tab` is trapped within the container. */
+    FocusTrapFeatures[FocusTrapFeatures["TabLock"] = 2] = "TabLock";
+    /** Ensure that programmatically moving focus outside of the container is disallowed. */
+    FocusTrapFeatures[FocusTrapFeatures["FocusLock"] = 4] = "FocusLock";
+    /** Ensure that we restore the focus when unmounting the focus trap. */
+    FocusTrapFeatures[FocusTrapFeatures["RestoreFocus"] = 8] = "RestoreFocus";
+    /** Initial focus should look for the `data-autofocus` */
+    FocusTrapFeatures[FocusTrapFeatures["AutoFocus"] = 16] = "AutoFocus";
+})(FocusTrapFeatures || (FocusTrapFeatures = {}));

package/dist/hooks/use-controllable.svelte.js

@@ -27,7 +27,8 @@ export function useControllable(input, onchange, defaultValue) {
             }
             else {
                 internalValue = value;
-                input.controlledValue = value;
+                if (isControlled)
+                    input.controlledValue = value;
             }
         },
     };

package/dist/hooks/use-did-element-move.svelte.js

@@ -1,23 +1,18 @@
 export function useDidElementMove(options) {
     const { enabled, element } = $derived(options);
-    let elementPosition = $state({ left: 0, top: 0 });
+    let elementPosition = $state();
     $effect(() => {
         if (!element)
             return;
-        let DOMRect = element.getBoundingClientRect();
+        const DOMRect = element.getBoundingClientRect();
         if (DOMRect)
             elementPosition = DOMRect;
     });
     const value = $derived.by(() => {
-        if (element == null)
+        if (element == null || !enabled || element === document.activeElement || elementPosition === undefined)
             return false;
-        if (!enabled)
-            return false;
-        if (element === document.activeElement)
-            return false;
-        let buttonRect = element.getBoundingClientRect();
-        let didElementMove = buttonRect.top !== elementPosition.top || buttonRect.left !== elementPosition.left;
-        return didElementMove;
+        const buttonRect = element.getBoundingClientRect();
+        return buttonRect.top !== elementPosition.top || buttonRect.left !== elementPosition.left;
     });
     return {
         get value() {

package/dist/hooks/use-event-listener.svelte.d.ts

@@ -1,6 +1,6 @@
 export declare function useEventListener<TType extends keyof WindowEventMap>(params: {
     element: HTMLElement | Document | Window | EventTarget | null | undefined;
     type: TType;
-    listener: (event: WindowEventMap[TType]) => any;
+    listener: (event: WindowEventMap[TType]) => unknown;
     options?: boolean | AddEventListenerOptions;
 }): void;

package/dist/hooks/use-event-listener.svelte.js

@@ -1,5 +1,7 @@
 export function useEventListener(params) {
-    let { element = window, type, listener, options } = $derived(params);
+    if (typeof window === "undefined")
+        return;
+    const { element = window, type, listener, options } = $derived(params);
     $effect(() => {
         if (!element)
             return;

package/dist/hooks/use-root-containers.svelte.d.ts

@@ -1,8 +1,8 @@
 export { default as MainTreeProvider, useMainTreeNode } from "../internal/MainTreeProvider.svelte";
 export declare function useRootContainers(options?: {
-    defaultContainers?: (HTMLElement | null)[];
+    defaultContainers?: (HTMLElement | undefined | null)[];
     portals?: HTMLElement[];
-    mainTreeNode?: HTMLElement | null;
+    mainTreeNode?: HTMLElement | undefined | null;
 }): {
     readonly resolvedContainers: HTMLElement[];
     contains: (element: HTMLElement) => boolean;

package/dist/hooks/use-root-containers.svelte.js

@@ -6,21 +6,21 @@ export function useRootContainers(options = {}) {
     mainTreeNode, } = $derived(options);
     const ownerDocument = $derived(getOwnerDocument(mainTreeNode));
     const resolvedContainers = $derived.by(() => {
-        let containers = [];
+        const containers = [];
         // Resolve default containers
-        for (let container of defaultContainers) {
-            if (container === null)
+        for (const container of defaultContainers) {
+            if (!container)
                 continue;
             containers.push(container);
         }
         // Resolve portal containers
         if (portals) {
-            for (let portal of portals) {
+            for (const portal of portals) {
                 containers.push(portal);
             }
         }
         // Resolve third party (root) containers
-        for (let container of ownerDocument?.querySelectorAll("html > *, body > *") ?? []) {
+        for (const container of ownerDocument?.querySelectorAll("html > *, body > *") ?? []) {
             if (container === document.body)
                 continue; // Skip `<body>`
             if (container === document.head)

package/dist/hooks/use-tab-direction.svelte.js

@@ -6,7 +6,7 @@ export var Direction;
 })(Direction || (Direction = {}));
 export function useTabDirection() {
     let direction = $state(Direction.Forwards);
-    let enabled = true;
+    const enabled = true;
     useWindowEvent({
         enabled,
         type: "keydown",

package/dist/index.d.ts

@@ -11,8 +11,11 @@ export * from "./label/index.js";
 export * from "./legend/index.js";
 export * from "./listbox/index.js";
 export * from "./menu/index.js";
+export * from "./popover/index.js";
+export * from "./select/index.js";
 export * from "./switch/index.js";
 export * from "./tabs/index.js";
+export * from "./textarea/index.js";
 export * from "./transition/index.js";
 export * from "./hooks/use-id.js";
 export * from "./utils/types.js";

package/dist/index.js

@@ -11,8 +11,11 @@ export * from "./label/index.js";
 export * from "./legend/index.js";
 export * from "./listbox/index.js";
 export * from "./menu/index.js";
+export * from "./popover/index.js";
+export * from "./select/index.js";
 export * from "./switch/index.js";
 export * from "./tabs/index.js";
+export * from "./textarea/index.js";
 export * from "./transition/index.js";
 export * from "./hooks/use-id.js";
 export * from "./utils/types.js";

package/dist/input/Input.svelte

@@ -3,7 +3,7 @@
 
 <script lang="ts" generics="TTag extends ElementType = typeof DEFAULT_INPUT_TAG, TValue = string">import { htmlid } from "../utils/id.js";
 import { useDisabled } from "../hooks/use-disabled.js";
-import { useProvidedId } from "../internal/id.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";
@@ -16,7 +16,7 @@ const providedDisabled = useDisabled();
 let {
   ref = $bindable(),
   value = $bindable(),
-  id = providedId?.value || `headlessui-input-${internalId}`,
+  id = providedId || `headlessui-input-${internalId}`,
   disabled: theirDisabled = false,
   autofocus = false,
   invalid = false,

package/dist/input/Input.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_INPUT_TAG: "input";
 type InputRenderPropArg = {
     disabled: boolean;
@@ -9,7 +9,6 @@ type InputRenderPropArg = {
 };
 type InputPropsWeControl = "aria-labelledby" | "aria-describedby";
 export type InputProps<TTag extends ElementType = typeof DEFAULT_INPUT_TAG, TValue = string> = Props<TTag, InputRenderPropArg, InputPropsWeControl, {
-    id?: string;
     value?: TValue;
     disabled?: boolean;
     invalid?: boolean;
@@ -19,13 +18,12 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_INPUT_
     props(): {
         as?: TTag | undefined;
         value?: TValue | undefined;
-    } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "invalid" | "disabled" | "autofocus" | "value" | "id" | InputPropsWeControl> 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<InputRenderPropArg> | 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("svelte").Snippet<[InputRenderPropArg, 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: InputRenderPropArg) => 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: InputRenderPropArg) => string) | undefined;
     } : {}) & {
-        id?: string;
         value?: TValue | undefined;
         disabled?: boolean;
         invalid?: boolean;

package/dist/internal/FloatingProvider.svelte

@@ -0,0 +1,12 @@
+<script lang="ts" module></script>
+
+<script lang="ts">import { useFloatingProvider } from "./floating-provider.svelte.js";
+const { children, enabled = true } = $props();
+useFloatingProvider({
+  get enabled() {
+    return enabled;
+  }
+});
+</script>
+
+{#if children}{@render children()}{/if}