@serendie/ui 2.0.0 → 2.1.0

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

@@ -1,15 +1,12 @@
-import { createAnatomy as U } from "../../anatomy/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 { 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 le = U("select").parts(
+import { createAnatomy as te } from "../../anatomy/dist/index.js";
+import { ListCollection as J } from "../../collection/dist/index.js";
+import { raf as N, getInitialFocus as ie, observeAttributes as le, trackFormControl as ne, getByTypeahead as H, scrollIntoView as ae, isSelfTarget as se, isValidTabEvent as oe, getEventKey as $, getEventTarget as re, isEditableElement as de, visuallyHiddenStyle as ce, dataAttr as r, ariaAttr 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 { createProps as G } from "../../types/dist/index.js";
+var ve = te("select").parts(
   "label",
   "positioner",
   "trigger",
@@ -25,1016 +22,1024 @@ var le = U("select").parts(
   "root",
   "control",
   "valueText"
-), 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}`;
-  },
-  getContentId: (t) => {
-    var l;
-    return ((l = t.ids) == null ? void 0 : l.content) ?? `select:${t.id}:content`;
-  },
-  getTriggerId: (t) => {
-    var l;
-    return ((l = t.ids) == null ? void 0 : l.trigger) ?? `select:${t.id}:trigger`;
-  },
-  getClearTriggerId: (t) => {
-    var l;
-    return ((l = t.ids) == null ? void 0 : l.clearTrigger) ?? `select:${t.id}:clear-trigger`;
-  },
-  getLabelId: (t) => {
-    var l;
-    return ((l = t.ids) == null ? void 0 : l.label) ?? `select:${t.id}:label`;
-  },
-  getControlId: (t) => {
-    var l;
-    return ((l = t.ids) == null ? void 0 : l.control) ?? `select:${t.id}:control`;
-  },
-  getItemId: (t, l) => {
-    var e, i;
-    return ((i = (e = t.ids) == null ? void 0 : e.item) == null ? void 0 : i.call(e, l)) ?? `select:${t.id}:option:${l}`;
-  },
-  getHiddenSelectId: (t) => {
-    var l;
-    return ((l = t.ids) == null ? void 0 : l.hiddenSelect) ?? `select:${t.id}:select`;
-  },
-  getPositionerId: (t) => {
-    var l;
-    return ((l = t.ids) == null ? void 0 : l.positioner) ?? `select:${t.id}:positioner`;
-  },
-  getItemGroupId: (t, l) => {
-    var e, i;
-    return ((i = (e = t.ids) == null ? void 0 : e.itemGroup) == null ? void 0 : i.call(e, l)) ?? `select:${t.id}:optgroup:${l}`;
-  },
-  getItemGroupLabelId: (t, l) => {
-    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) => 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 ? r.getById(t, r.getItemId(t, t.highlightedValue)) : null;
-  }
-});
-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: v === c,
-      selected: t.context.value.includes(c)
+), h = ve.build(), Q = (e) => new J(e);
+Q.empty = () => new J({ items: [] });
+var fe = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.root) ?? `select:${e.id}`;
+}, D = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.content) ?? `select:${e.id}:content`;
+}, M = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.trigger) ?? `select:${e.id}:trigger`;
+}, X = (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) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.control) ?? `select:${e.id}:control`;
+}, w = (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) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.hiddenSelect) ?? `select:${e.id}:select`;
+}, Z = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.positioner) ?? `select:${e.id}:positioner`;
+}, Oe = (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) => {
+  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));
+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)}`), {
+      value: u,
+      disabled: !!(g || s),
+      highlighted: y === u,
+      selected: i.get("value").includes(u)
     };
   }
