@serendie/ui 2.0.0 → 2.1.0

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

@@ -1,14 +1,13 @@
-import { createAnatomy as B } from "../../anatomy/dist/index.js";
-import { ListCollection as D } from "../../collection/dist/index.js";
-import { createMachine as W, guards as $ } from "../../core/dist/index.js";
-import { isContextMenuEvent as Y, getEventKey as U, isLeftClick as q, clickIfLink as j } from "../../dom-event/dist/index.js";
-import { createScope as J, raf as C, observeAttributes as Q, observeChildren as X, scrollIntoView as Z, dataAttr as u, ariaAttr as A, isDownloadingEvent as z, isOpeningInNewTab as x, isComposingEvent as ee, query as te } from "../../dom-query/dist/index.js";
-import { getPlacement as H, getPlacementStyles as ne } from "../../popper/dist/index.js";
-import { ariaHidden as ie } from "../../aria-hidden/dist/index.js";
-import { trackDismissableElement as le } from "../../dismissable/dist/index.js";
-import { compact as oe, isArray as G, match as R, isBoolean as ae, isEqual as F, addOrRemove as re } from "../../utils/dist/index.js";
-import { ref as M } from "../../store/dist/index.js";
-var se = B("combobox").parts(
+import { createAnatomy as ce } from "../../anatomy/dist/index.js";
+import { ListCollection as ee } from "../../collection/dist/index.js";
+import { raf as f, setCaretToEnd as ge, observeAttributes as de, observeChildren as he, clickIfLink as Ie, dataAttr as u, ariaAttr as K, isDownloadingEvent as pe, isOpeningInNewTab as me, isContextMenuEvent as Ce, isLeftClick as U, getEventKey as $, isComposingEvent as fe, scrollIntoView as Oe, isAnchorElement as ve, query as Ee } from "../../dom-query/dist/index.js";
+import { getPlacement as q, getPlacementStyles as Ve } from "../../popper/dist/index.js";
+import { match as D, remove as Te, addOrRemove as Y, isBoolean as ye, isEqual as Pe, ensure as Se } from "../../utils/dist/index.js";
+import { ariaHidden as Ne } from "../../aria-hidden/dist/index.js";
+import { setup as be } from "../../core/dist/index.js";
+import { trackDismissableElement as ke } from "../../dismissable/dist/index.js";
+import { createProps as G } from "../../types/dist/index.js";
+var Le = ce("combobox").parts(
   "root",
   "clearTrigger",
   "content",
@@ -23,1243 +22,1338 @@ var se = B("combobox").parts(
   "list",
   "positioner",
   "trigger"
-), I = se.build(), _ = (t) => M(new D(t));
-_.empty = () => M(new D({ items: [] }));
-var o = J({
-  getRootId: (t) => {
-    var n;
-    return ((n = t.ids) == null ? void 0 : n.root) ?? `combobox:${t.id}`;
-  },
-  getLabelId: (t) => {
-    var n;
-    return ((n = t.ids) == null ? void 0 : n.label) ?? `combobox:${t.id}:label`;
-  },
-  getControlId: (t) => {
-    var n;
-    return ((n = t.ids) == null ? void 0 : n.control) ?? `combobox:${t.id}:control`;
-  },
-  getInputId: (t) => {
-    var n;
-    return ((n = t.ids) == null ? void 0 : n.input) ?? `combobox:${t.id}:input`;
-  },
-  getContentId: (t) => {
-    var n;
-    return ((n = t.ids) == null ? void 0 : n.content) ?? `combobox:${t.id}:content`;
-  },
-  getPositionerId: (t) => {
-    var n;
-    return ((n = t.ids) == null ? void 0 : n.positioner) ?? `combobox:${t.id}:popper`;
-  },
-  getTriggerId: (t) => {
-    var n;
-    return ((n = t.ids) == null ? void 0 : n.trigger) ?? `combobox:${t.id}:toggle-btn`;
-  },
-  getClearTriggerId: (t) => {
-    var n;
-    return ((n = t.ids) == null ? void 0 : n.clearTrigger) ?? `combobox:${t.id}:clear-btn`;
-  },
-  getItemGroupId: (t, n) => {
-    var e, i;
-    return ((i = (e = t.ids) == null ? void 0 : e.itemGroup) == null ? void 0 : i.call(e, n)) ?? `combobox:${t.id}:optgroup:${n}`;
-  },
-  getItemGroupLabelId: (t, n) => {
-    var e, i;
-    return ((i = (e = t.ids) == null ? void 0 : e.itemGroupLabel) == null ? void 0 : i.call(e, n)) ?? `combobox:${t.id}:optgroup-label:${n}`;
-  },
-  getItemId: (t, n) => {
-    var e, i;
-    return ((i = (e = t.ids) == null ? void 0 : e.item) == null ? void 0 : i.call(e, n)) ?? `combobox:${t.id}:option:${n}`;
-  },
-  getContentEl: (t) => o.getById(t, o.getContentId(t)),
-  getInputEl: (t) => o.getById(t, o.getInputId(t)),
-  getPositionerEl: (t) => o.getById(t, o.getPositionerId(t)),
-  getControlEl: (t) => o.getById(t, o.getControlId(t)),
-  getTriggerEl: (t) => o.getById(t, o.getTriggerId(t)),
-  getClearTriggerEl: (t) => o.getById(t, o.getClearTriggerId(t)),
-  getHighlightedItemEl: (t) => {
-    const n = t.highlightedValue;
-    if (n == null) return;
-    const e = `[role=option][data-value="${CSS.escape(n)}"`;
-    return te(o.getContentEl(t), e);
-  },
-  focusInputEl: (t) => {
-    const n = o.getInputEl(t);
-    o.isActiveElement(t, n) || n == null || n.focus({ preventScroll: !0 });
-  },
-  focusTriggerEl: (t) => {
-    const n = o.getTriggerEl(t);
-    o.isActiveElement(t, n) || n == null || n.focus({ preventScroll: !0 });
-  }
-});
-function Ee(t, n, e) {
-  const i = t.context.translations, r = t.context.collection, s = t.context.disabled, c = t.context.isInteractive, O = t.context.invalid, V = t.context.readOnly, d = t.hasTag("open"), f = t.hasTag("focused"), E = t.context.composite, b = t.context.highlightedValue, N = ne({
-    ...t.context.positioning,
-    placement: t.context.currentPlacement
+), p = Le.build(), te = (e) => new ee(e);
+te.empty = () => new ee({ items: [] });
+var Fe = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.root) ?? `combobox:${e.id}`;
+}, B = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.label) ?? `combobox:${e.id}:label`;
+}, ie = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.control) ?? `combobox:${e.id}:control`;
+}, M = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.input) ?? `combobox:${e.id}:input`;
+}, w = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.content) ?? `combobox:${e.id}:content`;
+}, ne = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.positioner) ?? `combobox:${e.id}:popper`;
+}, le = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.trigger) ?? `combobox:${e.id}:toggle-btn`;
+}, oe = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.clearTrigger) ?? `combobox:${e.id}:clear-btn`;
+}, Ae = (e, t) => {
+  var i, n;
+  return ((n = (i = e.ids) == null ? void 0 : i.itemGroup) == null ? void 0 : n.call(i, t)) ?? `combobox:${e.id}:optgroup:${t}`;
+}, j = (e, t) => {
+  var i, n;
+  return ((n = (i = e.ids) == null ? void 0 : i.itemGroupLabel) == null ? void 0 : n.call(i, t)) ?? `combobox:${e.id}:optgroup-label:${t}`;
+}, J = (e, t) => {
+  var i, n;
+  return ((n = (i = e.ids) == null ? void 0 : i.item) == null ? void 0 : n.call(i, t)) ?? `combobox:${e.id}:option:${t}`;
+}, T = (e) => e.getById(w(e)), y = (e) => e.getById(M(e)), Q = (e) => e.getById(ne(e)), X = (e) => e.getById(ie(e)), L = (e) => e.getById(le(e)), Z = (e) => e.getById(oe(e)), ae = (e, t) => {
+  if (t == null) return;
+  const i = `[role=option][data-value="${CSS.escape(t)}"]`;
+  return Ee(T(e), i);
+}, z = (e) => {
+  const t = y(e);
+  e.isActiveElement(t) || t == null || t.focus({ preventScroll: !0 });
+}, Re = (e) => {
+  const t = L(e);
+  e.isActiveElement(t) || t == null || t.focus({ preventScroll: !0 });
+};
+function Ye(e, t) {
+  const { context: i, prop: n, state: o, send: a, scope: r, computed: C, event: k } = e, O = n("translations"), E = n("collection"), I = n("disabled"), P = C("isInteractive"), v = n("invalid"), S = n("readOnly"), d = o.hasTag("open"), F = o.hasTag("focused"), N = n("composite"), b = i.get("highlightedValue"), se = Ve({
+    ...n("positioning"),
+    placement: i.get("currentPlacement")
   });
-  function T(l) {
-    const { item: a } = l, p = r.getItemDisabled(a), h = r.getItemValue(a);
-    return {
-      value: h,
-      disabled: !!(p || p),
-      highlighted: b === h,
-      selected: t.context.value.includes(h)
+  function H(l) {
+    const s = E.getItemDisabled(l.item), g = E.getItemValue(l.item);
+    return Se(g, () => `[zag-js] No value found for item ${JSON.stringify(l.item)}`), {
+      value: g,
+      disabled: !!(s || s),
+      highlighted: b === g,
+      selected: i.get("value").includes(g)
     };
   }
   return {
-    focused: f,
+    focused: F,
     open: d,
-    inputValue: t.context.inputValue,
+    inputValue: i.get("inputValue"),
     highlightedValue: b,
-    highlightedItem: t.context.highlightedItem,
-    value: t.context.value,
-    valueAsString: t.context.valueAsString,
-    hasSelectedItems: t.context.hasSelectedItems,
-    selectedItems: t.context.selectedItems,
-    collection: t.context.collection,
-    reposition(l = {}) {
-      n({ type: "POSITIONING.SET", options: l });
+    highlightedItem: i.get("highlightedItem"),
+    value: i.get("value"),
+    valueAsString: i.get("valueAsString"),
+    hasSelectedItems: C("hasSelectedItems"),
+    selectedItems: i.get("selectedItems"),
+    collection: n("collection"),
+    multiple: !!n("multiple"),
+    disabled: !!I,
+    syncSelectedItems() {
+      a({ type: "SELECTED_ITEMS.SYNC" });
     },
-    setCollection(l) {
-      n({ type: "COLLECTION.SET", value: l });
+    reposition(l = {}) {
+      a({ type: "POSITIONING.SET", options: l });
     },
     setHighlightValue(l) {
-      n({ type: "HIGHLIGHTED_VALUE.SET", value: l });
+      a({ type: "HIGHLIGHTED_VALUE.SET", value: l });
     },
     selectValue(l) {
-      n({ type: "ITEM.SELECT", value: l });
+      a({ type: "ITEM.SELECT", value: l });
     },
     setValue(l) {
-      n({ type: "VALUE.SET", value: l });
+      a({ type: "VALUE.SET", value: l });
     },
     setInputValue(l) {
-      n({ type: "INPUT_VALUE.SET", value: l });
+      a({ type: "INPUT_VALUE.SET", value: l });
     },
     clearValue(l) {
-      l != null ? n({ type: "ITEM.CLEAR", value: l }) : n("VALUE.CLEAR");
+      l != null ? a({ type: "ITEM.CLEAR", value: l }) : a({ type: "VALUE.CLEAR" });
     },
     focus() {
       var l;
-      (l = o.getInputEl(t.context)) == null || l.focus();
+      (l = y(r)) == null || l.focus();
     },
     setOpen(l) {
-      l !== d && n(l ? "OPEN" : "CLOSE");
+      o.hasTag("open") !== l && a({ type: l ? "OPEN" : "CLOSE" });
     },
     getRootProps() {
-      return e.element({
-        ...I.root.attrs,
-        dir: t.context.dir,
-        id: o.getRootId(t.context),
-        "data-invalid": u(O),
-        "data-readonly": u(V)
+      return t.element({
+        ...p.root.attrs,
+        dir: n("dir"),
+        id: Fe(r),
+        "data-invalid": u(v),
+        "data-readonly": u(S)
       });
     },
     getLabelProps() {
-      return e.label({
-        ...I.label.attrs,
-        dir: t.context.dir,
-        htmlFor: o.getInputId(t.context),
-        id: o.getLabelId(t.context),
-        "data-readonly": u(V),
-        "data-disabled": u(s),
-        "data-invalid": u(O),
-        "data-focus": u(f),
+      return t.label({
+        ...p.label.attrs,
+        dir: n("dir"),
+        htmlFor: M(r),
+        id: B(r),
+        "data-readonly": u(S),
+        "data-disabled": u(I),
+        "data-invalid": u(v),
+        "data-focus": u(F),
         onClick(l) {
-          var a;
-          E || (l.preventDefault(), (a = o.getTriggerEl(t.context)) == null || a.focus({ preventScroll: !0 }));
+          var s;
+          N || (l.preventDefault(), (s = L(r)) == null || s.focus({ preventScroll: !0 }));
         }
       });
     },
     getControlProps() {
-      return e.element({
-        ...I.control.attrs,
-        dir: t.context.dir,
-        id: o.getControlId(t.context),
+      return t.element({
+        ...p.control.attrs,
+        dir: n("dir"),
+        id: ie(r),
         "data-state": d ? "open" : "closed",
-        "data-focus": u(f),
-        "data-disabled": u(s),
-        "data-invalid": u(O)
+        "data-focus": u(F),
+        "data-disabled": u(I),
+        "data-invalid": u(v)
       });
     },
     getPositionerProps() {
-      return e.element({
-        ...I.positioner.attrs,
-        dir: t.context.dir,
-        id: o.getPositionerId(t.context),
-        style: N.floating
+      return t.element({
+        ...p.positioner.attrs,
+        dir: n("dir"),
+        id: ne(r),
+        style: se.floating
       });
     },
     getInputProps() {
-      return e.input({
-        ...I.input.attrs,
-        dir: t.context.dir,
-        "aria-invalid": A(O),
-        "data-invalid": u(O),
-        name: t.context.name,
-        form: t.context.form,
-        disabled: s,
-        autoFocus: t.context.autoFocus,
-        required: t.context.required,
+      return t.input({
+        ...p.input.attrs,
+        dir: n("dir"),
+        "aria-invalid": K(v),
+        "data-invalid": u(v),
+        "data-autofocus": u(n("autoFocus")),
+        name: n("name"),
+        form: n("form"),
+        disabled: I,
+        required: n("required"),
         autoComplete: "off",
         autoCorrect: "off",
         autoCapitalize: "none",
         spellCheck: "false",
-        readOnly: V,
-        placeholder: t.context.placeholder,
-        id: o.getInputId(t.context),
+        readOnly: S,
+        placeholder: n("placeholder"),
+        id: M(r),
         type: "text",
         role: "combobox",
-        defaultValue: t.context.inputValue,
-        "aria-autocomplete": t.context.autoComplete ? "both" : "list",
-        "aria-controls": o.getContentId(t.context),
+        defaultValue: i.get("inputValue"),
+        "aria-autocomplete": C("autoComplete") ? "both" : "list",
+        "aria-controls": w(r),
         "aria-expanded": d,
         "data-state": d ? "open" : "closed",
-        "aria-activedescendant": b ? o.getItemId(t.context, b) : void 0,
+        "aria-activedescendant": b ? J(r, b) : void 0,
         onClick(l) {
-          l.defaultPrevented || t.context.openOnClick && c && n("INPUT.CLICK");
+          l.defaultPrevented || n("openOnClick") && P && a({ type: "INPUT.CLICK" });
         },
         onFocus() {
-          s || n("INPUT.FOCUS");
+          I || a({ type: "INPUT.FOCUS" });
         },
         onBlur() {
-          s || n("INPUT.BLUR");
+          I || a({ type: "INPUT.BLUR" });
         },
         onChange(l) {
-          n({ type: "INPUT.CHANGE", value: l.currentTarget.value });
+          a({ type: "INPUT.CHANGE", value: l.currentTarget.value });
         },
         onKeyDown(l) {
-          if (l.defaultPrevented || !c || l.ctrlKey || l.shiftKey || ee(l)) return;
-          const a = t.context.openOnKeyPress, p = l.ctrlKey || l.metaKey || l.shiftKey, h = !0, y = {
-            ArrowDown(v) {
-              !a && !d || (n({ type: v.altKey ? "OPEN" : "INPUT.ARROW_DOWN", keypress: h }), v.preventDefault());
+          if (l.defaultPrevented || !P || l.ctrlKey || l.shiftKey || fe(l)) return;
+          const s = n("openOnKeyPress"), g = l.ctrlKey || l.metaKey || l.shiftKey, h = !0, A = {
+            ArrowDown(V) {
+              !s && !d || (a({ type: V.altKey ? "OPEN" : "INPUT.ARROW_DOWN", keypress: h }), V.preventDefault());
             },
             ArrowUp() {
-              !a && !d || (n({ type: l.altKey ? "CLOSE" : "INPUT.ARROW_UP", keypress: h }), l.preventDefault());
+              !s && !d || (a({ type: l.altKey ? "CLOSE" : "INPUT.ARROW_UP", keypress: h }), l.preventDefault());
             },
-            Home(v) {
-              p || (n({ type: "INPUT.HOME", keypress: h }), d && v.preventDefault());
+            Home(V) {
+              g || (a({ type: "INPUT.HOME", keypress: h }), d && V.preventDefault());
             },
-            End(v) {
-              p || (n({ type: "INPUT.END", keypress: h }), d && v.preventDefault());
+            End(V) {
+              g || (a({ type: "INPUT.END", keypress: h }), d && V.preventDefault());
             },
-            Enter(v) {
-              n({ type: "INPUT.ENTER", keypress: h }), d && v.preventDefault();
-              const K = o.getHighlightedItemEl(t.context);
-              j(K);
+            Enter(V) {
+              var W;
+              a({ type: "INPUT.ENTER", keypress: h });
+              const ue = C("isCustomValue") && n("allowCustomValue");
+              if (d && !ue && V.preventDefault(), b == null) return;
+              const _ = ae(r, b);
+              ve(_) && ((W = n("navigate")) == null || W({ value: b, node: _, href: _.href }));
             },
             Escape() {
-              n({ type: "INPUT.ESCAPE", keypress: h }), l.preventDefault();
+              a({ type: "INPUT.ESCAPE", keypress: h }), l.preventDefault();
             }
-          }, w = U(l, t.context), k = y[w];
-          k == null || k(l);
+          }, re = $(l, { dir: n("dir") }), x = A[re];
+          x == null || x(l);
         }
       });
     },
     getTriggerProps(l = {}) {
-      return e.button({
-        ...I.trigger.attrs,
-        dir: t.context.dir,
-        id: o.getTriggerId(t.context),
-        "aria-haspopup": E ? "listbox" : "dialog",
+      return t.button({
+        ...p.trigger.attrs,
+        dir: n("dir"),
+        id: le(r),
+        "aria-haspopup": N ? "listbox" : "dialog",
         type: "button",
         tabIndex: l.focusable ? void 0 : -1,
-        "aria-label": i.triggerLabel,
+        "aria-label": O.triggerLabel,
         "aria-expanded": d,
         "data-state": d ? "open" : "closed",
-        "aria-controls": d ? o.getContentId(t.context) : void 0,
-        disabled: s,
-        "data-invalid": u(O),
+        "aria-controls": d ? w(r) : void 0,
+        disabled: I,
+        "data-invalid": u(v),
         "data-focusable": u(l.focusable),
-        "data-readonly": u(V),
-        "data-disabled": u(s),
+        "data-readonly": u(S),
+        "data-disabled": u(I),
         onFocus() {
-          l.focusable && n({ type: "INPUT.FOCUS", src: "trigger" });
+          l.focusable && a({ type: "INPUT.FOCUS", src: "trigger" });
         },
-        onClick(a) {
-          a.defaultPrevented || c && q(a) && n("TRIGGER.CLICK");
+        onClick(s) {
+          s.defaultPrevented || P && U(s) && a({ type: "TRIGGER.CLICK" });
         },
-        onPointerDown(a) {
-          c && a.pointerType !== "touch" && (a.preventDefault(), queueMicrotask(() => {
-            var p;
-            (p = o.getInputEl(t.context)) == null || p.focus({ preventScroll: !0 });
+        onPointerDown(s) {
+          P && s.pointerType !== "touch" && U(s) && (s.preventDefault(), queueMicrotask(() => {
+            var g;
+            (g = y(r)) == null || g.focus({ preventScroll: !0 });
           }));
         },
-        onKeyDown(a) {
-          if (a.defaultPrevented || E) return;
-          const p = {
+        onKeyDown(s) {
+          if (s.defaultPrevented || N) return;
+          const g = {
             ArrowDown() {
-              n({ type: "INPUT.ARROW_DOWN", src: "trigger" });
+              a({ type: "INPUT.ARROW_DOWN", src: "trigger" });
             },
             ArrowUp() {
-              n({ type: "INPUT.ARROW_UP", src: "trigger" });
+              a({ type: "INPUT.ARROW_UP", src: "trigger" });
             }
-          }, h = U(a, t.context), y = p[h];
-          y && (y(a), a.preventDefault());
+          }, h = $(s, { dir: n("dir") }), A = g[h];
+          A && (A(s), s.preventDefault());
         }
       });
     },
     getContentProps() {
-      return e.element({
-        ...I.content.attrs,
-        dir: t.context.dir,
-        id: o.getContentId(t.context),
-        role: E ? "listbox" : "dialog",
+      return t.element({
+        ...p.content.attrs,
+        dir: n("dir"),
+        id: w(r),
+        role: N ? "listbox" : "dialog",
         tabIndex: -1,
         hidden: !d,
         "data-state": d ? "open" : "closed",
-        "data-placement": t.context.currentPlacement,
-        "aria-labelledby": o.getLabelId(t.context),
-        "aria-multiselectable": t.context.multiple && E ? !0 : void 0,
+        "data-placement": i.get("currentPlacement"),
+        "aria-labelledby": B(r),
+        "aria-multiselectable": n("multiple") && N ? !0 : void 0,
+        "data-empty": u(E.size === 0),
         onPointerDown(l) {
-          l.preventDefault();
+          U(l) && l.preventDefault();
         }
       });
     },
     getListProps() {
-      return e.element({
-        ...I.list.attrs,
-        role: E ? void 0 : "listbox",
-        "aria-labelledby": o.getLabelId(t.context),
-        "aria-multiselectable": t.context.multiple && !E ? !0 : void 0
+      return t.element({
+        ...p.list.attrs,
+        role: N ? void 0 : "listbox",
+        "data-empty": u(E.size === 0),
+        "aria-labelledby": B(r),
+        "aria-multiselectable": n("multiple") && !N ? !0 : void 0
       });
     },
     getClearTriggerProps() {
-      return e.button({
-        ...I.clearTrigger.attrs,
-        dir: t.context.dir,
-        id: o.getClearTriggerId(t.context),
+      return t.button({
+        ...p.clearTrigger.attrs,
+        dir: n("dir"),
+        id: oe(r),
         type: "button",
         tabIndex: -1,
-        disabled: s,
-        "data-invalid": u(O),
-        "aria-label": i.clearTriggerLabel,
-        "aria-controls": o.getInputId(t.context),
-        hidden: !t.context.value.length,
+        disabled: I,
+        "data-invalid": u(v),
+        "aria-label": O.clearTriggerLabel,
+        "aria-controls": M(r),
+        hidden: !i.get("value").length,
         onPointerDown(l) {
-          l.preventDefault();
+          U(l) && l.preventDefault();
         },
         onClick(l) {
-          l.defaultPrevented || c && n({ type: "VALUE.CLEAR", src: "clear-trigger" });
+          l.defaultPrevented || P && a({ type: "VALUE.CLEAR", src: "clear-trigger" });
         }
       });
     },
-    getItemState: T,
+    getItemState: H,
     getItemProps(l) {
-      const a = T(l), p = a.value;
-      return e.element({
-        ...I.item.attrs,
-        dir: t.context.dir,
-        id: o.getItemId(t.context, p),
+      const s = H(l), g = s.value;
+      return t.element({
+        ...p.item.attrs,
+        dir: n("dir"),
+        id: J(r, g),
         role: "option",
         tabIndex: -1,
-        "data-highlighted": u(a.highlighted),
-        "data-state": a.selected ? "checked" : "unchecked",
-        "aria-selected": A(a.highlighted),
-        "aria-disabled": A(a.disabled),
-        "data-disabled": u(a.disabled),
-        "data-value": a.value,
+        "data-highlighted": u(s.highlighted),
+        "data-state": s.selected ? "checked" : "unchecked",
+        "aria-selected": K(s.highlighted),
+        "aria-disabled": K(s.disabled),
+        "data-disabled": u(s.disabled),
+        "data-value": s.value,
         onPointerMove() {
-          a.disabled || a.highlighted || n({ type: "ITEM.POINTER_MOVE", value: p });
+          s.disabled || s.highlighted || a({ type: "ITEM.POINTER_MOVE", value: g });
         },
         onPointerLeave() {
-          l.persistFocus || a.disabled || !t.previousEvent.type.includes("POINTER") || n({ type: "ITEM.POINTER_LEAVE", value: p });
+          if (l.persistFocus || s.disabled) return;
+          const h = k.previous();
+          h != null && h.type.includes("POINTER") && a({ type: "ITEM.POINTER_LEAVE", value: g });
         },
         onClick(h) {
-          z(h) || x(h) || Y(h) || a.disabled || n({ type: "ITEM.CLICK", src: "click", value: p });
+          pe(h) || me(h) || Ce(h) || s.disabled || a({ type: "ITEM.CLICK", src: "click", value: g });
         }
       });
     },
     getItemTextProps(l) {
-      const a = T(l);
-      return e.element({
-        ...I.itemText.attrs,
-        dir: t.context.dir,
-        "data-state": a.selected ? "checked" : "unchecked",
-        "data-disabled": u(a.disabled),
-        "data-highlighted": u(a.highlighted)
+      const s = H(l);
+      return t.element({
+        ...p.itemText.attrs,
+        dir: n("dir"),
+        "data-state": s.selected ? "checked" : "unchecked",
+        "data-disabled": u(s.disabled),
+        "data-highlighted": u(s.highlighted)
       });
     },
     getItemIndicatorProps(l) {
-      const a = T(l);
-      return e.element({
+      const s = H(l);
+      return t.element({
         "aria-hidden": !0,
-        ...I.itemIndicator.attrs,
-        dir: t.context.dir,
-        "data-state": a.selected ? "checked" : "unchecked",
-        hidden: !a.selected
+        ...p.itemIndicator.attrs,
+        dir: n("dir"),
+        "data-state": s.selected ? "checked" : "unchecked",
+        hidden: !s.selected
       });
     },
     getItemGroupProps(l) {
-      const { id: a } = l;
-      return e.element({
-        ...I.itemGroup.attrs,
-        dir: t.context.dir,
-        id: o.getItemGroupId(t.context, a),
-        "aria-labelledby": o.getItemGroupLabelId(t.context, a)
+      const { id: s } = l;
+      return t.element({
+        ...p.itemGroup.attrs,
+        dir: n("dir"),
+        id: Ae(r, s),
+        "aria-labelledby": j(r, s),
+        "data-empty": u(E.size === 0),
+        role: "group"
       });
     },
     getItemGroupLabelProps(l) {
-      const { htmlFor: a } = l;
-      return e.element({
-        ...I.itemGroupLabel.attrs,
-        dir: t.context.dir,
-        id: o.getItemGroupLabelId(t.context, a),
-        role: "group"
+      const { htmlFor: s } = l;
+      return t.element({
+        ...p.itemGroupLabel.attrs,
+        dir: n("dir"),
+        id: j(r, s),
+        role: "presentation"
       });
     }
   };
 }
-var { and: m, not: P } = $;
-function ve(t) {
-  const n = oe(t);
-  return W(
-    {
-      id: "combobox",
-      initial: n.open ? "suggesting" : "idle",
-      context: {
-        loopFocus: !0,
-        openOnClick: !1,
-        value: [],
-        highlightedValue: null,
-        inputValue: "",
-        allowCustomValue: !1,
-        closeOnSelect: !n.multiple,
-        inputBehavior: "none",
-        selectionBehavior: "replace",
-        openOnKeyPress: !0,
-        openOnChange: !0,
-        composite: !0,
-        readOnly: !1,
-        disabled: !1,
-        ...n,
-        highlightedItem: null,
-        selectedItems: [],
-        valueAsString: "",
-        collection: n.collection ?? _.empty(),
-        positioning: {
-          placement: "bottom",
-          sameWidth: !0,
-          ...n.positioning
-        },
-        translations: {
-          triggerLabel: "Toggle suggestions",
-          clearTriggerLabel: "Clear value",
-          ...n.translations
-        }
-      },
-      created: ["syncInitialValues", "syncSelectionBehavior"],
-      computed: {
-        isInputValueEmpty: (e) => e.inputValue.length === 0,
-        isInteractive: (e) => !(e.readOnly || e.disabled),
-        autoComplete: (e) => e.inputBehavior === "autocomplete",
-        autoHighlight: (e) => e.inputBehavior === "autohighlight",
-        hasSelectedItems: (e) => e.value.length > 0
+var { guards: He, createMachine: Ue, choose: De } = be(), { and: c, not: m } = He, je = Ue({
+  props({ props: e }) {
+    return {
+      loopFocus: !0,
+      openOnClick: !1,
+      defaultValue: [],
+      closeOnSelect: !e.multiple,
+      allowCustomValue: !1,
+      inputBehavior: "none",
+      selectionBehavior: e.multiple ? "clear" : "replace",
+      openOnKeyPress: !0,
+      openOnChange: !0,
+      composite: !0,
+      navigate({ node: t }) {
+        Ie(t);
       },
-      watch: {
-        value: ["syncSelectedItems"],
-        inputValue: ["syncInputValue"],
-        highlightedValue: ["syncHighlightedItem", "autofillInputValue"],
-        multiple: ["syncSelectionBehavior"],
-        open: ["toggleVisibility"]
+      collection: te.empty(),
+      ...e,
+      positioning: {
+        placement: "bottom",
+        sameWidth: !0,
+        ...e.positioning
       },
-      on: {
-        "HIGHLIGHTED_VALUE.SET": {
-          actions: ["setHighlightedItem"]
-        },
-        "ITEM.SELECT": {
-          actions: ["selectItem"]
-        },
-        "ITEM.CLEAR": {
-          actions: ["clearItem"]
-        },
-        "VALUE.SET": {
-          actions: ["setSelectedItems"]
-        },
-        "INPUT_VALUE.SET": {
-          actions: "setInputValue"
-        },
-        "COLLECTION.SET": {
-          actions: ["setCollection"]
+      translations: {
+        triggerLabel: "Toggle suggestions",
+        clearTriggerLabel: "Clear value",
+        ...e.translations
+      }
+    };
+  },
+  initialState({ prop: e }) {
+    return e("open") || e("defaultOpen") ? "suggesting" : "idle";
+  },
+  context({ prop: e, bindable: t, getContext: i }) {
+    return {
+      currentPlacement: t(() => ({
+        defaultValue: void 0
+      })),
+      value: t(() => ({
+        defaultValue: e("defaultValue"),
+        value: e("value"),
+        isEqual: Pe,
+        hash(n) {
+          return n.join(",");
         },
-        "POSITIONING.SET": {
-          actions: ["reposition"]
+        onChange(n) {
+          var k;
+          const o = i(), a = o.get("selectedItems"), r = e("collection"), C = n.map((O) => a.find((I) => r.getItemValue(I) === O) || r.find(O));
+          o.set("selectedItems", C), o.set("valueAsString", r.stringifyItems(C)), (k = e("onValueChange")) == null || k({ value: n, items: C });
         }
-      },
-      states: {
-        idle: {
-          tags: ["idle", "closed"],
-          entry: ["scrollContentToTop", "clearHighlightedItem"],
-          on: {
-            "CONTROLLED.OPEN": {
-              target: "interacting"
-            },
-            "TRIGGER.CLICK": [
-              {
-                guard: "isOpenControlled",
-                actions: ["setInitialFocus", "highlightFirstSelectedItem", "invokeOnOpen"]
-              },
-              {
-                target: "interacting",
-                actions: ["setInitialFocus", "highlightFirstSelectedItem", "invokeOnOpen"]
-              }
-            ],
-            "INPUT.CLICK": [
-              {
-                guard: "isOpenControlled",
-                actions: ["highlightFirstSelectedItem", "invokeOnOpen"]
-              },
-              {
-                target: "interacting",
-                actions: ["highlightFirstSelectedItem", "invokeOnOpen"]
-              }
-            ],
-            "INPUT.FOCUS": {
-              target: "focused"
-            },
-            OPEN: [
-              {
-                guard: "isOpenControlled",
-                actions: ["invokeOnOpen"]
-              },
-              {
-                target: "interacting",
-                actions: ["invokeOnOpen"]
-              }
-            ],
-            "VALUE.CLEAR": {
-              target: "focused",
-              actions: ["clearInputValue", "clearSelectedItems", "setInitialFocus"]
-            }
+      })),
+      highlightedValue: t(() => ({
+        defaultValue: e("defaultHighlightedValue") || null,
+        value: e("highlightedValue"),
+        onChange(n) {
+          var a;
+          const o = e("collection").find(n);
+          (a = e("onHighlightChange")) == null || a({ highlightedValue: n, highlightedItem: o });
+        }
+      })),
+      inputValue: t(() => {
+        let n = e("inputValue") || e("defaultInputValue") || "";
+        const o = e("defaultValue") || e("value") || [];
+        if (!n.trim() && !e("multiple")) {
+          const a = e("collection").stringifyMany(o);
+          n = D(e("selectionBehavior"), {
+            preserve: n || a,
+            replace: a,
+            clear: ""
+          });
+        }
+        return {
+          defaultValue: n,
+          value: e("inputValue"),
+          onChange(a) {
+            var r;
+            (r = e("onInputValueChange")) == null || r({ inputValue: a });
           }
+        };
+      }),
+      highlightedItem: t(() => {
+        const n = e("highlightedValue");
+        return { defaultValue: e("collection").find(n) };
+      }),
+      selectedItems: t(() => {
+        const n = e("value") || e("defaultValue") || [];
+        return { defaultValue: e("collection").findMany(n) };
+      }),
+      valueAsString: t(() => {
+        const n = e("value") || e("defaultValue") || [];
+        return { sync: !0, defaultValue: e("collection").stringifyMany(n) };
+      })
+    };
+  },
+  computed: {
+    isInputValueEmpty: ({ context: e }) => e.get("inputValue").length === 0,
+    isInteractive: ({ prop: e }) => !(e("readOnly") || e("disabled")),
+    autoComplete: ({ prop: e }) => e("inputBehavior") === "autocomplete",
+    autoHighlight: ({ prop: e }) => e("inputBehavior") === "autohighlight",
+    hasSelectedItems: ({ context: e }) => e.get("value").length > 0,
+    isCustomValue: ({ context: e }) => e.get("inputValue") !== e.get("valueAsString")
+  },
+  watch({ context: e, prop: t, track: i, action: n }) {
+    i([() => e.hash("value")], () => {
+      n(["syncSelectedItems"]);
+    }), i([() => e.get("inputValue")], () => {
+      n(["syncInputValue"]);
+    }), i([() => e.get("highlightedValue")], () => {
+      n(["syncHighlightedItem", "autofillInputValue"]);
+    }), i([() => t("open")], () => {
+      n(["toggleVisibility"]);
+    });
+  },
+  on: {
+    "SELECTED_ITEMS.SYNC": {
+      actions: ["syncSelectedItems"]
+    },
+    "HIGHLIGHTED_VALUE.SET": {
+      actions: ["setHighlightedItem"]
+    },
+    "ITEM.SELECT": {
+      actions: ["selectItem"]
+    },
+    "ITEM.CLEAR": {
+      actions: ["clearItem"]
+    },
+    "VALUE.SET": {
+      actions: ["setValue"]
+    },
+    "INPUT_VALUE.SET": {
+      actions: ["setInputValue"]
+    },
+    "POSITIONING.SET": {
+      actions: ["reposition"]
+    }
+  },
+  entry: De([
+    {
+      guard: "autoFocus",
+      actions: ["setInitialFocus"]
+    }
+  ]),
+  states: {
+    idle: {
+      tags: ["idle", "closed"],
+      entry: ["scrollContentToTop", "clearHighlightedItem"],
+      on: {
+        "CONTROLLED.OPEN": {
+          target: "interacting"
         },
-        focused: {
-          tags: ["focused", "closed"],
-          entry: ["scrollContentToTop", "clearHighlightedItem"],
-          on: {
-            "CONTROLLED.OPEN": [
-              {
-                guard: "isChangeEvent",
-                target: "suggesting"
-              },
-              {
-                target: "interacting"
-              }
-            ],
-            "INPUT.CHANGE": [
-              {
-                guard: m("isOpenControlled", "openOnChange"),
-                actions: ["setInputValue", "invokeOnOpen", "highlightFirstItemIfNeeded"]
-              },
-              {
-                guard: "openOnChange",
-                target: "suggesting",
-                actions: ["setInputValue", "invokeOnOpen", "highlightFirstItemIfNeeded"]
-              },
-              {
-                actions: "setInputValue"
-              }
-            ],
-            "LAYER.INTERACT_OUTSIDE": {
-              target: "idle"
-            },
-            "INPUT.ESCAPE": {
-              guard: m("isCustomValue", P("allowCustomValue")),
-              actions: "revertInputValue"
-            },
-            "INPUT.BLUR": {
-              target: "idle"
-            },
-            "INPUT.CLICK": [
-              {
-                guard: "isOpenControlled",
-                actions: ["highlightFirstSelectedItem", "invokeOnOpen"]
-              },
-              {
-                target: "interacting",
-                actions: ["highlightFirstSelectedItem", "invokeOnOpen"]
-              }
-            ],
-            "TRIGGER.CLICK": [
-              {
-                guard: "isOpenControlled",
-                actions: ["setInitialFocus", "highlightFirstSelectedItem", "invokeOnOpen"]
-              },
-              {
-                target: "interacting",
-                actions: ["setInitialFocus", "highlightFirstSelectedItem", "invokeOnOpen"]
-              }
-            ],
-            "INPUT.ARROW_DOWN": [
-              // == group 1 ==
-              {
-                guard: m("isOpenControlled", "autoComplete"),
-                actions: ["invokeOnOpen"]
-              },
-              {
-                guard: "autoComplete",
-                target: "interacting",
-                actions: ["invokeOnOpen"]
-              },
-              // == group 2 ==
-              {
-                guard: "isOpenControlled",
-                actions: ["highlightFirstOrSelectedItem", "invokeOnOpen"]
-              },
-              {
-                target: "interacting",
-                actions: ["highlightFirstOrSelectedItem", "invokeOnOpen"]
-              }
-            ],
-            "INPUT.ARROW_UP": [
-              // == group 1 ==
-              {
-                guard: "autoComplete",
-                target: "interacting",
-                actions: "invokeOnOpen"
-              },
-              {
-                guard: "autoComplete",
-                target: "interacting",
-                actions: "invokeOnOpen"
-              },
-              // == group 2 ==
-              {
-                target: "interacting",
-                actions: ["highlightLastOrSelectedItem", "invokeOnOpen"]
-              },
-              {
-                target: "interacting",
-                actions: ["highlightLastOrSelectedItem", "invokeOnOpen"]
-              }
-            ],
-            OPEN: [
-              {
-                guard: "isOpenControlled",
-                actions: ["invokeOnOpen"]
-              },
-              {
-                target: "interacting",
-                actions: ["invokeOnOpen"]
-              }
-            ],
-            "VALUE.CLEAR": {
-              actions: ["clearInputValue", "clearSelectedItems"]
-            }
+        "TRIGGER.CLICK": [
+          {
+            guard: "isOpenControlled",
+            actions: ["setInitialFocus", "highlightFirstSelectedItem", "invokeOnOpen"]
+          },
+          {
+            target: "interacting",
+            actions: ["setInitialFocus", "highlightFirstSelectedItem", "invokeOnOpen"]
           }
-        },
-        interacting: {
-          tags: ["open", "focused"],
-          entry: ["setInitialFocus"],
-          activities: ["scrollToHighlightedItem", "trackDismissableLayer", "computePlacement", "hideOtherElements"],
-          on: {
-            "CONTROLLED.CLOSE": [
-              {
-                guard: "restoreFocus",
-                target: "focused",
-                actions: ["setFinalFocus"]
-              },
-              {
-                target: "idle"
-              }
-            ],
-            "INPUT.HOME": {
-              actions: ["highlightFirstItem"]
-            },
-            "INPUT.END": {
-              actions: ["highlightLastItem"]
-            },
-            "INPUT.ARROW_DOWN": [
-              {
-                guard: m("autoComplete", "isLastItemHighlighted"),
-                actions: ["clearHighlightedItem", "scrollContentToTop"]
-              },
-              {
-                actions: ["highlightNextItem"]
-              }
-            ],
-            "INPUT.ARROW_UP": [
-              {
-                guard: m("autoComplete", "isFirstItemHighlighted"),
-                actions: "clearHighlightedItem"
-              },
-              {
-                actions: "highlightPrevItem"
-              }
-            ],
-            "INPUT.ENTER": [
-              {
-                guard: m("isOpenControlled", "closeOnSelect"),
-                actions: ["selectHighlightedItem", "invokeOnClose"]
-              },
-              {
-                guard: "closeOnSelect",
-                target: "focused",
-                actions: ["selectHighlightedItem", "invokeOnClose", "setFinalFocus"]
-              },
-              {
-                actions: ["selectHighlightedItem"]
-              }
-            ],
-            "INPUT.CHANGE": [
-              {
-                guard: "autoComplete",
-                target: "suggesting",
-                actions: ["setInputValue", "invokeOnOpen"]
-              },
-              {
-                target: "suggesting",
-                actions: ["clearHighlightedItem", "setInputValue", "invokeOnOpen"]
-              }
-            ],
-            "ITEM.POINTER_MOVE": {
-              actions: ["setHighlightedItem"]
-            },
-            "ITEM.POINTER_LEAVE": {
-              actions: ["clearHighlightedItem"]
-            },
-            "ITEM.CLICK": [
-              {
-                guard: m("isOpenControlled", "closeOnSelect"),
-                actions: ["selectItem", "invokeOnClose"]
-              },
-              {
-                guard: "closeOnSelect",
-                target: "focused",
-                actions: ["selectItem", "invokeOnClose", "setFinalFocus"]
-              },
-              {
-                actions: ["selectItem"]
-              }
-            ],
-            "LAYER.ESCAPE": [
-              {
-                guard: m("isOpenControlled", "autoComplete"),
-                actions: ["syncInputValue", "invokeOnClose"]
-              },
-              {
-                guard: "autoComplete",
-                target: "focused",
-                actions: ["syncInputValue", "invokeOnClose"]
-              },
-              {
-                guard: "isOpenControlled",
-                actions: "invokeOnClose"
-              },
-              {
-                target: "focused",
-                actions: ["invokeOnClose", "setFinalFocus"]
-              }
-            ],
-            "TRIGGER.CLICK": [
-              {
-                guard: "isOpenControlled",
-                actions: "invokeOnClose"
-              },
-              {
-                target: "focused",
-                actions: "invokeOnClose"
-              }
-            ],
-            "LAYER.INTERACT_OUTSIDE": [
-              // == group 1 ==
-              {
-                guard: m("isOpenControlled", "isCustomValue", P("allowCustomValue")),
-                actions: ["revertInputValue", "invokeOnClose"]
-              },
-              {
-                guard: m("isCustomValue", P("allowCustomValue")),
-                target: "idle",
-                actions: ["revertInputValue", "invokeOnClose"]
-              },
-              // == group 2 ==
-              {
-                guard: "isOpenControlled",
-                actions: "invokeOnClose"
-              },
-              {
-                target: "idle",
-                actions: "invokeOnClose"
-              }
-            ],
-            CLOSE: [
-              {
-                guard: "isOpenControlled",
-                actions: ["invokeOnClose"]
-              },
-              {
-                target: "focused",
-                actions: ["invokeOnClose", "setFinalFocus"]
-              }
-            ],
-            "VALUE.CLEAR": [
-              {
-                guard: "isOpenControlled",
-                actions: ["clearInputValue", "clearSelectedItems", "invokeOnClose"]
-              },
-              {
-                target: "focused",
-                actions: ["clearInputValue", "clearSelectedItems", "invokeOnClose", "setFinalFocus"]
-              }
-            ]
+        ],
+        "INPUT.CLICK": [
+          {
+            guard: "isOpenControlled",
+            actions: ["highlightFirstSelectedItem", "invokeOnOpen"]
+          },
+          {
+            target: "interacting",
+            actions: ["highlightFirstSelectedItem", "invokeOnOpen"]
           }
+        ],
+        "INPUT.FOCUS": {
+          target: "focused"
         },
-        suggesting: {
-          tags: ["open", "focused"],
-          activities: [
-            "trackDismissableLayer",
-            "scrollToHighlightedItem",
-            "computePlacement",
-            "trackChildNodes",
-            "hideOtherElements"
-          ],
-          entry: ["setInitialFocus"],
-          on: {
-            "CONTROLLED.CLOSE": [
-              {
-                guard: "restoreFocus",
-                target: "focused",
-                actions: ["setFinalFocus"]
-              },
-              {
-                target: "idle"
-              }
-            ],
-            CHILDREN_CHANGE: {
-              actions: ["highlightFirstItem"]
-            },
-            "INPUT.ARROW_DOWN": {
-              target: "interacting",
-              actions: ["highlightNextItem"]
-            },
-            "INPUT.ARROW_UP": {
-              target: "interacting",
-              actions: ["highlightPrevItem"]
-            },
-            "INPUT.HOME": {
-              target: "interacting",
-              actions: ["highlightFirstItem"]
-            },
-            "INPUT.END": {
-              target: "interacting",
-              actions: ["highlightLastItem"]
-            },
-            "INPUT.ENTER": [
-              {
-                guard: m("isOpenControlled", "closeOnSelect"),
-                actions: ["selectHighlightedItem", "invokeOnClose"]
-              },
-              {
-                guard: "closeOnSelect",
-                target: "focused",
-                actions: ["selectHighlightedItem", "invokeOnClose", "setFinalFocus"]
-              },
-              {
-                actions: ["selectHighlightedItem"]
-              }
-            ],
-            "INPUT.CHANGE": [
-              {
-                guard: "autoHighlight",
-                actions: ["setInputValue"]
-              },
-              {
-                actions: ["setInputValue"]
-              }
-            ],
-            "LAYER.ESCAPE": [
-              {
-                guard: "isOpenControlled",
-                actions: ["invokeOnClose"]
-              },
-              {
-                target: "focused",
-                actions: ["invokeOnClose"]
-              }
-            ],
-            "ITEM.POINTER_MOVE": {
-              target: "interacting",
-              actions: ["setHighlightedItem"]
-            },
-            "ITEM.POINTER_LEAVE": {
-              actions: ["clearHighlightedItem"]
-            },
-            "LAYER.INTERACT_OUTSIDE": [
-              // == group 1 ==
-              {
-                guard: m("isOpenControlled", "isCustomValue", P("allowCustomValue")),
-                actions: ["revertInputValue", "invokeOnClose"]
-              },
-              {
-                guard: m("isCustomValue", P("allowCustomValue")),
-                target: "idle",
-                actions: ["revertInputValue", "invokeOnClose"]
-              },
-              // == group 2 ==
-              {
-                guard: "isOpenControlled",
-                actions: ["invokeOnClose"]
-              },
-              {
-                target: "idle",
-                actions: ["invokeOnClose"]
-              }
-            ],
-            "TRIGGER.CLICK": [
-              {
-                guard: "isOpenControlled",
-                actions: ["invokeOnClose"]
-              },
-              {
-                target: "focused",
-                actions: ["invokeOnClose"]
-              }
-            ],
-            "ITEM.CLICK": [
-              {
-                guard: m("isOpenControlled", "closeOnSelect"),
-                actions: ["selectItem", "invokeOnClose"]
-              },
-              {
-                guard: "closeOnSelect",
-                target: "focused",
-                actions: ["selectItem", "invokeOnClose", "setFinalFocus"]
-              },
-              {
-                actions: ["selectItem"]
-              }
-            ],
-            CLOSE: [
-              {
-                guard: "isOpenControlled",
-                actions: ["invokeOnClose"]
-              },
-              {
-                target: "focused",
-                actions: ["invokeOnClose", "setFinalFocus"]
-              }
-            ],
-            "VALUE.CLEAR": [
-              {
-                guard: "isOpenControlled",
-                actions: ["clearInputValue", "clearSelectedItems", "invokeOnClose"]
-              },
-              {
-                target: "focused",
-                actions: ["clearInputValue", "clearSelectedItems", "invokeOnClose", "setFinalFocus"]
-              }
-            ]
+        OPEN: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "interacting",
+            actions: ["invokeOnOpen"]
           }
+        ],
+        "VALUE.CLEAR": {
+          target: "focused",
+          actions: ["clearInputValue", "clearSelectedItems", "setInitialFocus"]
         }
       }
     },
-    {
-      guards: {
-        isInputValueEmpty: (e) => e.isInputValueEmpty,
-        autoComplete: (e) => e.autoComplete && !e.multiple,
-        autoHighlight: (e) => e.autoHighlight,
-        isFirstItemHighlighted: (e) => e.collection.firstValue === e.highlightedValue,
-        isLastItemHighlighted: (e) => e.collection.lastValue === e.highlightedValue,
-        isCustomValue: (e) => e.inputValue !== e.valueAsString,
-        allowCustomValue: (e) => !!e.allowCustomValue,
-        hasHighlightedItem: (e) => e.highlightedValue != null,
-        closeOnSelect: (e) => !!e.closeOnSelect,
-        isOpenControlled: (e) => !!e["open.controlled"],
-        openOnChange: (e, i) => {
-          var r;
-          return ae(e.openOnChange) ? e.openOnChange : !!((r = e.openOnChange) != null && r.call(e, { inputValue: i.value }));
-        },
-        restoreFocus: (e, i) => i.restoreFocus == null ? !0 : !!i.restoreFocus,
-        isChangeEvent: (e, i) => {
-          var r;
-          return ((r = i.previousEvent) == null ? void 0 : r.type) === "INPUT.CHANGE";
-        }
-      },
-      activities: {
-        trackDismissableLayer(e, i, { send: r }) {
-          return e.disableLayer ? void 0 : le(() => o.getContentEl(e), {
-            defer: !0,
-            exclude: () => [o.getInputEl(e), o.getTriggerEl(e), o.getClearTriggerEl(e)],
-            onFocusOutside: e.onFocusOutside,
-            onPointerDownOutside: e.onPointerDownOutside,
-            onInteractOutside: e.onInteractOutside,
-            onEscapeKeyDown(c) {
-              c.preventDefault(), c.stopPropagation(), r("LAYER.ESCAPE");
-            },
-            onDismiss() {
-              r({ type: "LAYER.INTERACT_OUTSIDE", restoreFocus: !1 });
-            }
-          });
-        },
-        hideOtherElements(e) {
-          return ie([o.getInputEl(e), o.getContentEl(e), o.getTriggerEl(e)]);
+    focused: {
+      tags: ["focused", "closed"],
+      entry: ["scrollContentToTop", "clearHighlightedItem"],
+      on: {
+        "CONTROLLED.OPEN": [
+          {
+            guard: "isChangeEvent",
+            target: "suggesting"
+          },
+          {
+            target: "interacting"
+          }
+        ],
+        "INPUT.CHANGE": [
+          {
+            guard: c("isOpenControlled", "openOnChange"),
+            actions: ["setInputValue", "invokeOnOpen", "highlightFirstItemIfNeeded"]
+          },
+          {
+            guard: "openOnChange",
+            target: "suggesting",
+            actions: ["setInputValue", "invokeOnOpen", "highlightFirstItemIfNeeded"]
+          },
+          {
+            actions: ["setInputValue"]
+          }
+        ],
+        "LAYER.INTERACT_OUTSIDE": {
+          target: "idle"
         },
-        computePlacement(e) {
-          const i = () => o.getControlEl(e), r = () => o.getPositionerEl(e);
-          return e.currentPlacement = e.positioning.placement, H(i, r, {
-            ...e.positioning,
-            defer: !0,
-            onComplete(s) {
-              e.currentPlacement = s.placement;
-            }
-          });
+        "INPUT.ESCAPE": {
+          guard: c("isCustomValue", m("allowCustomValue")),
+          actions: ["revertInputValue"]
         },
-        // in event the options are fetched (async), we still want to auto-highlight the first option
-        trackChildNodes(e, i, { send: r }) {
-          return e.autoHighlight ? X(() => o.getContentEl(e), {
-            callback: () => r("CHILDREN_CHANGE"),
-            defer: !0
-          }) : void 0;
+        "INPUT.BLUR": {
+          target: "idle"
         },
-        scrollToHighlightedItem(e, i, { getState: r }) {
-          const s = o.getInputEl(e);
-          let c = [];
-          const O = (f) => {
-            if (r().event.type.includes("POINTER") || !e.highlightedValue) return;
-            const N = o.getHighlightedItemEl(e), T = o.getContentEl(e);
-            if (e.scrollToIndexFn) {
-              const a = e.collection.indexOf(e.highlightedValue);
-              e.scrollToIndexFn({ index: a, immediate: f });
-              return;
-            }
-            const l = C(() => {
-              Z(N, { rootEl: T, block: "nearest" });
-            });
-            c.push(l);
-          }, V = C(() => O(!0));
-          c.push(V);
-          const d = Q(s, {
-            attributes: ["aria-activedescendant"],
-            callback: () => O(!1)
-          });
-          return c.push(d), () => {
-            c.forEach((f) => f());
-          };
+        "INPUT.CLICK": [
+          {
+            guard: "isOpenControlled",
+            actions: ["highlightFirstSelectedItem", "invokeOnOpen"]
+          },
+          {
+            target: "interacting",
+            actions: ["highlightFirstSelectedItem", "invokeOnOpen"]
+          }
+        ],
+        "TRIGGER.CLICK": [
+          {
+            guard: "isOpenControlled",
+            actions: ["setInitialFocus", "highlightFirstSelectedItem", "invokeOnOpen"]
+          },
+          {
+            target: "interacting",
+            actions: ["setInitialFocus", "highlightFirstSelectedItem", "invokeOnOpen"]
+          }
+        ],
+        "INPUT.ARROW_DOWN": [
+          // == group 1 ==
+          {
+            guard: c("isOpenControlled", "autoComplete"),
+            actions: ["invokeOnOpen"]
+          },
+          {
+            guard: "autoComplete",
+            target: "interacting",
+            actions: ["invokeOnOpen"]
+          },
+          // == group 2 ==
+          {
+            guard: "isOpenControlled",
+            actions: ["highlightFirstOrSelectedItem", "invokeOnOpen"]
+          },
+          {
+            target: "interacting",
+            actions: ["highlightFirstOrSelectedItem", "invokeOnOpen"]
+          }
+        ],
+        "INPUT.ARROW_UP": [
+          // == group 1 ==
+          {
+            guard: "autoComplete",
+            target: "interacting",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            guard: "autoComplete",
+            target: "interacting",
+            actions: ["invokeOnOpen"]
+          },
+          // == group 2 ==
+          {
+            target: "interacting",
+            actions: ["highlightLastOrSelectedItem", "invokeOnOpen"]
+          },
+          {
+            target: "interacting",
+            actions: ["highlightLastOrSelectedItem", "invokeOnOpen"]
+          }
+        ],
+        OPEN: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "interacting",
+            actions: ["invokeOnOpen"]
+          }
+        ],
+        "VALUE.CLEAR": {
+          actions: ["clearInputValue", "clearSelectedItems"]
         }
-      },
-      actions: {
-        reposition(e, i) {
-          H(() => o.getControlEl(e), () => o.getPositionerEl(e), {
-            ...e.positioning,
-            ...i.options,
-            defer: !0,
-            listeners: !1,
-            onComplete(c) {
-              e.currentPlacement = c.placement;
-            }
-          });
-        },
-        setHighlightedItem(e, i) {
-          i.value != null && g.highlightedValue(e, i.value);
-        },
-        clearHighlightedItem(e) {
-          g.highlightedValue(e, null, !0);
-        },
-        selectHighlightedItem(e) {
-          g.value(e, e.highlightedValue);
-        },
-        selectItem(e, i) {
-          i.value != null && g.value(e, i.value);
-        },
-        clearItem(e, i) {
-          if (i.value == null) return;
-          const r = e.value.filter((s) => s !== i.value);
-          g.value(e, r);
-        },
-        setInitialFocus(e) {
-          C(() => {
-            o.focusInputEl(e);
-          });
-        },
-        setFinalFocus(e) {
-          C(() => {
-            const i = o.getTriggerEl(e);
-            (i == null ? void 0 : i.dataset.focusable) == null ? o.focusInputEl(e) : o.focusTriggerEl(e);
-          });
-        },
-        syncInputValue(e) {
-          const i = o.getInputEl(e);
-          i && (i.value = e.inputValue, queueMicrotask(() => {
-            const { selectionStart: r, selectionEnd: s } = i;
-            Math.abs((s ?? 0) - (r ?? 0)) === 0 && r === 0 && i.setSelectionRange(i.value.length, i.value.length);
-          }));
-        },
-        setInputValue(e, i) {
-          g.inputValue(e, i.value);
-        },
-        clearInputValue(e) {
-          g.inputValue(e, "");
-        },
-        revertInputValue(e) {
-          const i = R(e.selectionBehavior, {
-            replace: e.hasSelectedItems ? e.valueAsString : "",
-            preserve: e.inputValue,
-            clear: ""
-          });
-          g.inputValue(e, i);
-        },
-        syncInitialValues(e) {
-          const i = e.collection.findMany(e.value), r = e.collection.stringifyMany(e.value);
-          e.highlightedItem = e.collection.find(e.highlightedValue), e.selectedItems = i, e.valueAsString = r, !(e.inputValue.trim() || e.multiple) && (e.inputValue = R(e.selectionBehavior, {
-            preserve: e.inputValue || r,
-            replace: r,
-            clear: ""
-          }));
-        },
-        syncSelectionBehavior(e) {
-          e.multiple && (e.selectionBehavior = "clear");
-        },
-        setSelectedItems(e, i) {
-          G(i.value) && g.value(e, i.value);
-        },
-        clearSelectedItems(e) {
-          g.value(e, []);
-        },
-        scrollContentToTop(e) {
-          if (e.scrollToIndexFn)
-            e.scrollToIndexFn({ index: 0, immediate: !0 });
-          else {
-            const i = o.getContentEl(e);
-            if (!i) return;
-            i.scrollTop = 0;
+      }
+    },
+    interacting: {
+      tags: ["open", "focused"],
+      entry: ["setInitialFocus"],
+      effects: ["scrollToHighlightedItem", "trackDismissableLayer", "trackPlacement", "hideOtherElements"],
+      on: {
+        "CONTROLLED.CLOSE": [
+          {
+            guard: "restoreFocus",
+            target: "focused",
+            actions: ["setFinalFocus"]
+          },
+          {
+            target: "idle"
           }
+        ],
+        "INPUT.HOME": {
+          actions: ["highlightFirstItem"]
         },
-        invokeOnOpen(e) {
-          var i;
-          (i = e.onOpenChange) == null || i.call(e, { open: !0 });
-        },
-        invokeOnClose(e) {
-          var i;
-          (i = e.onOpenChange) == null || i.call(e, { open: !1 });
-        },
-        highlightFirstItem(e) {
-          C(() => {
-            const i = e.collection.firstValue;
-            g.highlightedValue(e, i, !0);
-          });
-        },
-        highlightFirstItemIfNeeded(e) {
-          e.autoHighlight && C(() => {
-            const i = e.collection.firstValue;
-            g.highlightedValue(e, i);
-          });
+        "INPUT.END": {
+          actions: ["highlightLastItem"]
         },
-        highlightLastItem(e) {
-          C(() => {
-            const i = e.collection.lastValue;
-            g.highlightedValue(e, i);
-          });
+        "INPUT.ARROW_DOWN": [
+          {
+            guard: c("autoComplete", "isLastItemHighlighted"),
+            actions: ["clearHighlightedItem", "scrollContentToTop"]
+          },
+          {
+            actions: ["highlightNextItem"]
+          }
+        ],
+        "INPUT.ARROW_UP": [
+          {
+            guard: c("autoComplete", "isFirstItemHighlighted"),
+            actions: ["clearHighlightedItem"]
+          },
+          {
+            actions: ["highlightPrevItem"]
+          }
+        ],
+        "INPUT.ENTER": [
+          // == group 1 ==
+          {
+            guard: c("isOpenControlled", "isCustomValue", m("hasHighlightedItem"), m("allowCustomValue")),
+            actions: ["revertInputValue", "invokeOnClose"]
+          },
+          {
+            guard: c("isCustomValue", m("hasHighlightedItem"), m("allowCustomValue")),
+            target: "focused",
+            actions: ["revertInputValue", "invokeOnClose"]
+          },
+          // == group 2 ==
+          {
+            guard: c("isOpenControlled", "closeOnSelect"),
+            actions: ["selectHighlightedItem", "invokeOnClose"]
+          },
+          {
+            guard: "closeOnSelect",
+            target: "focused",
+            actions: ["selectHighlightedItem", "invokeOnClose", "setFinalFocus"]
+          },
+          {
+            actions: ["selectHighlightedItem"]
+          }
+        ],
+        "INPUT.CHANGE": [
+          {
+            guard: "autoComplete",
+            target: "suggesting",
+            actions: ["setInputValue"]
+          },
+          {
+            target: "suggesting",
+            actions: ["clearHighlightedItem", "setInputValue"]
+          }
+        ],
+        "ITEM.POINTER_MOVE": {
+          actions: ["setHighlightedItem"]
         },
-        highlightNextItem(e) {
-          let i = null;
-          e.highlightedValue ? (i = e.collection.getNextValue(e.highlightedValue), !i && e.loopFocus && (i = e.collection.firstValue)) : i = e.collection.firstValue, g.highlightedValue(e, i);
+        "ITEM.POINTER_LEAVE": {
+          actions: ["clearHighlightedItem"]
         },
-        highlightPrevItem(e) {
-          let i = null;
-          e.highlightedValue ? (i = e.collection.getPreviousValue(e.highlightedValue), !i && e.loopFocus && (i = e.collection.lastValue)) : i = e.collection.lastValue, g.highlightedValue(e, i);
+        "ITEM.CLICK": [
+          {
+            guard: c("isOpenControlled", "closeOnSelect"),
+            actions: ["selectItem", "invokeOnClose"]
+          },
+          {
+            guard: "closeOnSelect",
+            target: "focused",
+            actions: ["selectItem", "invokeOnClose", "setFinalFocus"]
+          },
+          {
+            actions: ["selectItem"]
+          }
+        ],
+        "LAYER.ESCAPE": [
+          {
+            guard: c("isOpenControlled", "autoComplete"),
+            actions: ["syncInputValue", "invokeOnClose"]
+          },
+          {
+            guard: "autoComplete",
+            target: "focused",
+            actions: ["syncInputValue", "invokeOnClose"]
+          },
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "focused",
+            actions: ["invokeOnClose", "setFinalFocus"]
+          }
+        ],
+        "TRIGGER.CLICK": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "focused",
+            actions: ["invokeOnClose"]
+          }
+        ],
+        "LAYER.INTERACT_OUTSIDE": [
+          // == group 1 ==
+          {
+            guard: c("isOpenControlled", "isCustomValue", m("allowCustomValue")),
+            actions: ["revertInputValue", "invokeOnClose"]
+          },
+          {
+            guard: c("isCustomValue", m("allowCustomValue")),
+            target: "idle",
+            actions: ["revertInputValue", "invokeOnClose"]
+          },
+          // == group 2 ==
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "idle",
+            actions: ["invokeOnClose"]
+          }
+        ],
+        CLOSE: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "focused",
+            actions: ["invokeOnClose", "setFinalFocus"]
+          }
+        ],
+        "VALUE.CLEAR": [
+          {
+            guard: "isOpenControlled",
+            actions: ["clearInputValue", "clearSelectedItems", "invokeOnClose"]
+          },
+          {
+            target: "focused",
+            actions: ["clearInputValue", "clearSelectedItems", "invokeOnClose", "setFinalFocus"]
+          }
+        ]
+      }
+    },
+    suggesting: {
+      tags: ["open", "focused"],
+      effects: [
+        "trackDismissableLayer",
+        "scrollToHighlightedItem",
+        "trackPlacement",
+        "trackChildNodes",
+        "hideOtherElements"
+      ],
+      entry: ["setInitialFocus"],
+      on: {
+        "CONTROLLED.CLOSE": [
+          {
+            guard: "restoreFocus",
+            target: "focused",
+            actions: ["setFinalFocus"]
+          },
+          {
+            target: "idle"
+          }
+        ],
+        CHILDREN_CHANGE: {
+          guard: "autoHighlight",
+          actions: ["highlightFirstItem"]
         },
-        highlightFirstSelectedItem(e) {
-          C(() => {
-            const [i] = e.collection.sort(e.value);
-            g.highlightedValue(e, i);
-          });
+        "INPUT.ARROW_DOWN": {
+          target: "interacting",
+          actions: ["highlightNextItem"]
         },
-        highlightFirstOrSelectedItem(e) {
-          C(() => {
-            let i = null;
-            e.hasSelectedItems ? i = e.collection.sort(e.value)[0] : i = e.collection.firstValue, g.highlightedValue(e, i);
-          });
+        "INPUT.ARROW_UP": {
+          target: "interacting",
+          actions: ["highlightPrevItem"]
         },
-        highlightLastOrSelectedItem(e) {
-          C(() => {
-            let i = null;
-            e.hasSelectedItems ? i = e.collection.sort(e.value)[0] : i = e.collection.lastValue, g.highlightedValue(e, i);
-          });
+        "INPUT.HOME": {
+          target: "interacting",
+          actions: ["highlightFirstItem"]
         },
-        autofillInputValue(e, i) {
-          const r = o.getInputEl(e);
-          if (!e.autoComplete || !r || !i.keypress) return;
-          const s = e.collection.stringify(e.highlightedValue);
-          C(() => {
-            r.value = s || e.inputValue;
-          });
+        "INPUT.END": {
+          target: "interacting",
+          actions: ["highlightLastItem"]
         },
-        setCollection(e, i) {
-          e.collection = i.value;
+        "INPUT.ENTER": [
+          // == group 1 ==
+          {
+            guard: c("isOpenControlled", "isCustomValue", m("hasHighlightedItem"), m("allowCustomValue")),
+            actions: ["revertInputValue", "invokeOnClose"]
+          },
+          {
+            guard: c("isCustomValue", m("hasHighlightedItem"), m("allowCustomValue")),
+            target: "focused",
+            actions: ["revertInputValue", "invokeOnClose"]
+          },
+          // == group 2 ==
+          {
+            guard: c("isOpenControlled", "closeOnSelect"),
+            actions: ["selectHighlightedItem", "invokeOnClose"]
+          },
+          {
+            guard: "closeOnSelect",
+            target: "focused",
+            actions: ["selectHighlightedItem", "invokeOnClose", "setFinalFocus"]
+          },
+          {
+            actions: ["selectHighlightedItem"]
+          }
+        ],
+        "INPUT.CHANGE": {
+          actions: ["setInputValue"]
         },
-        syncSelectedItems(e) {
-          L.valueChange(e);
+        "LAYER.ESCAPE": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "focused",
+            actions: ["invokeOnClose"]
+          }
+        ],
+        "ITEM.POINTER_MOVE": {
+          target: "interacting",
+          actions: ["setHighlightedItem"]
         },
-        syncHighlightedItem(e) {
-          L.highlightChange(e);
+        "ITEM.POINTER_LEAVE": {
+          actions: ["clearHighlightedItem"]
         },
-        toggleVisibility(e, i, { send: r }) {
-          r({ type: e.open ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: i });
-        }
+        "LAYER.INTERACT_OUTSIDE": [
+          // == group 1 ==
+          {
+            guard: c("isOpenControlled", "isCustomValue", m("allowCustomValue")),
+            actions: ["revertInputValue", "invokeOnClose"]
+          },
+          {
+            guard: c("isCustomValue", m("allowCustomValue")),
+            target: "idle",
+            actions: ["revertInputValue", "invokeOnClose"]
+          },
+          // == group 2 ==
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "idle",
+            actions: ["invokeOnClose"]
+          }
+        ],
+        "TRIGGER.CLICK": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "focused",
+            actions: ["invokeOnClose"]
+          }
+        ],
+        "ITEM.CLICK": [
+          {
+            guard: c("isOpenControlled", "closeOnSelect"),
+            actions: ["selectItem", "invokeOnClose"]
+          },
+          {
+            guard: "closeOnSelect",
+            target: "focused",
+            actions: ["selectItem", "invokeOnClose", "setFinalFocus"]
+          },
+          {
+            actions: ["selectItem"]
+          }
+        ],
+        CLOSE: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "focused",
+            actions: ["invokeOnClose", "setFinalFocus"]
+          }
+        ],
+        "VALUE.CLEAR": [
+          {
+            guard: "isOpenControlled",
+            actions: ["clearInputValue", "clearSelectedItems", "invokeOnClose"]
+          },
+          {
+            target: "focused",
+            actions: ["clearInputValue", "clearSelectedItems", "invokeOnClose", "setFinalFocus"]
+          }
+        ]
       }
     }
-  );
-}
-var L = {
-  valueChange: (t) => {
-    const n = t.selectedItems;
-    t.selectedItems = t.value.map((r) => {
-      const s = n.find((c) => t.collection.getItemValue(c) === r);
-      return s || t.collection.find(r);
-    });
-    const e = t.collection.stringifyItems(t.selectedItems);
-    t.valueAsString = e;
-    let i;
-    t.getSelectionValue ? i = t.getSelectionValue({
-      inputValue: t.inputValue,
-      selectedItems: Array.from(t.selectedItems),
-      valueAsString: e
-    }) : i = R(t.selectionBehavior, {
-      replace: t.valueAsString,
-      preserve: t.inputValue,
-      clear: ""
-    }), g.inputValue(t, i);
   },
-  highlightChange: (t) => {
-    t.highlightedItem = t.collection.find(t.highlightedValue);
-  }
-}, S = {
-  valueChange: (t) => {
-    var n;
-    L.valueChange(t), (n = t.onValueChange) == null || n.call(t, {
-      value: Array.from(t.value),
-      items: Array.from(t.selectedItems)
-    });
-  },
-  highlightChange: (t) => {
-    var n;
-    L.highlightChange(t), (n = t.onHighlightChange) == null || n.call(t, {
-      highlightedValue: t.highlightedValue,
-      highlightedItem: t.highlightedItem
-    });
-  },
-  inputChange: (t) => {
-    var n;
-    (n = t.onInputValueChange) == null || n.call(t, { inputValue: t.inputValue });
-  }
-}, g = {
-  value: (t, n, e = !1) => {
-    if (!F(t.value, n) && !(n == null && !e)) {
-      if (n == null && e) {
-        t.value = [], S.valueChange(t);
-        return;
+  implementations: {
+    guards: {
+      isInputValueEmpty: ({ computed: e }) => e("isInputValueEmpty"),
+      autoComplete: ({ computed: e, prop: t }) => e("autoComplete") && !t("multiple"),
+      autoHighlight: ({ computed: e }) => e("autoHighlight"),
+      isFirstItemHighlighted: ({ prop: e, context: t }) => e("collection").firstValue === t.get("highlightedValue"),
+      isLastItemHighlighted: ({ prop: e, context: t }) => e("collection").lastValue === t.get("highlightedValue"),
+      isCustomValue: ({ computed: e }) => e("isCustomValue"),
+      allowCustomValue: ({ prop: e }) => !!e("allowCustomValue"),
+      hasHighlightedItem: ({ context: e }) => e.get("highlightedValue") != null,
+      closeOnSelect: ({ prop: e }) => !!e("closeOnSelect"),
+      isOpenControlled: ({ prop: e }) => e("open") != null,
+      openOnChange: ({ prop: e, context: t }) => {
+        const i = e("openOnChange");
+        return ye(i) ? i : !!(i != null && i({ inputValue: t.get("inputValue") }));
+      },
+      restoreFocus: ({ event: e }) => e.restoreFocus == null ? !0 : !!e.restoreFocus,
+      isChangeEvent: ({ event: e }) => {
+        var t;
+        return ((t = e.previousEvent) == null ? void 0 : t.type) === "INPUT.CHANGE";
+      },
+      autoFocus: ({ prop: e }) => !!e("autoFocus")
+    },
+    effects: {
+      trackDismissableLayer({ send: e, prop: t, scope: i }) {
+        return t("disableLayer") ? void 0 : ke(() => T(i), {
+          defer: !0,
+          exclude: () => [y(i), L(i), Z(i)],
+          onFocusOutside: t("onFocusOutside"),
+          onPointerDownOutside: t("onPointerDownOutside"),
+          onInteractOutside: t("onInteractOutside"),
+          onEscapeKeyDown(o) {
+            o.preventDefault(), o.stopPropagation(), e({ type: "LAYER.ESCAPE" });
+          },
+          onDismiss() {
+            e({ type: "LAYER.INTERACT_OUTSIDE", restoreFocus: !1 });
+          }
+        });
+      },
+      hideOtherElements({ scope: e }) {
+        return Ne([
+          y(e),
+          T(e),
+          L(e),
+          Z(e)
+        ]);
+      },
+      trackPlacement({ context: e, prop: t, scope: i }) {
+        const n = () => X(i) || L(i), o = () => Q(i);
+        return e.set("currentPlacement", t("positioning").placement), q(n, o, {
+          ...t("positioning"),
+          defer: !0,
+          onComplete(a) {
+            e.set("currentPlacement", a.placement);
+          }
+        });
+      },
+      // in event the options are fetched (async), we still want to auto-highlight the first option
+      trackChildNodes({ scope: e, computed: t, send: i }) {
+        return t("autoHighlight") ? he(() => T(e), {
+          callback: () => i({ type: "CHILDREN_CHANGE" }),
+          defer: !0
+        }) : void 0;
+      },
+      scrollToHighlightedItem({ context: e, prop: t, scope: i, event: n }) {
+        const o = y(i);
+        let a = [];
+        const r = (O) => {
+          const E = n.current().type.includes("POINTER"), I = e.get("highlightedValue");
+          if (E || !I) return;
+          const P = ae(i, I), v = T(i), S = t("scrollToIndexFn");
+          if (S) {
+            const F = t("collection").indexOf(I);
+            S({ index: F, immediate: O });
+            return;
+          }
+          const d = f(() => {
+            Oe(P, { rootEl: v, block: "nearest" });
+          });
+          a.push(d);
+        }, C = f(() => r(!0));
+        a.push(C);
+        const k = de(o, {
+          attributes: ["aria-activedescendant"],
+          callback: () => r(!1)
+        });
+        return a.push(k), () => {
+          a.forEach((O) => O());
+        };
+      }
+    },
+    actions: {
+      reposition({ context: e, prop: t, scope: i, event: n }) {
+        q(() => X(i), () => Q(i), {
+          ...t("positioning"),
+          ...n.options,
+          defer: !0,
+          listeners: !1,
+          onComplete(r) {
+            e.set("currentPlacement", r.placement);
+          }
+        });
+      },
+      setHighlightedItem(e) {
+        const { context: t, event: i } = e;
+        i.value != null && t.set("highlightedValue", i.value);
+      },
+      clearHighlightedItem(e) {
+        const { context: t } = e;
+        t.set("highlightedValue", null);
+      },
+      selectHighlightedItem(e) {
+        var a;
+        const { context: t, prop: i } = e, n = t.get("highlightedValue");
+        if (!n) return;
+        const o = i("multiple") ? Y(t.get("value"), n) : [n];
+        (a = i("onSelect")) == null || a({ value: o, itemValue: n }), t.set("value", o), t.set("inputValue", R(e));
+      },
+      selectItem(e) {
+        const { context: t, event: i, flush: n, prop: o } = e;
+        i.value != null && n(() => {
+          var r;
+          const a = o("multiple") ? Y(t.get("value"), i.value) : [i.value];
+          (r = o("onSelect")) == null || r({ value: a, itemValue: i.value }), t.set("value", a), t.set("inputValue", R(e));
+        });
+      },
+      clearItem(e) {
+        const { context: t, event: i, flush: n } = e;
+        i.value != null && n(() => {
+          const o = Te(t.get("value"), i.value);
+          t.set("value", o), t.set("inputValue", R(e));
+        });
+      },
+      setInitialFocus({ scope: e }) {
+        f(() => {
+          z(e);
+        });
+      },
+      setFinalFocus({ scope: e }) {
+        f(() => {
+          const t = L(e);
+          (t == null ? void 0 : t.dataset.focusable) == null ? z(e) : Re(e);
+        });
+      },
+      syncInputValue({ context: e, scope: t, event: i }) {
+        const n = y(t);
+        n && (n.value = e.get("inputValue"), queueMicrotask(() => {
+          i.current().type !== "INPUT.CHANGE" && ge(n);
+        }));
+      },
+      setInputValue({ context: e, event: t }) {
+        e.set("inputValue", t.value);
+      },
+      clearInputValue({ context: e }) {
+        e.set("inputValue", "");
+      },
+      revertInputValue({ context: e, prop: t, computed: i }) {
+        const n = t("selectionBehavior"), o = D(n, {
+          replace: i("hasSelectedItems") ? e.get("valueAsString") : "",
+          preserve: e.get("inputValue"),
+          clear: ""
+        });
+        e.set("inputValue", o);
+      },
+      setValue(e) {
+        const { context: t, flush: i, event: n } = e;
+        i(() => {
+          t.set("value", n.value), t.set("inputValue", R(e));
+        });
+      },
+      clearSelectedItems(e) {
+        const { context: t, flush: i } = e;
+        i(() => {
+          t.set("value", []), t.set("inputValue", R(e));
+        });
+      },
+      scrollContentToTop({ prop: e, scope: t }) {
+        const i = e("scrollToIndexFn");
+        if (i)
+          i({ index: 0, immediate: !0 });
+        else {
+          const n = T(t);
+          if (!n) return;
+          n.scrollTop = 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 });
+      },
+      highlightFirstItem({ context: e, prop: t, scope: i }) {
+        (T(i) ? queueMicrotask : f)(() => {
+          const o = t("collection").firstValue;
+          o && e.set("highlightedValue", o);
+        });
+      },
+      highlightFirstItemIfNeeded({ computed: e, action: t }) {
+        e("autoHighlight") && t(["highlightFirstItem"]);
+      },
+      highlightLastItem({ context: e, prop: t, scope: i }) {
+        (T(i) ? queueMicrotask : f)(() => {
+          const o = t("collection").lastValue;
+          o && e.set("highlightedValue", o);
+        });
+      },
+      highlightNextItem({ context: e, prop: t }) {
+        let i = null;
+        const n = e.get("highlightedValue"), o = t("collection");
+        n ? (i = o.getNextValue(n), !i && t("loopFocus") && (i = o.firstValue)) : i = o.firstValue, i && e.set("highlightedValue", i);
+      },
+      highlightPrevItem({ context: e, prop: t }) {
+        let i = null;
+        const n = e.get("highlightedValue"), o = t("collection");
+        n ? (i = o.getPreviousValue(n), !i && t("loopFocus") && (i = o.lastValue)) : i = o.lastValue, i && e.set("highlightedValue", i);
+      },
+      highlightFirstSelectedItem({ context: e, prop: t }) {
+        f(() => {
+          const [i] = t("collection").sort(e.get("value"));
+          i && e.set("highlightedValue", i);
+        });
+      },
+      highlightFirstOrSelectedItem({ context: e, prop: t, computed: i }) {
+        f(() => {
+          let n = null;
+          i("hasSelectedItems") ? n = t("collection").sort(e.get("value"))[0] : n = t("collection").firstValue, n && e.set("highlightedValue", n);
+        });
+      },
+      highlightLastOrSelectedItem({ context: e, prop: t, computed: i }) {
+        f(() => {
+          const n = t("collection");
+          let o = null;
+          i("hasSelectedItems") ? o = n.sort(e.get("value"))[0] : o = n.lastValue, o && e.set("highlightedValue", o);
+        });
+      },
+      autofillInputValue({ context: e, computed: t, prop: i, event: n, scope: o }) {
+        const a = y(o), r = i("collection");
+        if (!t("autoComplete") || !a || !n.keypress) return;
+        const C = r.stringify(e.get("highlightedValue"));
+        f(() => {
+          a.value = C || e.get("inputValue");
+        });
+      },
+      syncSelectedItems(e) {
+        queueMicrotask(() => {
+          const { context: t, prop: i } = e, n = D(i("selectionBehavior"), {
+            preserve: t.get("inputValue"),
+            replace: i("collection").stringifyMany(t.get("value")),
+            clear: ""
+          });
+          t.set("selectedItems", Me(e)), t.set("inputValue", n);
+        });
+      },
+      syncHighlightedItem({ context: e, prop: t }) {
+        const i = t("collection").find(e.get("highlightedValue"));
+        e.set("highlightedItem", i);
+      },
+      toggleVisibility({ event: e, send: t, prop: i }) {
+        t({ type: i("open") ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: e });
       }
-      G(n) ? t.value = n : n != null && (t.value = t.multiple ? re(t.value, n) : [n]), S.valueChange(t);
     }
-  },
-  highlightedValue: (t, n, e = !1) => {
-    F(t.highlightedValue, n) || !n && !e || (t.highlightedValue = n || null, S.highlightChange(t));
-  },
-  inputValue: (t, n) => {
-    F(t.inputValue, n) || (t.inputValue = n, S.inputChange(t));
   }
-};
+});
+function R({ context: e, prop: t }) {
+  return D(t("selectionBehavior"), {
+    preserve: e.get("inputValue"),
+    replace: e.get("valueAsString"),
+    clear: ""
+  });
+}
+function Me({ context: e, prop: t }) {
+  const i = t("collection");
+  return e.get("value").map((n) => {
+    const o = e.get("selectedItems").find((a) => i.getItemValue(a) === n);
+    return o || i.find(n);
+  });
+}
+G()([
+  "allowCustomValue",
+  "autoFocus",
+  "closeOnSelect",
+  "collection",
+  "composite",
+  "defaultHighlightedValue",
+  "defaultInputValue",
+  "defaultOpen",
+  "defaultValue",
+  "dir",
+  "disabled",
+  "disableLayer",
+  "form",
+  "getRootNode",
+  "highlightedValue",
+  "id",
+  "ids",
+  "inputBehavior",
+  "inputValue",
+  "invalid",
+  "loopFocus",
+  "multiple",
+  "name",
+  "navigate",
+  "onFocusOutside",
+  "onHighlightChange",
+  "onInputValueChange",
+  "onInteractOutside",
+  "onOpenChange",
+  "onOpenChange",
+  "onPointerDownOutside",
+  "onSelect",
+  "onValueChange",
+  "open",
+  "openOnChange",
+  "openOnClick",
+  "openOnKeyPress",
+  "placeholder",
+  "positioning",
+  "readOnly",
+  "required",
+  "scrollToIndexFn",
+  "selectionBehavior",
+  "translations",
+  "value"
+]);
+G()(["htmlFor"]);
+G()(["id"]);
+G()(["item", "persistFocus"]);
 export {
-  se as anatomy,
-  _ as collection,
-  Ee as connect,
-  ve as machine
+  Le as anatomy,
+  te as collection,
+  Ye as connect,
+  je as machine
 };