@manafishrov/ui 1.2.6 → 1.2.8

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

@@ -1,638 +0,0 @@
-import { setInteractionModality as V, trackFocusVisible as R, getInteractionModality as F } from "../../../../../@zag-js_focus-visible@1.35.2/node_modules/@zag-js/focus-visible/dist/index.js";
-import { getPlacement as E } from "../../../../../@zag-js_popper@1.35.2/node_modules/@zag-js/popper/dist/get-placement.js";
-import { collection as S } from "./select.collection.js";
-import { getHiddenSelectEl as h, getItemEl as d, getContentEl as c, getTriggerEl as r, getPositionerEl as v, getClearTriggerEl as L } from "./select.dom.js";
-import { markAsInternalChangeEvent as H, trackFormControl as G } from "../../../../../@zag-js_dom-query@1.35.2/node_modules/@zag-js/dom-query/dist/form.js";
-import { getInitialFocus as k } from "../../../../../@zag-js_dom-query@1.35.2/node_modules/@zag-js/dom-query/dist/initial-focus.js";
-import { createMachine as y, createGuards as N } from "../../../../../@zag-js_core@1.35.2/node_modules/@zag-js/core/dist/create-machine.js";
-import { addOrRemove as O } from "../../../../../@zag-js_utils@1.35.2/node_modules/@zag-js/utils/dist/array.js";
-import { raf as m } from "../../../../../@zag-js_dom-query@1.35.2/node_modules/@zag-js/dom-query/dist/raf.js";
-import { observeAttributes as A } from "../../../../../@zag-js_dom-query@1.35.2/node_modules/@zag-js/dom-query/dist/mutation-observer.js";
-import { trackDismissableElement as P } from "../../../../../@zag-js_dismissable@1.35.2/node_modules/@zag-js/dismissable/dist/dismissable-layer.js";
-import { getByTypeahead as D } from "../../../../../@zag-js_dom-query@1.35.2/node_modules/@zag-js/dom-query/dist/typeahead.js";
-import { isEqual as b } from "../../../../../@zag-js_utils@1.35.2/node_modules/@zag-js/utils/dist/equal.js";
-import { scrollIntoView as M } from "../../../../../@zag-js_dom-query@1.35.2/node_modules/@zag-js/dom-query/dist/overflow.js";
-var { and: g, not: a, or: w } = N(), $ = y({
-  props({ props: e }) {
-    return {
-      loopFocus: !1,
-      closeOnSelect: !e.multiple,
-      composite: !0,
-      defaultValue: [],
-      ...e,
-      collection: e.collection ?? S.empty(),
-      positioning: {
-        placement: "bottom-start",
-        gutter: 8,
-        ...e.positioning
-      }
-    };
-  },
-  context({ prop: e, bindable: t }) {
-    return {
-      value: t(() => ({
-        defaultValue: e("defaultValue"),
-        value: e("value"),
-        isEqual: b,
-        onChange(l) {
-          const i = e("collection").findMany(l);
-          return e("onValueChange")?.({ value: l, items: i });
-        }
-      })),
-      highlightedValue: t(() => ({
-        defaultValue: e("defaultHighlightedValue") || null,
-        value: e("highlightedValue"),
-        onChange(l) {
-          e("onHighlightChange")?.({
-            highlightedValue: l,
-            highlightedItem: e("collection").find(l),
-            highlightedIndex: e("collection").indexOf(l)
-          });
-        }
-      })),
-      currentPlacement: t(() => ({
-        defaultValue: void 0
-      })),
-      fieldsetDisabled: t(() => ({
-        defaultValue: !1
-      })),
-      highlightedItem: t(() => ({
-        defaultValue: null
-      })),
-      selectedItems: t(() => {
-        const l = e("value") ?? e("defaultValue") ?? [];
-        return { defaultValue: e("collection").findMany(l) };
-      })
-    };
-  },
-  refs() {
-    return {
-      typeahead: { ...D.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")),
-    valueAsString: ({ context: e, prop: t }) => t("collection").stringifyItems(e.get("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: w("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: g(a("multiple"), "hasSelectedItems"),
-            actions: ["selectPreviousItem"]
-          },
-          {
-            guard: a("multiple"),
-            actions: ["selectLastItem"]
-          }
-        ],
-        "TRIGGER.ARROW_RIGHT": [
-          {
-            guard: g(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: g("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: g("hasHighlightedItem", "loop", "isLastItemHighlighted"),
-            actions: ["highlightFirstItem"]
-          },
-          {
-            guard: "hasHighlightedItem",
-            actions: ["highlightNextItem"]
-          },
-          {
-            actions: ["highlightFirstItem"]
-          }
-        ],
-        "CONTENT.ARROW_UP": [
-          {
-            guard: g("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 }) => f(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 R({ root: e.getRootNode?.() });
-      },
-      trackFormControlState({ context: e, scope: t }) {
-        return G(h(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 = () => c(e);
-        let n = !0;
-        return P(i, {
-          type: "listbox",
-          defer: !0,
-          exclude: [r(e), L(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), E(() => r(l), () => v(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 || F() === "pointer") return;
-          const u = c(l), I = t("scrollToIndexFn");
-          if (I) {
-            const T = t("collection").indexOf(o);
-            I?.({
-              index: T,
-              immediate: s,
-              getElement: () => d(l, o)
-            });
-            return;
-          }
-          const C = d(l, o);
-          M(C, { rootEl: u, block: "nearest" });
-        };
-        return m(() => {
-          V("virtual"), i(!0);
-        }), A(() => c(l), {
-          defer: !0,
-          attributes: ["data-activedescendant"],
-          callback() {
-            i(!1);
-          }
-        });
-      }
-    },
-    actions: {
-      reposition({ context: e, prop: t, scope: l, event: i }) {
-        const n = () => v(l);
-        E(r(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 }) {
-        m(() => {
-          k({
-            root: c(e)
-          })?.focus({ preventScroll: !0 });
-        });
-      },
-      focusTriggerEl({ event: e, scope: t }) {
-        f(e) && m(() => {
-          r(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") ? O(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") ? O(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: () => d(t, l)
-          });
-        } else
-          c(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 = h(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 = l.findMany(e.get("value"));
-        e.set("selectedItems", n);
-      },
-      syncSelectedItems({ context: e, prop: t }) {
-        const l = t("collection"), i = e.get("selectedItems"), s = e.get("value").map((o) => i.find((u) => l.getItemValue(u) === o) || l.find(o));
-        e.set("selectedItems", s);
-      },
-      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 = h(e);
-          if (!t) return;
-          const l = e.getWin(), i = new l.Event("change", { bubbles: !0, composed: !0 });
-          t.dispatchEvent(H(i));
-        });
-      }
-    }
-  }
-});
-function f(e) {
-  const t = e.restoreFocus ?? e.previousEvent?.restoreFocus;
-  return t == null || !!t;
-}
-export {
-  $ as machine
-};
-//# sourceMappingURL=select.machine.js.map