@manafishrov/ui 1.2.5 → 1.2.7

package/dist/node_modules/.bun/@zag-js_combobox@1.35.3/node_modules/@zag-js/combobox/dist/combobox.machine.js

@@ -0,0 +1,901 @@
+import { setInteractionModality as R, trackFocusVisible as A, getInteractionModality as M } from "../../../../../@zag-js_focus-visible@1.35.3/node_modules/@zag-js/focus-visible/dist/index.js";
+import { getPlacement as f } from "../../../../../@zag-js_popper@1.35.3/node_modules/@zag-js/popper/dist/get-placement.js";
+import { resolveSelectedItems as U, deriveSelectionState as C, createSelectedItemMap as x } from "../../../../../@zag-js_collection@1.35.3/node_modules/@zag-js/collection/dist/selection-map.js";
+import { collection as D } from "./combobox.collection.js";
+import { getInputEl as v, getContentEl as m, getItemEl as p, getTriggerEl as E, focusInputEl as T, focusTriggerEl as _, getPositionerEl as S, getControlEl as F, getClearTriggerEl as G } from "./combobox.dom.js";
+import { setup as B } from "../../../../../@zag-js_core@1.35.3/node_modules/@zag-js/core/dist/create-machine.js";
+import { match as h } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/functions.js";
+import { isBoolean as w } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/guard.js";
+import { clickIfLink as b } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/navigate.js";
+import { scrollIntoView as N } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/overflow.js";
+import { raf as g, nextTick as W } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/raf.js";
+import { setCaretToEnd as K } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/caret.js";
+import { remove as Y, addOrRemove as H } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/array.js";
+import { observeAttributes as q } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/mutation-observer.js";
+import { trackDismissableElement as j } from "../../../../../@zag-js_dismissable@1.35.3/node_modules/@zag-js/dismissable/dist/dismissable-layer.js";
+import { isEqual as z } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/equal.js";
+var { guards: J, createMachine: Q, choose: X } = B(), { and: u, not: d } = J, me = Q({
+  props({ props: e }) {
+    return {
+      loopFocus: !0,
+      openOnClick: !1,
+      defaultValue: [],
+      defaultInputValue: "",
+      closeOnSelect: !e.multiple,
+      allowCustomValue: !1,
+      alwaysSubmitOnEnter: !1,
+      inputBehavior: "none",
+      selectionBehavior: e.multiple ? "clear" : "replace",
+      openOnKeyPress: !0,
+      openOnChange: !0,
+      composite: !0,
+      navigate({ node: t }) {
+        b(t);
+      },
+      collection: D.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") ? "open.suggesting" : "closed.idle";
+  },
+  context({ prop: e, bindable: t, getContext: l, getEvent: i }) {
+    const n = e("value") ?? e("defaultValue") ?? [], a = e("collection").findMany(n);
+    return {
+      currentPlacement: t(() => ({
+        defaultValue: void 0
+      })),
+      value: t(() => ({
+        defaultValue: e("defaultValue"),
+        value: e("value"),
+        isEqual: z,
+        hash(o) {
+          return o.join(",");
+        },
+        onChange(o) {
+          const s = l(), c = e("collection"), I = s.get("selectedItemMap"), r = C({
+            values: o,
+            collection: c,
+            selectedItemMap: I
+          }), V = e("value") ?? o, O = V === o ? r : C({
+            values: V,
+            collection: c,
+            selectedItemMap: r.nextSelectedItemMap
+          });
+          s.set("selectedItemMap", O.nextSelectedItemMap), e("onValueChange")?.({ value: o, items: r.selectedItems });
+        }
+      })),
+      highlightedValue: t(() => ({
+        defaultValue: e("defaultHighlightedValue") || null,
+        value: e("highlightedValue"),
+        onChange(o) {
+          const s = e("collection").find(o);
+          e("onHighlightChange")?.({ highlightedValue: o, highlightedItem: s });
+        }
+      })),
+      inputValue: t(() => {
+        let o = e("inputValue") || e("defaultInputValue");
+        const s = e("value") || e("defaultValue");
+        if (!o.trim() && !e("multiple")) {
+          const c = e("collection").stringifyMany(s);
+          o = h(e("selectionBehavior"), {
+            preserve: o || c,
+            replace: c,
+            clear: ""
+          });
+        }
+        return {
+          defaultValue: o,
+          value: e("inputValue"),
+          onChange(c) {
+            const I = i(), r = (I.previousEvent || I).src;
+            e("onInputValueChange")?.({ inputValue: c, reason: r });
+          }
+        };
+      }),
+      highlightedItem: t(() => {
+        const o = e("highlightedValue");
+        return { defaultValue: e("collection").find(o) };
+      }),
+      selectedItemMap: t(() => ({
+        defaultValue: x({
+          selectedItems: a,
+          collection: e("collection")
+        })
+      }))
+    };
+  },
+  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,
+    selectedItems: ({ context: e, prop: t }) => U({
+      values: e.get("value"),
+      collection: t("collection"),
+      selectedItemMap: e.get("selectedItemMap")
+    }),
+    valueAsString: ({ computed: e, prop: t }) => t("collection").stringifyItems(e("selectedItems")),
+    isCustomValue: ({ context: e, computed: t }) => e.get("inputValue") !== t("valueAsString")
+  },
+  watch({ context: e, prop: t, track: l, action: i, send: n }) {
+    l([() => e.hash("value")], () => {
+      i(["syncSelectedItems"]);
+    }), l([() => e.get("inputValue")], () => {
+      i(["syncInputValue"]);
+    }), l([() => e.get("highlightedValue")], () => {
+      i(["syncHighlightedItem", "autofillInputValue"]);
+    }), l([() => t("open")], () => {
+      i(["toggleVisibility"]);
+    }), l([() => 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: X([
+    {
+      guard: "autoFocus",
+      actions: ["setInitialFocus"]
+    }
+  ]),
+  states: {
+    closed: {
+      tags: ["closed"],
+      initial: "idle",
+      states: {
+        idle: {
+          tags: ["idle"],
+          entry: ["scrollContentToTop", "clearHighlightedValue"],
+          on: {
+            "CONTROLLED.OPEN": {
+              target: "open.interacting"
+            },
+            "TRIGGER.CLICK": [
+              {
+                guard: "isOpenControlled",
+                actions: ["setInitialFocus", "highlightFirstSelectedItem", "invokeOnOpen"]
+              },
+              {
+                target: "open.interacting",
+                actions: ["setInitialFocus", "highlightFirstSelectedItem", "invokeOnOpen"]
+              }
+            ],
+            "INPUT.CLICK": [
+              {
+                guard: "isOpenControlled",
+                actions: ["highlightFirstSelectedItem", "invokeOnOpen"]
+              },
+              {
+                target: "open.interacting",
+                actions: ["highlightFirstSelectedItem", "invokeOnOpen"]
+              }
+            ],
+            "INPUT.FOCUS": {
+              target: "focused"
+            },
+            OPEN: [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnOpen"]
+              },
+              {
+                target: "open.interacting",
+                actions: ["invokeOnOpen"]
+              }
+            ],
+            "VALUE.CLEAR": {
+              target: "focused",
+              actions: ["clearInputValue", "clearSelectedItems", "setInitialFocus"]
+            }
+          }
+        },
+        focused: {
+          tags: ["focused"],
+          entry: ["scrollContentToTop", "clearHighlightedValue"],
+          on: {
+            "CONTROLLED.OPEN": [
+              {
+                guard: "isChangeEvent",
+                target: "open.suggesting"
+              },
+              {
+                target: "open.interacting"
+              }
+            ],
+            "INPUT.CHANGE": [
+              {
+                guard: u("isOpenControlled", "openOnChange"),
+                actions: ["setInputValue", "invokeOnOpen", "highlightFirstItemIfNeeded"]
+              },
+              {
+                guard: "openOnChange",
+                target: "open.suggesting",
+                actions: ["setInputValue", "invokeOnOpen", "highlightFirstItemIfNeeded"]
+              },
+              {
+                actions: ["setInputValue"]
+              }
+            ],
+            "LAYER.INTERACT_OUTSIDE": {
+              target: "idle"
+            },
+            "INPUT.ESCAPE": {
+              guard: u("isCustomValue", d("allowCustomValue")),
+              actions: ["revertInputValue"]
+            },
+            "INPUT.BLUR": {
+              target: "idle"
+            },
+            "INPUT.CLICK": [
+              {
+                guard: "isOpenControlled",
+                actions: ["highlightFirstSelectedItem", "invokeOnOpen"]
+              },
+              {
+                target: "open.interacting",
+                actions: ["highlightFirstSelectedItem", "invokeOnOpen"]
+              }
+            ],
+            "TRIGGER.CLICK": [
+              {
+                guard: "isOpenControlled",
+                actions: ["setInitialFocus", "highlightFirstSelectedItem", "invokeOnOpen"]
+              },
+              {
+                target: "open.interacting",
+                actions: ["setInitialFocus", "highlightFirstSelectedItem", "invokeOnOpen"]
+              }
+            ],
+            "INPUT.ARROW_DOWN": [
+              // == group 1 ==
+              {
+                guard: u("isOpenControlled", "autoComplete"),
+                actions: ["invokeOnOpen"]
+              },
+              {
+                guard: "autoComplete",
+                target: "open.interacting",
+                actions: ["invokeOnOpen"]
+              },
+              // == group 2 ==
+              {
+                guard: "isOpenControlled",
+                actions: ["highlightFirstOrSelectedItem", "invokeOnOpen"]
+              },
+              {
+                target: "open.interacting",
+                actions: ["highlightFirstOrSelectedItem", "invokeOnOpen"]
+              }
+            ],
+            "INPUT.ARROW_UP": [
+              // == group 1 ==
+              {
+                guard: u("isOpenControlled", "autoComplete"),
+                actions: ["invokeOnOpen"]
+              },
+              {
+                guard: "autoComplete",
+                target: "open.interacting",
+                actions: ["invokeOnOpen"]
+              },
+              // == group 2 ==
+              {
+                guard: "isOpenControlled",
+                actions: ["highlightLastOrSelectedItem", "invokeOnOpen"]
+              },
+              {
+                target: "open.interacting",
+                actions: ["highlightLastOrSelectedItem", "invokeOnOpen"]
+              }
+            ],
+            OPEN: [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnOpen"]
+              },
+              {
+                target: "open.interacting",
+                actions: ["invokeOnOpen"]
+              }
+            ],
+            "VALUE.CLEAR": {
+              actions: ["clearInputValue", "clearSelectedItems"]
+            }
+          }
+        }
+      }
+    },
+    open: {
+      tags: ["open", "focused"],
+      entry: ["setInitialFocus"],
+      effects: ["trackFocusVisible", "scrollToHighlightedItem", "trackDismissableLayer", "trackPlacement"],
+      on: {
+        "CONTROLLED.CLOSE": [
+          {
+            guard: "restoreFocus",
+            target: "closed.focused",
+            actions: ["setFinalFocus"]
+          },
+          {
+            target: "closed.idle"
+          }
+        ],
+        "INPUT.ENTER": [
+          // == group 1 ==
+          {
+            guard: u("isOpenControlled", "isCustomValue", d("hasHighlightedItem"), d("allowCustomValue")),
+            actions: ["revertInputValue", "invokeOnClose"]
+          },
+          {
+            guard: u("isCustomValue", d("hasHighlightedItem"), d("allowCustomValue")),
+            target: "closed.focused",
+            actions: ["revertInputValue", "invokeOnClose"]
+          },
+          // == group 2 ==
+          {
+            guard: u("isOpenControlled", "closeOnSelect"),
+            actions: ["selectHighlightedItem", "invokeOnClose"]
+          },
+          {
+            guard: "closeOnSelect",
+            target: "closed.focused",
+            actions: ["selectHighlightedItem", "invokeOnClose", "setFinalFocus"]
+          },
+          {
+            actions: ["selectHighlightedItem"]
+          }
+        ],
+        "ITEM.CLICK": [
+          {
+            guard: u("isOpenControlled", "closeOnSelect"),
+            actions: ["selectItem", "invokeOnClose"]
+          },
+          {
+            guard: "closeOnSelect",
+            target: "closed.focused",
+            actions: ["selectItem", "invokeOnClose", "setFinalFocus"]
+          },
+          {
+            actions: ["selectItem"]
+          }
+        ],
+        "TRIGGER.CLICK": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed.focused",
+            actions: ["invokeOnClose"]
+          }
+        ],
+        "LAYER.INTERACT_OUTSIDE": [
+          // == group 1 ==
+          {
+            guard: u("isOpenControlled", "isCustomValue", d("allowCustomValue")),
+            actions: ["revertInputValue", "invokeOnClose"]
+          },
+          {
+            guard: u("isCustomValue", d("allowCustomValue")),
+            target: "closed.idle",
+            actions: ["revertInputValue", "invokeOnClose"]
+          },
+          // == group 2 ==
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed.idle",
+            actions: ["invokeOnClose"]
+          }
+        ],
+        CLOSE: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed.focused",
+            actions: ["invokeOnClose", "setFinalFocus"]
+          }
+        ],
+        "VALUE.CLEAR": [
+          {
+            guard: "isOpenControlled",
+            actions: ["clearInputValue", "clearSelectedItems", "invokeOnClose"]
+          },
+          {
+            target: "closed.focused",
+            actions: ["clearInputValue", "clearSelectedItems", "invokeOnClose", "setFinalFocus"]
+          }
+        ]
+      },
+      initial: "interacting",
+      states: {
+        interacting: {
+          on: {
+            CHILDREN_CHANGE: [
+              {
+                guard: "isHighlightedItemRemoved",
+                actions: ["clearHighlightedValue"]
+              },
+              {
+                actions: ["scrollToHighlightedItem"]
+              }
+            ],
+            "INPUT.HOME": {
+              actions: ["highlightFirstItem"]
+            },
+            "INPUT.END": {
+              actions: ["highlightLastItem"]
+            },
+            "INPUT.ARROW_DOWN": [
+              {
+                guard: u("autoComplete", "isLastItemHighlighted"),
+                actions: ["clearHighlightedValue", "scrollContentToTop"]
+              },
+              {
+                actions: ["highlightNextItem"]
+              }
+            ],
+            "INPUT.ARROW_UP": [
+              {
+                guard: u("autoComplete", "isFirstItemHighlighted"),
+                actions: ["clearHighlightedValue"]
+              },
+              {
+                actions: ["highlightPrevItem"]
+              }
+            ],
+            "INPUT.CHANGE": [
+              {
+                guard: "autoComplete",
+                target: "suggesting",
+                actions: ["setInputValue"]
+              },
+              {
+                target: "suggesting",
+                actions: ["clearHighlightedValue", "setInputValue"]
+              }
+            ],
+            "ITEM.POINTER_MOVE": {
+              actions: ["setHighlightedValue"]
+            },
+            "ITEM.POINTER_LEAVE": {
+              actions: ["clearHighlightedValue"]
+            },
+            "LAYER.ESCAPE": [
+              {
+                guard: u("isOpenControlled", "autoComplete"),
+                actions: ["syncInputValue", "invokeOnClose"]
+              },
+              {
+                guard: "autoComplete",
+                target: "closed.focused",
+                actions: ["syncInputValue", "invokeOnClose"]
+              },
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnClose"]
+              },
+              {
+                target: "closed.focused",
+                actions: ["invokeOnClose", "setFinalFocus"]
+              }
+            ]
+          }
+        },
+        suggesting: {
+          on: {
+            CHILDREN_CHANGE: [
+              {
+                guard: u("isHighlightedItemRemoved", "hasCollectionItems", "autoHighlight"),
+                actions: ["clearHighlightedValue", "highlightFirstItem"]
+              },
+              {
+                guard: "isHighlightedItemRemoved",
+                actions: ["clearHighlightedValue"]
+              },
+              {
+                guard: "autoHighlight",
+                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.CHANGE": {
+              actions: ["setInputValue"]
+            },
+            "LAYER.ESCAPE": [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnClose"]
+              },
+              {
+                target: "closed.focused",
+                actions: ["invokeOnClose"]
+              }
+            ],
+            "ITEM.POINTER_MOVE": {
+              target: "interacting",
+              actions: ["setHighlightedValue"]
+            },
+            "ITEM.POINTER_LEAVE": {
+              actions: ["clearHighlightedValue"]
+            }
+          }
+        }
+      }
+    }
+  },
+  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 l = e("openOnChange");
+        return w(l) ? l : !!l?.({ inputValue: t.get("inputValue") });
+      },
+      restoreFocus: ({ event: e }) => {
+        const t = e.restoreFocus ?? e.previousEvent?.restoreFocus;
+        return t == null ? !0 : !!t;
+      },
+      isChangeEvent: ({ event: e }) => e.previousEvent?.type === "INPUT.CHANGE",
+      autoFocus: ({ prop: e }) => !!e("autoFocus"),
+      isHighlightedItemRemoved: ({ prop: e, context: t }) => !e("collection").has(t.get("highlightedValue")),
+      hasCollectionItems: ({ prop: e }) => e("collection").size > 0
+    },
+    effects: {
+      trackFocusVisible({ scope: e }) {
+        return A({ root: e.getRootNode?.() });
+      },
+      trackDismissableLayer({ send: e, prop: t, scope: l }) {
+        return t("disableLayer") ? void 0 : j(() => m(l), {
+          type: "listbox",
+          defer: !0,
+          exclude: () => [v(l), E(l), G(l)],
+          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 });
+          }
+        });
+      },
+      trackPlacement({ context: e, prop: t, scope: l }) {
+        const i = () => F(l) || E(l), n = () => S(l);
+        return e.set("currentPlacement", t("positioning").placement), f(i, n, {
+          ...t("positioning"),
+          defer: !0,
+          onComplete(a) {
+            e.set("currentPlacement", a.placement);
+          }
+        });
+      },
+      scrollToHighlightedItem({ context: e, prop: t, scope: l }) {
+        const i = v(l);
+        let n = [];
+        const a = (c) => {
+          if (M() === "pointer") return;
+          const r = e.get("highlightedValue");
+          if (!r) return;
+          const V = m(l), O = t("scrollToIndexFn");
+          if (O) {
+            const P = t("collection").indexOf(r);
+            O({
+              index: P,
+              immediate: c,
+              getElement: () => p(l, r)
+            });
+            return;
+          }
+          const L = p(l, r), y = g(() => {
+            N(L, { rootEl: V, block: "nearest" });
+          });
+          n.push(y);
+        }, o = g(() => {
+          R("virtual"), a(!0);
+        });
+        n.push(o);
+        const s = q(i, {
+          attributes: ["aria-activedescendant"],
+          callback: () => a(!1)
+        });
+        return n.push(s), () => {
+          n.forEach((c) => c());
+        };
+      }
+    },
+    actions: {
+      reposition({ context: e, prop: t, scope: l, event: i }) {
+        f(() => F(l), () => S(l), {
+          ...t("positioning"),
+          ...i.options,
+          defer: !0,
+          listeners: !1,
+          onComplete(o) {
+            e.set("currentPlacement", o.placement);
+          }
+        });
+      },
+      setHighlightedValue({ context: e, event: t }) {
+        t.value != null && e.set("highlightedValue", t.value);
+      },
+      clearHighlightedValue({ context: e }) {
+        e.set("highlightedValue", null);
+      },
+      selectHighlightedItem(e) {
+        const { context: t, prop: l } = e, i = l("collection"), n = t.get("highlightedValue");
+        if (!n || !i.has(n)) return;
+        const a = l("multiple") ? H(t.get("value"), n) : [n];
+        l("onSelect")?.({ value: a, itemValue: n }), t.set("value", a);
+        const o = h(l("selectionBehavior"), {
+          preserve: t.get("inputValue"),
+          replace: i.stringifyMany(a),
+          clear: ""
+        });
+        t.set("inputValue", o);
+      },
+      scrollToHighlightedItem({ context: e, prop: t, scope: l }) {
+        W(() => {
+          const i = e.get("highlightedValue");
+          if (i == null) return;
+          const n = p(l, i), a = m(l), o = t("scrollToIndexFn");
+          if (o) {
+            const s = t("collection").indexOf(i);
+            o({
+              index: s,
+              immediate: !0,
+              getElement: () => p(l, i)
+            });
+            return;
+          }
+          N(n, { rootEl: a, block: "nearest" });
+        });
+      },
+      selectItem(e) {
+        const { context: t, event: l, flush: i, prop: n } = e;
+        l.value != null && i(() => {
+          const a = n("multiple") ? H(t.get("value"), l.value) : [l.value];
+          n("onSelect")?.({ value: a, itemValue: l.value }), t.set("value", a);
+          const o = h(n("selectionBehavior"), {
+            preserve: t.get("inputValue"),
+            replace: n("collection").stringifyMany(a),
+            clear: ""
+          });
+          t.set("inputValue", o);
+        });
+      },
+      clearItem(e) {
+        const { context: t, event: l, flush: i, prop: n } = e;
+        l.value != null && i(() => {
+          const a = Y(t.get("value"), l.value);
+          t.set("value", a);
+          const o = h(n("selectionBehavior"), {
+            preserve: t.get("inputValue"),
+            replace: n("collection").stringifyMany(a),
+            clear: ""
+          });
+          t.set("inputValue", o);
+        });
+      },
+      setInitialFocus({ scope: e }) {
+        g(() => {
+          T(e);
+        });
+      },
+      setFinalFocus({ scope: e }) {
+        g(() => {
+          E(e)?.dataset.focusable == null ? T(e) : _(e);
+        });
+      },
+      syncInputValue({ context: e, scope: t, event: l }) {
+        const i = v(t);
+        i && (i.value = e.get("inputValue"), queueMicrotask(() => {
+          l.current().type !== "INPUT.CHANGE" && K(i);
+        }));
+      },
+      setInputValue({ context: e, event: t }) {
+        e.set("inputValue", t.value);
+      },
+      clearInputValue({ context: e }) {
+        e.set("inputValue", "");
+      },
+      revertInputValue({ context: e, prop: t, computed: l }) {
+        const i = t("selectionBehavior"), n = h(i, {
+          replace: l("hasSelectedItems") ? l("valueAsString") : "",
+          preserve: e.get("inputValue"),
+          clear: ""
+        });
+        e.set("inputValue", n);
+      },
+      setValue(e) {
+        const { context: t, flush: l, event: i, prop: n } = e;
+        l(() => {
+          t.set("value", i.value);
+          const a = h(n("selectionBehavior"), {
+            preserve: t.get("inputValue"),
+            replace: n("collection").stringifyMany(i.value),
+            clear: ""
+          });
+          t.set("inputValue", a);
+        });
+      },
+      clearSelectedItems(e) {
+        const { context: t, flush: l, prop: i } = e;
+        l(() => {
+          t.set("value", []);
+          const n = h(i("selectionBehavior"), {
+            preserve: t.get("inputValue"),
+            replace: i("collection").stringifyMany([]),
+            clear: ""
+          });
+          t.set("inputValue", n);
+        });
+      },
+      scrollContentToTop({ prop: e, scope: t }) {
+        const l = e("scrollToIndexFn");
+        if (l) {
+          const i = e("collection").firstValue;
+          l({
+            index: 0,
+            immediate: !0,
+            getElement: () => p(t, i)
+          });
+        } else {
+          const i = m(t);
+          if (!i) return;
+          i.scrollTop = 0;
+        }
+      },
+      invokeOnOpen({ prop: e, event: t, context: l }) {
+        const i = k(t);
+        e("onOpenChange")?.({ open: !0, reason: i, value: l.get("value") });
+      },
+      invokeOnClose({ prop: e, event: t, context: l }) {
+        const i = k(t);
+        e("onOpenChange")?.({ open: !1, reason: i, value: l.get("value") });
+      },
+      highlightFirstItem({ context: e, prop: t, scope: l }) {
+        (m(l) ? queueMicrotask : g)(() => {
+          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: l }) {
+        (m(l) ? queueMicrotask : g)(() => {
+          const n = t("collection").lastValue;
+          n && e.set("highlightedValue", n);
+        });
+      },
+      highlightNextItem({ context: e, prop: t }) {
+        let l = null;
+        const i = e.get("highlightedValue"), n = t("collection");
+        i ? (l = n.getNextValue(i), !l && t("loopFocus") && (l = n.firstValue)) : l = n.firstValue, l && e.set("highlightedValue", l);
+      },
+      highlightPrevItem({ context: e, prop: t }) {
+        let l = null;
+        const i = e.get("highlightedValue"), n = t("collection");
+        i ? (l = n.getPreviousValue(i), !l && t("loopFocus") && (l = n.lastValue)) : l = n.lastValue, l && e.set("highlightedValue", l);
+      },
+      highlightFirstSelectedItem({ context: e, prop: t }) {
+        g(() => {
+          const [l] = t("collection").sort(e.get("value"));
+          l && e.set("highlightedValue", l);
+        });
+      },
+      highlightFirstOrSelectedItem({ context: e, prop: t, computed: l }) {
+        g(() => {
+          let i = null;
+          l("hasSelectedItems") ? i = t("collection").sort(e.get("value"))[0] : i = t("collection").firstValue, i && e.set("highlightedValue", i);
+        });
+      },
+      highlightLastOrSelectedItem({ context: e, prop: t, computed: l }) {
+        g(() => {
+          const i = t("collection");
+          let n = null;
+          l("hasSelectedItems") ? n = i.sort(e.get("value"))[0] : n = i.lastValue, n && e.set("highlightedValue", n);
+        });
+      },
+      autofillInputValue({ context: e, computed: t, prop: l, event: i, scope: n }) {
+        const a = v(n), o = l("collection");
+        if (!t("autoComplete") || !a || !i.keypress) return;
+        const s = o.stringify(e.get("highlightedValue"));
+        g(() => {
+          a.value = s || e.get("inputValue");
+        });
+      },
+      syncSelectedItems(e) {
+        queueMicrotask(() => {
+          const { context: t, prop: l } = e, i = l("collection"), n = t.get("value"), a = t.get("selectedItemMap"), o = C({ values: n, collection: i, selectedItemMap: a });
+          t.set("selectedItemMap", o.nextSelectedItemMap);
+          const s = h(l("selectionBehavior"), {
+            preserve: t.get("inputValue"),
+            replace: i.stringifyMany(n),
+            clear: ""
+          });
+          t.set("inputValue", s);
+        });
+      },
+      syncHighlightedItem({ context: e, prop: t }) {
+        const l = t("collection").find(e.get("highlightedValue"));
+        e.set("highlightedItem", l);
+      },
+      toggleVisibility({ event: e, send: t, prop: l }) {
+        t({ type: l("open") ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: e });
+      }
+    }
+  }
+});
+function k(e) {
+  return (e.previousEvent || e).src;
+}
+export {
+  me as machine
+};
+//# sourceMappingURL=combobox.machine.js.map