@serendie/ui 0.1.16 → 0.2.0

package/dist/node_modules/@zag-js/select/dist/index.js

@@ -1,15 +1,15 @@
 import { createAnatomy as U } from "../../anatomy/dist/index.js";
-import { Collection as F } from "../../collection/dist/index.js";
+import { ListCollection as k } from "../../collection/dist/index.js";
 import { createMachine as W, guards as K } from "../../core/dist/index.js";
-import { isLeftClick as $, getEventKey as k } from "../../dom-event/dist/index.js";
-import { createScope as B, dataAttr as s, getByTypeahead as N, ariaAttr as Y, visuallyHiddenStyle as q, isSelfTarget as j, isValidTabEvent as J, isEditableElement as Q, raf as y, observeAttributes as X, getInitialFocus as Z, scrollIntoView as z } from "../../dom-query/dist/index.js";
-import { getPlacementStyles as x, getPlacement as H } from "../../popper/dist/index.js";
-import { trackDismissableElement as ee } from "../../dismissable/dist/index.js";
-import { trackFormControl as te } from "../../form-utils/dist/index.js";
-import { compact as ie, isEqual as P, addOrRemove as le } from "../../utils/dist/index.js";
+import { getEventKey as F } from "../../dom-event/dist/index.js";
+import { createScope as $, raf as y, getInitialFocus as B, observeAttributes as Y, scrollIntoView as q, getByTypeahead as A, isSelfTarget as j, isValidTabEvent as J, isEditableElement as Q, visuallyHiddenStyle as X, dataAttr as d, ariaAttr as Z } from "../../dom-query/dist/index.js";
+import { getPlacement as H, getPlacementStyles as z } from "../../popper/dist/index.js";
+import { trackDismissableElement as x } from "../../dismissable/dist/index.js";
+import { trackFormControl as ee } from "../../form-utils/dist/index.js";
+import { compact as te, isEqual as P, addOrRemove as ie } from "../../utils/dist/index.js";
 import { createProps as S } from "../../types/dist/index.js";
 import { ref as D } from "../../store/dist/index.js";
