@serendie/ui 2.1.3 → 2.2.0

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

@@ -1,12 +1,12 @@
-import { createAnatomy as te } from "../../anatomy/dist/index.js";
-import { ListCollection as J } from "../../collection/dist/index.js";
-import { raf as N, observeAttributes as ie, trackFormControl as le, getByTypeahead as H, isSelfTarget as ne, isValidTabEvent as ae, getEventKey as $, getEventTarget as se, isEditableElement as oe, visuallyHiddenStyle as re, dataAttr as r, ariaAttr as de, getInitialFocus as ce, scrollIntoView as ue } from "../../dom-query/dist/index.js";
-import { getPlacement as K, getPlacementStyles as ge } from "../../popper/dist/index.js";
-import { addOrRemove as B, isEqual as he, ensure as me } from "../../utils/dist/index.js";
-import { createMachine as Ie, createGuards as pe } from "../../core/dist/index.js";
-import { trackDismissableElement as Ee } from "../../dismissable/dist/index.js";
+import { createAnatomy as ie } from "../../anatomy/dist/index.js";
+import { ListCollection as Q } from "../../collection/dist/index.js";
+import { raf as N, observeAttributes as le, trackFormControl as ne, getByTypeahead as D, isSelfTarget as ae, isValidTabEvent as se, getEventKey as K, getEventTarget as oe, isEditableElement as re, visuallyHiddenStyle as de, dataAttr as r, ariaAttr as ce, getInitialFocus as ue, scrollIntoView as ge } from "../../dom-query/dist/index.js";
+import { getPlacement as B, getPlacementStyles as he } from "../../popper/dist/index.js";
+import { addOrRemove as Y, isEqual as me, ensure as Ie } from "../../utils/dist/index.js";
+import { createMachine as pe, createGuards as Ee } from "../../core/dist/index.js";
+import { trackDismissableElement as ve } from "../../dismissable/dist/index.js";
 import { createProps as G } from "../../types/dist/index.js";
