@pzerelles/headlessui-svelte 2.1.2-next.4 → 2.1.2-next.6

package/dist/focus-trap/FocusTrap.svelte

@@ -13,6 +13,7 @@
   import { useDisposables } from "../utils/disposables.js"
   import Hidden, { HiddenFeatures } from "../internal/Hidden.svelte"
   import ElementOrComponent from "../utils/ElementOrComponent.svelte"
+  import { FocusTrapFeatures } from "./FocusTrapFeatures.js"
 
   type Containers =
     // Lazy resolved containers
@@ -36,25 +37,7 @@
 
   let DEFAULT_FOCUS_TRAP_TAG = "div" as const
 
-  export enum FocusTrapFeatures {
-    /** No features enabled for the focus trap. */
-    None = 0,
-
-    /** Ensure that we move focus initially into the container. */
-    InitialFocus = 1 << 0,
-
-    /** Ensure that pressing `Tab` and `Shift+Tab` is trapped within the container. */
-    TabLock = 1 << 1,
-
-    /** Ensure that programmatically moving focus outside of the container is disallowed. */
-    FocusLock = 1 << 2,
-
-    /** Ensure that we restore the focus when unmounting the focus trap. */
-    RestoreFocus = 1 << 3,
-
-    /** Initial focus should look for the `data-autofocus` */
-    AutoFocus = 1 << 4,
-  }
+  export * from "./FocusTrapFeatures.js"
 
   type FocusTrapRenderPropArg = {}
   type FocusTrapPropsWeControl = never

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, {

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/label/Label.svelte

@@ -45,7 +45,7 @@
     }
 
     if (current instanceof HTMLLabelElement) {
-      let target = document.getElementById(current.getAttribute("htmlFor") ?? "")
+      let target = document.getElementById(current.getAttribute("for") ?? "")
       if (target) {
         // Bail if the target element is disabled
         let actuallyDisabled = target.getAttribute("disabled")
@@ -81,7 +81,7 @@
   const slot = $derived({ disabled })
   const ourProps = $derived({
     id,
-    htmlFor: passive ? undefined : htmlFor,
+    for: passive ? undefined : htmlFor,
     onclick: passive ? undefined : handleClick,
     ...stateFromSlot(slot),
   })

package/dist/listbox/Listbox.svelte

@@ -8,6 +8,7 @@
   import { useRef, type MutableRefObject } from "../utils/ref.svelte.js"
   import type { ElementType, EnsureArray, Props } from "../utils/types.js"
   import { getContext, setContext, type Snippet } from "svelte"
+  import { ActivationTrigger, ListboxStates, ValueMode } from "./ListboxStates.js"
 
   let DEFAULT_LISTBOX_TAG = "svelte:fragment"
   type ListboxRenderPropArg<T> = {
@@ -43,20 +44,7 @@
 
   export type ListboxChildren<T> = Snippet<[ListboxRenderPropArg<T>]>
 
-  export enum ListboxStates {
-    Open,
-    Closed,
-  }
-
-  export enum ValueMode {
-    Single,
-    Multi,
-  }
-
-  export enum ActivationTrigger {
-    Pointer,
-    Other,
-  }
+  export * from "./ListboxStates.js"
 
   export type ListboxOptionDataRef<T> = MutableRefObject<{
     textValue?: string

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

@@ -3,6 +3,7 @@ import { Focus } from "../utils/calculate-active-index.js";
 import { type MutableRefObject } from "../utils/ref.svelte.js";
 import type { ElementType, Props } from "../utils/types.js";
 import { type Snippet } from "svelte";
+import { ActivationTrigger, ListboxStates, ValueMode } from "./ListboxStates.js";
 declare let DEFAULT_LISTBOX_TAG: string;
 type ListboxRenderPropArg<T> = {
     open: boolean;
@@ -24,18 +25,7 @@ export type ListboxProps<TTag extends ElementType = typeof DEFAULT_LISTBOX_TAG,
     __demoMode?: boolean;
 }>;
 export type ListboxChildren<T> = Snippet<[ListboxRenderPropArg<T>]>;
-export declare enum ListboxStates {
-    Open = 0,
-    Closed = 1
-}
-export declare enum ValueMode {
-    Single = 0,
-    Multi = 1
-}
-export declare enum ActivationTrigger {
-    Pointer = 0,
-    Other = 1
-}
+export * from "./ListboxStates.js";
 export type ListboxOptionDataRef<T> = MutableRefObject<{
     textValue?: string;
     disabled: boolean;

package/dist/listbox/ListboxStates.d.ts

@@ -0,0 +1,12 @@
+export declare enum ListboxStates {
+    Open = 0,
+    Closed = 1
+}
+export declare enum ValueMode {
+    Single = 0,
+    Multi = 1
+}
+export declare enum ActivationTrigger {
+    Pointer = 0,
+    Other = 1
+}

package/dist/listbox/ListboxStates.js

@@ -0,0 +1,15 @@
+export var ListboxStates;
+(function (ListboxStates) {
+    ListboxStates[ListboxStates["Open"] = 0] = "Open";
+    ListboxStates[ListboxStates["Closed"] = 1] = "Closed";
+})(ListboxStates || (ListboxStates = {}));
+export var ValueMode;
+(function (ValueMode) {
+    ValueMode[ValueMode["Single"] = 0] = "Single";
+    ValueMode[ValueMode["Multi"] = 1] = "Multi";
+})(ValueMode || (ValueMode = {}));
+export var ActivationTrigger;
+(function (ActivationTrigger) {
+    ActivationTrigger[ActivationTrigger["Pointer"] = 0] = "Pointer";
+    ActivationTrigger[ActivationTrigger["Other"] = 1] = "Other";
+})(ActivationTrigger || (ActivationTrigger = {}));

package/dist/textarea/Textarea.svelte

@@ -19,7 +19,7 @@
     {
       disabled?: boolean
       invalid?: boolean
-      autoFocus?: boolean
+      autofocus?: boolean
     }
   >
 </script>

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

@@ -11,12 +11,12 @@ type TextareaPropsWeControl = "aria-labelledby" | "aria-describedby";
 export type TextareaProps<TTag extends ElementType = typeof DEFAULT_TEXTAREA_TAG> = Props<TTag, TextareaRenderPropArg, TextareaPropsWeControl, {
     disabled?: boolean;
     invalid?: boolean;
-    autoFocus?: boolean;
+    autofocus?: boolean;
 }>;
 declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_TEXTAREA_TAG> {
     props(): {
         as?: TTag | undefined;
-    } & (Exclude<keyof PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "invalid" | "disabled" | TextareaPropsWeControl | "autoFocus"> extends infer T extends keyof PropsOf<TTag> ? { [P in T]: PropsOf<TTag>[P]; } : never) & {
+    } & (Exclude<keyof PropsOf<TTag>, ("as" | "children" | "refName" | "class") | "invalid" | "disabled" | "autofocus" | TextareaPropsWeControl> extends infer T extends keyof PropsOf<TTag> ? { [P in T]: PropsOf<TTag>[P]; } : never) & {
         children?: import("../utils/types.js").Children<TextareaRenderPropArg> | 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) ? {
@@ -24,7 +24,7 @@ declare class __sveltets_Render<TTag extends ElementType = typeof DEFAULT_TEXTAR
     } : {}) & {
         disabled?: boolean;
         invalid?: boolean;
-        autoFocus?: boolean;
+        autofocus?: boolean;
     };
     events(): {} & {
         [evt: string]: CustomEvent<any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pzerelles/headlessui-svelte",
-  "version": "2.1.2-next.4",
+  "version": "2.1.2-next.6",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
@@ -27,7 +27,7 @@
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/svelte": "^5.2.1",
     "@types/eslint": "^9.6.1",
-    "@types/node": "^20.16.1",
+    "@types/node": "^20.16.3",
     "autoprefixer": "^10.4.20",
     "eslint": "^9.9.1",
     "eslint-config-prettier": "^9.1.0",
@@ -35,7 +35,7 @@
     "globals": "^15.9.0",
     "jsdom": "^24.1.3",
     "outdent": "^0.8.0",
-    "postcss": "^8.4.41",
+    "postcss": "^8.4.44",
     "prettier": "^3.3.3",
     "prettier-plugin-svelte": "^3.2.6",
     "prettier-plugin-tailwindcss": "^0.6.6",