-var oe = U("select").parts(
+var le = U("select").parts(
   "label",
   "positioner",
   "trigger",
@@ -25,9 +25,9 @@ var oe = U("select").parts(
   "root",
   "control",
   "valueText"
-), u = oe.build(), _ = (t) => D(new F(t));
-_.empty = () => D(new F({ items: [] }));
-var n = B({
+), u = le.build(), _ = (t) => D(new k(t));
+_.empty = () => D(new k({ items: [] }));
+var r = $({
   getRootId: (t) => {
     var l;
     return ((l = t.ids) == null ? void 0 : l.root) ?? `select:${t.id}`;
@@ -72,37 +72,37 @@ var n = B({
     var e, i;
     return ((i = (e = t.ids) == null ? void 0 : e.itemGroupLabel) == null ? void 0 : i.call(e, l)) ?? `select:${t.id}:optgroup-label:${l}`;
   },
-  getHiddenSelectEl: (t) => n.getById(t, n.getHiddenSelectId(t)),
-  getContentEl: (t) => n.getById(t, n.getContentId(t)),
-  getControlEl: (t) => n.getById(t, n.getControlId(t)),
-  getTriggerEl: (t) => n.getById(t, n.getTriggerId(t)),
-  getClearTriggerEl: (t) => n.getById(t, n.getClearTriggerId(t)),
-  getPositionerEl: (t) => n.getById(t, n.getPositionerId(t)),
+  getHiddenSelectEl: (t) => r.getById(t, r.getHiddenSelectId(t)),
+  getContentEl: (t) => r.getById(t, r.getContentId(t)),
+  getControlEl: (t) => r.getById(t, r.getControlId(t)),
+  getTriggerEl: (t) => r.getById(t, r.getTriggerId(t)),
+  getClearTriggerEl: (t) => r.getById(t, r.getClearTriggerId(t)),
+  getPositionerEl: (t) => r.getById(t, r.getPositionerId(t)),
   getHighlightedOptionEl(t) {
-    return t.highlightedValue ? n.getById(t, n.getItemId(t, t.highlightedValue)) : null;
+    return t.highlightedValue ? r.getById(t, r.getItemId(t, t.highlightedValue)) : null;
   }
 });
-function Te(t, l, e) {
-  const i = t.context.isDisabled, r = t.context.invalid, g = t.context.readOnly, m = t.context.isInteractive, h = t.context.composite, I = t.hasTag("open"), O = t.matches("focused"), T = t.context.highlightedValue, G = t.context.highlightedItem, w = t.context.selectedItems, A = t.context.isTypingAhead, C = t.context.collection, L = T ? n.getItemId(t.context, T) : void 0;
+function Ee(t, l, e) {
+  const i = t.context.isDisabled, n = t.context.invalid, s = t.context.readOnly, m = t.context.isInteractive, h = t.context.composite, I = t.hasTag("open"), T = t.matches("focused"), v = t.context.highlightedValue, G = t.context.highlightedItem, w = t.context.selectedItems, V = t.context.isTypingAhead, C = t.context.collection, L = v ? r.getItemId(t.context, v) : void 0;
   function f(o) {
     const a = C.getItemDisabled(o.item), c = C.getItemValue(o.item);
     return {
       value: c,
       disabled: !!(i || a),
-      highlighted: T === c,
+      highlighted: v === c,
       selected: t.context.value.includes(c)
     };
   }
-  const M = x({
+  const M = z({
     ...t.context.positioning,
     placement: t.context.currentPlacement
   });
   return {
     open: I,
-    focused: O,
+    focused: T,
     empty: t.context.value.length === 0,
     highlightedItem: G,
-    highlightedValue: T,
+    highlightedValue: v,
     selectedItems: w,
     hasSelectedItems: t.context.hasSelectedItems,
     value: t.context.value,
@@ -116,7 +116,7 @@ function Te(t, l, e) {
     },
     focus() {
       var o;
-      (o = n.getTriggerEl(t.context)) == null || o.focus({ preventScroll: !0 });
+      (o = r.getTriggerEl(t.context)) == null || o.focus({ preventScroll: !0 });
     },
     setOpen(o) {
       o !== I && l(o ? "OPEN" : "CLOSE");
@@ -141,23 +141,23 @@ function Te(t, l, e) {
       return e.element({
         ...u.root.attrs,
         dir: t.context.dir,
-        id: n.getRootId(t.context),
-        "data-invalid": s(r),
-        "data-readonly": s(g)
+        id: r.getRootId(t.context),
+        "data-invalid": d(n),
+        "data-readonly": d(s)
       });
     },
     getLabelProps() {
       return e.label({
         dir: t.context.dir,
-        id: n.getLabelId(t.context),
+        id: r.getLabelId(t.context),
         ...u.label.attrs,
-        "data-disabled": s(i),
-        "data-invalid": s(r),
-        "data-readonly": s(g),
-        htmlFor: n.getHiddenSelectId(t.context),
+        "data-disabled": d(i),
+        "data-invalid": d(n),
+        "data-readonly": d(s),
+        htmlFor: r.getHiddenSelectId(t.context),
         onClick(o) {
           var a;
-          o.defaultPrevented || i || (a = n.getTriggerEl(t.context)) == null || a.focus({ preventScroll: !0 });
+          o.defaultPrevented || i || (a = r.getTriggerEl(t.context)) == null || a.focus({ preventScroll: !0 });
         }
       });
     },
@@ -165,46 +165,43 @@ function Te(t, l, e) {
       return e.element({
         ...u.control.attrs,
         dir: t.context.dir,
-        id: n.getControlId(t.context),
+        id: r.getControlId(t.context),
         "data-state": I ? "open" : "closed",
-        "data-focus": s(O),
-        "data-disabled": s(i),
-        "data-invalid": s(r)
+        "data-focus": d(T),
+        "data-disabled": d(i),
+        "data-invalid": d(n)
       });
     },
     getValueTextProps() {
       return e.element({
         ...u.valueText.attrs,
         dir: t.context.dir,
-        "data-disabled": s(i),
-        "data-invalid": s(r),
-        "data-focus": s(O)
+        "data-disabled": d(i),
+        "data-invalid": d(n),
+        "data-focus": d(T)
       });
     },
     getTriggerProps() {
       return e.button({
-        id: n.getTriggerId(t.context),
+        id: r.getTriggerId(t.context),
         disabled: i,
         dir: t.context.dir,
         type: "button",
         role: "combobox",
-        "aria-controls": n.getContentId(t.context),
+        "aria-controls": r.getContentId(t.context),
         "aria-expanded": I,
         "aria-haspopup": "listbox",
         "data-state": I ? "open" : "closed",
-        "aria-invalid": r,
-        "aria-labelledby": n.getLabelId(t.context),
+        "aria-invalid": n,
+        "aria-labelledby": r.getLabelId(t.context),
         ...u.trigger.attrs,
-        "data-disabled": s(i),
-        "data-invalid": s(r),
-        "data-readonly": s(g),
+        "data-disabled": d(i),
+        "data-invalid": d(n),
+        "data-readonly": d(s),
         "data-placement": t.context.currentPlacement,
-        "data-placeholder-shown": s(!t.context.hasSelectedItems),
-        onPointerDown(o) {
-          $(o) && m && (o.currentTarget.dataset.pointerType = o.pointerType, !(i || o.pointerType === "touch") && l({ type: "TRIGGER.CLICK" }));
-        },
+        "data-placeholder-shown": d(!t.context.hasSelectedItems),
         onClick(o) {
-          !m || o.button || o.currentTarget.dataset.pointerType === "touch" && l({ type: "TRIGGER.CLICK" });
+          m && (o.defaultPrevented || l({ type: "TRIGGER.CLICK" }));
         },
         onFocus() {
           l("TRIGGER.FOCUS");
@@ -237,14 +234,14 @@ function Te(t, l, e) {
               l({ type: "TRIGGER.ENTER" });
             },
             Space(p) {
-              l(A ? { type: "TRIGGER.TYPEAHEAD", key: p.key } : { type: "TRIGGER.ENTER" });
+              l(V ? { type: "TRIGGER.TYPEAHEAD", key: p.key } : { type: "TRIGGER.ENTER" });
             }
-          }[k(o, t.context)];
+          }[F(o, t.context)];
           if (c) {
             c(o), o.preventDefault();
             return;
           }
-          N.isValidEvent(o) && (l({ type: "TRIGGER.TYPEAHEAD", key: o.key }), o.preventDefault());
+          A.isValidEvent(o) && (l({ type: "TRIGGER.TYPEAHEAD", key: o.key }), o.preventDefault());
         }
       });
     },
@@ -254,35 +251,32 @@ function Te(t, l, e) {
         dir: t.context.dir,
         "aria-hidden": !0,
         "data-state": I ? "open" : "closed",
-        "data-disabled": s(i),
-        "data-invalid": s(r),
-        "data-readonly": s(g)
+        "data-disabled": d(i),
+        "data-invalid": d(n),
+        "data-readonly": d(s)
       });
     },
     getItemProps(o) {
       const a = f(o);
       return e.element({
-        id: n.getItemId(t.context, a.value),
+        id: r.getItemId(t.context, a.value),
         role: "option",
         ...u.item.attrs,
         dir: t.context.dir,
         "data-value": a.value,
         "aria-selected": a.selected,
         "data-state": a.selected ? "checked" : "unchecked",
-        "data-highlighted": s(a.highlighted),
-        "data-disabled": s(a.disabled),
-        "aria-disabled": Y(a.disabled),
+        "data-highlighted": d(a.highlighted),
+        "data-disabled": d(a.disabled),
+        "aria-disabled": Z(a.disabled),
         onPointerMove(c) {
           a.disabled || c.pointerType !== "mouse" || a.value !== t.context.highlightedValue && l({ type: "ITEM.POINTER_MOVE", value: a.value });
         },
-        onPointerUp() {
-          a.disabled || l({ type: "ITEM.CLICK", src: "pointerup", value: a.value });
+        onClick(c) {
+          c.defaultPrevented || a.disabled || l({ type: "ITEM.CLICK", src: "pointerup", value: a.value });
         },
         onPointerLeave(c) {
-          a.disabled || o.persistFocus || c.pointerType !== "mouse" || ["CONTENT.ARROW_UP", "CONTENT.ARROW_DOWN"].includes(t.event.type) || l({ type: "ITEM.POINTER_LEAVE" });
-        },
-        onTouchEnd(c) {
-          c.preventDefault(), c.stopPropagation();
+          a.disabled || o.persistFocus || c.pointerType !== "mouse" || !t.previousEvent.type.includes("POINTER") || l({ type: "ITEM.POINTER_LEAVE" });
         }
       });
     },
@@ -291,8 +285,8 @@ function Te(t, l, e) {
       return e.element({
         ...u.itemText.attrs,
         "data-state": a.selected ? "checked" : "unchecked",
-        "data-disabled": s(a.disabled),
-        "data-highlighted": s(a.highlighted)
+        "data-disabled": d(a.disabled),
+        "data-highlighted": d(a.highlighted)
       });
     },
     getItemIndicatorProps(o) {
@@ -308,7 +302,7 @@ function Te(t, l, e) {
       const { htmlFor: a } = o;
       return e.element({
         ...u.itemGroupLabel.attrs,
-        id: n.getItemGroupLabelId(t.context, a),
+        id: r.getItemGroupLabelId(t.context, a),
         role: "group",
         dir: t.context.dir
       });
@@ -317,19 +311,19 @@ function Te(t, l, e) {
       const { id: a } = o;
       return e.element({
         ...u.itemGroup.attrs,
-        "data-disabled": s(i),
-        id: n.getItemGroupId(t.context, a),
-        "aria-labelledby": n.getItemGroupLabelId(t.context, a),
+        "data-disabled": d(i),
+        id: r.getItemGroupId(t.context, a),
+        "aria-labelledby": r.getItemGroupLabelId(t.context, a),
         dir: t.context.dir
       });
     },
     getClearTriggerProps() {
       return e.button({
         ...u.clearTrigger.attrs,
-        id: n.getClearTriggerId(t.context),
+        id: r.getClearTriggerId(t.context),
         type: "button",
         "aria-label": "Clear value",
-        "data-invalid": s(r),
+        "data-invalid": d(n),
         disabled: i,
         hidden: !t.context.hasSelectedItems,
         dir: t.context.dir,
@@ -346,24 +340,24 @@ function Te(t, l, e) {
         multiple: t.context.multiple,
         required: t.context.required,
         "aria-hidden": !0,
-        id: n.getHiddenSelectId(t.context),
+        id: r.getHiddenSelectId(t.context),
         defaultValue: t.context.multiple ? t.context.value : t.context.value[0],
-        style: q,
+        style: X,
         tabIndex: -1,
         // Some browser extensions will focus the hidden select.
         // Let's forward the focus to the trigger.
         onFocus() {
           var o;
-          (o = n.getTriggerEl(t.context)) == null || o.focus({ preventScroll: !0 });
+          (o = r.getTriggerEl(t.context)) == null || o.focus({ preventScroll: !0 });
         },
-        "aria-labelledby": n.getLabelId(t.context)
+        "aria-labelledby": r.getLabelId(t.context)
       });
     },
     getPositionerProps() {
       return e.element({
         ...u.positioner.attrs,
         dir: t.context.dir,
-        id: n.getPositionerId(t.context),
+        id: r.getPositionerId(t.context),
         style: M.floating
       });
     },
@@ -371,7 +365,7 @@ function Te(t, l, e) {
       return e.element({
         hidden: !I,
         dir: t.context.dir,
-        id: n.getContentId(t.context),
+        id: r.getContentId(t.context),
         role: h ? "listbox" : "dialog",
         ...u.content.attrs,
         "data-state": I ? "open" : "closed",
@@ -379,7 +373,7 @@ function Te(t, l, e) {
         "data-activedescendant": L,
         "aria-activedescendant": h ? L : void 0,
         "aria-multiselectable": t.context.multiple && h ? !0 : void 0,
-        "aria-labelledby": n.getLabelId(t.context),
+        "aria-labelledby": r.getLabelId(t.context),
         tabIndex: 0,
         onKeyDown(o) {
           if (!m || !j(o)) return;
@@ -404,15 +398,15 @@ function Te(t, l, e) {
               l({ type: "ITEM.CLICK", src: "keydown.enter" });
             },
             Space(p) {
-              var V;
-              A ? l({ type: "CONTENT.TYPEAHEAD", key: p.key }) : (V = a.Enter) == null || V.call(a, p);
+              var N;
+              V ? l({ type: "CONTENT.TYPEAHEAD", key: p.key }) : (N = a.Enter) == null || N.call(a, p);
             }
-          }, c = a[k(o)];
+          }, c = a[F(o)];
           if (c) {
             c(o), o.preventDefault();
             return;
           }
-          Q(o.target) || N.isValidEvent(o) && (l({ type: "CONTENT.TYPEAHEAD", key: o.key }), o.preventDefault());
+          Q(o.target) || A.isValidEvent(o) && (l({ type: "CONTENT.TYPEAHEAD", key: o.key }), o.preventDefault());
         }
       });
     },
@@ -421,16 +415,16 @@ function Te(t, l, e) {
         ...u.list.attrs,
         tabIndex: 0,
         role: h ? void 0 : "listbox",
-        "aria-labelledby": n.getTriggerId(t.context),
+        "aria-labelledby": r.getTriggerId(t.context),
         "aria-activedescendant": h ? void 0 : L,
         "aria-multiselectable": !h && t.context.multiple ? !0 : void 0
       });
     }
   };
 }
-var { and: v, not: E, or: ne } = K;
+var { and: O, not: E, or: oe } = K;
 function ve(t) {
-  const l = ie(t);
+  const l = te(t);
   return W(
     {
       id: "select",
@@ -447,9 +441,8 @@ function ve(t) {
         selectedItems: [],
         valueAsString: "",
         collection: l.collection ?? _.empty(),
-        typeahead: N.defaultOptions,
+        typeahead: A.defaultOptions,
         fieldsetDisabled: !1,
-        restoreFocus: !0,
         positioning: {
           placement: "bottom-start",
           gutter: 8,
@@ -503,10 +496,11 @@ function ve(t) {
               {
                 guard: "isTriggerClickEvent",
                 target: "open",
-                actions: ["highlightFirstSelectedItem"]
+                actions: ["setInitialFocus", "highlightFirstSelectedItem"]
               },
               {
-                target: "open"
+                target: "open",
+                actions: ["setInitialFocus"]
               }
             ],
             "TRIGGER.CLICK": [
@@ -516,7 +510,7 @@ function ve(t) {
               },
               {
                 target: "open",
-                actions: ["invokeOnOpen", "highlightFirstSelectedItem"]
+                actions: ["invokeOnOpen", "setInitialFocus", "highlightFirstSelectedItem"]
               }
             ],
             "TRIGGER.FOCUS": {
@@ -529,33 +523,33 @@ function ve(t) {
               },
               {
                 target: "open",
-                actions: ["invokeOnOpen"]
+                actions: ["setInitialFocus", "invokeOnOpen"]
               }
             ]
           }
         },
         focused: {
           tags: ["closed"],
-          entry: ["focusTriggerEl"],
           on: {
             "CONTROLLED.OPEN": [
               {
                 guard: "isTriggerClickEvent",
                 target: "open",
-                actions: ["highlightFirstSelectedItem"]
+                actions: ["setInitialFocus", "highlightFirstSelectedItem"]
               },
               {
                 guard: "isTriggerArrowUpEvent",
                 target: "open",
-                actions: ["highlightComputedLastItem"]
+                actions: ["setInitialFocus", "highlightComputedLastItem"]
               },
               {
-                guard: ne("isTriggerArrowDownEvent", "isTriggerEnterEvent"),
+                guard: oe("isTriggerArrowDownEvent", "isTriggerEnterEvent"),
                 target: "open",
-                actions: ["highlightComputedFirstItem"]
+                actions: ["setInitialFocus", "highlightComputedFirstItem"]
               },
               {
-                target: "open"
+                target: "open",
+                actions: ["setInitialFocus"]
               }
             ],
             OPEN: [
@@ -565,7 +559,7 @@ function ve(t) {
               },
               {
                 target: "open",
-                actions: ["invokeOnOpen"]
+                actions: ["setInitialFocus", "invokeOnOpen"]
               }
             ],
             "TRIGGER.BLUR": {
@@ -578,7 +572,7 @@ function ve(t) {
               },
               {
                 target: "open",
-                actions: ["invokeOnOpen", "highlightFirstSelectedItem"]
+                actions: ["setInitialFocus", "invokeOnOpen", "highlightFirstSelectedItem"]
               }
             ],
             "TRIGGER.ENTER": [
@@ -588,7 +582,7 @@ function ve(t) {
               },
               {
                 target: "open",
-                actions: ["invokeOnOpen", "highlightComputedFirstItem"]
+                actions: ["setInitialFocus", "invokeOnOpen", "highlightComputedFirstItem"]
               }
             ],
             "TRIGGER.ARROW_UP": [
@@ -598,7 +592,7 @@ function ve(t) {
               },
               {
                 target: "open",
-                actions: ["invokeOnOpen", "highlightComputedLastItem"]
+                actions: ["setInitialFocus", "invokeOnOpen", "highlightComputedLastItem"]
               }
             ],
             "TRIGGER.ARROW_DOWN": [
@@ -608,12 +602,12 @@ function ve(t) {
               },
               {
                 target: "open",
-                actions: ["invokeOnOpen", "highlightComputedFirstItem"]
+                actions: ["setInitialFocus", "invokeOnOpen", "highlightComputedFirstItem"]
               }
             ],
             "TRIGGER.ARROW_LEFT": [
               {
-                guard: v(E("multiple"), "hasSelectedItems"),
+                guard: O(E("multiple"), "hasSelectedItems"),
                 actions: ["selectPreviousItem"]
               },
               {
@@ -623,7 +617,7 @@ function ve(t) {
             ],
             "TRIGGER.ARROW_RIGHT": [
               {
-                guard: v(E("multiple"), "hasSelectedItems"),
+                guard: O(E("multiple"), "hasSelectedItems"),
                 actions: ["selectNextItem"]
               },
               {
@@ -647,21 +641,13 @@ function ve(t) {
         },
         open: {
           tags: ["open"],
-          entry: ["setInitialFocus"],
           exit: ["scrollContentToTop"],
           activities: ["trackDismissableElement", "computePlacement", "scrollToHighlightedItem"],
           on: {
-            "CONTROLLED.CLOSE": [
-              {
-                guard: "shouldRestoreFocus",
-                target: "focused",
-                actions: ["clearHighlightedItem"]
-              },
-              {
-                target: "idle",
-                actions: ["clearHighlightedItem"]
-              }
-            ],
+            "CONTROLLED.CLOSE": {
+              target: "focused",
+              actions: ["focusTriggerEl", "clearHighlightedItem"]
+            },
             CLOSE: [
               {
                 guard: "isOpenControlled",
@@ -669,7 +655,7 @@ function ve(t) {
               },
               {
                 target: "focused",
-                actions: ["invokeOnClose", "clearHighlightedItem"]
+                actions: ["invokeOnClose", "focusTriggerEl", "clearHighlightedItem"]
               }
             ],
             "TRIGGER.CLICK": [
@@ -684,39 +670,18 @@ function ve(t) {
             ],
             "ITEM.CLICK": [
               {
-                guard: v("closeOnSelect", "isOpenControlled"),
+                guard: O("closeOnSelect", "isOpenControlled"),
                 actions: ["selectHighlightedItem", "invokeOnClose"]
               },
               {
                 guard: "closeOnSelect",
                 target: "focused",
-                actions: ["selectHighlightedItem", "invokeOnClose", "clearHighlightedItem"]
+                actions: ["selectHighlightedItem", "invokeOnClose", "focusTriggerEl", "clearHighlightedItem"]
               },
               {
                 actions: ["selectHighlightedItem"]
               }
             ],
-            "CONTENT.INTERACT_OUTSIDE": [
-              // == group 1 ==
-              {
-                guard: v("shouldRestoreFocus", "isOpenControlled"),
-                actions: ["invokeOnClose"]
-              },
-              {
-                guard: "shouldRestoreFocus",
-                target: "focused",
-                actions: ["invokeOnClose", "clearHighlightedItem"]
-              },
-              // == group 2 ==
-              {
-                guard: "isOpenControlled",
-                actions: ["invokeOnClose"]
-              },
-              {
-                target: "idle",
-                actions: ["invokeOnClose", "clearHighlightedItem"]
-              }
-            ],
             "CONTENT.HOME": {
               actions: ["highlightFirstItem"]
             },
@@ -725,7 +690,7 @@ function ve(t) {
             },
             "CONTENT.ARROW_DOWN": [
               {
-                guard: v("hasHighlightedItem", "loop", "isLastItemHighlighted"),
+                guard: O("hasHighlightedItem", "loop", "isLastItemHighlighted"),
                 actions: ["highlightFirstItem"]
               },
               {
@@ -738,7 +703,7 @@ function ve(t) {
             ],
             "CONTENT.ARROW_UP": [
               {
-                guard: v("hasHighlightedItem", "loop", "isFirstItemHighlighted"),
+                guard: O("hasHighlightedItem", "loop", "isFirstItemHighlighted"),
                 actions: ["highlightLastItem"]
               },
               {
@@ -774,201 +739,207 @@ function ve(t) {
         isFirstItemHighlighted: (e) => e.highlightedValue === e.collection.firstValue,
         isLastItemHighlighted: (e) => e.highlightedValue === e.collection.lastValue,
         closeOnSelect: (e, i) => !!(i.closeOnSelect ?? e.closeOnSelect),
-        shouldRestoreFocus: (e) => !!e.restoreFocus,
         // guard assertions (for controlled mode)
         isOpenControlled: (e) => !!e["open.controlled"],
         isTriggerClickEvent: (e, i) => {
-          var r;
-          return ((r = i.previousEvent) == null ? void 0 : r.type) === "TRIGGER.CLICK";
+          var n;
+          return ((n = i.previousEvent) == null ? void 0 : n.type) === "TRIGGER.CLICK";
         },
         isTriggerEnterEvent: (e, i) => {
-          var r;
-          return ((r = i.previousEvent) == null ? void 0 : r.type) === "TRIGGER.ENTER";
+          var n;
+          return ((n = i.previousEvent) == null ? void 0 : n.type) === "TRIGGER.ENTER";
         },
         isTriggerArrowUpEvent: (e, i) => {
-          var r;
-          return ((r = i.previousEvent) == null ? void 0 : r.type) === "TRIGGER.ARROW_UP";
+          var n;
+          return ((n = i.previousEvent) == null ? void 0 : n.type) === "TRIGGER.ARROW_UP";
         },
         isTriggerArrowDownEvent: (e, i) => {
-          var r;
-          return ((r = i.previousEvent) == null ? void 0 : r.type) === "TRIGGER.ARROW_DOWN";
+          var n;
+          return ((n = i.previousEvent) == null ? void 0 : n.type) === "TRIGGER.ARROW_DOWN";
         }
       },
       activities: {
-        trackFormControlState(e, i, { initialContext: r }) {
-          return te(n.getHiddenSelectEl(e), {
-            onFieldsetDisabledChange(g) {
-              e.fieldsetDisabled = g;
+        trackFormControlState(e, i, { initialContext: n }) {
+          return ee(r.getHiddenSelectEl(e), {
+            onFieldsetDisabledChange(s) {
+              e.fieldsetDisabled = s;
             },
             onFormReset() {
-              d.selectedItems(e, r.value);
+              g.selectedItems(e, n.value);
             }
           });
         },
-        trackDismissableElement(e, i, { send: r }) {
-          return ee(() => n.getContentEl(e), {
+        trackDismissableElement(e, i, { send: n }) {
+          const s = () => r.getContentEl(e);
+          let m = !0;
+          return x(s, {
             defer: !0,
-            exclude: [n.getTriggerEl(e), n.getClearTriggerEl(e)],
+            exclude: [r.getTriggerEl(e), r.getClearTriggerEl(e)],
             onFocusOutside: e.onFocusOutside,
             onPointerDownOutside: e.onPointerDownOutside,
-            onInteractOutside(m) {
-              var h;
-              (h = e.onInteractOutside) == null || h.call(e, m), e.restoreFocus = !m.detail.focusable;
+            onInteractOutside(h) {
+              var I;
+              (I = e.onInteractOutside) == null || I.call(e, h), m = !(h.detail.focusable || h.detail.contextmenu);
             },
             onDismiss() {
-              r({ type: "CONTENT.INTERACT_OUTSIDE" });
+              n({ type: "CLOSE", src: "interact-outside", restoreFocus: m });
             }
           });
         },
         computePlacement(e) {
-          return e.currentPlacement = e.positioning.placement, H(() => n.getTriggerEl(e), () => n.getPositionerEl(e), {
+          return e.currentPlacement = e.positioning.placement, H(() => r.getTriggerEl(e), () => r.getPositionerEl(e), {
             defer: !0,
             ...e.positioning,
-            onComplete(g) {
-              e.currentPlacement = g.placement;
+            onComplete(s) {
+              e.currentPlacement = s.placement;
             }
           });
         },
-        scrollToHighlightedItem(e, i, { getState: r }) {
-          const g = (h) => {
-            if (e.highlightedValue == null || r().event.type.includes("POINTER")) return;
-            const O = n.getHighlightedOptionEl(e), T = n.getContentEl(e);
+        scrollToHighlightedItem(e, i, { getState: n }) {
+          const s = (h) => {
+            if (e.highlightedValue == null || n().event.type.includes("POINTER")) return;
+            const T = r.getHighlightedOptionEl(e), v = r.getContentEl(e);
             if (e.scrollToIndexFn) {
               const G = e.collection.indexOf(e.highlightedValue);
               e.scrollToIndexFn({ index: G, immediate: h });
               return;
             }
-            z(O, { rootEl: T, block: "nearest" });
+            q(T, { rootEl: v, block: "nearest" });
           };
-          return y(() => g(!0)), X(() => n.getContentEl(e), {
+          return y(() => s(!0)), Y(() => r.getContentEl(e), {
             defer: !0,
             attributes: ["data-activedescendant"],
             callback() {
-              g(!1);
+              s(!1);
             }
           });
         }
       },
       actions: {
         reposition(e, i) {
-          const r = () => n.getPositionerEl(e);
-          H(n.getTriggerEl(e), r, {
+          const n = () => r.getPositionerEl(e);
+          H(r.getTriggerEl(e), n, {
             ...e.positioning,
             ...i.options,
             defer: !0,
             listeners: !1,
-            onComplete(g) {
-              e.currentPlacement = g.placement;
+            onComplete(s) {
+              e.currentPlacement = s.placement;
             }
           });
         },
-        toggleVisibility(e, i, { send: r }) {
-          r({ type: e.open ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: i });
+        toggleVisibility(e, i, { send: n }) {
+          n({ type: e.open ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: i });
         },
         highlightPreviousItem(e) {
           if (e.highlightedValue == null) return;
           const i = e.collection.getPreviousValue(e.highlightedValue);
-          d.highlightedItem(e, i);
+          g.highlightedItem(e, i);
         },
         highlightNextItem(e) {
           if (e.highlightedValue == null) return;
           const i = e.collection.getNextValue(e.highlightedValue);
-          d.highlightedItem(e, i);
+          g.highlightedItem(e, i);
         },
         highlightFirstItem(e) {
           const i = e.collection.firstValue;
-          d.highlightedItem(e, i);
+          g.highlightedItem(e, i);
         },
         highlightLastItem(e) {
           const i = e.collection.lastValue;
-          d.highlightedItem(e, i);
+          g.highlightedItem(e, i);
         },
         setInitialFocus(e) {
           y(() => {
-            const i = Z({
-              root: n.getContentEl(e)
+            const i = B({
+              root: r.getContentEl(e)
             });
             i == null || i.focus({ preventScroll: !0 });
           });
         },
-        focusTriggerEl(e) {
-          y(() => {
-            var i;
-            (i = n.getTriggerEl(e)) == null || i.focus({ preventScroll: !0 });
+        focusTriggerEl(e, i) {
+          var s;
+          const n = i.restoreFocus ?? ((s = i.previousEvent) == null ? void 0 : s.restoreFocus);
+          n != null && !n || y(() => {
+            const m = r.getTriggerEl(e);
+            m == null || m.focus({ preventScroll: !0 });
           });
         },
         selectHighlightedItem(e, i) {
-          const r = i.value ?? e.highlightedValue;
-          r != null && d.selectedItem(e, r);
+          let n = i.value ?? e.highlightedValue;
+          if (n == null) return;
+          const s = e.deselectable && !e.multiple && e.value.includes(n);
+          n = s ? null : n, g.selectedItem(e, n, s);
         },
         highlightComputedFirstItem(e) {
           const i = e.hasSelectedItems ? e.collection.sort(e.value)[0] : e.collection.firstValue;
-          d.highlightedItem(e, i);
+          g.highlightedItem(e, i);
         },
         highlightComputedLastItem(e) {
           const i = e.hasSelectedItems ? e.collection.sort(e.value)[0] : e.collection.lastValue;
-          d.highlightedItem(e, i);
+          g.highlightedItem(e, i);
         },
         highlightFirstSelectedItem(e) {
           if (!e.hasSelectedItems) return;
           const [i] = e.collection.sort(e.value);
-          d.highlightedItem(e, i);
+          g.highlightedItem(e, i);
         },
         highlightItem(e, i) {
-          d.highlightedItem(e, i.value);
+          g.highlightedItem(e, i.value);
         },
         highlightMatchingItem(e, i) {
-          const r = e.collection.search(i.key, {
+          const n = e.collection.search(i.key, {
             state: e.typeahead,
             currentValue: e.highlightedValue
           });
-          r != null && d.highlightedItem(e, r);
+          n != null && g.highlightedItem(e, n);
         },
         setHighlightedItem(e, i) {
-          d.highlightedItem(e, i.value);
+          g.highlightedItem(e, i.value);
         },
         clearHighlightedItem(e) {
-          d.highlightedItem(e, null, !0);
+          g.highlightedItem(e, null, !0);
         },
         selectItem(e, i) {
-          d.selectedItem(e, i.value);
+          const n = e.deselectable && !e.multiple && e.value.includes(i.value), s = n ? null : i.value;
+          g.selectedItem(e, s, n);
         },
         clearItem(e, i) {
-          const r = e.value.filter((g) => g !== i.value);
-          d.selectedItems(e, r);
+          const n = e.value.filter((s) => s !== i.value);
+          g.selectedItems(e, n);
         },
         setSelectedItems(e, i) {
-          d.selectedItems(e, i.value);
+          g.selectedItems(e, i.value);
         },
         clearSelectedItems(e) {
-          d.selectedItems(e, []);
+          g.selectedItems(e, []);
         },
         selectPreviousItem(e) {
           const i = e.collection.getPreviousValue(e.value[0]);
-          d.selectedItem(e, i);
+          g.selectedItem(e, i);
         },
         selectNextItem(e) {
           const i = e.collection.getNextValue(e.value[0]);
-          d.selectedItem(e, i);
+          g.selectedItem(e, i);
         },
         selectFirstItem(e) {
           const i = e.collection.firstValue;
-          d.selectedItem(e, i);
+          g.selectedItem(e, i);
         },
         selectLastItem(e) {
           const i = e.collection.lastValue;
-          d.selectedItem(e, i);
+          g.selectedItem(e, i);
         },
         selectMatchingItem(e, i) {
-          const r = e.collection.search(i.key, {
+          const n = e.collection.search(i.key, {
             state: e.typeahead,
             currentValue: e.value[0]
           });
-          r != null && d.selectedItem(e, r);
+          n != null && g.selectedItem(e, n);
         },
         scrollContentToTop(e) {
           var i;
-          e.scrollToIndexFn ? e.scrollToIndexFn({ index: 0, immediate: !0 }) : (i = n.getContentEl(e)) == null || i.scrollTo(0, 0);
+          e.scrollToIndexFn ? e.scrollToIndexFn({ index: 0, immediate: !0 }) : (i = r.getContentEl(e)) == null || i.scrollTo(0, 0);
         },
         invokeOnOpen(e) {
           var i;
@@ -979,22 +950,22 @@ function ve(t) {
           (i = e.onOpenChange) == null || i.call(e, { open: !1 });
         },
         syncSelectElement(e) {
-          const i = n.getHiddenSelectEl(e);
+          const i = r.getHiddenSelectEl(e);
           if (i) {
             if (e.value.length === 0 && !e.multiple) {
               i.selectedIndex = -1;
               return;
             }
-            for (const r of i.options)
-              r.selected = e.value.includes(r.value);
+            for (const n of i.options)
+              n.selected = e.value.includes(n.value);
           }
         },
         setCollection(e, i) {
           e.collection = i.value;
         },
         syncCollection(e) {
-          const i = e.collection.findMany(e.value), r = e.collection.stringifyItems(i);
-          e.highlightedItem = e.collection.find(e.highlightedValue), e.selectedItems = i, e.valueAsString = r;
+          const i = e.collection.findMany(e.value), n = e.collection.stringifyItems(i);
+          e.highlightedItem = e.collection.find(e.highlightedValue), e.selectedItems = i, e.valueAsString = n;
         },
         syncSelectedItems(e) {
           b.valueChange(e);
@@ -1006,11 +977,11 @@ function ve(t) {
     }
   );
 }
-function re(t) {
+function ne(t) {
   y(() => {
-    const l = n.getHiddenSelectEl(t);
+    const l = r.getHiddenSelectEl(t);
     if (!l) return;
-    const e = n.getWin(t), i = new e.Event("change", { bubbles: !0, composed: !0 });
+    const e = r.getWin(t), i = new e.Event("change", { bubbles: !0, composed: !0 });
     l.dispatchEvent(i);
   });
 }
@@ -1018,7 +989,7 @@ var b = {
   valueChange: (t) => {
     const l = t.selectedItems;
     t.selectedItems = t.value.map((e) => {
-      const i = l.find((r) => t.collection.getItemValue(r) === e);
+      const i = l.find((n) => t.collection.getItemValue(n) === e);
       return i || t.collection.find(e);
     }), t.valueAsString = t.collection.stringifyItems(t.selectedItems);
   },
@@ -1031,7 +1002,7 @@ var b = {
     b.valueChange(t), (l = t.onValueChange) == null || l.call(t, {
       value: Array.from(t.value),
       items: Array.from(t.selectedItems)
-    }), re(t);
+    }), ne(t);
   },
   highlightChange: (t) => {
     var l;
@@ -1041,14 +1012,14 @@ var b = {
       highlightedIndex: t.collection.indexOf(t.highlightedValue)
     });
   }
-}, d = {
+}, g = {
   selectedItem: (t, l, e = !1) => {
     if (!P(t.value, l) && !(l == null && !e)) {
       if (l == null && e) {
         t.value = [], R.valueChange(t);
         return;
       }
-      t.value = t.multiple ? le(t.value, l) : [l], R.valueChange(t);
+      t.value = t.multiple ? ie(t.value, l) : [l], R.valueChange(t);
     }
   },
   selectedItems: (t, l) => {
@@ -1063,6 +1034,7 @@ S()([
   "collection",
   "dir",
   "disabled",
+  "deselectable",
   "form",
   "getRootNode",
   "highlightedValue",
@@ -1091,8 +1063,8 @@ S()(["item", "persistFocus"]);
 S()(["id"]);
 S()(["htmlFor"]);
 export {
-  oe as anatomy,
+  le as anatomy,
   _ as collection,
-  Te as connect,
+  Ee as connect,
   ve as machine
 };