@manafishrov/ui 1.2.5 → 1.2.7

package/dist/node_modules/.bun/@zag-js_select@1.35.3/node_modules/@zag-js/select/dist/select.machine.js

@@ -0,0 +1,663 @@
+import { setInteractionModality as R, trackFocusVisible as F, getInteractionModality as S } from "../../../../../@zag-js_focus-visible@1.35.3/node_modules/@zag-js/focus-visible/dist/index.js";
+import { getPlacement as p } from "../../../../../@zag-js_popper@1.35.3/node_modules/@zag-js/popper/dist/get-placement.js";
+import { resolveSelectedItems as L, deriveSelectionState as h, createSelectedItemMap as H } from "../../../../../@zag-js_collection@1.35.3/node_modules/@zag-js/collection/dist/selection-map.js";
+import { collection as G } from "./select.collection.js";
+import { getHiddenSelectEl as E, getItemEl as O, getContentEl as g, getTriggerEl as d, getPositionerEl as C, getClearTriggerEl as k } from "./select.dom.js";
+import { markAsInternalChangeEvent as N, trackFormControl as y } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/form.js";
+import { getInitialFocus as M } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/initial-focus.js";
+import { createMachine as A, createGuards as P } from "../../../../../@zag-js_core@1.35.3/node_modules/@zag-js/core/dist/create-machine.js";
+import { addOrRemove as T } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/array.js";
+import { raf as f } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/raf.js";
+import { observeAttributes as D } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/mutation-observer.js";
+import { trackDismissableElement as b } from "../../../../../@zag-js_dismissable@1.35.3/node_modules/@zag-js/dismissable/dist/dismissable-layer.js";
+import { getByTypeahead as w } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/typeahead.js";
+import { isEqual as W } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/equal.js";
+import { scrollIntoView as _ } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/overflow.js";
+var { and: r, not: a, or: U } = P(), ie = A({
+  props({ props: e }) {
+    return {
+      loopFocus: !1,
+      closeOnSelect: !e.multiple,
+      composite: !0,
+      defaultValue: [],
+      ...e,
+      collection: e.collection ?? G.empty(),
+      positioning: {
+        placement: "bottom-start",
+        gutter: 8,
+        ...e.positioning
+      }
+    };
+  },
+  context({ prop: e, bindable: t, getContext: l }) {
+    const i = e("value") ?? e("defaultValue") ?? [], n = e("collection").findMany(i);
+    return {
+      value: t(() => ({
+        defaultValue: e("defaultValue"),
+        value: e("value"),
+        isEqual: W,
+        onChange(s) {
+          const o = l(), m = e("collection"), I = o.get("selectedItemMap"), c = h({
+            values: s,
+            collection: m,
+            selectedItemMap: I
+          }), u = e("value") ?? s, v = u === s ? c : h({
+            values: u,
+            collection: m,
+            selectedItemMap: c.nextSelectedItemMap
+          });
+          return o.set("selectedItemMap", v.nextSelectedItemMap), e("onValueChange")?.({ value: s, items: c.selectedItems });
+        }
+      })),
+      highlightedValue: t(() => ({
+        defaultValue: e("defaultHighlightedValue") || null,
+        value: e("highlightedValue"),
+        onChange(s) {
+          e("onHighlightChange")?.({
+            highlightedValue: s,
+            highlightedItem: e("collection").find(s),
+            highlightedIndex: e("collection").indexOf(s)
+          });
+        }
+      })),
+      currentPlacement: t(() => ({
+        defaultValue: void 0
+      })),
+      fieldsetDisabled: t(() => ({
+        defaultValue: !1
+      })),
+      highlightedItem: t(() => ({
+        defaultValue: null
+      })),
+      selectedItemMap: t(() => ({
+        defaultValue: H({
+          selectedItems: n,
+          collection: e("collection")
+        })
+      }))
+    };
+  },
+  refs() {
+    return {
+      typeahead: { ...w.defaultOptions }
+    };
+  },
+  computed: {
+    hasSelectedItems: ({ context: e }) => e.get("value").length > 0,
+    isTypingAhead: ({ refs: e }) => e.get("typeahead").keysSoFar !== "",
+    isDisabled: ({ prop: e, context: t }) => !!e("disabled") || !!t.get("fieldsetDisabled"),
+    isInteractive: ({ prop: e }) => !(e("disabled") || e("readOnly")),
+    selectedItems: ({ context: e, prop: t }) => L({
+      values: e.get("value"),
+      collection: t("collection"),
+      selectedItemMap: e.get("selectedItemMap")
+    }),
+    valueAsString: ({ computed: e, prop: t }) => t("collection").stringifyItems(e("selectedItems"))
+  },
+  initialState({ prop: e }) {
+    return e("open") || e("defaultOpen") ? "open" : "idle";
+  },
+  entry: ["syncSelectElement"],
+  watch({ context: e, prop: t, track: l, action: i }) {
+    l([() => e.get("value").toString()], () => {
+      i(["syncSelectedItems", "syncSelectElement", "dispatchChangeEvent"]);
+    }), l([() => t("open")], () => {
+      i(["toggleVisibility"]);
+    }), l([() => e.get("highlightedValue")], () => {
+      i(["syncHighlightedItem"]);
+    }), l([() => t("collection").toString()], () => {
+      i(["syncCollection"]);
+    });
+  },
+  on: {
+    "HIGHLIGHTED_VALUE.SET": {
+      actions: ["setHighlightedItem"]
+    },
+    "HIGHLIGHTED_VALUE.CLEAR": {
+      actions: ["clearHighlightedItem"]
+    },
+    "ITEM.SELECT": {
+      actions: ["selectItem"]
+    },
+    "ITEM.CLEAR": {
+      actions: ["clearItem"]
+    },
+    "VALUE.SET": {
+      actions: ["setSelectedItems"]
+    },
+    "VALUE.CLEAR": {
+      actions: ["clearSelectedItems"]
+    },
+    "CLEAR.CLICK": {
+      actions: ["clearSelectedItems", "focusTriggerEl"]
+    }
+  },
+  effects: ["trackFormControlState"],
+  states: {
+    idle: {
+      tags: ["closed"],
+      on: {
+        "CONTROLLED.OPEN": [
+          {
+            guard: "isTriggerClickEvent",
+            target: "open",
+            actions: ["setInitialFocus", "highlightFirstSelectedItem"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus"]
+          }
+        ],
+        "TRIGGER.CLICK": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["invokeOnOpen", "setInitialFocus", "highlightFirstSelectedItem"]
+          }
+        ],
+        "TRIGGER.FOCUS": {
+          target: "focused"
+        },
+        OPEN: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus", "invokeOnOpen"]
+          }
+        ]
+      }
+    },
+    focused: {
+      tags: ["closed"],
+      on: {
+        "CONTROLLED.OPEN": [
+          {
+            guard: "isTriggerClickEvent",
+            target: "open",
+            actions: ["setInitialFocus", "highlightFirstSelectedItem"]
+          },
+          {
+            guard: "isTriggerArrowUpEvent",
+            target: "open",
+            actions: ["setInitialFocus", "highlightComputedLastItem"]
+          },
+          {
+            guard: U("isTriggerArrowDownEvent", "isTriggerEnterEvent"),
+            target: "open",
+            actions: ["setInitialFocus", "highlightComputedFirstItem"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus"]
+          }
+        ],
+        OPEN: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus", "invokeOnOpen"]
+          }
+        ],
+        "TRIGGER.BLUR": {
+          target: "idle"
+        },
+        "TRIGGER.CLICK": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus", "invokeOnOpen", "highlightFirstSelectedItem"]
+          }
+        ],
+        "TRIGGER.ENTER": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus", "invokeOnOpen", "highlightComputedFirstItem"]
+          }
+        ],
+        "TRIGGER.ARROW_UP": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus", "invokeOnOpen", "highlightComputedLastItem"]
+          }
+        ],
+        "TRIGGER.ARROW_DOWN": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["setInitialFocus", "invokeOnOpen", "highlightComputedFirstItem"]
+          }
+        ],
+        "TRIGGER.ARROW_LEFT": [
+          {
+            guard: r(a("multiple"), "hasSelectedItems"),
+            actions: ["selectPreviousItem"]
+          },
+          {
+            guard: a("multiple"),
+            actions: ["selectLastItem"]
+          }
+        ],
+        "TRIGGER.ARROW_RIGHT": [
+          {
+            guard: r(a("multiple"), "hasSelectedItems"),
+            actions: ["selectNextItem"]
+          },
+          {
+            guard: a("multiple"),
+            actions: ["selectFirstItem"]
+          }
+        ],
+        "TRIGGER.HOME": {
+          guard: a("multiple"),
+          actions: ["selectFirstItem"]
+        },
+        "TRIGGER.END": {
+          guard: a("multiple"),
+          actions: ["selectLastItem"]
+        },
+        "TRIGGER.TYPEAHEAD": {
+          guard: a("multiple"),
+          actions: ["selectMatchingItem"]
+        }
+      }
+    },
+    open: {
+      tags: ["open"],
+      exit: ["scrollContentToTop"],
+      effects: ["trackDismissableElement", "trackFocusVisible", "computePlacement", "scrollToHighlightedItem"],
+      on: {
+        "CONTROLLED.CLOSE": [
+          {
+            guard: "restoreFocus",
+            target: "focused",
+            actions: ["focusTriggerEl", "clearHighlightedItem"]
+          },
+          {
+            target: "idle",
+            actions: ["clearHighlightedItem"]
+          }
+        ],
+        CLOSE: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            guard: "restoreFocus",
+            target: "focused",
+            actions: ["invokeOnClose", "focusTriggerEl", "clearHighlightedItem"]
+          },
+          {
+            target: "idle",
+            actions: ["invokeOnClose", "clearHighlightedItem"]
+          }
+        ],
+        "TRIGGER.CLICK": [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "focused",
+            actions: ["invokeOnClose", "clearHighlightedItem"]
+          }
+        ],
+        "ITEM.CLICK": [
+          {
+            guard: r("closeOnSelect", "isOpenControlled"),
+            actions: ["selectHighlightedItem", "invokeOnClose"]
+          },
+          {
+            guard: "closeOnSelect",
+            target: "focused",
+            actions: ["selectHighlightedItem", "invokeOnClose", "focusTriggerEl", "clearHighlightedItem"]
+          },
+          {
+            actions: ["selectHighlightedItem"]
+          }
+        ],
+        "CONTENT.HOME": {
+          actions: ["highlightFirstItem"]
+        },
+        "CONTENT.END": {
+          actions: ["highlightLastItem"]
+        },
+        "CONTENT.ARROW_DOWN": [
+          {
+            guard: r("hasHighlightedItem", "loop", "isLastItemHighlighted"),
+            actions: ["highlightFirstItem"]
+          },
+          {
+            guard: "hasHighlightedItem",
+            actions: ["highlightNextItem"]
+          },
+          {
+            actions: ["highlightFirstItem"]
+          }
+        ],
+        "CONTENT.ARROW_UP": [
+          {
+            guard: r("hasHighlightedItem", "loop", "isFirstItemHighlighted"),
+            actions: ["highlightLastItem"]
+          },
+          {
+            guard: "hasHighlightedItem",
+            actions: ["highlightPreviousItem"]
+          },
+          {
+            actions: ["highlightLastItem"]
+          }
+        ],
+        "CONTENT.TYPEAHEAD": {
+          actions: ["highlightMatchingItem"]
+        },
+        "ITEM.POINTER_MOVE": {
+          actions: ["highlightItem"]
+        },
+        "ITEM.POINTER_LEAVE": {
+          actions: ["clearHighlightedItem"]
+        },
+        "POSITIONING.SET": {
+          actions: ["reposition"]
+        }
+      }
+    }
+  },
+  implementations: {
+    guards: {
+      loop: ({ prop: e }) => !!e("loopFocus"),
+      multiple: ({ prop: e }) => !!e("multiple"),
+      hasSelectedItems: ({ computed: e }) => !!e("hasSelectedItems"),
+      hasHighlightedItem: ({ context: e }) => e.get("highlightedValue") != null,
+      isFirstItemHighlighted: ({ context: e, prop: t }) => e.get("highlightedValue") === t("collection").firstValue,
+      isLastItemHighlighted: ({ context: e, prop: t }) => e.get("highlightedValue") === t("collection").lastValue,
+      closeOnSelect: ({ prop: e, event: t }) => !!(t.closeOnSelect ?? e("closeOnSelect")),
+      restoreFocus: ({ event: e }) => V(e),
+      // guard assertions (for controlled mode)
+      isOpenControlled: ({ prop: e }) => e("open") !== void 0,
+      isTriggerClickEvent: ({ event: e }) => e.previousEvent?.type === "TRIGGER.CLICK",
+      isTriggerEnterEvent: ({ event: e }) => e.previousEvent?.type === "TRIGGER.ENTER",
+      isTriggerArrowUpEvent: ({ event: e }) => e.previousEvent?.type === "TRIGGER.ARROW_UP",
+      isTriggerArrowDownEvent: ({ event: e }) => e.previousEvent?.type === "TRIGGER.ARROW_DOWN"
+    },
+    effects: {
+      trackFocusVisible({ scope: e }) {
+        return F({ root: e.getRootNode?.() });
+      },
+      trackFormControlState({ context: e, scope: t }) {
+        return y(E(t), {
+          onFieldsetDisabledChange(l) {
+            e.set("fieldsetDisabled", l);
+          },
+          onFormReset() {
+            const l = e.initial("value");
+            e.set("value", l);
+          }
+        });
+      },
+      trackDismissableElement({ scope: e, send: t, prop: l }) {
+        const i = () => g(e);
+        let n = !0;
+        return b(i, {
+          type: "listbox",
+          defer: !0,
+          exclude: [d(e), k(e)],
+          onFocusOutside: l("onFocusOutside"),
+          onPointerDownOutside: l("onPointerDownOutside"),
+          onInteractOutside(s) {
+            l("onInteractOutside")?.(s), n = !(s.detail.focusable || s.detail.contextmenu);
+          },
+          onDismiss() {
+            t({ type: "CLOSE", src: "interact-outside", restoreFocus: n });
+          }
+        });
+      },
+      computePlacement({ context: e, prop: t, scope: l }) {
+        const i = t("positioning");
+        return e.set("currentPlacement", i.placement), p(() => d(l), () => C(l), {
+          defer: !0,
+          ...i,
+          onComplete(o) {
+            e.set("currentPlacement", o.placement);
+          }
+        });
+      },
+      scrollToHighlightedItem({ context: e, prop: t, scope: l }) {
+        const i = (s) => {
+          const o = e.get("highlightedValue");
+          if (o == null || S() === "pointer") return;
+          const I = g(l), c = t("scrollToIndexFn");
+          if (c) {
+            const v = t("collection").indexOf(o);
+            c?.({
+              index: v,
+              immediate: s,
+              getElement: () => O(l, o)
+            });
+            return;
+          }
+          const u = O(l, o);
+          _(u, { rootEl: I, block: "nearest" });
+        };
+        return f(() => {
+          R("virtual"), i(!0);
+        }), D(() => g(l), {
+          defer: !0,
+          attributes: ["data-activedescendant"],
+          callback() {
+            i(!1);
+          }
+        });
+      }
+    },
+    actions: {
+      reposition({ context: e, prop: t, scope: l, event: i }) {
+        const n = () => C(l);
+        p(d(l), n, {
+          ...t("positioning"),
+          ...i.options,
+          defer: !0,
+          listeners: !1,
+          onComplete(s) {
+            e.set("currentPlacement", s.placement);
+          }
+        });
+      },
+      toggleVisibility({ send: e, prop: t, event: l }) {
+        e({ type: t("open") ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: l });
+      },
+      highlightPreviousItem({ context: e, prop: t }) {
+        const l = e.get("highlightedValue");
+        if (l == null) return;
+        const i = t("collection").getPreviousValue(l, 1, t("loopFocus"));
+        i != null && e.set("highlightedValue", i);
+      },
+      highlightNextItem({ context: e, prop: t }) {
+        const l = e.get("highlightedValue");
+        if (l == null) return;
+        const i = t("collection").getNextValue(l, 1, t("loopFocus"));
+        i != null && e.set("highlightedValue", i);
+      },
+      highlightFirstItem({ context: e, prop: t }) {
+        const l = t("collection").firstValue;
+        e.set("highlightedValue", l);
+      },
+      highlightLastItem({ context: e, prop: t }) {
+        const l = t("collection").lastValue;
+        e.set("highlightedValue", l);
+      },
+      setInitialFocus({ scope: e }) {
+        f(() => {
+          M({
+            root: g(e)
+          })?.focus({ preventScroll: !0 });
+        });
+      },
+      focusTriggerEl({ event: e, scope: t }) {
+        V(e) && f(() => {
+          d(t)?.focus({ preventScroll: !0 });
+        });
+      },
+      selectHighlightedItem({ context: e, prop: t, event: l }) {
+        let i = l.value ?? e.get("highlightedValue");
+        if (i == null || !t("collection").has(i)) return;
+        t("onSelect")?.({ value: i }), i = t("deselectable") && !t("multiple") && e.get("value").includes(i) ? null : i, e.set("value", (s) => i == null ? [] : t("multiple") ? T(s, i) : [i]);
+      },
+      highlightComputedFirstItem({ context: e, prop: t, computed: l }) {
+        const i = t("collection"), n = l("hasSelectedItems") ? i.sort(e.get("value"))[0] : i.firstValue;
+        e.set("highlightedValue", n);
+      },
+      highlightComputedLastItem({ context: e, prop: t, computed: l }) {
+        const i = t("collection"), n = l("hasSelectedItems") ? i.sort(e.get("value"))[0] : i.lastValue;
+        e.set("highlightedValue", n);
+      },
+      highlightFirstSelectedItem({ context: e, prop: t, computed: l }) {
+        if (!l("hasSelectedItems")) return;
+        const i = t("collection").sort(e.get("value"))[0];
+        e.set("highlightedValue", i);
+      },
+      highlightItem({ context: e, event: t }) {
+        e.set("highlightedValue", t.value);
+      },
+      highlightMatchingItem({ context: e, prop: t, event: l, refs: i }) {
+        const n = t("collection").search(l.key, {
+          state: i.get("typeahead"),
+          currentValue: e.get("highlightedValue")
+        });
+        n != null && e.set("highlightedValue", n);
+      },
+      setHighlightedItem({ context: e, event: t }) {
+        e.set("highlightedValue", t.value);
+      },
+      clearHighlightedItem({ context: e }) {
+        e.set("highlightedValue", null);
+      },
+      selectItem({ context: e, prop: t, event: l }) {
+        t("onSelect")?.({ value: l.value });
+        const n = t("deselectable") && !t("multiple") && e.get("value").includes(l.value) ? null : l.value;
+        e.set("value", (s) => n == null ? [] : t("multiple") ? T(s, n) : [n]);
+      },
+      clearItem({ context: e, event: t }) {
+        e.set("value", (l) => l.filter((i) => i !== t.value));
+      },
+      setSelectedItems({ context: e, event: t }) {
+        e.set("value", t.value);
+      },
+      clearSelectedItems({ context: e }) {
+        e.set("value", []);
+      },
+      selectPreviousItem({ context: e, prop: t }) {
+        const [l] = e.get("value"), i = t("collection").getPreviousValue(l);
+        i && e.set("value", [i]);
+      },
+      selectNextItem({ context: e, prop: t }) {
+        const [l] = e.get("value"), i = t("collection").getNextValue(l);
+        i && e.set("value", [i]);
+      },
+      selectFirstItem({ context: e, prop: t }) {
+        const l = t("collection").firstValue;
+        l && e.set("value", [l]);
+      },
+      selectLastItem({ context: e, prop: t }) {
+        const l = t("collection").lastValue;
+        l && e.set("value", [l]);
+      },
+      selectMatchingItem({ context: e, prop: t, event: l, refs: i }) {
+        const n = t("collection").search(l.key, {
+          state: i.get("typeahead"),
+          currentValue: e.get("value")[0]
+        });
+        n != null && e.set("value", [n]);
+      },
+      scrollContentToTop({ prop: e, scope: t }) {
+        if (e("scrollToIndexFn")) {
+          const l = e("collection").firstValue;
+          e("scrollToIndexFn")?.({
+            index: 0,
+            immediate: !0,
+            getElement: () => O(t, l)
+          });
+        } else
+          g(t)?.scrollTo(0, 0);
+      },
+      invokeOnOpen({ prop: e, context: t }) {
+        e("onOpenChange")?.({ open: !0, value: t.get("value") });
+      },
+      invokeOnClose({ prop: e, context: t }) {
+        e("onOpenChange")?.({ open: !1, value: t.get("value") });
+      },
+      syncSelectElement({ context: e, prop: t, scope: l }) {
+        const i = E(l);
+        if (i) {
+          if (e.get("value").length === 0 && !t("multiple")) {
+            i.selectedIndex = -1;
+            return;
+          }
+          for (const n of i.options)
+            n.selected = e.get("value").includes(n.value);
+        }
+      },
+      syncCollection({ context: e, prop: t }) {
+        const l = t("collection"), i = l.find(e.get("highlightedValue"));
+        i && e.set("highlightedItem", i);
+        const n = h({
+          values: e.get("value"),
+          collection: l,
+          selectedItemMap: e.get("selectedItemMap")
+        });
+        e.set("selectedItemMap", n.nextSelectedItemMap);
+      },
+      syncSelectedItems({ context: e, prop: t }) {
+        const l = h({
+          values: e.get("value"),
+          collection: t("collection"),
+          selectedItemMap: e.get("selectedItemMap")
+        });
+        e.set("selectedItemMap", l.nextSelectedItemMap);
+      },
+      syncHighlightedItem({ context: e, prop: t }) {
+        const l = t("collection"), i = e.get("highlightedValue"), n = i ? l.find(i) : null;
+        e.set("highlightedItem", n);
+      },
+      dispatchChangeEvent({ scope: e }) {
+        queueMicrotask(() => {
+          const t = E(e);
+          if (!t) return;
+          const l = e.getWin(), i = new l.Event("change", { bubbles: !0, composed: !0 });
+          t.dispatchEvent(N(i));
+        });
+      }
+    }
+  }
+});
+function V(e) {
+  const t = e.restoreFocus ?? e.previousEvent?.restoreFocus;
+  return t == null || !!t;
+}
+export {
+  ie as machine
+};
+//# sourceMappingURL=select.machine.js.map