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

package/dist/listbox/Listbox.svelte

@@ -208,6 +208,7 @@ let {
   disabled: ownDisabled = false,
   horizontal = false,
   multiple = false,
+  closeOnSelect,
   __demoMode = false,
   ...theirProps
 } = $props();
@@ -283,6 +284,9 @@ const data = {
   get orientation() {
     return orientation;
   },
+  get closeOnSelect() {
+    return closeOnSelect;
+  },
   compare,
   isSelected,
   get optionsProps() {

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

@@ -19,6 +19,7 @@ export type ListboxProps<TTag extends ElementType = typeof DEFAULT_LISTBOX_TAG,
     form?: string;
     name?: string;
     multiple?: boolean;
+    closeOnSelect?: boolean;
     __demoMode?: boolean;
 }>;
 export type ListboxChildren<T> = Snippet<[ListboxRenderPropArg<T>]>;
@@ -26,7 +27,7 @@ export * from "./context.svelte.js";
 declare class __sveltets_Render<TType, TActualType, TTag extends ElementType = typeof DEFAULT_LISTBOX_TAG> {
     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) & {
+    } & (Exclude<keyof import("../utils/types.js").PropsOf<TTag>, "form" | ("as" | "children" | "refName" | "class") | "invalid" | "disabled" | "value" | "name" | "onchange" | "multiple" | "__demoMode" | "horizontal" | "defaultValue" | "by" | "closeOnSelect"> extends infer T extends keyof import("../utils/types.js").PropsOf<TTag> ? { [P in T]: import("../utils/types.js").PropsOf<TTag>[P]; } : never) & {
         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) ? {
@@ -42,6 +43,7 @@ declare class __sveltets_Render<TType, TActualType, TTag extends ElementType = t
         form?: string;
         name?: string;
         multiple?: boolean;
+        closeOnSelect?: boolean;
         __demoMode?: boolean;
     };
     events(): {} & {

package/dist/listbox/ListboxOption.svelte

@@ -75,7 +75,7 @@ onMount(() => {
 const handleClick = (event) => {
   if (disabled) return event.preventDefault();
   actions.onChange(value);
-  if (data.mode === ValueMode.Single) {
+  if (data.closeOnSelect === true || data.closeOnSelect === void 0 && data.mode === ValueMode.Single) {
     actions.closeListbox();
     data.buttonElement?.focus({ preventScroll: true });
   }

package/dist/listbox/ListboxOptions.svelte

@@ -270,6 +270,9 @@ setContext("ListboxDataContext", {
   get activeOptionIndex() {
     return data.activeOptionIndex;
   },
+  get closeOnSelect() {
+    return data.closeOnSelect;
+  },
   get compare() {
     return data.compare;
   },

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

@@ -62,6 +62,7 @@ export type ListboxDataContext<T = unknown> = {
     mode: ValueMode;
     orientation: "horizontal" | "vertical";
     activeOptionIndex: number | null;
+    closeOnSelect?: boolean;
     compare(a: T, z: T): boolean;
     isSelected(value: T): boolean;
     optionsProps: {

package/dist/listbox/context.svelte.js

@@ -17,7 +17,7 @@ export var ActivationTrigger;
 export function useActions(component) {
     const context = getContext("ListboxActionsContext");
     if (!context) {
-        let err = new Error(`<${component} /> is missing a parent <Listbox /> component.`);
+        const err = new Error(`<${component} /> is missing a parent <Listbox /> component.`);
         if (Error.captureStackTrace)
             Error.captureStackTrace(err, useActions);
         throw err;
@@ -27,7 +27,7 @@ export function useActions(component) {
 export function useData(component) {
     const context = getContext("ListboxDataContext");
     if (!context) {
-        let err = new Error(`<${component} /> is missing a parent <Listbox /> component.`);
+        const err = new Error(`<${component} /> is missing a parent <Listbox /> component.`);
         if (Error.captureStackTrace)
             Error.captureStackTrace(err, useData);
         throw err;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pzerelles/headlessui-svelte",
-  "version": "2.1.2-next.17",
+  "version": "2.1.2-next.19",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",