@televet/kibble-ui 4.0.0-beta.138 → 4.0.0-beta.14

package/dist/chunks/index-CJEisKZA.js

@@ -1,1195 +0,0 @@
-import { k as z, M as x, N as M, c as oe, A as ue, O as Y, r as w, g as de, o as ce, t as he, E as ge, P as B, Q as me, b as pe, R as fe, S as Ie, u as j, H as Ee, T as ve, x as ye, d as h, l as Te, U as Oe } from "./index-DtPX2rUg.js";
-import { g as J, d as Re, b as F } from "./use-locale-context-CGfkkp7X.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), P = {
-  itemToValue(e) {
-    return typeof e == "string" ? e : x(e) && M(e, "value") ? e.value : "";
-  },
-  itemToString(e) {
-    return typeof e == "string" ? e : x(e) && M(e, "label") ? e.label : P.itemToValue(e);
-  },
-  isItemDisabled(e) {
-    return x(e) && M(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) ?? P.itemToValue(t)), u(this, "getItemDisabled", (t) => t == null ? !1 : this.options.isItemDisabled?.(t) ?? P.isItemDisabled(t)), u(this, "stringifyItem", (t) => t == null ? null : this.options.itemToString?.(t) ?? P.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((v) => v === r[0]) ? r[0] : r, E = this.getByText(m, n), f = this.getItemValue(E);
-      function y() {
-        clearTimeout(l.timer), l.timer = -1;
-      }
-      function I(v) {
-        l.keysSoFar = v, y(), v !== "" && (l.timer = +setTimeout(() => {
-          I(""), y();
-        }, o));
-      }
-      return I(r), f;
-    }), u(this, "update", (t, i) => {
-      let l = this.indexOf(t);
-      return l === -1 ? this : this.copy([...this.items.slice(0, l), i, ...this.items.slice(l + 1)]);
-    }), u(this, "upsert", (t, i, l = "append") => {
-      let n = this.indexOf(t);
-      return n === -1 ? (l === "append" ? this.append : this.prepend)(i) : this.copy([...this.items.slice(0, n), i, ...this.items.slice(n + 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, l));
-      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(L(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(L(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(L(this.items, n, l + 1));
-    }), u(this, "reorder", (t, i) => this.copy(L(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 L(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 = pe("select").parts(
-  "label",
-  "positioner",
-  "trigger",
-  "indicator",
-  "clearTrigger",
-  "item",
-  "itemText",
-  "itemIndicator",
-  "itemGroup",
-  "itemGroupLabel",
-  "list",
-  "content",
-  "root",
-  "control",
-  "valueText"
-), p = Ge.build(), ie = (e) => new ee(e);
-ie.empty = () => new ee({ items: [] });
-var Le = (e) => e.ids?.root ?? `select:${e.id}`, U = (e) => e.ids?.content ?? `select:${e.id}:content`, W = (e) => e.ids?.trigger ?? `select:${e.id}:trigger`, se = (e) => e.ids?.clearTrigger ?? `select:${e.id}:clear-trigger`, A = (e) => e.ids?.label ?? `select:${e.id}:label`, Ae = (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`, Pe = (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(U(e)), O = (e) => e.getById(W(e)), Fe = (e) => e.getById(se(e)), X = (e) => e.getById(le(e)), Ne = (e, s) => e.getById(K(e, s));
-function xe(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"), E = i("readOnly"), f = i("composite"), y = i("collection"), I = n.hasTag("open"), v = n.matches("focused"), C = t.get("highlightedValue"), ne = t.get("highlightedItem"), re = t.get("selectedItems"), N = t.get("currentPlacement"), q = o("isTypingAhead"), H = o("isInteractive"), k = 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: I,
-    focused: v,
-    empty: t.get("value").length === 0,
-    highlightedItem: ne,
-    highlightedValue: C,
-    selectedItems: re,
-    hasSelectedItems: o("hasSelectedItems"),
-    value: t.get("value"),
-    valueAsString: o("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() });
-    },
-    setHighlightValue(a) {
-      r({ type: "HIGHLIGHTED_VALUE.SET", value: a });
-    },
-    clearHighlightValue() {
-      r({ type: "HIGHLIGHTED_VALUE.CLEAR" });
-    },
-    clearValue(a) {
-      r(a ? { type: "ITEM.CLEAR", value: a } : { type: "VALUE.CLEAR" });
-    },
-    getItemState: G,
-    getRootProps() {
-      return s.element({
-        ...p.root.attrs,
-        dir: i("dir"),
-        id: Le(l),
-        "data-invalid": h(m),
-        "data-readonly": h(E)
-      });
-    },
-    getLabelProps() {
-      return s.label({
-        dir: i("dir"),
-        id: A(l),
-        ...p.label.attrs,
-        "data-disabled": h(c),
-        "data-invalid": h(m),
-        "data-readonly": h(E),
-        htmlFor: $(l),
-        onClick(a) {
-          a.defaultPrevented || c || O(l)?.focus({ preventScroll: !0 });
-        }
-      });
-    },
-    getControlProps() {
-      return s.element({
-        ...p.control.attrs,
-        dir: i("dir"),
-        id: Ae(l),
-        "data-state": I ? "open" : "closed",
-        "data-focus": h(v),
-        "data-disabled": h(c),
-        "data-invalid": h(m)
-      });
-    },
-    getValueTextProps() {
-      return s.element({
-        ...p.valueText.attrs,
-        dir: i("dir"),
-        "data-disabled": h(c),
-        "data-invalid": h(m),
-        "data-focus": h(v)
-      });
-    },
-    getTriggerProps() {
-      return s.button({
-        id: W(l),
-        disabled: c,
-        dir: i("dir"),
-        type: "button",
-        role: "combobox",
-        "aria-controls": U(l),
-        "aria-expanded": I,
-        "aria-haspopup": "listbox",
-        "data-state": I ? "open" : "closed",
-        "aria-invalid": m,
-        "aria-labelledby": A(l),
-        ...p.trigger.attrs,
-        "data-disabled": h(c),
-        "data-invalid": h(m),
-        "data-readonly": h(E),
-        "data-placement": N,
-        "data-placeholder-shown": h(!o("hasSelectedItems")),
-        onClick(a) {
-          H && (a.defaultPrevented || r({ type: "TRIGGER.CLICK" }));
-        },
-        onFocus() {
-          r({ type: "TRIGGER.FOCUS" });
-        },
-        onBlur() {
-          r({ type: "TRIGGER.BLUR" });
-        },
-        onKeyDown(a) {
-          if (a.defaultPrevented || !H) 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({
-        ...p.indicator.attrs,
-        dir: i("dir"),
-        "aria-hidden": !0,
-        "data-state": I ? "open" : "closed",
-        "data-disabled": h(c),
-        "data-invalid": h(m),
-        "data-readonly": h(E)
-      });
-    },
-    getItemProps(a) {
-      const d = G(a);
-      return s.element({
-        id: K(l, d.value),
-        role: "option",
-        ...p.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({
-        ...p.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,
-        ...p.itemIndicator.attrs,
-        "data-state": d.selected ? "checked" : "unchecked",
-        hidden: !d.selected
-      });
-    },
-    getItemGroupLabelProps(a) {
-      const { htmlFor: d } = a;
-      return s.element({
-        ...p.itemGroupLabel.attrs,
-        id: Q(l, d),
-        dir: i("dir"),
-        role: "presentation"
-      });
-    },
-    getItemGroupProps(a) {
-      const { id: d } = a;
-      return s.element({
-        ...p.itemGroup.attrs,
-        "data-disabled": h(c),
-        id: Pe(l, d),
-        "aria-labelledby": Q(l, d),
-        role: "group",
-        dir: i("dir")
-      });
-    },
-    getClearTriggerProps() {
-      return s.button({
-        ...p.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": A(l)
-      });
-    },
-    getPositionerProps() {
-      return s.element({
-        ...p.positioner.attrs,
-        dir: i("dir"),
-        id: le(l),
-        style: ae.floating
-      });
-    },
-    getContentProps() {
-      return s.element({
-        hidden: !I,
-        dir: i("dir"),
-        id: U(l),
-        role: f ? "listbox" : "dialog",
-        ...p.content.attrs,
-        "data-state": I ? "open" : "closed",
-        "data-placement": N,
-        "data-activedescendant": k,
-        "aria-activedescendant": f ? k : void 0,
-        "aria-multiselectable": i("multiple") && f ? !0 : void 0,
-        "aria-labelledby": A(l),
-        tabIndex: 0,
-        onKeyDown(a) {
-          if (!H || !fe(a)) return;
-          if (a.key === "Tab" && !Ie(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(D) {
-              q ? r({ type: "CONTENT.TYPEAHEAD", key: D.key }) : d.Enter?.(D);
-            }
-          }, g = d[j(a)];
-          if (g) {
-            g(a), a.preventDefault();
-            return;
-          }
-          const R = Ee(a);
-          ve(R) || B.isValidEvent(a) && (r({ type: "CONTENT.TYPEAHEAD", key: a.key }), a.preventDefault());
-        }
-      });
-    },
-    getListProps() {
-      return s.element({
-        ...p.list.attrs,
-        tabIndex: 0,
-        role: f ? void 0 : "listbox",
-        "aria-labelledby": W(l),
-        "aria-activedescendant": f ? void 0 : k,
-        "aria-multiselectable": !f && i("multiple") ? !0 : void 0
-      });
-    }
-  };
-}
-var { and: S, not: T, or: He } = ue(), Me = 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) };
-      })
-    };
-  },
-  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")),
-    valueAsString: ({ context: e, prop: s }) => s("collection").stringifyItems(e.get("selectedItems"))
-  },
-  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"]
-    },
-    "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: He("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), Fe(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), E = s("scrollToIndexFn");
-          if (E) {
-            const f = s("collection").indexOf(r);
-            E?.({ index: f, immediate: o });
-            return;
-          }
-          me(c, { rootEl: m, block: "nearest" });
-        };
-        return w(() => 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"));
-        i != null && 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"));
-        i != null && 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 }) {
-        w(() => {
-          de({
-            root: b(e)
-          })?.focus({ preventScroll: !0 });
-        });
-      },
-      focusTriggerEl({ event: e, scope: s }) {
-        Z(e) && w(() => {
-          O(s)?.focus({ preventScroll: !0 });
-        });
-      },
-      selectHighlightedItem({ context: e, prop: s, event: t }) {
-        let i = t.value ?? e.get("highlightedValue");
-        if (i == null || !s("collection").has(i)) return;
-        s("onSelect")?.({ value: i }), 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 }) {
-        s("onSelect")?.({ value: t.value });
-        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);
-      },
-      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);
-      },
-      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;
-}
-F()([
-  "closeOnSelect",
-  "collection",
-  "composite",
-  "defaultHighlightedValue",
-  "defaultOpen",
-  "defaultValue",
-  "deselectable",
-  "dir",
-  "disabled",
-  "form",
-  "getRootNode",
-  "highlightedValue",
-  "id",
-  "ids",
-  "invalid",
-  "loopFocus",
-  "multiple",
-  "name",
-  "onFocusOutside",
-  "onHighlightChange",
-  "onInteractOutside",
-  "onOpenChange",
-  "onPointerDownOutside",
-  "onSelect",
-  "onValueChange",
-  "open",
-  "positioning",
-  "readOnly",
-  "required",
-  "scrollToIndexFn",
-  "value"
-]);
-F()(["item", "persistFocus"]);
-F()(["id"]);
-F()(["htmlFor"]);
-export {
-  ee as L,
-  Ge as a,
-  xe as c,
-  Me as m
-};
-//# sourceMappingURL=index-CJEisKZA.js.map