-  const M = z({
-    ...t.context.positioning,
-    placement: t.context.currentPlacement
+  const ee = ge({
+    ...l("positioning"),
+    placement: L
   });
   return {
-    open: I,
-    focused: T,
-    empty: t.context.value.length === 0,
-    highlightedItem: G,
-    highlightedValue: v,
-    selectedItems: w,
-    hasSelectedItems: t.context.hasSelectedItems,
-    value: t.context.value,
-    valueAsString: t.context.valueAsString,
-    collection: C,
-    setCollection(o) {
-      l({ type: "COLLECTION.SET", value: o });
-    },
-    reposition(o = {}) {
-      l({ type: "POSITIONING.SET", options: o });
+    open: E,
+    focused: P,
+    empty: i.get("value").length === 0,
+    highlightedItem: x,
+    highlightedValue: y,
+    selectedItems: z,
+    hasSelectedItems: c("hasSelectedItems"),
+    value: i.get("value"),
+    valueAsString: i.get("valueAsString"),
+    collection: S,
+    multiple: !!l("multiple"),
+    disabled: !!g,
+    reposition(n = {}) {
+      o({ type: "POSITIONING.SET", options: n });
     },
     focus() {
-      var o;
-      (o = r.getTriggerEl(t.context)) == null || o.focus({ preventScroll: !0 });
+      var n;
+      (n = f(a)) == null || n.focus({ preventScroll: !0 });
     },
-    setOpen(o) {
-      o !== I && l(o ? "OPEN" : "CLOSE");
+    setOpen(n) {
+      d.hasTag("open") !== n && o({ type: n ? "OPEN" : "CLOSE" });
     },
-    selectValue(o) {
-      l({ type: "ITEM.SELECT", value: o });
+    selectValue(n) {
+      o({ type: "ITEM.SELECT", value: n });
     },
-    setValue(o) {
-      l({ type: "VALUE.SET", value: o });
+    setValue(n) {
+      o({ type: "VALUE.SET", value: n });
     },
     selectAll() {
-      l({ type: "VALUE.SET", value: C.getValues() });
+      o({ type: "VALUE.SET", value: S.getValues() });
     },
-    highlightValue(o) {
-      l({ type: "HIGHLIGHTED_VALUE.SET", value: o });
+    highlightValue(n) {
+      o({ type: "HIGHLIGHTED_VALUE.SET", value: n });
     },
-    clearValue(o) {
-      l(o ? { type: "ITEM.CLEAR", value: o } : { type: "VALUE.CLEAR" });
+    clearValue(n) {
+      o(n ? { type: "ITEM.CLEAR", value: n } : { type: "VALUE.CLEAR" });
     },
-    getItemState: f,
+    getItemState: V,
     getRootProps() {
-      return e.element({
-        ...u.root.attrs,
-        dir: t.context.dir,
-        id: r.getRootId(t.context),
-        "data-invalid": d(n),
-        "data-readonly": d(s)
+      return t.element({
+        ...h.root.attrs,
+        dir: l("dir"),
+        id: fe(a),
+        "data-invalid": r(m),
+        "data-readonly": r(I)
       });
     },
     getLabelProps() {
-      return e.label({
-        dir: t.context.dir,
-        id: r.getLabelId(t.context),
-        ...u.label.attrs,
-        "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 = r.getTriggerEl(t.context)) == null || a.focus({ preventScroll: !0 });
+      return t.label({
+        dir: l("dir"),
+        id: b(a),
+        ...h.label.attrs,
+        "data-disabled": r(g),
+        "data-invalid": r(m),
+        "data-readonly": r(I),
+        htmlFor: _(a),
+        onClick(n) {
+          var s;
+          n.defaultPrevented || g || (s = f(a)) == null || s.focus({ preventScroll: !0 });
         }
       });
     },
     getControlProps() {
-      return e.element({
-        ...u.control.attrs,
-        dir: t.context.dir,
-        id: r.getControlId(t.context),
-        "data-state": I ? "open" : "closed",
-        "data-focus": d(T),
-        "data-disabled": d(i),
-        "data-invalid": d(n)
+      return t.element({
+        ...h.control.attrs,
+        dir: l("dir"),
+        id: Te(a),
+        "data-state": E ? "open" : "closed",
+        "data-focus": r(P),
+        "data-disabled": r(g),
+        "data-invalid": r(m)
       });
     },
     getValueTextProps() {
-      return e.element({
-        ...u.valueText.attrs,
-        dir: t.context.dir,
-        "data-disabled": d(i),
-        "data-invalid": d(n),
-        "data-focus": d(T)
+      return t.element({
+        ...h.valueText.attrs,
+        dir: l("dir"),
+        "data-disabled": r(g),
+        "data-invalid": r(m),
+        "data-focus": r(P)
       });
     },
     getTriggerProps() {
-      return e.button({
-        id: r.getTriggerId(t.context),
-        disabled: i,
-        dir: t.context.dir,
+      return t.button({
+        id: M(a),
+        disabled: g,
+        dir: l("dir"),
         type: "button",
         role: "combobox",
-        "aria-controls": r.getContentId(t.context),
-        "aria-expanded": I,
+        "aria-controls": D(a),
+        "aria-expanded": E,
         "aria-haspopup": "listbox",
-        "data-state": I ? "open" : "closed",
-        "aria-invalid": n,
-        "aria-labelledby": r.getLabelId(t.context),
-        ...u.trigger.attrs,
-        "data-disabled": d(i),
-        "data-invalid": d(n),
-        "data-readonly": d(s),
-        "data-placement": t.context.currentPlacement,
-        "data-placeholder-shown": d(!t.context.hasSelectedItems),
-        onClick(o) {
-          m && (o.defaultPrevented || l({ type: "TRIGGER.CLICK" }));
+        "data-state": E ? "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")),
+        onClick(n) {
+          F && (n.defaultPrevented || o({ type: "TRIGGER.CLICK" }));
         },
         onFocus() {
-          l("TRIGGER.FOCUS");
+          o({ type: "TRIGGER.FOCUS" });
         },
         onBlur() {
-          l("TRIGGER.BLUR");
+          o({ type: "TRIGGER.BLUR" });
         },
-        onKeyDown(o) {
-          if (o.defaultPrevented || !m) return;
-          const c = {
+        onKeyDown(n) {
+          if (n.defaultPrevented || !F) return;
+          const u = {
             ArrowUp() {
-              l({ type: "TRIGGER.ARROW_UP" });
+              o({ type: "TRIGGER.ARROW_UP" });
             },
-            ArrowDown(p) {
-              l({ type: p.altKey ? "OPEN" : "TRIGGER.ARROW_DOWN" });
+            ArrowDown(T) {
+              o({ type: T.altKey ? "OPEN" : "TRIGGER.ARROW_DOWN" });
             },
             ArrowLeft() {
-              l({ type: "TRIGGER.ARROW_LEFT" });
+              o({ type: "TRIGGER.ARROW_LEFT" });
             },
             ArrowRight() {
-              l({ type: "TRIGGER.ARROW_RIGHT" });
+              o({ type: "TRIGGER.ARROW_RIGHT" });
             },
             Home() {
-              l({ type: "TRIGGER.HOME" });
+              o({ type: "TRIGGER.HOME" });
             },
             End() {
-              l({ type: "TRIGGER.END" });
+              o({ type: "TRIGGER.END" });
             },
             Enter() {
-              l({ type: "TRIGGER.ENTER" });
+              o({ type: "TRIGGER.ENTER" });
             },
-            Space(p) {
-              l(V ? { type: "TRIGGER.TYPEAHEAD", key: p.key } : { type: "TRIGGER.ENTER" });
+            Space(T) {
+              o(U ? { type: "TRIGGER.TYPEAHEAD", key: T.key } : { type: "TRIGGER.ENTER" });
             }
-          }[F(o, t.context)];
-          if (c) {
-            c(o), o.preventDefault();
+          }[$(n, {
+            dir: l("dir"),
+            orientation: "vertical"
+          })];
+          if (u) {
+            u(n), n.preventDefault();
             return;
           }
-          A.isValidEvent(o) && (l({ type: "TRIGGER.TYPEAHEAD", key: o.key }), o.preventDefault());
+          H.isValidEvent(n) && (o({ type: "TRIGGER.TYPEAHEAD", key: n.key }), n.preventDefault());
         }
       });
     },
     getIndicatorProps() {
-      return e.element({
-        ...u.indicator.attrs,
-        dir: t.context.dir,
+      return t.element({
+        ...h.indicator.attrs,
+        dir: l("dir"),
         "aria-hidden": !0,
-        "data-state": I ? "open" : "closed",
-        "data-disabled": d(i),
-        "data-invalid": d(n),
-        "data-readonly": d(s)
+        "data-state": E ? "open" : "closed",
+        "data-disabled": r(g),
+        "data-invalid": r(m),
+        "data-readonly": r(I)
       });
     },
-    getItemProps(o) {
-      const a = f(o);
-      return e.element({
-        id: r.getItemId(t.context, a.value),
+    getItemProps(n) {
+      const s = V(n);
+      return t.element({
+        id: w(a, s.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": 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 });
+        ...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": ue(s.disabled),
+        onPointerMove(u) {
+          s.disabled || u.pointerType !== "mouse" || s.value !== y && o({ type: "ITEM.POINTER_MOVE", value: s.value });
         },
-        onClick(c) {
-          c.defaultPrevented || a.disabled || l({ type: "ITEM.CLICK", src: "pointerup", value: a.value });
+        onClick(u) {
+          u.defaultPrevented || s.disabled || o({ type: "ITEM.CLICK", src: "pointerup", value: s.value });
         },
-        onPointerLeave(c) {
-          a.disabled || o.persistFocus || c.pointerType !== "mouse" || !t.previousEvent.type.includes("POINTER") || l({ type: "ITEM.POINTER_LEAVE" });
+        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" });
         }
       });
     },
-    getItemTextProps(o) {
-      const a = f(o);
-      return e.element({
-        ...u.itemText.attrs,
-        "data-state": a.selected ? "checked" : "unchecked",
-        "data-disabled": d(a.disabled),
-        "data-highlighted": d(a.highlighted)
+    getItemTextProps(n) {
+      const s = V(n);
+      return t.element({
+        ...h.itemText.attrs,
+        "data-state": s.selected ? "checked" : "unchecked",
+        "data-disabled": r(s.disabled),
+        "data-highlighted": r(s.highlighted)
       });
     },
-    getItemIndicatorProps(o) {
-      const a = f(o);
-      return e.element({
+    getItemIndicatorProps(n) {
+      const s = V(n);
+      return t.element({
         "aria-hidden": !0,
-        ...u.itemIndicator.attrs,
-        "data-state": a.selected ? "checked" : "unchecked",
-        hidden: !a.selected
+        ...h.itemIndicator.attrs,
+        "data-state": s.selected ? "checked" : "unchecked",
+        hidden: !s.selected
       });
     },
-    getItemGroupLabelProps(o) {
-      const { htmlFor: a } = o;
-      return e.element({
-        ...u.itemGroupLabel.attrs,
-        id: r.getItemGroupLabelId(t.context, a),
-        role: "group",
-        dir: t.context.dir
+    getItemGroupLabelProps(n) {
+      const { htmlFor: s } = n;
+      return t.element({
+        ...h.itemGroupLabel.attrs,
+        id: Y(a, s),
+        dir: l("dir"),
+        role: "presentation"
       });
     },
-    getItemGroupProps(o) {
-      const { id: a } = o;
-      return e.element({
-        ...u.itemGroup.attrs,
-        "data-disabled": d(i),
-        id: r.getItemGroupId(t.context, a),
-        "aria-labelledby": r.getItemGroupLabelId(t.context, a),
-        dir: t.context.dir
+    getItemGroupProps(n) {
+      const { id: s } = n;
+      return t.element({
+        ...h.itemGroup.attrs,
+        "data-disabled": r(g),
+        id: Oe(a, s),
+        "aria-labelledby": Y(a, s),
+        role: "group",
+        dir: l("dir")
       });
     },
     getClearTriggerProps() {
-      return e.button({
-        ...u.clearTrigger.attrs,
-        id: r.getClearTriggerId(t.context),
+      return t.button({
+        ...h.clearTrigger.attrs,
+        id: X(a),
         type: "button",
         "aria-label": "Clear value",
-        "data-invalid": d(n),
-        disabled: i,
-        hidden: !t.context.hasSelectedItems,
-        dir: t.context.dir,
-        onClick(o) {
-          o.defaultPrevented || l("CLEAR.CLICK");
+        "data-invalid": r(m),
+        disabled: g,
+        hidden: !c("hasSelectedItems"),
+        dir: l("dir"),
+        onClick(n) {
+          n.defaultPrevented || o({ type: "CLEAR.CLICK" });
         }
       });
     },
     getHiddenSelectProps() {
-      return e.select({
-        name: t.context.name,
-        form: t.context.form,
-        disabled: i,
-        multiple: t.context.multiple,
-        required: t.context.required,
+      const n = i.get("value"), s = l("multiple") ? n : n == null ? void 0 : n[0];
+      return t.select({
+        name: l("name"),
+        form: l("form"),
+        disabled: g,
+        multiple: l("multiple"),
+        required: l("required"),
         "aria-hidden": !0,
-        id: r.getHiddenSelectId(t.context),
-        defaultValue: t.context.multiple ? t.context.value : t.context.value[0],
-        style: X,
+        id: _(a),
+        defaultValue: s,
+        style: ce,
         tabIndex: -1,
         // Some browser extensions will focus the hidden select.
         // Let's forward the focus to the trigger.
         onFocus() {
-          var o;
-          (o = r.getTriggerEl(t.context)) == null || o.focus({ preventScroll: !0 });
+          var u;
+          (u = f(a)) == null || u.focus({ preventScroll: !0 });
         },
-        "aria-labelledby": r.getLabelId(t.context)
+        "aria-labelledby": b(a)
       });
     },
     getPositionerProps() {
-      return e.element({
-        ...u.positioner.attrs,
-        dir: t.context.dir,
-        id: r.getPositionerId(t.context),
-        style: M.floating
+      return t.element({
+        ...h.positioner.attrs,
+        dir: l("dir"),
+        id: Z(a),
+        style: ee.floating
       });
     },
     getContentProps() {
-      return e.element({
-        hidden: !I,
-        dir: t.context.dir,
-        id: r.getContentId(t.context),
-        role: h ? "listbox" : "dialog",
-        ...u.content.attrs,
-        "data-state": I ? "open" : "closed",
-        "data-placement": t.context.currentPlacement,
-        "data-activedescendant": L,
-        "aria-activedescendant": h ? L : void 0,
-        "aria-multiselectable": t.context.multiple && h ? !0 : void 0,
-        "aria-labelledby": r.getLabelId(t.context),
+      return t.element({
+        hidden: !E,
+        dir: l("dir"),
+        id: D(a),
+        role: p ? "listbox" : "dialog",
+        ...h.content.attrs,
+        "data-state": E ? "open" : "closed",
+        "data-placement": L,
+        "data-activedescendant": A,
+        "aria-activedescendant": p ? A : void 0,
+        "aria-multiselectable": l("multiple") && p ? !0 : void 0,
+        "aria-labelledby": b(a),
         tabIndex: 0,
-        onKeyDown(o) {
-          if (!m || !j(o)) return;
-          if (o.key === "Tab" && !J(o)) {
-            o.preventDefault();
+        onKeyDown(n) {
+          if (!F || !se(n)) return;
+          if (n.key === "Tab" && !oe(n)) {
+            n.preventDefault();
             return;
           }
-          const a = {
+          const s = {
             ArrowUp() {
-              l({ type: "CONTENT.ARROW_UP" });
+              o({ type: "CONTENT.ARROW_UP" });
             },
             ArrowDown() {
-              l({ type: "CONTENT.ARROW_DOWN" });
+              o({ type: "CONTENT.ARROW_DOWN" });
             },
             Home() {
-              l({ type: "CONTENT.HOME" });
+              o({ type: "CONTENT.HOME" });
             },
             End() {
-              l({ type: "CONTENT.END" });
+              o({ type: "CONTENT.END" });
             },
             Enter() {
-              l({ type: "ITEM.CLICK", src: "keydown.enter" });
+              o({ type: "ITEM.CLICK", src: "keydown.enter" });
             },
-            Space(p) {
-              var N;
-              V ? l({ type: "CONTENT.TYPEAHEAD", key: p.key }) : (N = a.Enter) == null || N.call(a, p);
+            Space(O) {
+              var W;
+              U ? o({ type: "CONTENT.TYPEAHEAD", key: O.key }) : (W = s.Enter) == null || W.call(s, O);
             }
-          }, c = a[F(o)];
-          if (c) {
-            c(o), o.preventDefault();
+          }, u = s[$(n)];
+          if (u) {
+            u(n), n.preventDefault();
             return;
           }
-          Q(o.target) || A.isValidEvent(o) && (l({ type: "CONTENT.TYPEAHEAD", key: o.key }), o.preventDefault());
+          const T = re(n);
+          de(T) || H.isValidEvent(n) && (o({ type: "CONTENT.TYPEAHEAD", key: n.key }), n.preventDefault());
         }
       });
     },
     getListProps() {
-      return e.element({
-        ...u.list.attrs,
+      return t.element({
+        ...h.list.attrs,
         tabIndex: 0,
-        role: h ? void 0 : "listbox",
-        "aria-labelledby": r.getTriggerId(t.context),
-        "aria-activedescendant": h ? void 0 : L,
-        "aria-multiselectable": !h && t.context.multiple ? !0 : void 0
+        role: p ? void 0 : "listbox",
+        "aria-labelledby": M(a),
+        "aria-activedescendant": p ? void 0 : A,
+        "aria-multiselectable": !p && l("multiple") ? !0 : void 0
       });
     }
   };
 }
-var { and: O, not: E, or: oe } = K;
-function ve(t) {
-  const l = te(t);
-  return W(
-    {
-      id: "select",
-      context: {
-        value: [],
-        highlightedValue: null,
-        loopFocus: !1,
-        closeOnSelect: !l.multiple,
-        disabled: !1,
-        readOnly: !1,
-        composite: !0,
-        ...l,
-        highlightedItem: null,
-        selectedItems: [],
-        valueAsString: "",
-        collection: l.collection ?? _.empty(),
-        typeahead: A.defaultOptions,
-        fieldsetDisabled: !1,
-        positioning: {
-          placement: "bottom-start",
-          gutter: 8,
-          ...l.positioning
+var { and: C, not: v, or: Ce } = pe(), ke = Ie({
+  props({ props: e }) {
+    return {
+      loopFocus: !1,
+      closeOnSelect: !e.multiple,
+      composite: !0,
+      defaultValue: [],
+      ...e,
+      collection: e.collection ?? Q.empty(),
+      positioning: {
+        placement: "bottom-start",
+        gutter: 8,
+        ...e.positioning
+      }
+    };
+  },
+  context({ prop: e, bindable: t }) {
+    return {
+      value: t(() => ({
+        defaultValue: e("defaultValue"),
+        value: e("value"),
+        isEqual: he,
+        onChange(i) {
+          var a;
+          const l = e("collection").findMany(i);
+          return (a = e("onValueChange")) == null ? void 0 : a({ value: i, items: l });
         }
-      },
-      computed: {
-        hasSelectedItems: (e) => e.value.length > 0,
-        isTypingAhead: (e) => e.typeahead.keysSoFar !== "",
-        isDisabled: (e) => !!e.disabled || e.fieldsetDisabled,
-        isInteractive: (e) => !(e.isDisabled || e.readOnly)
-      },
-      initial: l.open ? "open" : "idle",
-      created: ["syncCollection"],
-      entry: ["syncSelectElement"],
-      watch: {
-        open: ["toggleVisibility"],
-        value: ["syncSelectedItems", "syncSelectElement"],
-        highlightedValue: ["syncHighlightedItem"],
-        collection: ["syncCollection"]
-      },
-      on: {
-        "HIGHLIGHTED_VALUE.SET": {
-          actions: ["setHighlightedItem"]
-        },
-        "ITEM.SELECT": {
-          actions: ["selectItem"]
-        },
-        "ITEM.CLEAR": {
-          actions: ["clearItem"]
-        },
-        "VALUE.SET": {
-          actions: ["setSelectedItems"]
-        },
-        "VALUE.CLEAR": {
-          actions: ["clearSelectedItems"]
-        },
-        "CLEAR.CLICK": {
-          actions: ["clearSelectedItems", "focusTriggerEl"]
-        },
-        "COLLECTION.SET": {
-          actions: ["setCollection"]
+      })),
+      highlightedValue: t(() => ({
+        defaultValue: e("defaultHighlightedValue") || null,
+        value: e("highlightedValue"),
+        onChange(i) {
+          var l;
+          (l = e("onHighlightChange")) == null || l({
+            highlightedValue: i,
+            highlightedItem: e("collection").find(i),
+            highlightedIndex: e("collection").indexOf(i)
+          });
         }
-      },
-      activities: ["trackFormControlState"],
-      states: {
-        idle: {
-          tags: ["closed"],
-          on: {
-            "CONTROLLED.OPEN": [
-              {
-                guard: "isTriggerClickEvent",
-                target: "open",
-                actions: ["setInitialFocus", "highlightFirstSelectedItem"]
-              },
-              {
-                target: "open",
-                actions: ["setInitialFocus"]
-              }
-            ],
-            "TRIGGER.CLICK": [
-              {
-                guard: "isOpenControlled",
-                actions: ["invokeOnOpen"]
-              },
-              {
-                target: "open",
-                actions: ["invokeOnOpen", "setInitialFocus", "highlightFirstSelectedItem"]
-              }
-            ],
-            "TRIGGER.FOCUS": {
-              target: "focused"
-            },
-            OPEN: [
-              {
-                guard: "isOpenControlled",
-                actions: ["invokeOnOpen"]
-              },
-              {
-                target: "open",
-                actions: ["setInitialFocus", "invokeOnOpen"]
-              }
-            ]
+      })),
+      currentPlacement: t(() => ({
+        defaultValue: void 0
+      })),
+      fieldsetDisabled: t(() => ({
+        defaultValue: !1
+      })),
+      highlightedItem: t(() => ({
+        defaultValue: null
+      })),
+      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 }
+    };
+  },
+  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"))
+  },
+  initialState({ prop: e }) {
+    return e("open") || e("defaultOpen") ? "open" : "idle";
+  },
+  entry: ["syncSelectElement"],
+  watch({ context: e, prop: t, track: i, action: l }) {
+    i([() => e.get("value").toString()], () => {
+      l(["syncSelectedItems", "syncSelectElement", "dispatchChangeEvent"]);
+    }), i([() => t("open")], () => {
+      l(["toggleVisibility"]);
+    }), i([() => e.get("highlightedValue")], () => {
+      l(["syncHighlightedItem"]);
+    }), i([() => t("collection").toString()], () => {
+      l(["syncCollection"]);
+    });
+  },
+  on: {
+    "HIGHLIGHTED_VALUE.SET": {
+      actions: ["setHighlightedItem"]
+    },
+    "ITEM.SELECT": {
+      actions: ["selectItem"]
+    },
+    "ITEM.CLEAR": {
+      actions: ["clearItem"]
+    },
+    "VALUE.SET": {
+      actions: ["setSelectedItems"]
+    },
+    "VALUE.CLEAR": {
+      actions: ["clearSelectedItems"]
+    },
+    "CLEAR.CLICK": {
+      actions: ["clearSelectedItems", "focusTriggerEl"]
+    }
+  },
+  effects: ["trackFormControlState"],
+  states: {
+    idle: {
+      tags: ["closed"],
+      on: {
+        "CONTROLLED.OPEN": [
+          {
+            guard: "isTriggerClickEvent",
+            target: "open",
+            actions: ["setInitialFocus", "highlightFirstSelectedItem"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus"]
           }
-        },
-        focused: {
-          tags: ["closed"],
-          on: {
-            "CONTROLLED.OPEN": [
-              {
-                guard: "isTriggerClickEvent",
-                target: "open",
-                actions: ["setInitialFocus", "highlightFirstSelectedItem"]
-              },
-              {
-                guard: "isTriggerArrowUpEvent",
-                target: "open",
-                actions: ["setInitialFocus", "highlightComputedLastItem"]
-              },
-              {
-                guard: oe("isTriggerArrowDownEvent", "isTriggerEnterEvent"),
-                target: "open",
-                actions: ["setInitialFocus", "highlightComputedFirstItem"]
-              },
-              {
-                target: "open",
-                actions: ["setInitialFocus"]
-              }
-            ],
-            OPEN: [
-              {
-                guard: "isOpenControlled",
-                actions: ["invokeOnOpen"]
-              },
-              {
-                target: "open",
-                actions: ["setInitialFocus", "invokeOnOpen"]
-              }
-            ],
-            "TRIGGER.BLUR": {
-              target: "idle"
-            },
-            "TRIGGER.CLICK": [
-              {
-                guard: "isOpenControlled",
-                actions: ["invokeOnOpen"]
-              },
-              {
-                target: "open",
-                actions: ["setInitialFocus", "invokeOnOpen", "highlightFirstSelectedItem"]
-              }
-            ],
-            "TRIGGER.ENTER": [
-              {
-                guard: "isOpenControlled",
-                actions: ["invokeOnOpen"]
-              },
-              {
-                target: "open",
-                actions: ["setInitialFocus", "invokeOnOpen", "highlightComputedFirstItem"]
-              }
-            ],
-            "TRIGGER.ARROW_UP": [
-              {
-                guard: "isOpenControlled",
-                actions: ["invokeOnOpen"]
-              },
-              {
-                target: "open",
-                actions: ["setInitialFocus", "invokeOnOpen", "highlightComputedLastItem"]
-              }
-            ],
-            "TRIGGER.ARROW_DOWN": [
-              {
-                guard: "isOpenControlled",
-                actions: ["invokeOnOpen"]
-              },
-              {
-                target: "open",
-                actions: ["setInitialFocus", "invokeOnOpen", "highlightComputedFirstItem"]
-              }
-            ],
-            "TRIGGER.ARROW_LEFT": [
-              {
-                guard: O(E("multiple"), "hasSelectedItems"),
-                actions: ["selectPreviousItem"]
-              },
-              {
-                guard: E("multiple"),
-                actions: ["selectLastItem"]
-              }
-            ],
-            "TRIGGER.ARROW_RIGHT": [
-              {
-                guard: O(E("multiple"), "hasSelectedItems"),
-                actions: ["selectNextItem"]
-              },
-              {
-                guard: E("multiple"),
-                actions: ["selectFirstItem"]
-              }
-            ],
-            "TRIGGER.HOME": {
-              guard: E("multiple"),
-              actions: ["selectFirstItem"]
-            },
-            "TRIGGER.END": {
-              guard: E("multiple"),
-              actions: ["selectLastItem"]
-            },
-            "TRIGGER.TYPEAHEAD": {
-              guard: E("multiple"),
-              actions: ["selectMatchingItem"]
-            }
+        ],
+        "TRIGGER.CLICK": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["invokeOnOpen", "setInitialFocus", "highlightFirstSelectedItem"]
           }
+        ],
+        "TRIGGER.FOCUS": {
+          target: "focused"
         },
-        open: {
-          tags: ["open"],
-          exit: ["scrollContentToTop"],
-          activities: ["trackDismissableElement", "computePlacement", "scrollToHighlightedItem"],
-          on: {
-            "CONTROLLED.CLOSE": {
-              target: "focused",
-              actions: ["focusTriggerEl", "clearHighlightedItem"]
-            },
-            CLOSE: [
-              {
-                guard: "isOpenControlled",
-                actions: ["invokeOnClose"]
-              },
-              {
-                target: "focused",
-                actions: ["invokeOnClose", "focusTriggerEl", "clearHighlightedItem"]
-              }
-            ],
-            "TRIGGER.CLICK": [
-              {
-                guard: "isOpenControlled",
-                actions: ["invokeOnClose"]
-              },
-              {
-                target: "focused",
-                actions: ["invokeOnClose", "clearHighlightedItem"]
-              }
-            ],
-            "ITEM.CLICK": [
-              {
-                guard: O("closeOnSelect", "isOpenControlled"),
-                actions: ["selectHighlightedItem", "invokeOnClose"]
-              },
-              {
-                guard: "closeOnSelect",
-                target: "focused",
-                actions: ["selectHighlightedItem", "invokeOnClose", "focusTriggerEl", "clearHighlightedItem"]
-              },
-              {
-                actions: ["selectHighlightedItem"]
-              }
-            ],
-            "CONTENT.HOME": {
-              actions: ["highlightFirstItem"]
-            },
-            "CONTENT.END": {
-              actions: ["highlightLastItem"]
-            },
-            "CONTENT.ARROW_DOWN": [
-              {
-                guard: O("hasHighlightedItem", "loop", "isLastItemHighlighted"),
-                actions: ["highlightFirstItem"]
-              },
-              {
-                guard: "hasHighlightedItem",
-                actions: ["highlightNextItem"]
-              },
-              {
-                actions: ["highlightFirstItem"]
-              }
-            ],
-            "CONTENT.ARROW_UP": [
-              {
-                guard: O("hasHighlightedItem", "loop", "isFirstItemHighlighted"),
-                actions: ["highlightLastItem"]
-              },
-              {
-                guard: "hasHighlightedItem",
-                actions: ["highlightPreviousItem"]
-              },
-              {
-                actions: ["highlightLastItem"]
-              }
-            ],
-            "CONTENT.TYPEAHEAD": {
-              actions: ["highlightMatchingItem"]
-            },
-            "ITEM.POINTER_MOVE": {
-              actions: ["highlightItem"]
-            },
-            "ITEM.POINTER_LEAVE": {
-              actions: ["clearHighlightedItem"]
-            },
-            "POSITIONING.SET": {
-              actions: ["reposition"]
-            }
+        OPEN: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus", "invokeOnOpen"]
           }
-        }
+        ]
       }
     },
-    {
-      guards: {
-        loop: (e) => !!e.loopFocus,
-        multiple: (e) => !!e.multiple,
-        hasSelectedItems: (e) => !!e.hasSelectedItems,
-        hasHighlightedItem: (e) => e.highlightedValue != null,
-        isFirstItemHighlighted: (e) => e.highlightedValue === e.collection.firstValue,
-        isLastItemHighlighted: (e) => e.highlightedValue === e.collection.lastValue,
-        closeOnSelect: (e, i) => !!(i.closeOnSelect ?? e.closeOnSelect),
-        // guard assertions (for controlled mode)
-        isOpenControlled: (e) => !!e["open.controlled"],
-        isTriggerClickEvent: (e, i) => {
-          var n;
-          return ((n = i.previousEvent) == null ? void 0 : n.type) === "TRIGGER.CLICK";
-        },
-        isTriggerEnterEvent: (e, i) => {
-          var n;
-          return ((n = i.previousEvent) == null ? void 0 : n.type) === "TRIGGER.ENTER";
-        },
-        isTriggerArrowUpEvent: (e, i) => {
-          var n;
-          return ((n = i.previousEvent) == null ? void 0 : n.type) === "TRIGGER.ARROW_UP";
-        },
-        isTriggerArrowDownEvent: (e, i) => {
-          var n;
-          return ((n = i.previousEvent) == null ? void 0 : n.type) === "TRIGGER.ARROW_DOWN";
-        }
-      },
-      activities: {
-        trackFormControlState(e, i, { initialContext: n }) {
-          return ee(r.getHiddenSelectEl(e), {
-            onFieldsetDisabledChange(s) {
-              e.fieldsetDisabled = s;
-            },
-            onFormReset() {
-              g.selectedItems(e, n.value);
-            }
-          });
+    focused: {
+      tags: ["closed"],
+      on: {
+        "CONTROLLED.OPEN": [
+          {
+            guard: "isTriggerClickEvent",
+            target: "open",
+            actions: ["setInitialFocus", "highlightFirstSelectedItem"]
+          },
+          {
+            guard: "isTriggerArrowUpEvent",
+            target: "open",
+            actions: ["setInitialFocus", "highlightComputedLastItem"]
+          },
+          {
+            guard: Ce("isTriggerArrowDownEvent", "isTriggerEnterEvent"),
+            target: "open",
+            actions: ["setInitialFocus", "highlightComputedFirstItem"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus"]
+          }
+        ],
+        OPEN: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus", "invokeOnOpen"]
+          }
+        ],
+        "TRIGGER.BLUR": {
+          target: "idle"
         },
-        trackDismissableElement(e, i, { send: n }) {
-          const s = () => r.getContentEl(e);
-          let m = !0;
-          return x(s, {
-            defer: !0,
-            exclude: [r.getTriggerEl(e), r.getClearTriggerEl(e)],
-            onFocusOutside: e.onFocusOutside,
-            onPointerDownOutside: e.onPointerDownOutside,
-            onInteractOutside(h) {
-              var I;
-              (I = e.onInteractOutside) == null || I.call(e, h), m = !(h.detail.focusable || h.detail.contextmenu);
-            },
-            onDismiss() {
-              n({ type: "CLOSE", src: "interact-outside", restoreFocus: m });
-            }
-          });
+        "TRIGGER.CLICK": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus", "invokeOnOpen", "highlightFirstSelectedItem"]
+          }
+        ],
+        "TRIGGER.ENTER": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus", "invokeOnOpen", "highlightComputedFirstItem"]
+          }
+        ],
+        "TRIGGER.ARROW_UP": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus", "invokeOnOpen", "highlightComputedLastItem"]
+          }
+        ],
+        "TRIGGER.ARROW_DOWN": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus", "invokeOnOpen", "highlightComputedFirstItem"]
+          }
+        ],
+        "TRIGGER.ARROW_LEFT": [
+          {
+            guard: C(v("multiple"), "hasSelectedItems"),
+            actions: ["selectPreviousItem"]
+          },
+          {
+            guard: v("multiple"),
+            actions: ["selectLastItem"]
+          }
+        ],
+        "TRIGGER.ARROW_RIGHT": [
+          {
+            guard: C(v("multiple"), "hasSelectedItems"),
+            actions: ["selectNextItem"]
+          },
+          {
+            guard: v("multiple"),
+            actions: ["selectFirstItem"]
+          }
+        ],
+        "TRIGGER.HOME": {
+          guard: v("multiple"),
+          actions: ["selectFirstItem"]
         },
-        computePlacement(e) {
-          return e.currentPlacement = e.positioning.placement, H(() => r.getTriggerEl(e), () => r.getPositionerEl(e), {
-            defer: !0,
-            ...e.positioning,
-            onComplete(s) {
-              e.currentPlacement = s.placement;
-            }
-          });
+        "TRIGGER.END": {
+          guard: v("multiple"),
+          actions: ["selectLastItem"]
         },
-        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;
-            }
-            q(T, { rootEl: v, block: "nearest" });
-          };
-          return y(() => s(!0)), Y(() => r.getContentEl(e), {
-            defer: !0,
-            attributes: ["data-activedescendant"],
-            callback() {
-              s(!1);
-            }
-          });
+        "TRIGGER.TYPEAHEAD": {
+          guard: v("multiple"),
+          actions: ["selectMatchingItem"]
         }
-      },
-      actions: {
-        reposition(e, i) {
-          const n = () => r.getPositionerEl(e);
-          H(r.getTriggerEl(e), n, {
-            ...e.positioning,
-            ...i.options,
-            defer: !0,
-            listeners: !1,
-            onComplete(s) {
-              e.currentPlacement = s.placement;
-            }
-          });
-        },
-        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);
-          g.highlightedItem(e, i);
-        },
-        highlightNextItem(e) {
-          if (e.highlightedValue == null) return;
-          const i = e.collection.getNextValue(e.highlightedValue);
-          g.highlightedItem(e, i);
-        },
-        highlightFirstItem(e) {
-          const i = e.collection.firstValue;
-          g.highlightedItem(e, i);
-        },
-        highlightLastItem(e) {
-          const i = e.collection.lastValue;
-          g.highlightedItem(e, i);
-        },
-        setInitialFocus(e) {
-          y(() => {
-            const i = B({
-              root: r.getContentEl(e)
-            });
-            i == 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) {
-          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;
-          g.highlightedItem(e, i);
-        },
-        highlightComputedLastItem(e) {
-          const i = e.hasSelectedItems ? e.collection.sort(e.value)[0] : e.collection.lastValue;
-          g.highlightedItem(e, i);
-        },
-        highlightFirstSelectedItem(e) {
-          if (!e.hasSelectedItems) return;
-          const [i] = e.collection.sort(e.value);
-          g.highlightedItem(e, i);
-        },
-        highlightItem(e, i) {
-          g.highlightedItem(e, i.value);
-        },
-        highlightMatchingItem(e, i) {
-          const n = e.collection.search(i.key, {
-            state: e.typeahead,
-            currentValue: e.highlightedValue
-          });
-          n != null && g.highlightedItem(e, n);
-        },
-        setHighlightedItem(e, i) {
-          g.highlightedItem(e, i.value);
-        },
-        clearHighlightedItem(e) {
-          g.highlightedItem(e, null, !0);
-        },
-        selectItem(e, i) {
-          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 n = e.value.filter((s) => s !== i.value);
-          g.selectedItems(e, n);
-        },
-        setSelectedItems(e, i) {
-          g.selectedItems(e, i.value);
-        },
-        clearSelectedItems(e) {
-          g.selectedItems(e, []);
-        },
-        selectPreviousItem(e) {
-          const i = e.collection.getPreviousValue(e.value[0]);
-          g.selectedItem(e, i);
-        },
-        selectNextItem(e) {
-          const i = e.collection.getNextValue(e.value[0]);
-          g.selectedItem(e, i);
-        },
-        selectFirstItem(e) {
-          const i = e.collection.firstValue;
-          g.selectedItem(e, i);
-        },
-        selectLastItem(e) {
-          const i = e.collection.lastValue;
-          g.selectedItem(e, i);
-        },
-        selectMatchingItem(e, i) {
-          const n = e.collection.search(i.key, {
-            state: e.typeahead,
-            currentValue: e.value[0]
-          });
-          n != null && g.selectedItem(e, n);
-        },
-        scrollContentToTop(e) {
-          var i;
-          e.scrollToIndexFn ? e.scrollToIndexFn({ index: 0, immediate: !0 }) : (i = r.getContentEl(e)) == null || i.scrollTo(0, 0);
-        },
-        invokeOnOpen(e) {
-          var i;
-          (i = e.onOpenChange) == null || i.call(e, { open: !0 });
+      }
+    },
+    open: {
+      tags: ["open"],
+      exit: ["scrollContentToTop"],
+      effects: ["trackDismissableElement", "computePlacement", "scrollToHighlightedItem"],
+      on: {
+        "CONTROLLED.CLOSE": [
+          {
+            guard: "restoreFocus",
+            target: "focused",
+            actions: ["focusTriggerEl", "clearHighlightedItem"]
+          },
+          {
+            target: "idle",
+            actions: ["clearHighlightedItem"]
+          }
+        ],
+        CLOSE: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            guard: "restoreFocus",
+            target: "focused",
+            actions: ["invokeOnClose", "focusTriggerEl", "clearHighlightedItem"]
+          },
+          {
+            target: "idle",
+            actions: ["invokeOnClose", "clearHighlightedItem"]
+          }
+        ],
+        "TRIGGER.CLICK": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "focused",
+            actions: ["invokeOnClose", "clearHighlightedItem"]
+          }
+        ],
+        "ITEM.CLICK": [
+          {
+            guard: C("closeOnSelect", "isOpenControlled"),
+            actions: ["selectHighlightedItem", "invokeOnClose"]
+          },
+          {
+            guard: "closeOnSelect",
+            target: "focused",
+            actions: ["selectHighlightedItem", "invokeOnClose", "focusTriggerEl", "clearHighlightedItem"]
+          },
+          {
+            actions: ["selectHighlightedItem"]
+          }
+        ],
+        "CONTENT.HOME": {
+          actions: ["highlightFirstItem"]
         },
-        invokeOnClose(e) {
-          var i;
-          (i = e.onOpenChange) == null || i.call(e, { open: !1 });
+        "CONTENT.END": {
+          actions: ["highlightLastItem"]
         },
-        syncSelectElement(e) {
-          const i = r.getHiddenSelectEl(e);
-          if (i) {
-            if (e.value.length === 0 && !e.multiple) {
-              i.selectedIndex = -1;
-              return;
-            }
-            for (const n of i.options)
-              n.selected = e.value.includes(n.value);
+        "CONTENT.ARROW_DOWN": [
+          {
+            guard: C("hasHighlightedItem", "loop", "isLastItemHighlighted"),
+            actions: ["highlightFirstItem"]
+          },
+          {
+            guard: "hasHighlightedItem",
+            actions: ["highlightNextItem"]
+          },
+          {
+            actions: ["highlightFirstItem"]
           }
+        ],
+        "CONTENT.ARROW_UP": [
+          {
+            guard: C("hasHighlightedItem", "loop", "isFirstItemHighlighted"),
+            actions: ["highlightLastItem"]
+          },
+          {
+            guard: "hasHighlightedItem",
+            actions: ["highlightPreviousItem"]
+          },
+          {
+            actions: ["highlightLastItem"]
+          }
+        ],
+        "CONTENT.TYPEAHEAD": {
+          actions: ["highlightMatchingItem"]
         },
-        setCollection(e, i) {
-          e.collection = i.value;
-        },
-        syncCollection(e) {
-          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;
+        "ITEM.POINTER_MOVE": {
+          actions: ["highlightItem"]
         },
-        syncSelectedItems(e) {
-          b.valueChange(e);
+        "ITEM.POINTER_LEAVE": {
+          actions: ["clearHighlightedItem"]
         },
-        syncHighlightedItem(e) {
-          b.highlightChange(e);
+        "POSITIONING.SET": {
+          actions: ["reposition"]
         }
       }
     }
-  );
-}
-function ne(t) {
-  y(() => {
-    const l = r.getHiddenSelectEl(t);
-    if (!l) return;
-    const e = r.getWin(t), i = new e.Event("change", { bubbles: !0, composed: !0 });
-    l.dispatchEvent(i);
-  });
-}
-var b = {
-  valueChange: (t) => {
-    const l = t.selectedItems;
-    t.selectedItems = t.value.map((e) => {
-      const i = l.find((n) => t.collection.getItemValue(n) === e);
-      return i || t.collection.find(e);
-    }), t.valueAsString = t.collection.stringifyItems(t.selectedItems);
   },
-  highlightChange: (t) => {
-    t.highlightedItem = t.collection.find(t.highlightedValue);
-  }
-}, R = {
-  valueChange: (t) => {
-    var l;
-    b.valueChange(t), (l = t.onValueChange) == null || l.call(t, {
-      value: Array.from(t.value),
-      items: Array.from(t.selectedItems)
-    }), ne(t);
-  },
-  highlightChange: (t) => {
-    var l;
-    b.highlightChange(t), (l = t.onHighlightChange) == null || l.call(t, {
-      highlightedValue: t.highlightedValue,
-      highlightedItem: t.highlightedItem,
-      highlightedIndex: t.collection.indexOf(t.highlightedValue)
-    });
-  }
-}, g = {
-  selectedItem: (t, l, e = !1) => {
-    if (!P(t.value, l) && !(l == null && !e)) {
-      if (l == null && e) {
-        t.value = [], R.valueChange(t);
-        return;
+  implementations: {
+    guards: {
+      loop: ({ prop: e }) => !!e("loopFocus"),
+      multiple: ({ prop: e }) => !!e("multiple"),
+      hasSelectedItems: ({ computed: e }) => !!e("hasSelectedItems"),
+      hasHighlightedItem: ({ context: e }) => e.get("highlightedValue") != null,
+      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),
+      // guard assertions (for controlled mode)
+      isOpenControlled: ({ prop: e }) => e("open") !== void 0,
+      isTriggerClickEvent: ({ event: e }) => {
+        var t;
+        return ((t = e.previousEvent) == null ? void 0 : t.type) === "TRIGGER.CLICK";
+      },
+      isTriggerEnterEvent: ({ event: e }) => {
+        var t;
+        return ((t = e.previousEvent) == null ? void 0 : t.type) === "TRIGGER.ENTER";
+      },
+      isTriggerArrowUpEvent: ({ event: e }) => {
+        var t;
+        return ((t = e.previousEvent) == null ? void 0 : t.type) === "TRIGGER.ARROW_UP";
+      },
+      isTriggerArrowDownEvent: ({ event: e }) => {
+        var t;
+        return ((t = e.previousEvent) == null ? void 0 : t.type) === "TRIGGER.ARROW_DOWN";
+      }
+    },
+    effects: {
+      trackFormControlState({ context: e, scope: t }) {
+        return ne(k(t), {
+          onFieldsetDisabledChange(i) {
+            e.set("fieldsetDisabled", i);
+          },
+          onFormReset() {
+            const i = e.initial("value");
+            e.set("value", i);
+          }
+        });
+      },
+      trackDismissableElement({ scope: e, send: t, prop: i }) {
+        const l = () => R(e);
+        let a = !0;
+        return Ee(l, {
+          defer: !0,
+          exclude: [f(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);
+          },
+          onDismiss() {
+            t({ type: "CLOSE", src: "interact-outside", restoreFocus: a });
+          }
+        });
+      },
+      computePlacement({ context: e, prop: t, scope: i }) {
+        const l = t("positioning");
+        return e.set("currentPlacement", l.placement), K(() => f(i), () => q(i), {
+          defer: !0,
+          ...l,
+          onComplete(c) {
+            e.set("currentPlacement", c.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 });
+            return;
+          }
+          ae(g, { rootEl: m, block: "nearest" });
+        };
+        return N(() => a(!0)), le(() => R(i), {
+          defer: !0,
+          attributes: ["data-activedescendant"],
+          callback() {
+            a(!1);
+          }
+        });
+      }
+    },
+    actions: {
+      reposition({ context: e, prop: t, scope: i, event: l }) {
+        const a = () => q(i);
+        K(f(i), a, {
+          ...t("positioning"),
+          ...l.options,
+          defer: !0,
+          listeners: !1,
+          onComplete(d) {
+            e.set("currentPlacement", d.placement);
+          }
+        });
+      },
+      toggleVisibility({ send: e, prop: t, event: i }) {
+        e({ type: t("open") ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: i });
+      },
+      highlightPreviousItem({ context: e, prop: t }) {
+        const i = e.get("highlightedValue");
+        if (i == null) return;
+        const l = t("collection").getPreviousValue(i, 1, t("loopFocus"));
+        l != null && e.set("highlightedValue", l);
+      },
+      highlightNextItem({ context: e, prop: t }) {
+        const i = e.get("highlightedValue");
+        if (i == null) return;
+        const l = t("collection").getNextValue(i, 1, t("loopFocus"));
+        l != null && e.set("highlightedValue", l);
+      },
+      highlightFirstItem({ context: e, prop: t }) {
+        const i = t("collection").firstValue;
+        e.set("highlightedValue", i);
+      },
+      highlightLastItem({ context: e, prop: t }) {
+        const i = t("collection").lastValue;
+        e.set("highlightedValue", i);
+      },
+      setInitialFocus({ scope: e }) {
+        N(() => {
+          const t = ie({
+            root: R(e)
+          });
+          t == null || t.focus({ preventScroll: !0 });
+        });
+      },
+      focusTriggerEl({ event: e, scope: t }) {
+        j(e) && N(() => {
+          const i = f(t);
+          i == null || i.focus({ preventScroll: !0 });
+        });
+      },
+      selectHighlightedItem({ context: e, prop: t, event: i }) {
+        var d;
+        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]);
+      },
+      highlightComputedFirstItem({ context: e, prop: t, computed: i }) {
+        const l = t("collection"), a = i("hasSelectedItems") ? l.sort(e.get("value"))[0] : l.firstValue;
+        e.set("highlightedValue", a);
+      },
+      highlightComputedLastItem({ context: e, prop: t, computed: i }) {
+        const l = t("collection"), a = i("hasSelectedItems") ? l.sort(e.get("value"))[0] : l.lastValue;
+        e.set("highlightedValue", a);
+      },
+      highlightFirstSelectedItem({ context: e, prop: t, computed: i }) {
+        if (!i("hasSelectedItems")) return;
+        const l = t("collection").sort(e.get("value"))[0];
+        e.set("highlightedValue", l);
+      },
+      highlightItem({ context: e, event: t }) {
+        e.set("highlightedValue", t.value);
+      },
+      highlightMatchingItem({ context: e, prop: t, event: i, refs: l }) {
+        const a = t("collection").search(i.key, {
+          state: l.get("typeahead"),
+          currentValue: e.get("highlightedValue")
+        });
+        a != null && e.set("highlightedValue", a);
+      },
+      setHighlightedItem({ context: e, event: t }) {
+        e.set("highlightedValue", t.value);
+      },
+      clearHighlightedItem({ context: e }) {
+        e.set("highlightedValue", null);
+      },
+      selectItem({ context: e, prop: t, event: i }) {
+        var d;
+        (d = t("onSelect")) == null || d({ 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]);
+      },
+      clearItem({ context: e, event: t }) {
+        e.set("value", (i) => i.filter((l) => l !== t.value));
+      },
+      setSelectedItems({ context: e, event: t }) {
+        e.set("value", t.value);
+      },
+      clearSelectedItems({ context: e }) {
+        e.set("value", []);
+      },
+      selectPreviousItem({ context: e, prop: t }) {
+        const [i] = e.get("value"), l = t("collection").getPreviousValue(i);
+        l && e.set("value", [l]);
+      },
+      selectNextItem({ context: e, prop: t }) {
+        const [i] = e.get("value"), l = t("collection").getNextValue(i);
+        l && e.set("value", [l]);
+      },
+      selectFirstItem({ context: e, prop: t }) {
+        const i = t("collection").firstValue;
+        i && e.set("value", [i]);
+      },
+      selectLastItem({ context: e, prop: t }) {
+        const i = t("collection").lastValue;
+        i && e.set("value", [i]);
+      },
+      selectMatchingItem({ context: e, prop: t, event: i, refs: l }) {
+        const a = t("collection").search(i.key, {
+          state: l.get("typeahead"),
+          currentValue: e.get("value")[0]
+        });
+        a != null && e.set("value", [a]);
+      },
+      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);
+      },
+      invokeOnOpen({ prop: e }) {
+        var t;
+        (t = e("onOpenChange")) == null || t({ open: !0 });
+      },
+      invokeOnClose({ prop: e }) {
+        var t;
+        (t = e("onOpenChange")) == null || t({ open: !1 });
+      },
+      syncSelectElement({ context: e, prop: t, scope: i }) {
+        const l = k(i);
+        if (l) {
+          if (e.get("value").length === 0 && !t("multiple")) {
+            l.selectedIndex = -1;
+            return;
+          }
+          for (const a of l.options)
+            a.selected = e.get("value").includes(a.value);
+        }
+      },
+      syncCollection({ context: e, prop: t }) {
+        const i = t("collection"), l = i.find(e.get("highlightedValue"));
+        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));
+      },
+      syncHighlightedItem({ context: e, prop: t }) {
+        const i = t("collection"), l = e.get("highlightedValue"), a = l ? i.find(l) : null;
+        e.set("highlightedItem", a);
+      },
+      dispatchChangeEvent({ scope: e }) {
+        queueMicrotask(() => {
+          const t = k(e);
+          if (!t) return;
+          const i = e.getWin(), l = new i.Event("change", { bubbles: !0, composed: !0 });
+          t.dispatchEvent(l);
+        });
       }
-      t.value = t.multiple ? ie(t.value, l) : [l], R.valueChange(t);
     }
-  },
-  selectedItems: (t, l) => {
-    P(t.value, l) || (t.value = l, R.valueChange(t));
-  },
-  highlightedItem: (t, l, e = !1) => {
-    P(t.highlightedValue, l) || l == null && !e || (t.highlightedValue = l ?? null, R.highlightChange(t));
   }
-};
-S()([
+});
+function j(e) {
+  var i;
+  const t = e.restoreFocus ?? ((i = e.previousEvent) == null ? void 0 : i.restoreFocus);
+  return t == null || !!t;
+}
+G()([
   "closeOnSelect",
   "collection",
+  "composite",
+  "defaultHighlightedValue",
+  "defaultOpen",
+  "defaultValue",
+  "deselectable",
   "dir",
   "disabled",
-  "deselectable",
   "form",
   "getRootNode",
   "highlightedValue",
@@ -1049,22 +1054,21 @@ S()([
   "onInteractOutside",
   "onOpenChange",
   "onPointerDownOutside",
+  "onSelect",
   "onValueChange",
-  "open.controlled",
   "open",
-  "composite",
   "positioning",
-  "required",
   "readOnly",
+  "required",
   "scrollToIndexFn",
   "value"
 ]);
-S()(["item", "persistFocus"]);
-S()(["id"]);
-S()(["htmlFor"]);
+G()(["item", "persistFocus"]);
+G()(["id"]);
+G()(["htmlFor"]);
 export {
-  le as anatomy,
-  _ as collection,
-  Ee as connect,
-  ve as machine
+  ve as anatomy,
+  Q as collection,
+  Ne as connect,
+  ke as machine
 };