@televet/kibble-ui 4.0.0-beta.6 → 4.0.0-beta.60

package/dist/chunks/index-Dx94WMw1.js

@@ -0,0 +1,1189 @@
+import { j as z, L as M, M as w, c as oe, z as ue, N as Y, r as x, g as de, o as ce, t as he, C as ge, O as B, P as me, b as fe, Q as Ie, R as pe, q as j, E as ve, S as Ee, w as ye, d as h, k as Te, T as Oe } from "./index-C323eOJV.js";
+import { g as J, d as Re, b as L } from "./portal-D2KZrSzZ.js";
+var Ce = Object.defineProperty, Ve = (e, s, t) => s in e ? Ce(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t, u = (e, s, t) => Ve(e, typeof s != "symbol" ? s + "" : s, t), F = {
+  itemToValue(e) {
+    return typeof e == "string" ? e : M(e) && w(e, "value") ? e.value : "";
+  },
+  itemToString(e) {
+    return typeof e == "string" ? e : M(e) && w(e, "label") ? e.label : F.itemToValue(e);
+  },
+  isItemDisabled(e) {
+    return M(e) && w(e, "disabled") ? !!e.disabled : !1;
+  }
+}, ee = class te {
+  constructor(s) {
+    this.options = s, u(this, "items"), u(this, "copy", (t) => new te({ ...this.options, items: t ?? [...this.items] })), u(this, "isEqual", (t) => z(this.items, t.items)), u(this, "setItems", (t) => this.copy(t)), u(this, "getValues", (t = this.items) => Array.from(t).map((i) => this.getItemValue(i)).filter(Boolean)), u(this, "find", (t) => {
+      if (t == null) return null;
+      const i = this.indexOf(t);
+      return i != null ? this.at(i) : null;
+    }), u(this, "findMany", (t) => Array.from(t).map((i) => this.find(i)).filter((i) => i != null)), u(this, "at", (t) => {
+      if (!this.options.groupBy && !this.options.groupSort)
+        return this.items[t] ?? null;
+      let i = 0;
+      const l = this.group();
+      for (const [, n] of l)
+        for (const o of n) {
+          if (i === t) return o;
+          i++;
+        }
+      return null;
+    }), u(this, "sortFn", (t, i) => {
+      const l = this.indexOf(t), n = this.indexOf(i);
+      return (l ?? 0) - (n ?? 0);
+    }), u(this, "sort", (t) => [...t].sort(this.sortFn.bind(this))), u(this, "getItemValue", (t) => t == null ? null : this.options.itemToValue?.(t) ?? F.itemToValue(t)), u(this, "getItemDisabled", (t) => t == null ? !1 : this.options.isItemDisabled?.(t) ?? F.isItemDisabled(t)), u(this, "stringifyItem", (t) => t == null ? null : this.options.itemToString?.(t) ?? F.itemToString(t)), u(this, "stringify", (t) => t == null ? null : this.stringifyItem(this.find(t))), u(this, "stringifyItems", (t, i = ", ") => Array.from(t).map((l) => this.stringifyItem(l)).filter(Boolean).join(i)), u(this, "stringifyMany", (t, i) => this.stringifyItems(this.findMany(t), i)), u(this, "has", (t) => this.indexOf(t) !== -1), u(this, "hasItem", (t) => t == null ? !1 : this.has(this.getItemValue(t))), u(this, "group", () => {
+      const { groupBy: t, groupSort: i } = this.options;
+      if (!t) return [["", [...this.items]]];
+      const l = /* @__PURE__ */ new Map();
+      this.items.forEach((o, r) => {
+        const c = t(o, r);
+        l.has(c) || l.set(c, []), l.get(c).push(o);
+      });
+      let n = Array.from(l.entries());
+      return i && n.sort(([o], [r]) => {
+        if (typeof i == "function") return i(o, r);
+        if (Array.isArray(i)) {
+          const c = i.indexOf(o), m = i.indexOf(r);
+          return c === -1 ? 1 : m === -1 ? -1 : c - m;
+        }
+        return i === "asc" ? o.localeCompare(r) : i === "desc" ? r.localeCompare(o) : 0;
+      }), n;
+    }), u(this, "getNextValue", (t, i = 1, l = !1) => {
+      let n = this.indexOf(t);
+      if (n === -1) return null;
+      for (n = l ? Math.min(n + i, this.size - 1) : n + i; n <= this.size && this.getItemDisabled(this.at(n)); ) n++;
+      return this.getItemValue(this.at(n));
+    }), u(this, "getPreviousValue", (t, i = 1, l = !1) => {
+      let n = this.indexOf(t);
+      if (n === -1) return null;
+      for (n = l ? Math.max(n - i, 0) : n - i; n >= 0 && this.getItemDisabled(this.at(n)); ) n--;
+      return this.getItemValue(this.at(n));
+    }), u(this, "indexOf", (t) => {
+      if (t == null) return -1;
+      if (!this.options.groupBy && !this.options.groupSort)
+        return this.items.findIndex((n) => this.getItemValue(n) === t);
+      let i = 0;
+      const l = this.group();
+      for (const [, n] of l)
+        for (const o of n) {
+          if (this.getItemValue(o) === t) return i;
+          i++;
+        }
+      return -1;
+    }), u(this, "getByText", (t, i) => {
+      let l = i != null ? Se(this.items, this.indexOf(i)) : this.items;
+      return t.length === 1 && (l = l.filter((o) => this.getItemValue(o) !== i)), l.find((o) => be(this.stringifyItem(o), t));
+    }), u(this, "search", (t, i) => {
+      const { state: l, currentValue: n, timeout: o = 350 } = i, r = l.keysSoFar + t, m = r.length > 1 && Array.from(r).every((E) => E === r[0]) ? r[0] : r, v = this.getByText(m, n), I = this.getItemValue(v);
+      function y() {
+        clearTimeout(l.timer), l.timer = -1;
+      }
+      function p(E) {
+        l.keysSoFar = E, y(), E !== "" && (l.timer = +setTimeout(() => {
+          p(""), y();
+        }, o));
+      }
+      return p(r), I;
+    }), u(this, "update", (t, i) => {
+      let l = this.items.findIndex((n) => this.getItemValue(n) === t);
+      return l === -1 ? this : this.copy([...this.items.slice(0, l), i, ...this.items.slice(l + 1)]);
+    }), u(this, "insert", (t, ...i) => this.copy(V(this.items, t, ...i))), u(this, "insertBefore", (t, ...i) => {
+      let l = this.indexOf(t);
+      if (l === -1)
+        if (this.items.length === 0) l = 0;
+        else return this;
+      return this.copy(V(this.items, l, ...i));
+    }), u(this, "insertAfter", (t, ...i) => {
+      let l = this.indexOf(t);
+      if (l === -1)
+        if (this.items.length === 0) l = 0;
+        else return this;
+      return this.copy(V(this.items, l + 1, ...i));
+    }), u(this, "prepend", (...t) => this.copy(V(this.items, 0, ...t))), u(this, "append", (...t) => this.copy(V(this.items, this.items.length, ...t))), u(this, "filter", (t) => {
+      const i = this.items.filter((l, n) => t(this.stringifyItem(l), n));
+      return this.copy(i);
+    }), u(this, "remove", (...t) => {
+      const i = t.map(
+        (l) => typeof l == "string" ? l : this.getItemValue(l)
+      );
+      return this.copy(
+        this.items.filter((l) => {
+          const n = this.getItemValue(l);
+          return n == null ? !1 : !i.includes(n);
+        })
+      );
+    }), u(this, "move", (t, i) => {
+      const l = this.indexOf(t);
+      return l === -1 ? this : this.copy(A(this.items, [l], i));
+    }), u(this, "moveBefore", (t, ...i) => {
+      let l = this.items.findIndex((o) => this.getItemValue(o) === t);
+      if (l === -1) return this;
+      let n = i.map((o) => this.items.findIndex((r) => this.getItemValue(r) === o)).sort((o, r) => o - r);
+      return this.copy(A(this.items, n, l));
+    }), u(this, "moveAfter", (t, ...i) => {
+      let l = this.items.findIndex((o) => this.getItemValue(o) === t);
+      if (l === -1) return this;
+      let n = i.map((o) => this.items.findIndex((r) => this.getItemValue(r) === o)).sort((o, r) => o - r);
+      return this.copy(A(this.items, n, l + 1));
+    }), u(this, "reorder", (t, i) => this.copy(A(this.items, [t], i))), u(this, "compareValue", (t, i) => {
+      const l = this.indexOf(t), n = this.indexOf(i);
+      return l < n ? -1 : l > n ? 1 : 0;
+    }), u(this, "range", (t, i) => {
+      let l = [], n = t;
+      for (; n != null; ) {
+        if (this.find(n) && l.push(n), n === i) return l;
+        n = this.getNextValue(n);
+      }
+      return [];
+    }), u(this, "getValueRange", (t, i) => t && i ? this.compareValue(t, i) <= 0 ? this.range(t, i) : this.range(i, t) : []), u(this, "toString", () => {
+      let t = "";
+      for (const i of this.items) {
+        const l = this.getItemValue(i), n = this.stringifyItem(i), o = this.getItemDisabled(i), r = [l, n, o].filter(Boolean).join(":");
+        t += r + ",";
+      }
+      return t;
+    }), u(this, "toJSON", () => ({
+      size: this.size,
+      first: this.firstValue,
+      last: this.lastValue
+    })), this.items = [...s.items];
+  }
+  /**
+   * Returns the number of items in the collection
+   */
+  get size() {
+    return this.items.length;
+  }
+  /**
+   * Returns the first value in the collection
+   */
+  get firstValue() {
+    let s = 0;
+    for (; this.getItemDisabled(this.at(s)); ) s++;
+    return this.getItemValue(this.at(s));
+  }
+  /**
+   * Returns the last value in the collection
+   */
+  get lastValue() {
+    let s = this.size - 1;
+    for (; this.getItemDisabled(this.at(s)); ) s--;
+    return this.getItemValue(this.at(s));
+  }
+  *[Symbol.iterator]() {
+    yield* this.items;
+  }
+}, be = (e, s) => !!e?.toLowerCase().startsWith(s.toLowerCase()), Se = (e, s) => e.map((t, i) => e[(Math.max(s, 0) + i) % e.length]);
+function V(e, s, ...t) {
+  return [...e.slice(0, s), ...t, ...e.slice(s)];
+}
+function A(e, s, t) {
+  s = [...s].sort((l, n) => l - n);
+  const i = s.map((l) => e[l]);
+  for (let l = s.length - 1; l >= 0; l--)
+    e = [...e.slice(0, s[l]), ...e.slice(s[l] + 1)];
+  return t = Math.max(0, t - s.filter((l) => l < t).length), [...e.slice(0, t), ...i, ...e.slice(t)];
+}
+var Ge = fe("select").parts(
+  "label",
+  "positioner",
+  "trigger",
+  "indicator",
+  "clearTrigger",
+  "item",
+  "itemText",
+  "itemIndicator",
+  "itemGroup",
+  "itemGroupLabel",
+  "list",
+  "content",
+  "root",
+  "control",
+  "valueText"
+), f = Ge.build(), ie = (e) => new ee(e);
+ie.empty = () => new ee({ items: [] });
+var Ae = (e) => e.ids?.root ?? `select:${e.id}`, W = (e) => e.ids?.content ?? `select:${e.id}:content`, U = (e) => e.ids?.trigger ?? `select:${e.id}:trigger`, se = (e) => e.ids?.clearTrigger ?? `select:${e.id}:clear-trigger`, P = (e) => e.ids?.label ?? `select:${e.id}:label`, Pe = (e) => e.ids?.control ?? `select:${e.id}:control`, K = (e, s) => e.ids?.item?.(s) ?? `select:${e.id}:option:${s}`, $ = (e) => e.ids?.hiddenSelect ?? `select:${e.id}:select`, le = (e) => e.ids?.positioner ?? `select:${e.id}:positioner`, Fe = (e, s) => e.ids?.itemGroup?.(s) ?? `select:${e.id}:optgroup:${s}`, Q = (e, s) => e.ids?.itemGroupLabel?.(s) ?? `select:${e.id}:optgroup-label:${s}`, _ = (e) => e.getById($(e)), b = (e) => e.getById(W(e)), O = (e) => e.getById(U(e)), Le = (e) => e.getById(se(e)), X = (e) => e.getById(le(e)), Ne = (e, s) => e.getById(K(e, s));
+function Me(e, s) {
+  const { context: t, prop: i, scope: l, state: n, computed: o, send: r } = e, c = i("disabled") || t.get("fieldsetDisabled"), m = i("invalid"), v = i("readOnly"), I = i("composite"), y = i("collection"), p = n.hasTag("open"), E = n.matches("focused"), C = t.get("highlightedValue"), ne = t.get("highlightedItem"), re = t.get("selectedItems"), N = t.get("currentPlacement"), q = o("isTypingAhead"), k = o("isInteractive"), D = C ? K(l, C) : void 0;
+  function G(a) {
+    const d = y.getItemDisabled(a.item), g = y.getItemValue(a.item);
+    return Oe(g, () => `[zag-js] No value found for item ${JSON.stringify(a.item)}`), {
+      value: g,
+      disabled: !!(c || d),
+      highlighted: C === g,
+      selected: t.get("value").includes(g)
+    };
+  }
+  const ae = Re({
+    ...i("positioning"),
+    placement: N
+  });
+  return {
+    open: p,
+    focused: E,
+    empty: t.get("value").length === 0,
+    highlightedItem: ne,
+    highlightedValue: C,
+    selectedItems: re,
+    hasSelectedItems: o("hasSelectedItems"),
+    value: t.get("value"),
+    valueAsString: t.get("valueAsString"),
+    collection: y,
+    multiple: !!i("multiple"),
+    disabled: !!c,
+    reposition(a = {}) {
+      r({ type: "POSITIONING.SET", options: a });
+    },
+    focus() {
+      O(l)?.focus({ preventScroll: !0 });
+    },
+    setOpen(a) {
+      n.hasTag("open") !== a && r({ type: a ? "OPEN" : "CLOSE" });
+    },
+    selectValue(a) {
+      r({ type: "ITEM.SELECT", value: a });
+    },
+    setValue(a) {
+      r({ type: "VALUE.SET", value: a });
+    },
+    selectAll() {
+      r({ type: "VALUE.SET", value: y.getValues() });
+    },
+    highlightValue(a) {
+      r({ type: "HIGHLIGHTED_VALUE.SET", value: a });
+    },
+    clearValue(a) {
+      r(a ? { type: "ITEM.CLEAR", value: a } : { type: "VALUE.CLEAR" });
+    },
+    getItemState: G,
+    getRootProps() {
+      return s.element({
+        ...f.root.attrs,
+        dir: i("dir"),
+        id: Ae(l),
+        "data-invalid": h(m),
+        "data-readonly": h(v)
+      });
+    },
+    getLabelProps() {
+      return s.label({
+        dir: i("dir"),
+        id: P(l),
+        ...f.label.attrs,
+        "data-disabled": h(c),
+        "data-invalid": h(m),
+        "data-readonly": h(v),
+        htmlFor: $(l),
+        onClick(a) {
+          a.defaultPrevented || c || O(l)?.focus({ preventScroll: !0 });
+        }
+      });
+    },
+    getControlProps() {
+      return s.element({
+        ...f.control.attrs,
+        dir: i("dir"),
+        id: Pe(l),
+        "data-state": p ? "open" : "closed",
+        "data-focus": h(E),
+        "data-disabled": h(c),
+        "data-invalid": h(m)
+      });
+    },
+    getValueTextProps() {
+      return s.element({
+        ...f.valueText.attrs,
+        dir: i("dir"),
+        "data-disabled": h(c),
+        "data-invalid": h(m),
+        "data-focus": h(E)
+      });
+    },
+    getTriggerProps() {
+      return s.button({
+        id: U(l),
+        disabled: c,
+        dir: i("dir"),
+        type: "button",
+        role: "combobox",
+        "aria-controls": W(l),
+        "aria-expanded": p,
+        "aria-haspopup": "listbox",
+        "data-state": p ? "open" : "closed",
+        "aria-invalid": m,
+        "aria-labelledby": P(l),
+        ...f.trigger.attrs,
+        "data-disabled": h(c),
+        "data-invalid": h(m),
+        "data-readonly": h(v),
+        "data-placement": N,
+        "data-placeholder-shown": h(!o("hasSelectedItems")),
+        onClick(a) {
+          k && (a.defaultPrevented || r({ type: "TRIGGER.CLICK" }));
+        },
+        onFocus() {
+          r({ type: "TRIGGER.FOCUS" });
+        },
+        onBlur() {
+          r({ type: "TRIGGER.BLUR" });
+        },
+        onKeyDown(a) {
+          if (a.defaultPrevented || !k) return;
+          const g = {
+            ArrowUp() {
+              r({ type: "TRIGGER.ARROW_UP" });
+            },
+            ArrowDown(R) {
+              r({ type: R.altKey ? "OPEN" : "TRIGGER.ARROW_DOWN" });
+            },
+            ArrowLeft() {
+              r({ type: "TRIGGER.ARROW_LEFT" });
+            },
+            ArrowRight() {
+              r({ type: "TRIGGER.ARROW_RIGHT" });
+            },
+            Home() {
+              r({ type: "TRIGGER.HOME" });
+            },
+            End() {
+              r({ type: "TRIGGER.END" });
+            },
+            Enter() {
+              r({ type: "TRIGGER.ENTER" });
+            },
+            Space(R) {
+              r(q ? { type: "TRIGGER.TYPEAHEAD", key: R.key } : { type: "TRIGGER.ENTER" });
+            }
+          }[j(a, {
+            dir: i("dir"),
+            orientation: "vertical"
+          })];
+          if (g) {
+            g(a), a.preventDefault();
+            return;
+          }
+          B.isValidEvent(a) && (r({ type: "TRIGGER.TYPEAHEAD", key: a.key }), a.preventDefault());
+        }
+      });
+    },
+    getIndicatorProps() {
+      return s.element({
+        ...f.indicator.attrs,
+        dir: i("dir"),
+        "aria-hidden": !0,
+        "data-state": p ? "open" : "closed",
+        "data-disabled": h(c),
+        "data-invalid": h(m),
+        "data-readonly": h(v)
+      });
+    },
+    getItemProps(a) {
+      const d = G(a);
+      return s.element({
+        id: K(l, d.value),
+        role: "option",
+        ...f.item.attrs,
+        dir: i("dir"),
+        "data-value": d.value,
+        "aria-selected": d.selected,
+        "data-state": d.selected ? "checked" : "unchecked",
+        "data-highlighted": h(d.highlighted),
+        "data-disabled": h(d.disabled),
+        "aria-disabled": Te(d.disabled),
+        onPointerMove(g) {
+          d.disabled || g.pointerType !== "mouse" || d.value !== C && r({ type: "ITEM.POINTER_MOVE", value: d.value });
+        },
+        onClick(g) {
+          g.defaultPrevented || d.disabled || r({ type: "ITEM.CLICK", src: "pointerup", value: d.value });
+        },
+        onPointerLeave(g) {
+          d.disabled || a.persistFocus || g.pointerType !== "mouse" || !e.event.previous()?.type.includes("POINTER") || r({ type: "ITEM.POINTER_LEAVE" });
+        }
+      });
+    },
+    getItemTextProps(a) {
+      const d = G(a);
+      return s.element({
+        ...f.itemText.attrs,
+        "data-state": d.selected ? "checked" : "unchecked",
+        "data-disabled": h(d.disabled),
+        "data-highlighted": h(d.highlighted)
+      });
+    },
+    getItemIndicatorProps(a) {
+      const d = G(a);
+      return s.element({
+        "aria-hidden": !0,
+        ...f.itemIndicator.attrs,
+        "data-state": d.selected ? "checked" : "unchecked",
+        hidden: !d.selected
+      });
+    },
+    getItemGroupLabelProps(a) {
+      const { htmlFor: d } = a;
+      return s.element({
+        ...f.itemGroupLabel.attrs,
+        id: Q(l, d),
+        dir: i("dir"),
+        role: "presentation"
+      });
+    },
+    getItemGroupProps(a) {
+      const { id: d } = a;
+      return s.element({
+        ...f.itemGroup.attrs,
+        "data-disabled": h(c),
+        id: Fe(l, d),
+        "aria-labelledby": Q(l, d),
+        role: "group",
+        dir: i("dir")
+      });
+    },
+    getClearTriggerProps() {
+      return s.button({
+        ...f.clearTrigger.attrs,
+        id: se(l),
+        type: "button",
+        "aria-label": "Clear value",
+        "data-invalid": h(m),
+        disabled: c,
+        hidden: !o("hasSelectedItems"),
+        dir: i("dir"),
+        onClick(a) {
+          a.defaultPrevented || r({ type: "CLEAR.CLICK" });
+        }
+      });
+    },
+    getHiddenSelectProps() {
+      const a = t.get("value"), d = i("multiple") ? a : a?.[0];
+      return s.select({
+        name: i("name"),
+        form: i("form"),
+        disabled: c,
+        multiple: i("multiple"),
+        required: i("required"),
+        "aria-hidden": !0,
+        id: $(l),
+        defaultValue: d,
+        style: ye,
+        tabIndex: -1,
+        // Some browser extensions will focus the hidden select.
+        // Let's forward the focus to the trigger.
+        onFocus() {
+          O(l)?.focus({ preventScroll: !0 });
+        },
+        "aria-labelledby": P(l)
+      });
+    },
+    getPositionerProps() {
+      return s.element({
+        ...f.positioner.attrs,
+        dir: i("dir"),
+        id: le(l),
+        style: ae.floating
+      });
+    },
+    getContentProps() {
+      return s.element({
+        hidden: !p,
+        dir: i("dir"),
+        id: W(l),
+        role: I ? "listbox" : "dialog",
+        ...f.content.attrs,
+        "data-state": p ? "open" : "closed",
+        "data-placement": N,
+        "data-activedescendant": D,
+        "aria-activedescendant": I ? D : void 0,
+        "aria-multiselectable": i("multiple") && I ? !0 : void 0,
+        "aria-labelledby": P(l),
+        tabIndex: 0,
+        onKeyDown(a) {
+          if (!k || !Ie(a)) return;
+          if (a.key === "Tab" && !pe(a)) {
+            a.preventDefault();
+            return;
+          }
+          const d = {
+            ArrowUp() {
+              r({ type: "CONTENT.ARROW_UP" });
+            },
+            ArrowDown() {
+              r({ type: "CONTENT.ARROW_DOWN" });
+            },
+            Home() {
+              r({ type: "CONTENT.HOME" });
+            },
+            End() {
+              r({ type: "CONTENT.END" });
+            },
+            Enter() {
+              r({ type: "ITEM.CLICK", src: "keydown.enter" });
+            },
+            Space(H) {
+              q ? r({ type: "CONTENT.TYPEAHEAD", key: H.key }) : d.Enter?.(H);
+            }
+          }, g = d[j(a)];
+          if (g) {
+            g(a), a.preventDefault();
+            return;
+          }
+          const R = ve(a);
+          Ee(R) || B.isValidEvent(a) && (r({ type: "CONTENT.TYPEAHEAD", key: a.key }), a.preventDefault());
+        }
+      });
+    },
+    getListProps() {
+      return s.element({
+        ...f.list.attrs,
+        tabIndex: 0,
+        role: I ? void 0 : "listbox",
+        "aria-labelledby": U(l),
+        "aria-activedescendant": I ? void 0 : D,
+        "aria-multiselectable": !I && i("multiple") ? !0 : void 0
+      });
+    }
+  };
+}
+var { and: S, not: T, or: ke } = ue(), we = oe({
+  props({ props: e }) {
+    return {
+      loopFocus: !1,
+      closeOnSelect: !e.multiple,
+      composite: !0,
+      defaultValue: [],
+      ...e,
+      collection: e.collection ?? ie.empty(),
+      positioning: {
+        placement: "bottom-start",
+        gutter: 8,
+        ...e.positioning
+      }
+    };
+  },
+  context({ prop: e, bindable: s }) {
+    return {
+      value: s(() => ({
+        defaultValue: e("defaultValue"),
+        value: e("value"),
+        isEqual: z,
+        onChange(t) {
+          const i = e("collection").findMany(t);
+          return e("onValueChange")?.({ value: t, items: i });
+        }
+      })),
+      highlightedValue: s(() => ({
+        defaultValue: e("defaultHighlightedValue") || null,
+        value: e("highlightedValue"),
+        onChange(t) {
+          e("onHighlightChange")?.({
+            highlightedValue: t,
+            highlightedItem: e("collection").find(t),
+            highlightedIndex: e("collection").indexOf(t)
+          });
+        }
+      })),
+      currentPlacement: s(() => ({
+        defaultValue: void 0
+      })),
+      fieldsetDisabled: s(() => ({
+        defaultValue: !1
+      })),
+      highlightedItem: s(() => ({
+        defaultValue: null
+      })),
+      selectedItems: s(() => {
+        const t = e("value") ?? e("defaultValue") ?? [];
+        return { defaultValue: e("collection").findMany(t) };
+      }),
+      valueAsString: s(() => {
+        const t = e("value") ?? e("defaultValue") ?? [];
+        return { defaultValue: e("collection").stringifyMany(t) };
+      })
+    };
+  },
+  refs() {
+    return {
+      typeahead: { ...B.defaultOptions }
+    };
+  },
+  computed: {
+    hasSelectedItems: ({ context: e }) => e.get("value").length > 0,
+    isTypingAhead: ({ refs: e }) => e.get("typeahead").keysSoFar !== "",
+    isDisabled: ({ prop: e, context: s }) => !!e("disabled") || !!s.get("fieldsetDisabled"),
+    isInteractive: ({ prop: e }) => !(e("disabled") || e("readOnly"))
+  },
+  initialState({ prop: e }) {
+    return e("open") || e("defaultOpen") ? "open" : "idle";
+  },
+  entry: ["syncSelectElement"],
+  watch({ context: e, prop: s, track: t, action: i }) {
+    t([() => e.get("value").toString()], () => {
+      i(["syncSelectedItems", "syncSelectElement", "dispatchChangeEvent"]);
+    }), t([() => s("open")], () => {
+      i(["toggleVisibility"]);
+    }), t([() => e.get("highlightedValue")], () => {
+      i(["syncHighlightedItem"]);
+    }), t([() => s("collection").toString()], () => {
+      i(["syncCollection"]);
+    });
+  },
+  on: {
+    "HIGHLIGHTED_VALUE.SET": {
+      actions: ["setHighlightedItem"]
+    },
+    "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: ke("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: S(T("multiple"), "hasSelectedItems"),
+            actions: ["selectPreviousItem"]
+          },
+          {
+            guard: T("multiple"),
+            actions: ["selectLastItem"]
+          }
+        ],
+        "TRIGGER.ARROW_RIGHT": [
+          {
+            guard: S(T("multiple"), "hasSelectedItems"),
+            actions: ["selectNextItem"]
+          },
+          {
+            guard: T("multiple"),
+            actions: ["selectFirstItem"]
+          }
+        ],
+        "TRIGGER.HOME": {
+          guard: T("multiple"),
+          actions: ["selectFirstItem"]
+        },
+        "TRIGGER.END": {
+          guard: T("multiple"),
+          actions: ["selectLastItem"]
+        },
+        "TRIGGER.TYPEAHEAD": {
+          guard: T("multiple"),
+          actions: ["selectMatchingItem"]
+        }
+      }
+    },
+    open: {
+      tags: ["open"],
+      exit: ["scrollContentToTop"],
+      effects: ["trackDismissableElement", "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: S("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: S("hasHighlightedItem", "loop", "isLastItemHighlighted"),
+            actions: ["highlightFirstItem"]
+          },
+          {
+            guard: "hasHighlightedItem",
+            actions: ["highlightNextItem"]
+          },
+          {
+            actions: ["highlightFirstItem"]
+          }
+        ],
+        "CONTENT.ARROW_UP": [
+          {
+            guard: S("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: s }) => e.get("highlightedValue") === s("collection").firstValue,
+      isLastItemHighlighted: ({ context: e, prop: s }) => e.get("highlightedValue") === s("collection").lastValue,
+      closeOnSelect: ({ prop: e, event: s }) => !!(s.closeOnSelect ?? e("closeOnSelect")),
+      restoreFocus: ({ event: e }) => Z(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: {
+      trackFormControlState({ context: e, scope: s }) {
+        return ge(_(s), {
+          onFieldsetDisabledChange(t) {
+            e.set("fieldsetDisabled", t);
+          },
+          onFormReset() {
+            const t = e.initial("value");
+            e.set("value", t);
+          }
+        });
+      },
+      trackDismissableElement({ scope: e, send: s, prop: t }) {
+        const i = () => b(e);
+        let l = !0;
+        return he(i, {
+          defer: !0,
+          exclude: [O(e), Le(e)],
+          onFocusOutside: t("onFocusOutside"),
+          onPointerDownOutside: t("onPointerDownOutside"),
+          onInteractOutside(n) {
+            t("onInteractOutside")?.(n), l = !(n.detail.focusable || n.detail.contextmenu);
+          },
+          onDismiss() {
+            s({ type: "CLOSE", src: "interact-outside", restoreFocus: l });
+          }
+        });
+      },
+      computePlacement({ context: e, prop: s, scope: t }) {
+        const i = s("positioning");
+        return e.set("currentPlacement", i.placement), J(() => O(t), () => X(t), {
+          defer: !0,
+          ...i,
+          onComplete(o) {
+            e.set("currentPlacement", o.placement);
+          }
+        });
+      },
+      scrollToHighlightedItem({ context: e, prop: s, scope: t, event: i }) {
+        const l = (o) => {
+          const r = e.get("highlightedValue");
+          if (r == null || i.current().type.includes("POINTER")) return;
+          const c = Ne(t, r), m = b(t), v = s("scrollToIndexFn");
+          if (v) {
+            const I = s("collection").indexOf(r);
+            v?.({ index: I, immediate: o });
+            return;
+          }
+          me(c, { rootEl: m, block: "nearest" });
+        };
+        return x(() => l(!0)), ce(() => b(t), {
+          defer: !0,
+          attributes: ["data-activedescendant"],
+          callback() {
+            l(!1);
+          }
+        });
+      }
+    },
+    actions: {
+      reposition({ context: e, prop: s, scope: t, event: i }) {
+        const l = () => X(t);
+        J(O(t), l, {
+          ...s("positioning"),
+          ...i.options,
+          defer: !0,
+          listeners: !1,
+          onComplete(n) {
+            e.set("currentPlacement", n.placement);
+          }
+        });
+      },
+      toggleVisibility({ send: e, prop: s, event: t }) {
+        e({ type: s("open") ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: t });
+      },
+      highlightPreviousItem({ context: e, prop: s }) {
+        const t = e.get("highlightedValue");
+        if (t == null) return;
+        const i = s("collection").getPreviousValue(t, 1, s("loopFocus"));
+        e.set("highlightedValue", i);
+      },
+      highlightNextItem({ context: e, prop: s }) {
+        const t = e.get("highlightedValue");
+        if (t == null) return;
+        const i = s("collection").getNextValue(t, 1, s("loopFocus"));
+        e.set("highlightedValue", i);
+      },
+      highlightFirstItem({ context: e, prop: s }) {
+        const t = s("collection").firstValue;
+        e.set("highlightedValue", t);
+      },
+      highlightLastItem({ context: e, prop: s }) {
+        const t = s("collection").lastValue;
+        e.set("highlightedValue", t);
+      },
+      setInitialFocus({ scope: e }) {
+        x(() => {
+          de({
+            root: b(e)
+          })?.focus({ preventScroll: !0 });
+        });
+      },
+      focusTriggerEl({ event: e, scope: s }) {
+        Z(e) && x(() => {
+          O(s)?.focus({ preventScroll: !0 });
+        });
+      },
+      selectHighlightedItem({ context: e, prop: s, event: t }) {
+        let i = t.value ?? e.get("highlightedValue");
+        if (i == null) return;
+        i = s("deselectable") && !s("multiple") && e.get("value").includes(i) ? null : i, e.set("value", (n) => i == null ? [] : s("multiple") ? Y(n, i) : [i]);
+      },
+      highlightComputedFirstItem({ context: e, prop: s, computed: t }) {
+        const i = s("collection"), l = t("hasSelectedItems") ? i.sort(e.get("value"))[0] : i.firstValue;
+        e.set("highlightedValue", l);
+      },
+      highlightComputedLastItem({ context: e, prop: s, computed: t }) {
+        const i = s("collection"), l = t("hasSelectedItems") ? i.sort(e.get("value"))[0] : i.lastValue;
+        e.set("highlightedValue", l);
+      },
+      highlightFirstSelectedItem({ context: e, prop: s, computed: t }) {
+        if (!t("hasSelectedItems")) return;
+        const i = s("collection").sort(e.get("value"))[0];
+        e.set("highlightedValue", i);
+      },
+      highlightItem({ context: e, event: s }) {
+        e.set("highlightedValue", s.value);
+      },
+      highlightMatchingItem({ context: e, prop: s, event: t, refs: i }) {
+        const l = s("collection").search(t.key, {
+          state: i.get("typeahead"),
+          currentValue: e.get("highlightedValue")
+        });
+        l != null && e.set("highlightedValue", l);
+      },
+      setHighlightedItem({ context: e, event: s }) {
+        e.set("highlightedValue", s.value);
+      },
+      clearHighlightedItem({ context: e }) {
+        e.set("highlightedValue", null);
+      },
+      selectItem({ context: e, prop: s, event: t }) {
+        const l = s("deselectable") && !s("multiple") && e.get("value").includes(t.value) ? null : t.value;
+        e.set("value", (n) => l == null ? [] : s("multiple") ? Y(n, l) : [l]);
+      },
+      clearItem({ context: e, event: s }) {
+        e.set("value", (t) => t.filter((i) => i !== s.value));
+      },
+      setSelectedItems({ context: e, event: s }) {
+        e.set("value", s.value);
+      },
+      clearSelectedItems({ context: e }) {
+        e.set("value", []);
+      },
+      selectPreviousItem({ context: e, prop: s }) {
+        const [t] = e.get("value"), i = s("collection").getPreviousValue(t);
+        i && e.set("value", [i]);
+      },
+      selectNextItem({ context: e, prop: s }) {
+        const [t] = e.get("value"), i = s("collection").getNextValue(t);
+        i && e.set("value", [i]);
+      },
+      selectFirstItem({ context: e, prop: s }) {
+        const t = s("collection").firstValue;
+        t && e.set("value", [t]);
+      },
+      selectLastItem({ context: e, prop: s }) {
+        const t = s("collection").lastValue;
+        t && e.set("value", [t]);
+      },
+      selectMatchingItem({ context: e, prop: s, event: t, refs: i }) {
+        const l = s("collection").search(t.key, {
+          state: i.get("typeahead"),
+          currentValue: e.get("value")[0]
+        });
+        l != null && e.set("value", [l]);
+      },
+      scrollContentToTop({ prop: e, scope: s }) {
+        e("scrollToIndexFn") ? e("scrollToIndexFn")?.({ index: 0, immediate: !0 }) : b(s)?.scrollTo(0, 0);
+      },
+      invokeOnOpen({ prop: e }) {
+        e("onOpenChange")?.({ open: !0 });
+      },
+      invokeOnClose({ prop: e }) {
+        e("onOpenChange")?.({ open: !1 });
+      },
+      syncSelectElement({ context: e, prop: s, scope: t }) {
+        const i = _(t);
+        if (i) {
+          if (e.get("value").length === 0 && !s("multiple")) {
+            i.selectedIndex = -1;
+            return;
+          }
+          for (const l of i.options)
+            l.selected = e.get("value").includes(l.value);
+        }
+      },
+      syncCollection({ context: e, prop: s }) {
+        const t = s("collection"), i = t.find(e.get("highlightedValue"));
+        i && e.set("highlightedItem", i);
+        const l = t.findMany(e.get("value"));
+        e.set("selectedItems", l);
+        const n = t.stringifyItems(l);
+        e.set("valueAsString", n);
+      },
+      syncSelectedItems({ context: e, prop: s }) {
+        const t = s("collection"), i = e.get("selectedItems"), n = e.get("value").map((o) => i.find((c) => t.getItemValue(c) === o) || t.find(o));
+        e.set("selectedItems", n), e.set("valueAsString", t.stringifyItems(n));
+      },
+      syncHighlightedItem({ context: e, prop: s }) {
+        const t = s("collection"), i = e.get("highlightedValue"), l = i ? t.find(i) : null;
+        e.set("highlightedItem", l);
+      },
+      dispatchChangeEvent({ scope: e }) {
+        queueMicrotask(() => {
+          const s = _(e);
+          if (!s) return;
+          const t = e.getWin(), i = new t.Event("change", { bubbles: !0, composed: !0 });
+          s.dispatchEvent(i);
+        });
+      }
+    }
+  }
+});
+function Z(e) {
+  const s = e.restoreFocus ?? e.previousEvent?.restoreFocus;
+  return s == null || !!s;
+}
+L()([
+  "closeOnSelect",
+  "collection",
+  "dir",
+  "disabled",
+  "deselectable",
+  "form",
+  "getRootNode",
+  "highlightedValue",
+  "id",
+  "ids",
+  "invalid",
+  "loopFocus",
+  "multiple",
+  "name",
+  "onFocusOutside",
+  "onHighlightChange",
+  "onInteractOutside",
+  "onOpenChange",
+  "onPointerDownOutside",
+  "onValueChange",
+  "defaultOpen",
+  "open",
+  "composite",
+  "positioning",
+  "required",
+  "readOnly",
+  "scrollToIndexFn",
+  "value",
+  "defaultValue",
+  "defaultHighlightedValue"
+]);
+L()(["item", "persistFocus"]);
+L()(["id"]);
+L()(["htmlFor"]);
+export {
+  ee as L,
+  Ge as a,
+  Me as c,
+  we as m
+};
+//# sourceMappingURL=index-Dx94WMw1.js.map