-var ve = te("select").parts(
+var fe = ie("select").parts(
   "label",
   "positioner",
   "trigger",
@@ -22,103 +22,106 @@ var ve = te("select").parts(
   "root",
   "control",
   "valueText"
-), h = ve.build(), Q = (e) => new J(e);
-Q.empty = () => new J({ items: [] });
-var fe = (e) => {
+), h = fe.build(), X = (e) => new Q(e);
+X.empty = () => new Q({ items: [] });
+var Te = (e) => {
   var t;
   return ((t = e.ids) == null ? void 0 : t.root) ?? `select:${e.id}`;
-}, D = (e) => {
+}, M = (e) => {
   var t;
   return ((t = e.ids) == null ? void 0 : t.content) ?? `select:${e.id}:content`;
-}, M = (e) => {
+}, w = (e) => {
   var t;
   return ((t = e.ids) == null ? void 0 : t.trigger) ?? `select:${e.id}:trigger`;
-}, X = (e) => {
+}, Z = (e) => {
   var t;
   return ((t = e.ids) == null ? void 0 : t.clearTrigger) ?? `select:${e.id}:clear-trigger`;
 }, b = (e) => {
   var t;
   return ((t = e.ids) == null ? void 0 : t.label) ?? `select:${e.id}:label`;
-}, Te = (e) => {
+}, Oe = (e) => {
   var t;
   return ((t = e.ids) == null ? void 0 : t.control) ?? `select:${e.id}:control`;
-}, w = (e, t) => {
+}, _ = (e, t) => {
   var i, l;
   return ((l = (i = e.ids) == null ? void 0 : i.item) == null ? void 0 : l.call(i, t)) ?? `select:${e.id}:option:${t}`;
-}, _ = (e) => {
+}, U = (e) => {
   var t;
   return ((t = e.ids) == null ? void 0 : t.hiddenSelect) ?? `select:${e.id}:select`;
-}, Z = (e) => {
+}, x = (e) => {
   var t;
   return ((t = e.ids) == null ? void 0 : t.positioner) ?? `select:${e.id}:positioner`;
-}, Oe = (e, t) => {
+}, Re = (e, t) => {
   var i, l;
   return ((l = (i = e.ids) == null ? void 0 : i.itemGroup) == null ? void 0 : l.call(i, t)) ?? `select:${e.id}:optgroup:${t}`;
-}, Y = (e, t) => {
+}, q = (e, t) => {
   var i, l;
   return ((l = (i = e.ids) == null ? void 0 : i.itemGroupLabel) == null ? void 0 : l.call(i, t)) ?? `select:${e.id}:optgroup-label:${t}`;
-}, k = (e) => e.getById(_(e)), R = (e) => e.getById(D(e)), f = (e) => e.getById(M(e)), ye = (e) => e.getById(X(e)), q = (e) => e.getById(Z(e)), Re = (e, t) => e.getById(w(e, t));
+}, H = (e) => e.getById(U(e)), y = (e) => e.getById(M(e)), v = (e) => e.getById(w(e)), ye = (e) => e.getById(Z(e)), j = (e) => e.getById(x(e)), k = (e, t) => t == null ? null : e.getById(_(e, t));
 function Ne(e, t) {
-  const { context: i, prop: l, scope: a, state: d, computed: c, send: o } = e, g = l("disabled") || i.get("fieldsetDisabled"), m = l("invalid"), I = l("readOnly"), p = l("composite"), S = l("collection"), E = d.hasTag("open"), P = d.matches("focused"), y = i.get("highlightedValue"), x = i.get("highlightedItem"), z = i.get("selectedItems"), L = i.get("currentPlacement"), U = c("isTypingAhead"), F = c("isInteractive"), A = y ? w(a, y) : void 0;
-  function V(n) {
-    const s = S.getItemDisabled(n.item), u = S.getItemValue(n.item);
-    return me(u, () => `[zag-js] No value found for item ${JSON.stringify(n.item)}`), {
+  const { context: i, prop: l, scope: a, state: c, computed: d, send: s } = e, g = l("disabled") || i.get("fieldsetDisabled"), m = l("invalid"), f = l("readOnly"), I = l("composite"), V = l("collection"), p = c.hasTag("open"), L = c.matches("focused"), R = i.get("highlightedValue"), z = i.get("highlightedItem"), ee = i.get("selectedItems"), P = i.get("currentPlacement"), W = d("isTypingAhead"), F = d("isInteractive"), A = R ? _(a, R) : void 0;
+  function S(n) {
+    const o = V.getItemDisabled(n.item), u = V.getItemValue(n.item);
+    return Ie(u, () => `[zag-js] No value found for item ${JSON.stringify(n.item)}`), {
       value: u,
-      disabled: !!(g || s),
-      highlighted: y === u,
+      disabled: !!(g || o),
+      highlighted: R === u,
       selected: i.get("value").includes(u)
     };
   }
-  const ee = ge({
+  const te = he({
     ...l("positioning"),
-    placement: L
+    placement: P
   });
   return {
-    open: E,
-    focused: P,
+    open: p,
+    focused: L,
     empty: i.get("value").length === 0,
-    highlightedItem: x,
-    highlightedValue: y,
-    selectedItems: z,
-    hasSelectedItems: c("hasSelectedItems"),
+    highlightedItem: z,
+    highlightedValue: R,
+    selectedItems: ee,
+    hasSelectedItems: d("hasSelectedItems"),
     value: i.get("value"),
-    valueAsString: i.get("valueAsString"),
-    collection: S,
+    valueAsString: d("valueAsString"),
+    collection: V,
     multiple: !!l("multiple"),
     disabled: !!g,
     reposition(n = {}) {
-      o({ type: "POSITIONING.SET", options: n });
+      s({ type: "POSITIONING.SET", options: n });
     },
     focus() {
       var n;
-      (n = f(a)) == null || n.focus({ preventScroll: !0 });
+      (n = v(a)) == null || n.focus({ preventScroll: !0 });
     },
     setOpen(n) {
-      d.hasTag("open") !== n && o({ type: n ? "OPEN" : "CLOSE" });
+      c.hasTag("open") !== n && s({ type: n ? "OPEN" : "CLOSE" });
     },
     selectValue(n) {
-      o({ type: "ITEM.SELECT", value: n });
+      s({ type: "ITEM.SELECT", value: n });
     },
     setValue(n) {
-      o({ type: "VALUE.SET", value: n });
+      s({ type: "VALUE.SET", value: n });
     },
     selectAll() {
-      o({ type: "VALUE.SET", value: S.getValues() });
+      s({ type: "VALUE.SET", value: V.getValues() });
+    },
+    setHighlightValue(n) {
+      s({ type: "HIGHLIGHTED_VALUE.SET", value: n });
     },
-    highlightValue(n) {
-      o({ type: "HIGHLIGHTED_VALUE.SET", value: n });
+    clearHighlightValue() {
+      s({ type: "HIGHLIGHTED_VALUE.CLEAR" });
     },
     clearValue(n) {
-      o(n ? { type: "ITEM.CLEAR", value: n } : { type: "VALUE.CLEAR" });
+      s(n ? { type: "ITEM.CLEAR", value: n } : { type: "VALUE.CLEAR" });
     },
-    getItemState: V,
+    getItemState: S,
     getRootProps() {
       return t.element({
         ...h.root.attrs,
         dir: l("dir"),
-        id: fe(a),
+        id: Te(a),
         "data-invalid": r(m),
-        "data-readonly": r(I)
+        "data-readonly": r(f)
       });
     },
     getLabelProps() {
@@ -128,11 +131,11 @@ function Ne(e, t) {
         ...h.label.attrs,
         "data-disabled": r(g),
         "data-invalid": r(m),
-        "data-readonly": r(I),
-        htmlFor: _(a),
+        "data-readonly": r(f),
+        htmlFor: U(a),
         onClick(n) {
-          var s;
-          n.defaultPrevented || g || (s = f(a)) == null || s.focus({ preventScroll: !0 });
+          var o;
+          n.defaultPrevented || g || (o = v(a)) == null || o.focus({ preventScroll: !0 });
         }
       });
     },
@@ -140,9 +143,9 @@ function Ne(e, t) {
       return t.element({
         ...h.control.attrs,
         dir: l("dir"),
-        id: Te(a),
-        "data-state": E ? "open" : "closed",
-        "data-focus": r(P),
+        id: Oe(a),
+        "data-state": p ? "open" : "closed",
+        "data-focus": r(L),
         "data-disabled": r(g),
         "data-invalid": r(m)
       });
@@ -153,65 +156,65 @@ function Ne(e, t) {
         dir: l("dir"),
         "data-disabled": r(g),
         "data-invalid": r(m),
-        "data-focus": r(P)
+        "data-focus": r(L)
       });
     },
     getTriggerProps() {
       return t.button({
-        id: M(a),
+        id: w(a),
         disabled: g,
         dir: l("dir"),
         type: "button",
         role: "combobox",
-        "aria-controls": D(a),
-        "aria-expanded": E,
+        "aria-controls": M(a),
+        "aria-expanded": p,
         "aria-haspopup": "listbox",
-        "data-state": E ? "open" : "closed",
+        "data-state": p ? "open" : "closed",
         "aria-invalid": m,
         "aria-labelledby": b(a),
         ...h.trigger.attrs,
         "data-disabled": r(g),
         "data-invalid": r(m),
-        "data-readonly": r(I),
-        "data-placement": L,
-        "data-placeholder-shown": r(!c("hasSelectedItems")),
+        "data-readonly": r(f),
+        "data-placement": P,
+        "data-placeholder-shown": r(!d("hasSelectedItems")),
         onClick(n) {
-          F && (n.defaultPrevented || o({ type: "TRIGGER.CLICK" }));
+          F && (n.defaultPrevented || s({ type: "TRIGGER.CLICK" }));
         },
         onFocus() {
-          o({ type: "TRIGGER.FOCUS" });
+          s({ type: "TRIGGER.FOCUS" });
         },
         onBlur() {
-          o({ type: "TRIGGER.BLUR" });
+          s({ type: "TRIGGER.BLUR" });
         },
         onKeyDown(n) {
           if (n.defaultPrevented || !F) return;
           const u = {
             ArrowUp() {
-              o({ type: "TRIGGER.ARROW_UP" });
+              s({ type: "TRIGGER.ARROW_UP" });
             },
             ArrowDown(T) {
-              o({ type: T.altKey ? "OPEN" : "TRIGGER.ARROW_DOWN" });
+              s({ type: T.altKey ? "OPEN" : "TRIGGER.ARROW_DOWN" });
             },
             ArrowLeft() {
-              o({ type: "TRIGGER.ARROW_LEFT" });
+              s({ type: "TRIGGER.ARROW_LEFT" });
             },
             ArrowRight() {
-              o({ type: "TRIGGER.ARROW_RIGHT" });
+              s({ type: "TRIGGER.ARROW_RIGHT" });
             },
             Home() {
-              o({ type: "TRIGGER.HOME" });
+              s({ type: "TRIGGER.HOME" });
             },
             End() {
-              o({ type: "TRIGGER.END" });
+              s({ type: "TRIGGER.END" });
             },
             Enter() {
-              o({ type: "TRIGGER.ENTER" });
+              s({ type: "TRIGGER.ENTER" });
             },
             Space(T) {
-              o(U ? { type: "TRIGGER.TYPEAHEAD", key: T.key } : { type: "TRIGGER.ENTER" });
+              s(W ? { type: "TRIGGER.TYPEAHEAD", key: T.key } : { type: "TRIGGER.ENTER" });
             }
-          }[$(n, {
+          }[K(n, {
             dir: l("dir"),
             orientation: "vertical"
           })];
@@ -219,7 +222,7 @@ function Ne(e, t) {
             u(n), n.preventDefault();
             return;
           }
-          H.isValidEvent(n) && (o({ type: "TRIGGER.TYPEAHEAD", key: n.key }), n.preventDefault());
+          D.isValidEvent(n) && (s({ type: "TRIGGER.TYPEAHEAD", key: n.key }), n.preventDefault());
         }
       });
     },
@@ -228,71 +231,71 @@ function Ne(e, t) {
         ...h.indicator.attrs,
         dir: l("dir"),
         "aria-hidden": !0,
-        "data-state": E ? "open" : "closed",
+        "data-state": p ? "open" : "closed",
         "data-disabled": r(g),
         "data-invalid": r(m),
-        "data-readonly": r(I)
+        "data-readonly": r(f)
       });
     },
     getItemProps(n) {
-      const s = V(n);
+      const o = S(n);
       return t.element({
-        id: w(a, s.value),
+        id: _(a, o.value),
         role: "option",
         ...h.item.attrs,
         dir: l("dir"),
-        "data-value": s.value,
-        "aria-selected": s.selected,
-        "data-state": s.selected ? "checked" : "unchecked",
-        "data-highlighted": r(s.highlighted),
-        "data-disabled": r(s.disabled),
-        "aria-disabled": de(s.disabled),
+        "data-value": o.value,
+        "aria-selected": o.selected,
+        "data-state": o.selected ? "checked" : "unchecked",
+        "data-highlighted": r(o.highlighted),
+        "data-disabled": r(o.disabled),
+        "aria-disabled": ce(o.disabled),
         onPointerMove(u) {
-          s.disabled || u.pointerType !== "mouse" || s.value !== y && o({ type: "ITEM.POINTER_MOVE", value: s.value });
+          o.disabled || u.pointerType !== "mouse" || o.value !== R && s({ type: "ITEM.POINTER_MOVE", value: o.value });
         },
         onClick(u) {
-          u.defaultPrevented || s.disabled || o({ type: "ITEM.CLICK", src: "pointerup", value: s.value });
+          u.defaultPrevented || o.disabled || s({ type: "ITEM.CLICK", src: "pointerup", value: o.value });
         },
         onPointerLeave(u) {
           var O;
-          s.disabled || n.persistFocus || u.pointerType !== "mouse" || !((O = e.event.previous()) != null && O.type.includes("POINTER")) || o({ type: "ITEM.POINTER_LEAVE" });
+          o.disabled || n.persistFocus || u.pointerType !== "mouse" || !((O = e.event.previous()) != null && O.type.includes("POINTER")) || s({ type: "ITEM.POINTER_LEAVE" });
         }
       });
     },
     getItemTextProps(n) {
-      const s = V(n);
+      const o = S(n);
       return t.element({
         ...h.itemText.attrs,
-        "data-state": s.selected ? "checked" : "unchecked",
-        "data-disabled": r(s.disabled),
-        "data-highlighted": r(s.highlighted)
+        "data-state": o.selected ? "checked" : "unchecked",
+        "data-disabled": r(o.disabled),
+        "data-highlighted": r(o.highlighted)
       });
     },
     getItemIndicatorProps(n) {
-      const s = V(n);
+      const o = S(n);
       return t.element({
         "aria-hidden": !0,
         ...h.itemIndicator.attrs,
-        "data-state": s.selected ? "checked" : "unchecked",
-        hidden: !s.selected
+        "data-state": o.selected ? "checked" : "unchecked",
+        hidden: !o.selected
       });
     },
     getItemGroupLabelProps(n) {
-      const { htmlFor: s } = n;
+      const { htmlFor: o } = n;
       return t.element({
         ...h.itemGroupLabel.attrs,
-        id: Y(a, s),
+        id: q(a, o),
         dir: l("dir"),
         role: "presentation"
       });
     },
     getItemGroupProps(n) {
-      const { id: s } = n;
+      const { id: o } = n;
       return t.element({
         ...h.itemGroup.attrs,
         "data-disabled": r(g),
-        id: Oe(a, s),
-        "aria-labelledby": Y(a, s),
+        id: Re(a, o),
+        "aria-labelledby": q(a, o),
         role: "group",
         dir: l("dir")
       });
@@ -300,20 +303,20 @@ function Ne(e, t) {
     getClearTriggerProps() {
       return t.button({
         ...h.clearTrigger.attrs,
-        id: X(a),
+        id: Z(a),
         type: "button",
         "aria-label": "Clear value",
         "data-invalid": r(m),
         disabled: g,
-        hidden: !c("hasSelectedItems"),
+        hidden: !d("hasSelectedItems"),
         dir: l("dir"),
         onClick(n) {
-          n.defaultPrevented || o({ type: "CLEAR.CLICK" });
+          n.defaultPrevented || s({ type: "CLEAR.CLICK" });
         }
       });
     },
     getHiddenSelectProps() {
-      const n = i.get("value"), s = l("multiple") ? n : n == null ? void 0 : n[0];
+      const n = i.get("value"), o = l("multiple") ? n : n == null ? void 0 : n[0];
       return t.select({
         name: l("name"),
         form: l("form"),
@@ -321,15 +324,15 @@ function Ne(e, t) {
         multiple: l("multiple"),
         required: l("required"),
         "aria-hidden": !0,
-        id: _(a),
-        defaultValue: s,
-        style: re,
+        id: U(a),
+        defaultValue: o,
+        style: de,
         tabIndex: -1,
         // Some browser extensions will focus the hidden select.
         // Let's forward the focus to the trigger.
         onFocus() {
           var u;
-          (u = f(a)) == null || u.focus({ preventScroll: !0 });
+          (u = v(a)) == null || u.focus({ preventScroll: !0 });
         },
         "aria-labelledby": b(a)
       });
@@ -338,57 +341,57 @@ function Ne(e, t) {
       return t.element({
         ...h.positioner.attrs,
         dir: l("dir"),
-        id: Z(a),
-        style: ee.floating
+        id: x(a),
+        style: te.floating
       });
     },
     getContentProps() {
       return t.element({
-        hidden: !E,
+        hidden: !p,
         dir: l("dir"),
-        id: D(a),
-        role: p ? "listbox" : "dialog",
+        id: M(a),
+        role: I ? "listbox" : "dialog",
         ...h.content.attrs,
-        "data-state": E ? "open" : "closed",
-        "data-placement": L,
+        "data-state": p ? "open" : "closed",
+        "data-placement": P,
         "data-activedescendant": A,
-        "aria-activedescendant": p ? A : void 0,
-        "aria-multiselectable": l("multiple") && p ? !0 : void 0,
+        "aria-activedescendant": I ? A : void 0,
+        "aria-multiselectable": l("multiple") && I ? !0 : void 0,
         "aria-labelledby": b(a),
         tabIndex: 0,
         onKeyDown(n) {
-          if (!F || !ne(n)) return;
-          if (n.key === "Tab" && !ae(n)) {
+          if (!F || !ae(n)) return;
+          if (n.key === "Tab" && !se(n)) {
             n.preventDefault();
             return;
           }
-          const s = {
+          const o = {
             ArrowUp() {
-              o({ type: "CONTENT.ARROW_UP" });
+              s({ type: "CONTENT.ARROW_UP" });
             },
             ArrowDown() {
-              o({ type: "CONTENT.ARROW_DOWN" });
+              s({ type: "CONTENT.ARROW_DOWN" });
             },
             Home() {
-              o({ type: "CONTENT.HOME" });
+              s({ type: "CONTENT.HOME" });
             },
             End() {
-              o({ type: "CONTENT.END" });
+              s({ type: "CONTENT.END" });
             },
             Enter() {
-              o({ type: "ITEM.CLICK", src: "keydown.enter" });
+              s({ type: "ITEM.CLICK", src: "keydown.enter" });
             },
             Space(O) {
-              var W;
-              U ? o({ type: "CONTENT.TYPEAHEAD", key: O.key }) : (W = s.Enter) == null || W.call(s, O);
+              var $;
+              W ? s({ type: "CONTENT.TYPEAHEAD", key: O.key }) : ($ = o.Enter) == null || $.call(o, O);
             }
-          }, u = s[$(n)];
+          }, u = o[K(n)];
           if (u) {
             u(n), n.preventDefault();
             return;
           }
-          const T = se(n);
-          oe(T) || H.isValidEvent(n) && (o({ type: "CONTENT.TYPEAHEAD", key: n.key }), n.preventDefault());
+          const T = oe(n);
+          re(T) || D.isValidEvent(n) && (s({ type: "CONTENT.TYPEAHEAD", key: n.key }), n.preventDefault());
         }
       });
     },
@@ -396,15 +399,15 @@ function Ne(e, t) {
       return t.element({
         ...h.list.attrs,
         tabIndex: 0,
-        role: p ? void 0 : "listbox",
-        "aria-labelledby": M(a),
-        "aria-activedescendant": p ? void 0 : A,
-        "aria-multiselectable": !p && l("multiple") ? !0 : void 0
+        role: I ? void 0 : "listbox",
+        "aria-labelledby": w(a),
+        "aria-activedescendant": I ? void 0 : A,
+        "aria-multiselectable": !I && l("multiple") ? !0 : void 0
       });
     }
   };
 }
-var { and: C, not: v, or: Ce } = pe(), ke = Ie({
+var { and: C, not: E, or: Ce } = Ee(), He = pe({
   props({ props: e }) {
     return {
       loopFocus: !1,
@@ -412,7 +415,7 @@ var { and: C, not: v, or: Ce } = pe(), ke = Ie({
       composite: !0,
       defaultValue: [],
       ...e,
-      collection: e.collection ?? Q.empty(),
+      collection: e.collection ?? X.empty(),
       positioning: {
         placement: "bottom-start",
         gutter: 8,
@@ -425,7 +428,7 @@ var { and: C, not: v, or: Ce } = pe(), ke = Ie({
       value: t(() => ({
         defaultValue: e("defaultValue"),
         value: e("value"),
-        isEqual: he,
+        isEqual: me,
         onChange(i) {
           var a;
           const l = e("collection").findMany(i);
@@ -456,23 +459,20 @@ var { and: C, not: v, or: Ce } = pe(), ke = Ie({
       selectedItems: t(() => {
         const i = e("value") ?? e("defaultValue") ?? [];
         return { defaultValue: e("collection").findMany(i) };
-      }),
-      valueAsString: t(() => {
-        const i = e("value") ?? e("defaultValue") ?? [];
-        return { defaultValue: e("collection").stringifyMany(i) };
       })
     };
   },
   refs() {
     return {
-      typeahead: { ...H.defaultOptions }
+      typeahead: { ...D.defaultOptions }
     };
   },
   computed: {
     hasSelectedItems: ({ context: e }) => e.get("value").length > 0,
     isTypingAhead: ({ refs: e }) => e.get("typeahead").keysSoFar !== "",
     isDisabled: ({ prop: e, context: t }) => !!e("disabled") || !!t.get("fieldsetDisabled"),
-    isInteractive: ({ prop: e }) => !(e("disabled") || e("readOnly"))
+    isInteractive: ({ prop: e }) => !(e("disabled") || e("readOnly")),
+    valueAsString: ({ context: e, prop: t }) => t("collection").stringifyItems(e.get("selectedItems"))
   },
   initialState({ prop: e }) {
     return e("open") || e("defaultOpen") ? "open" : "idle";
@@ -493,6 +493,9 @@ var { and: C, not: v, or: Ce } = pe(), ke = Ie({
     "HIGHLIGHTED_VALUE.SET": {
       actions: ["setHighlightedItem"]
     },
+    "HIGHLIGHTED_VALUE.CLEAR": {
+      actions: ["clearHighlightedItem"]
+    },
     "ITEM.SELECT": {
       actions: ["selectItem"]
     },
@@ -629,34 +632,34 @@ var { and: C, not: v, or: Ce } = pe(), ke = Ie({
         ],
         "TRIGGER.ARROW_LEFT": [
           {
-            guard: C(v("multiple"), "hasSelectedItems"),
+            guard: C(E("multiple"), "hasSelectedItems"),
             actions: ["selectPreviousItem"]
           },
           {
-            guard: v("multiple"),
+            guard: E("multiple"),
             actions: ["selectLastItem"]
           }
         ],
         "TRIGGER.ARROW_RIGHT": [
           {
-            guard: C(v("multiple"), "hasSelectedItems"),
+            guard: C(E("multiple"), "hasSelectedItems"),
             actions: ["selectNextItem"]
           },
           {
-            guard: v("multiple"),
+            guard: E("multiple"),
             actions: ["selectFirstItem"]
           }
         ],
         "TRIGGER.HOME": {
-          guard: v("multiple"),
+          guard: E("multiple"),
           actions: ["selectFirstItem"]
         },
         "TRIGGER.END": {
-          guard: v("multiple"),
+          guard: E("multiple"),
           actions: ["selectLastItem"]
         },
         "TRIGGER.TYPEAHEAD": {
-          guard: v("multiple"),
+          guard: E("multiple"),
           actions: ["selectMatchingItem"]
         }
       }
@@ -772,7 +775,7 @@ var { and: C, not: v, or: Ce } = pe(), ke = Ie({
       isFirstItemHighlighted: ({ context: e, prop: t }) => e.get("highlightedValue") === t("collection").firstValue,
       isLastItemHighlighted: ({ context: e, prop: t }) => e.get("highlightedValue") === t("collection").lastValue,
       closeOnSelect: ({ prop: e, event: t }) => !!(t.closeOnSelect ?? e("closeOnSelect")),
-      restoreFocus: ({ event: e }) => j(e),
+      restoreFocus: ({ event: e }) => J(e),
       // guard assertions (for controlled mode)
       isOpenControlled: ({ prop: e }) => e("open") !== void 0,
       isTriggerClickEvent: ({ event: e }) => {
@@ -794,7 +797,7 @@ var { and: C, not: v, or: Ce } = pe(), ke = Ie({
     },
     effects: {
       trackFormControlState({ context: e, scope: t }) {
-        return le(k(t), {
+        return ne(H(t), {
           onFieldsetDisabledChange(i) {
             e.set("fieldsetDisabled", i);
           },
@@ -805,16 +808,16 @@ var { and: C, not: v, or: Ce } = pe(), ke = Ie({
         });
       },
       trackDismissableElement({ scope: e, send: t, prop: i }) {
-        const l = () => R(e);
+        const l = () => y(e);
         let a = !0;
-        return Ee(l, {
+        return ve(l, {
           defer: !0,
-          exclude: [f(e), ye(e)],
+          exclude: [v(e), ye(e)],
           onFocusOutside: i("onFocusOutside"),
           onPointerDownOutside: i("onPointerDownOutside"),
-          onInteractOutside(d) {
-            var c;
-            (c = i("onInteractOutside")) == null || c(d), a = !(d.detail.focusable || d.detail.contextmenu);
+          onInteractOutside(c) {
+            var d;
+            (d = i("onInteractOutside")) == null || d(c), a = !(c.detail.focusable || c.detail.contextmenu);
           },
           onDismiss() {
             t({ type: "CLOSE", src: "interact-outside", restoreFocus: a });
@@ -823,27 +826,32 @@ var { and: C, not: v, or: Ce } = pe(), ke = Ie({
       },
       computePlacement({ context: e, prop: t, scope: i }) {
         const l = t("positioning");
-        return e.set("currentPlacement", l.placement), K(() => f(i), () => q(i), {
+        return e.set("currentPlacement", l.placement), B(() => v(i), () => j(i), {
           defer: !0,
           ...l,
-          onComplete(c) {
-            e.set("currentPlacement", c.placement);
+          onComplete(d) {
+            e.set("currentPlacement", d.placement);
           }
         });
       },
       scrollToHighlightedItem({ context: e, prop: t, scope: i, event: l }) {
-        const a = (c) => {
-          const o = e.get("highlightedValue");
-          if (o == null || l.current().type.includes("POINTER")) return;
-          const g = Re(i, o), m = R(i), I = t("scrollToIndexFn");
-          if (I) {
-            const p = t("collection").indexOf(o);
-            I == null || I({ index: p, immediate: c });
+        const a = (d) => {
+          const s = e.get("highlightedValue");
+          if (s == null || l.current().type.includes("POINTER")) return;
+          const g = y(i), m = t("scrollToIndexFn");
+          if (m) {
+            const I = t("collection").indexOf(s);
+            m == null || m({
+              index: I,
+              immediate: d,
+              getElement: () => k(i, s)
+            });
             return;
           }
-          ue(g, { rootEl: m, block: "nearest" });
+          const f = k(i, s);
+          ge(f, { rootEl: g, block: "nearest" });
         };
-        return N(() => a(!0)), ie(() => R(i), {
+        return N(() => a(!0)), le(() => y(i), {
           defer: !0,
           attributes: ["data-activedescendant"],
           callback() {
@@ -854,14 +862,14 @@ var { and: C, not: v, or: Ce } = pe(), ke = Ie({
     },
     actions: {
       reposition({ context: e, prop: t, scope: i, event: l }) {
-        const a = () => q(i);
-        K(f(i), a, {
+        const a = () => j(i);
+        B(v(i), a, {
           ...t("positioning"),
           ...l.options,
           defer: !0,
           listeners: !1,
-          onComplete(d) {
-            e.set("currentPlacement", d.placement);
+          onComplete(c) {
+            e.set("currentPlacement", c.placement);
           }
         });
       },
@@ -890,23 +898,23 @@ var { and: C, not: v, or: Ce } = pe(), ke = Ie({
       },
       setInitialFocus({ scope: e }) {
         N(() => {
-          const t = ce({
-            root: R(e)
+          const t = ue({
+            root: y(e)
           });
           t == null || t.focus({ preventScroll: !0 });
         });
       },
       focusTriggerEl({ event: e, scope: t }) {
-        j(e) && N(() => {
-          const i = f(t);
+        J(e) && N(() => {
+          const i = v(t);
           i == null || i.focus({ preventScroll: !0 });
         });
       },
       selectHighlightedItem({ context: e, prop: t, event: i }) {
-        var d;
+        var c;
         let l = i.value ?? e.get("highlightedValue");
-        if (l == null) return;
-        (d = t("onSelect")) == null || d({ value: l }), l = t("deselectable") && !t("multiple") && e.get("value").includes(l) ? null : l, e.set("value", (c) => l == null ? [] : t("multiple") ? B(c, l) : [l]);
+        if (l == null || !t("collection").has(l)) return;
+        (c = t("onSelect")) == null || c({ value: l }), l = t("deselectable") && !t("multiple") && e.get("value").includes(l) ? null : l, e.set("value", (d) => l == null ? [] : t("multiple") ? Y(d, l) : [l]);
       },
       highlightComputedFirstItem({ context: e, prop: t, computed: i }) {
         const l = t("collection"), a = i("hasSelectedItems") ? l.sort(e.get("value"))[0] : l.firstValue;
@@ -938,10 +946,10 @@ var { and: C, not: v, or: Ce } = pe(), ke = Ie({
         e.set("highlightedValue", null);
       },
       selectItem({ context: e, prop: t, event: i }) {
-        var d;
-        (d = t("onSelect")) == null || d({ value: i.value });
+        var c;
+        (c = t("onSelect")) == null || c({ value: i.value });
         const a = t("deselectable") && !t("multiple") && e.get("value").includes(i.value) ? null : i.value;
-        e.set("value", (c) => a == null ? [] : t("multiple") ? B(c, a) : [a]);
+        e.set("value", (d) => a == null ? [] : t("multiple") ? Y(d, a) : [a]);
       },
       clearItem({ context: e, event: t }) {
         e.set("value", (i) => i.filter((l) => l !== t.value));
@@ -977,7 +985,15 @@ var { and: C, not: v, or: Ce } = pe(), ke = Ie({
       },
       scrollContentToTop({ prop: e, scope: t }) {
         var i, l;
-        e("scrollToIndexFn") ? (i = e("scrollToIndexFn")) == null || i({ index: 0, immediate: !0 }) : (l = R(t)) == null || l.scrollTo(0, 0);
+        if (e("scrollToIndexFn")) {
+          const a = e("collection").firstValue;
+          (i = e("scrollToIndexFn")) == null || i({
+            index: 0,
+            immediate: !0,
+            getElement: () => k(t, a)
+          });
+        } else
+          (l = y(t)) == null || l.scrollTo(0, 0);
       },
       invokeOnOpen({ prop: e }) {
         var t;
@@ -988,7 +1004,7 @@ var { and: C, not: v, or: Ce } = pe(), ke = Ie({
         (t = e("onOpenChange")) == null || t({ open: !1 });
       },
       syncSelectElement({ context: e, prop: t, scope: i }) {
-        const l = k(i);
+        const l = H(i);
         if (l) {
           if (e.get("value").length === 0 && !t("multiple")) {
             l.selectedIndex = -1;
@@ -1003,12 +1019,10 @@ var { and: C, not: v, or: Ce } = pe(), ke = Ie({
         l && e.set("highlightedItem", l);
         const a = i.findMany(e.get("value"));
         e.set("selectedItems", a);
-        const d = i.stringifyItems(a);
-        e.set("valueAsString", d);
       },
       syncSelectedItems({ context: e, prop: t }) {
-        const i = t("collection"), l = e.get("selectedItems"), d = e.get("value").map((c) => l.find((g) => i.getItemValue(g) === c) || i.find(c));
-        e.set("selectedItems", d), e.set("valueAsString", i.stringifyItems(d));
+        const i = t("collection"), l = e.get("selectedItems"), c = e.get("value").map((d) => l.find((g) => i.getItemValue(g) === d) || i.find(d));
+        e.set("selectedItems", c);
       },
       syncHighlightedItem({ context: e, prop: t }) {
         const i = t("collection"), l = e.get("highlightedValue"), a = l ? i.find(l) : null;
@@ -1016,7 +1030,7 @@ var { and: C, not: v, or: Ce } = pe(), ke = Ie({
       },
       dispatchChangeEvent({ scope: e }) {
         queueMicrotask(() => {
-          const t = k(e);
+          const t = H(e);
           if (!t) return;
           const i = e.getWin(), l = new i.Event("change", { bubbles: !0, composed: !0 });
           t.dispatchEvent(l);
@@ -1025,7 +1039,7 @@ var { and: C, not: v, or: Ce } = pe(), ke = Ie({
     }
   }
 });
-function j(e) {
+function J(e) {
   var i;
   const t = e.restoreFocus ?? ((i = e.previousEvent) == null ? void 0 : i.restoreFocus);
   return t == null || !!t;
@@ -1067,8 +1081,8 @@ G()(["item", "persistFocus"]);
 G()(["id"]);
 G()(["htmlFor"]);
 export {
-  ve as anatomy,
-  Q as collection,
+  fe as anatomy,
+  X as collection,
   Ne as connect,
-  ke as machine
+  He as machine
 };