@serendie/ui 3.2.0 → 3.2.1-dev.202604251106

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

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