@stachelock/ui 0.3.0 → 0.4.0

package/dist/ComboboxInput.vue_vue_type_script_setup_true_lang-ClGP5YU0.js

@@ -1,1315 +0,0 @@
-import { computed as y, unref as F, shallowRef as ze, watch as W, triggerRef as he, onScopeDispose as Fe, onUnmounted as Re, defineComponent as J, ref as P, provide as Ce, onMounted as ve, h as ne, Fragment as Ee, watchEffect as ae, inject as ke, nextTick as X, toRaw as q, reactive as Pe, cloneVNode as De, createElementBlock as U, openBlock as j, createVNode as K, withCtx as H, createElementVNode as Q, normalizeClass as Y, createBlock as ue, createCommentVNode as G, withModifiers as de, toDisplayString as se, renderList as $e } from "vue";
-import { useField as _e } from "vee-validate";
-import Be from "./forms/FormFieldWrapper.js";
-import { _ as Ne } from "./UiLoading.vue_vue_type_script_setup_true_lang-DldleD-3.js";
-import { g as Le } from "./id-DafBB_QF.js";
-import { d as je, e as We } from "./form-f8yP4kN-.js";
-import { o as ce, S as Ke } from "./transition-_rPfnoET.js";
-import { u as te, o as E, A as le, E as qe, T as fe, i as oe, N as ie } from "./render-QUUPyNjX.js";
-import { w as Ue, i as He, O as Qe, n as Je } from "./use-outside-click-DNDV36Sc.js";
-import { s as Ye } from "./use-resolve-button-type-h6n-lm9q.js";
-import { u as Ge, c as _, f as be } from "./calculate-active-index-Dim3sT-5.js";
-import { i as Xe } from "./use-tree-walker-BHCORE7u.js";
-import { f as Ze, u as et } from "./hidden-BSRluD1y.js";
-import { t as tt, i as re, l as lt } from "./open-closed-JTEvYTg2.js";
-import { o as L } from "./keyboard-Dd_2-cFu.js";
-import { t as ge } from "./active-element-history-BTBNVIJN.js";
-import { r as ot } from "./ChevronUpDownIcon-Bq_fsgrb.js";
-import { r as xe } from "./CheckIcon-BGlsmVwT.js";
-function ee(o, f, e) {
-  let s = e.initialDeps ?? [], t;
-  function a() {
-    var n, l, p, v;
-    let r;
-    e.key && ((n = e.debug) != null && n.call(e)) && (r = Date.now());
-    const u = o();
-    if (!(u.length !== s.length || u.some((I, A) => s[A] !== I)))
-      return t;
-    s = u;
-    let T;
-    if (e.key && ((l = e.debug) != null && l.call(e)) && (T = Date.now()), t = f(...u), e.key && ((p = e.debug) != null && p.call(e))) {
-      const I = Math.round((Date.now() - r) * 100) / 100, A = Math.round((Date.now() - T) * 100) / 100, D = A / 16, $ = (b, R) => {
-        for (b = String(b); b.length < R; )
-          b = " " + b;
-        return b;
-      };
-      console.info(
-        `%c⏱ ${$(A, 5)} /${$(I, 5)} ms`,
-        `
-            font-size: .6rem;
-            font-weight: bold;
-            color: hsl(${Math.max(
-          0,
-          Math.min(120 - 120 * D, 120)
-        )}deg 100% 31%);`,
-        e?.key
-      );
-    }
-    return (v = e?.onChange) == null || v.call(e, t), t;
-  }
-  return a.updateDeps = (n) => {
-    s = n;
-  }, a;
-}
-function ye(o, f) {
-  if (o === void 0)
-    throw new Error("Unexpected undefined");
-  return o;
-}
-const st = (o, f) => Math.abs(o - f) < 1.01, nt = (o, f, e) => {
-  let s;
-  return function(...t) {
-    o.clearTimeout(s), s = o.setTimeout(() => f.apply(this, t), e);
-  };
-}, Se = (o) => {
-  const { offsetWidth: f, offsetHeight: e } = o;
-  return { width: f, height: e };
-}, at = (o) => o, it = (o) => {
-  const f = Math.max(o.startIndex - o.overscan, 0), e = Math.min(o.endIndex + o.overscan, o.count - 1), s = [];
-  for (let t = f; t <= e; t++)
-    s.push(t);
-  return s;
-}, rt = (o, f) => {
-  const e = o.scrollElement;
-  if (!e)
-    return;
-  const s = o.targetWindow;
-  if (!s)
-    return;
-  const t = (n) => {
-    const { width: l, height: p } = n;
-    f({ width: Math.round(l), height: Math.round(p) });
-  };
-  if (t(Se(e)), !s.ResizeObserver)
-    return () => {
-    };
-  const a = new s.ResizeObserver((n) => {
-    const l = () => {
-      const p = n[0];
-      if (p?.borderBoxSize) {
-        const v = p.borderBoxSize[0];
-        if (v) {
-          t({ width: v.inlineSize, height: v.blockSize });
-          return;
-        }
-      }
-      t(Se(e));
-    };
-    o.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(l) : l();
-  });
-  return a.observe(e, { box: "border-box" }), () => {
-    a.unobserve(e);
-  };
-}, Oe = {
-  passive: !0
-}, we = typeof window > "u" ? !0 : "onscrollend" in window, ut = (o, f) => {
-  const e = o.scrollElement;
-  if (!e)
-    return;
-  const s = o.targetWindow;
-  if (!s)
-    return;
-  let t = 0;
-  const a = o.options.useScrollendEvent && we ? () => {
-  } : nt(
-    s,
-    () => {
-      f(t, !1);
-    },
-    o.options.isScrollingResetDelay
-  ), n = (r) => () => {
-    const { horizontal: u, isRtl: O } = o.options;
-    t = u ? e.scrollLeft * (O && -1 || 1) : e.scrollTop, a(), f(t, r);
-  }, l = n(!0), p = n(!1);
-  p(), e.addEventListener("scroll", l, Oe);
-  const v = o.options.useScrollendEvent && we;
-  return v && e.addEventListener("scrollend", p, Oe), () => {
-    e.removeEventListener("scroll", l), v && e.removeEventListener("scrollend", p);
-  };
-}, dt = (o, f, e) => {
-  if (f?.borderBoxSize) {
-    const s = f.borderBoxSize[0];
-    if (s)
-      return Math.round(
-        s[e.options.horizontal ? "inlineSize" : "blockSize"]
-      );
-  }
-  return o[e.options.horizontal ? "offsetWidth" : "offsetHeight"];
-}, ct = (o, {
-  adjustments: f = 0,
-  behavior: e
-}, s) => {
-  var t, a;
-  const n = o + f;
-  (a = (t = s.scrollElement) == null ? void 0 : t.scrollTo) == null || a.call(t, {
-    [s.options.horizontal ? "left" : "top"]: n,
-    behavior: e
-  });
-};
-class vt {
-  constructor(f) {
-    this.unsubs = [], this.scrollElement = null, this.targetWindow = null, this.isScrolling = !1, this.measurementsCache = [], this.itemSizeCache = /* @__PURE__ */ new Map(), this.pendingMeasuredCacheIndexes = [], this.scrollRect = null, this.scrollOffset = null, this.scrollDirection = null, this.scrollAdjustments = 0, this.elementsCache = /* @__PURE__ */ new Map(), this.observer = /* @__PURE__ */ (() => {
-      let e = null;
-      const s = () => e || (!this.targetWindow || !this.targetWindow.ResizeObserver ? null : e = new this.targetWindow.ResizeObserver((t) => {
-        t.forEach((a) => {
-          const n = () => {
-            this._measureElement(a.target, a);
-          };
-          this.options.useAnimationFrameWithResizeObserver ? requestAnimationFrame(n) : n();
-        });
-      }));
-      return {
-        disconnect: () => {
-          var t;
-          (t = s()) == null || t.disconnect(), e = null;
-        },
-        observe: (t) => {
-          var a;
-          return (a = s()) == null ? void 0 : a.observe(t, { box: "border-box" });
-        },
-        unobserve: (t) => {
-          var a;
-          return (a = s()) == null ? void 0 : a.unobserve(t);
-        }
-      };
-    })(), this.range = null, this.setOptions = (e) => {
-      Object.entries(e).forEach(([s, t]) => {
-        typeof t > "u" && delete e[s];
-      }), this.options = {
-        debug: !1,
-        initialOffset: 0,
-        overscan: 1,
-        paddingStart: 0,
-        paddingEnd: 0,
-        scrollPaddingStart: 0,
-        scrollPaddingEnd: 0,
-        horizontal: !1,
-        getItemKey: at,
-        rangeExtractor: it,
-        onChange: () => {
-        },
-        measureElement: dt,
-        initialRect: { width: 0, height: 0 },
-        scrollMargin: 0,
-        gap: 0,
-        indexAttribute: "data-index",
-        initialMeasurementsCache: [],
-        lanes: 1,
-        isScrollingResetDelay: 150,
-        enabled: !0,
-        isRtl: !1,
-        useScrollendEvent: !1,
-        useAnimationFrameWithResizeObserver: !1,
-        ...e
-      };
-    }, this.notify = (e) => {
-      var s, t;
-      (t = (s = this.options).onChange) == null || t.call(s, this, e);
-    }, this.maybeNotify = ee(
-      () => (this.calculateRange(), [
-        this.isScrolling,
-        this.range ? this.range.startIndex : null,
-        this.range ? this.range.endIndex : null
-      ]),
-      (e) => {
-        this.notify(e);
-      },
-      {
-        key: process.env.NODE_ENV !== "production" && "maybeNotify",
-        debug: () => this.options.debug,
-        initialDeps: [
-          this.isScrolling,
-          this.range ? this.range.startIndex : null,
-          this.range ? this.range.endIndex : null
-        ]
-      }
-    ), this.cleanup = () => {
-      this.unsubs.filter(Boolean).forEach((e) => e()), this.unsubs = [], this.observer.disconnect(), this.scrollElement = null, this.targetWindow = null;
-    }, this._didMount = () => () => {
-      this.cleanup();
-    }, this._willUpdate = () => {
-      var e;
-      const s = this.options.enabled ? this.options.getScrollElement() : null;
-      if (this.scrollElement !== s) {
-        if (this.cleanup(), !s) {
-          this.maybeNotify();
-          return;
-        }
-        this.scrollElement = s, this.scrollElement && "ownerDocument" in this.scrollElement ? this.targetWindow = this.scrollElement.ownerDocument.defaultView : this.targetWindow = ((e = this.scrollElement) == null ? void 0 : e.window) ?? null, this.elementsCache.forEach((t) => {
-          this.observer.observe(t);
-        }), this._scrollToOffset(this.getScrollOffset(), {
-          adjustments: void 0,
-          behavior: void 0
-        }), this.unsubs.push(
-          this.options.observeElementRect(this, (t) => {
-            this.scrollRect = t, this.maybeNotify();
-          })
-        ), this.unsubs.push(
-          this.options.observeElementOffset(this, (t, a) => {
-            this.scrollAdjustments = 0, this.scrollDirection = a ? this.getScrollOffset() < t ? "forward" : "backward" : null, this.scrollOffset = t, this.isScrolling = a, this.maybeNotify();
-          })
-        );
-      }
-    }, this.getSize = () => this.options.enabled ? (this.scrollRect = this.scrollRect ?? this.options.initialRect, this.scrollRect[this.options.horizontal ? "width" : "height"]) : (this.scrollRect = null, 0), this.getScrollOffset = () => this.options.enabled ? (this.scrollOffset = this.scrollOffset ?? (typeof this.options.initialOffset == "function" ? this.options.initialOffset() : this.options.initialOffset), this.scrollOffset) : (this.scrollOffset = null, 0), this.getFurthestMeasurement = (e, s) => {
-      const t = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map();
-      for (let n = s - 1; n >= 0; n--) {
-        const l = e[n];
-        if (t.has(l.lane))
-          continue;
-        const p = a.get(
-          l.lane
-        );
-        if (p == null || l.end > p.end ? a.set(l.lane, l) : l.end < p.end && t.set(l.lane, !0), t.size === this.options.lanes)
-          break;
-      }
-      return a.size === this.options.lanes ? Array.from(a.values()).sort((n, l) => n.end === l.end ? n.index - l.index : n.end - l.end)[0] : void 0;
-    }, this.getMeasurementOptions = ee(
-      () => [
-        this.options.count,
-        this.options.paddingStart,
-        this.options.scrollMargin,
-        this.options.getItemKey,
-        this.options.enabled
-      ],
-      (e, s, t, a, n) => (this.pendingMeasuredCacheIndexes = [], {
-        count: e,
-        paddingStart: s,
-        scrollMargin: t,
-        getItemKey: a,
-        enabled: n
-      }),
-      {
-        key: !1
-      }
-    ), this.getMeasurements = ee(
-      () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count: e, paddingStart: s, scrollMargin: t, getItemKey: a, enabled: n }, l) => {
-        if (!n)
-          return this.measurementsCache = [], this.itemSizeCache.clear(), [];
-        this.measurementsCache.length === 0 && (this.measurementsCache = this.options.initialMeasurementsCache, this.measurementsCache.forEach((r) => {
-          this.itemSizeCache.set(r.key, r.size);
-        }));
-        const p = this.pendingMeasuredCacheIndexes.length > 0 ? Math.min(...this.pendingMeasuredCacheIndexes) : 0;
-        this.pendingMeasuredCacheIndexes = [];
-        const v = this.measurementsCache.slice(0, p);
-        for (let r = p; r < e; r++) {
-          const u = a(r), O = this.options.lanes === 1 ? v[r - 1] : this.getFurthestMeasurement(v, r), T = O ? O.end + this.options.gap : s + t, I = l.get(u), A = typeof I == "number" ? I : this.options.estimateSize(r), D = T + A, $ = O ? O.lane : r % this.options.lanes;
-          v[r] = {
-            index: r,
-            start: T,
-            size: A,
-            end: D,
-            key: u,
-            lane: $
-          };
-        }
-        return this.measurementsCache = v, v;
-      },
-      {
-        key: process.env.NODE_ENV !== "production" && "getMeasurements",
-        debug: () => this.options.debug
-      }
-    ), this.calculateRange = ee(
-      () => [
-        this.getMeasurements(),
-        this.getSize(),
-        this.getScrollOffset(),
-        this.options.lanes
-      ],
-      (e, s, t, a) => this.range = e.length > 0 && s > 0 ? ft({
-        measurements: e,
-        outerSize: s,
-        scrollOffset: t,
-        lanes: a
-      }) : null,
-      {
-        key: process.env.NODE_ENV !== "production" && "calculateRange",
-        debug: () => this.options.debug
-      }
-    ), this.getVirtualIndexes = ee(
-      () => {
-        let e = null, s = null;
-        const t = this.calculateRange();
-        return t && (e = t.startIndex, s = t.endIndex), this.maybeNotify.updateDeps([this.isScrolling, e, s]), [
-          this.options.rangeExtractor,
-          this.options.overscan,
-          this.options.count,
-          e,
-          s
-        ];
-      },
-      (e, s, t, a, n) => a === null || n === null ? [] : e({
-        startIndex: a,
-        endIndex: n,
-        overscan: s,
-        count: t
-      }),
-      {
-        key: process.env.NODE_ENV !== "production" && "getVirtualIndexes",
-        debug: () => this.options.debug
-      }
-    ), this.indexFromElement = (e) => {
-      const s = this.options.indexAttribute, t = e.getAttribute(s);
-      return t ? parseInt(t, 10) : (console.warn(
-        `Missing attribute name '${s}={index}' on measured element.`
-      ), -1);
-    }, this._measureElement = (e, s) => {
-      const t = this.indexFromElement(e), a = this.measurementsCache[t];
-      if (!a)
-        return;
-      const n = a.key, l = this.elementsCache.get(n);
-      l !== e && (l && this.observer.unobserve(l), this.observer.observe(e), this.elementsCache.set(n, e)), e.isConnected && this.resizeItem(t, this.options.measureElement(e, s, this));
-    }, this.resizeItem = (e, s) => {
-      const t = this.measurementsCache[e];
-      if (!t)
-        return;
-      const a = this.itemSizeCache.get(t.key) ?? t.size, n = s - a;
-      n !== 0 && ((this.shouldAdjustScrollPositionOnItemSizeChange !== void 0 ? this.shouldAdjustScrollPositionOnItemSizeChange(t, n, this) : t.start < this.getScrollOffset() + this.scrollAdjustments) && (process.env.NODE_ENV !== "production" && this.options.debug && console.info("correction", n), this._scrollToOffset(this.getScrollOffset(), {
-        adjustments: this.scrollAdjustments += n,
-        behavior: void 0
-      })), this.pendingMeasuredCacheIndexes.push(t.index), this.itemSizeCache = new Map(this.itemSizeCache.set(t.key, s)), this.notify(!1));
-    }, this.measureElement = (e) => {
-      if (!e) {
-        this.elementsCache.forEach((s, t) => {
-          s.isConnected || (this.observer.unobserve(s), this.elementsCache.delete(t));
-        });
-        return;
-      }
-      this._measureElement(e, void 0);
-    }, this.getVirtualItems = ee(
-      () => [this.getVirtualIndexes(), this.getMeasurements()],
-      (e, s) => {
-        const t = [];
-        for (let a = 0, n = e.length; a < n; a++) {
-          const l = e[a], p = s[l];
-          t.push(p);
-        }
-        return t;
-      },
-      {
-        key: process.env.NODE_ENV !== "production" && "getVirtualItems",
-        debug: () => this.options.debug
-      }
-    ), this.getVirtualItemForOffset = (e) => {
-      const s = this.getMeasurements();
-      if (s.length !== 0)
-        return ye(
-          s[Me(
-            0,
-            s.length - 1,
-            (t) => ye(s[t]).start,
-            e
-          )]
-        );
-    }, this.getOffsetForAlignment = (e, s, t = 0) => {
-      const a = this.getSize(), n = this.getScrollOffset();
-      s === "auto" && (s = e >= n + a ? "end" : "start"), s === "center" ? e += (t - a) / 2 : s === "end" && (e -= a);
-      const l = this.getTotalSize() + this.options.scrollMargin - a;
-      return Math.max(Math.min(l, e), 0);
-    }, this.getOffsetForIndex = (e, s = "auto") => {
-      e = Math.max(0, Math.min(e, this.options.count - 1));
-      const t = this.measurementsCache[e];
-      if (!t)
-        return;
-      const a = this.getSize(), n = this.getScrollOffset();
-      if (s === "auto")
-        if (t.end >= n + a - this.options.scrollPaddingEnd)
-          s = "end";
-        else if (t.start <= n + this.options.scrollPaddingStart)
-          s = "start";
-        else
-          return [n, s];
-      const l = s === "end" ? t.end + this.options.scrollPaddingEnd : t.start - this.options.scrollPaddingStart;
-      return [
-        this.getOffsetForAlignment(l, s, t.size),
-        s
-      ];
-    }, this.isDynamicMode = () => this.elementsCache.size > 0, this.scrollToOffset = (e, { align: s = "start", behavior: t } = {}) => {
-      t === "smooth" && this.isDynamicMode() && console.warn(
-        "The `smooth` scroll behavior is not fully supported with dynamic size."
-      ), this._scrollToOffset(this.getOffsetForAlignment(e, s), {
-        adjustments: void 0,
-        behavior: t
-      });
-    }, this.scrollToIndex = (e, { align: s = "auto", behavior: t } = {}) => {
-      t === "smooth" && this.isDynamicMode() && console.warn(
-        "The `smooth` scroll behavior is not fully supported with dynamic size."
-      ), e = Math.max(0, Math.min(e, this.options.count - 1));
-      let a = 0;
-      const n = 10, l = (v) => {
-        if (!this.targetWindow) return;
-        const r = this.getOffsetForIndex(e, v);
-        if (!r) {
-          console.warn("Failed to get offset for index:", e);
-          return;
-        }
-        const [u, O] = r;
-        this._scrollToOffset(u, { adjustments: void 0, behavior: t }), this.targetWindow.requestAnimationFrame(() => {
-          const T = this.getScrollOffset(), I = this.getOffsetForIndex(e, O);
-          if (!I) {
-            console.warn("Failed to get offset for index:", e);
-            return;
-          }
-          st(I[0], T) || p(O);
-        });
-      }, p = (v) => {
-        this.targetWindow && (a++, a < n ? (process.env.NODE_ENV !== "production" && this.options.debug && console.info("Schedule retry", a, n), this.targetWindow.requestAnimationFrame(() => l(v))) : console.warn(
-          `Failed to scroll to index ${e} after ${n} attempts.`
-        ));
-      };
-      l(s);
-    }, this.scrollBy = (e, { behavior: s } = {}) => {
-      s === "smooth" && this.isDynamicMode() && console.warn(
-        "The `smooth` scroll behavior is not fully supported with dynamic size."
-      ), this._scrollToOffset(this.getScrollOffset() + e, {
-        adjustments: void 0,
-        behavior: s
-      });
-    }, this.getTotalSize = () => {
-      var e;
-      const s = this.getMeasurements();
-      let t;
-      if (s.length === 0)
-        t = this.options.paddingStart;
-      else if (this.options.lanes === 1)
-        t = ((e = s[s.length - 1]) == null ? void 0 : e.end) ?? 0;
-      else {
-        const a = Array(this.options.lanes).fill(null);
-        let n = s.length - 1;
-        for (; n >= 0 && a.some((l) => l === null); ) {
-          const l = s[n];
-          a[l.lane] === null && (a[l.lane] = l.end), n--;
-        }
-        t = Math.max(...a.filter((l) => l !== null));
-      }
-      return Math.max(
-        t - this.options.scrollMargin + this.options.paddingEnd,
-        0
-      );
-    }, this._scrollToOffset = (e, {
-      adjustments: s,
-      behavior: t
-    }) => {
-      this.options.scrollToFn(e, { behavior: t, adjustments: s }, this);
-    }, this.measure = () => {
-      this.itemSizeCache = /* @__PURE__ */ new Map(), this.notify(!1);
-    }, this.setOptions(f);
-  }
-}
-const Me = (o, f, e, s) => {
-  for (; o <= f; ) {
-    const t = (o + f) / 2 | 0, a = e(t);
-    if (a < s)
-      o = t + 1;
-    else if (a > s)
-      f = t - 1;
-    else
-      return t;
-  }
-  return o > 0 ? o - 1 : 0;
-};
-function ft({
-  measurements: o,
-  outerSize: f,
-  scrollOffset: e,
-  lanes: s
-}) {
-  const t = o.length - 1, a = (p) => o[p].start;
-  if (o.length <= s)
-    return {
-      startIndex: 0,
-      endIndex: t
-    };
-  let n = Me(
-    0,
-    t,
-    a,
-    e
-  ), l = n;
-  if (s === 1)
-    for (; l < t && o[l].end < e + f; )
-      l++;
-  else if (s > 1) {
-    const p = Array(s).fill(0);
-    for (; l < t && p.some((r) => r < e + f); ) {
-      const r = o[l];
-      p[r.lane] = r.end, l++;
-    }
-    const v = Array(s).fill(e + f);
-    for (; n >= 0 && v.some((r) => r >= e); ) {
-      const r = o[n];
-      v[r.lane] = r.start, n--;
-    }
-    n = Math.max(0, n - n % s), l = Math.min(t, l + (s - 1 - l % s));
-  }
-  return { startIndex: n, endIndex: l };
-}
-function pt(o) {
-  const f = new vt(F(o)), e = ze(f), s = f._didMount();
-  return W(
-    () => F(o).getScrollElement(),
-    (t) => {
-      t && f._willUpdate();
-    },
-    {
-      immediate: !0
-    }
-  ), W(
-    () => F(o),
-    (t) => {
-      f.setOptions({
-        ...t,
-        onChange: (a, n) => {
-          var l;
-          he(e), (l = t.onChange) == null || l.call(t, a, n);
-        }
-      }), f._willUpdate(), he(e);
-    },
-    {
-      immediate: !0
-    }
-  ), Fe(s), e;
-}
-function mt(o) {
-  return pt(
-    y(() => ({
-      observeElementRect: rt,
-      observeElementOffset: ut,
-      scrollToFn: ct,
-      ...F(o)
-    }))
-  );
-}
-function ht() {
-  let o = ce();
-  return Re(() => o.dispose()), o;
-}
-function bt() {
-  let o = ht();
-  return (f) => {
-    o.dispose(), o.nextFrame(f);
-  };
-}
-var Te = ((o) => (o[o.Left = 0] = "Left", o[o.Right = 2] = "Right", o))(Te || {});
-function gt(o, f) {
-  return o === f;
-}
-var xt = ((o) => (o[o.Open = 0] = "Open", o[o.Closed = 1] = "Closed", o))(xt || {}), yt = ((o) => (o[o.Single = 0] = "Single", o[o.Multi = 1] = "Multi", o))(yt || {}), St = ((o) => (o[o.Pointer = 0] = "Pointer", o[o.Focus = 1] = "Focus", o[o.Other = 2] = "Other", o))(St || {});
-let Ve = Symbol("ComboboxContext");
-function Z(o) {
-  let f = ke(Ve, null);
-  if (f === null) {
-    let e = new Error(`<${o} /> is missing a parent <Combobox /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(e, Z), e;
-  }
-  return f;
-}
-let Ae = Symbol("VirtualContext"), Ot = J({ name: "VirtualProvider", setup(o, { slots: f }) {
-  let e = Z("VirtualProvider"), s = y(() => {
-    let l = E(e.optionsRef);
-    if (!l) return { start: 0, end: 0 };
-    let p = window.getComputedStyle(l);
-    return { start: parseFloat(p.paddingBlockStart || p.paddingTop), end: parseFloat(p.paddingBlockEnd || p.paddingBottom) };
-  }), t = mt(y(() => ({ scrollPaddingStart: s.value.start, scrollPaddingEnd: s.value.end, count: e.virtual.value.options.length, estimateSize() {
-    return 40;
-  }, getScrollElement() {
-    return E(e.optionsRef);
-  }, overscan: 12 }))), a = y(() => {
-    var l;
-    return (l = e.virtual.value) == null ? void 0 : l.options;
-  }), n = P(0);
-  return W([a], () => {
-    n.value += 1;
-  }), Ce(Ae, e.virtual.value ? t : null), () => [ne("div", { style: { position: "relative", width: "100%", height: `${t.value.getTotalSize()}px` }, ref: (l) => {
-    if (l) {
-      if (typeof process < "u" && process.env.JEST_WORKER_ID !== void 0 || e.activationTrigger.value === 0) return;
-      e.activeOptionIndex.value !== null && e.virtual.value.options.length > e.activeOptionIndex.value && t.value.scrollToIndex(e.activeOptionIndex.value);
-    }
-  } }, t.value.getVirtualItems().map((l) => De(f.default({ option: e.virtual.value.options[l.index], open: e.comboboxState.value === 0 })[0], { key: `${n.value}-${l.index}`, "data-index": l.index, "aria-setsize": e.virtual.value.options.length, "aria-posinset": l.index + 1, style: { position: "absolute", top: 0, left: 0, transform: `translateY(${l.start}px)`, overflowAnchor: "none" } })))];
-} }), wt = J({ name: "Combobox", emits: { "update:modelValue": (o) => !0 }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], nullable: !0, default: null }, modelValue: { type: [Object, String, Number, Boolean], default: void 0 }, defaultValue: { type: [Object, String, Number, Boolean], default: void 0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, nullable: { type: Boolean, default: !1 }, multiple: { type: [Boolean], default: !1 }, immediate: { type: [Boolean], default: !1 }, virtual: { type: Object, default: null } }, inheritAttrs: !1, setup(o, { slots: f, attrs: e, emit: s }) {
-  let t = P(1), a = P(null), n = P(null), l = P(null), p = P(null), v = P({ static: !1, hold: !1 }), r = P([]), u = P(null), O = P(2), T = P(!1);
-  function I(d = (m) => m) {
-    let m = u.value !== null ? r.value[u.value] : null, g = d(r.value.slice()), x = g.length > 0 && g[0].dataRef.order.value !== null ? g.sort((V, N) => V.dataRef.order.value - N.dataRef.order.value) : Qe(g, (V) => E(V.dataRef.domRef)), M = m ? x.indexOf(m) : null;
-    return M === -1 && (M = null), { options: x, activeOptionIndex: M };
-  }
-  let A = y(() => o.multiple ? 1 : 0), D = y(() => o.nullable), [$, b] = je(y(() => o.modelValue), (d) => s("update:modelValue", d), y(() => o.defaultValue)), R = y(() => $.value === void 0 ? te(A.value, { 1: [], 0: void 0 }) : $.value), B = null, h = null;
-  function C(d) {
-    return te(A.value, { 0() {
-      return b?.(d);
-    }, 1: () => {
-      let m = q(c.value.value).slice(), g = q(d), x = m.findIndex((M) => c.compare(g, q(M)));
-      return x === -1 ? m.push(g) : m.splice(x, 1), b?.(m);
-    } });
-  }
-  let k = y(() => {
-  });
-  W([k], ([d], [m]) => {
-    if (c.virtual.value && d && m && u.value !== null) {
-      let g = d.indexOf(m[u.value]);
-      g !== -1 ? u.value = g : u.value = null;
-    }
-  });
-  let c = { comboboxState: t, value: R, mode: A, compare(d, m) {
-    if (typeof o.by == "string") {
-      let g = o.by;
-      return d?.[g] === m?.[g];
-    }
-    return o.by === null ? gt(d, m) : o.by(d, m);
-  }, calculateIndex(d) {
-    return c.virtual.value ? o.by === null ? c.virtual.value.options.indexOf(d) : c.virtual.value.options.findIndex((m) => c.compare(m, d)) : r.value.findIndex((m) => c.compare(m.dataRef.value, d));
-  }, defaultValue: y(() => o.defaultValue), nullable: D, immediate: y(() => !1), virtual: y(() => null), inputRef: n, labelRef: a, buttonRef: l, optionsRef: p, disabled: y(() => o.disabled), options: r, change(d) {
-    b(d);
-  }, activeOptionIndex: y(() => {
-    if (T.value && u.value === null && (c.virtual.value ? c.virtual.value.options.length > 0 : r.value.length > 0)) {
-      if (c.virtual.value) {
-        let m = c.virtual.value.options.findIndex((g) => {
-          var x;
-          return !((x = c.virtual.value) != null && x.disabled(g));
-        });
-        if (m !== -1) return m;
-      }
-      let d = r.value.findIndex((m) => !m.dataRef.disabled);
-      if (d !== -1) return d;
-    }
-    return u.value;
-  }), activationTrigger: O, optionsPropsRef: v, closeCombobox() {
-    T.value = !1, !o.disabled && t.value !== 1 && (t.value = 1, u.value = null);
-  }, openCombobox() {
-    if (T.value = !0, !o.disabled && t.value !== 0) {
-      if (c.value.value) {
-        let d = c.calculateIndex(c.value.value);
-        d !== -1 && (u.value = d);
-      }
-      t.value = 0;
-    }
-  }, setActivationTrigger(d) {
-    O.value = d;
-  }, goToOption(d, m, g) {
-    T.value = !1, B !== null && cancelAnimationFrame(B), B = requestAnimationFrame(() => {
-      if (o.disabled || p.value && !v.value.static && t.value === 1) return;
-      if (c.virtual.value) {
-        u.value = d === _.Specific ? m : be({ focus: d }, { resolveItems: () => c.virtual.value.options, resolveActiveIndex: () => {
-          var V, N;
-          return (N = (V = c.activeOptionIndex.value) != null ? V : c.virtual.value.options.findIndex((i) => {
-            var S;
-            return !((S = c.virtual.value) != null && S.disabled(i));
-          })) != null ? N : null;
-        }, resolveDisabled: (V) => c.virtual.value.disabled(V), resolveId() {
-          throw new Error("Function not implemented.");
-        } }), O.value = g ?? 2;
-        return;
-      }
-      let x = I();
-      if (x.activeOptionIndex === null) {
-        let V = x.options.findIndex((N) => !N.dataRef.disabled);
-        V !== -1 && (x.activeOptionIndex = V);
-      }
-      let M = d === _.Specific ? m : be({ focus: d }, { resolveItems: () => x.options, resolveActiveIndex: () => x.activeOptionIndex, resolveId: (V) => V.id, resolveDisabled: (V) => V.dataRef.disabled });
-      u.value = M, O.value = g ?? 2, r.value = x.options;
-    });
-  }, selectOption(d) {
-    let m = r.value.find((x) => x.id === d);
-    if (!m) return;
-    let { dataRef: g } = m;
-    C(g.value);
-  }, selectActiveOption() {
-    if (c.activeOptionIndex.value !== null) {
-      if (c.virtual.value) C(c.virtual.value.options[c.activeOptionIndex.value]);
-      else {
-        let { dataRef: d } = r.value[c.activeOptionIndex.value];
-        C(d.value);
-      }
-      c.goToOption(_.Specific, c.activeOptionIndex.value);
-    }
-  }, registerOption(d, m) {
-    let g = Pe({ id: d, dataRef: m });
-    if (c.virtual.value) {
-      r.value.push(g);
-      return;
-    }
-    h && cancelAnimationFrame(h);
-    let x = I((M) => (M.push(g), M));
-    u.value === null && c.isSelected(m.value.value) && (x.activeOptionIndex = x.options.indexOf(g)), r.value = x.options, u.value = x.activeOptionIndex, O.value = 2, x.options.some((M) => !E(M.dataRef.domRef)) && (h = requestAnimationFrame(() => {
-      let M = I();
-      r.value = M.options, u.value = M.activeOptionIndex;
-    }));
-  }, unregisterOption(d, m) {
-    if (B !== null && cancelAnimationFrame(B), m && (T.value = !0), c.virtual.value) {
-      r.value = r.value.filter((x) => x.id !== d);
-      return;
-    }
-    let g = I((x) => {
-      let M = x.findIndex((V) => V.id === d);
-      return M !== -1 && x.splice(M, 1), x;
-    });
-    r.value = g.options, u.value = g.activeOptionIndex, O.value = 2;
-  }, isSelected(d) {
-    return te(A.value, { 0: () => c.compare(q(c.value.value), q(d)), 1: () => q(c.value.value).some((m) => c.compare(q(m), q(d))) });
-  }, isActive(d) {
-    return u.value === c.calculateIndex(d);
-  } };
-  Ue([n, l, p], () => c.closeCombobox(), y(() => t.value === 0)), Ce(Ve, c), tt(y(() => te(t.value, { 0: re.Open, 1: re.Closed })));
-  let w = y(() => {
-    var d;
-    return (d = E(n)) == null ? void 0 : d.closest("form");
-  });
-  return ve(() => {
-    W([w], () => {
-      if (!w.value || o.defaultValue === void 0) return;
-      function d() {
-        c.change(o.defaultValue);
-      }
-      return w.value.addEventListener("reset", d), () => {
-        var m;
-        (m = w.value) == null || m.removeEventListener("reset", d);
-      };
-    }, { immediate: !0 });
-  }), () => {
-    var d, m, g;
-    let { name: x, disabled: M, form: V, ...N } = o, i = { open: t.value === 0, disabled: M, activeIndex: c.activeOptionIndex.value, activeOption: c.activeOptionIndex.value === null ? null : c.virtual.value ? c.virtual.value.options[(d = c.activeOptionIndex.value) != null ? d : 0] : (g = (m = c.options.value[c.activeOptionIndex.value]) == null ? void 0 : m.dataRef.value) != null ? g : null, value: R.value };
-    return ne(Ee, [...x != null && R.value != null ? We({ [x]: R.value }).map(([S, z]) => ne(Ze, qe({ features: et.Hidden, key: S, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: V, disabled: M, name: S, value: z }))) : [], le({ theirProps: { ...e, ...fe(N, ["by", "defaultValue", "immediate", "modelValue", "multiple", "nullable", "onUpdate:modelValue", "virtual"]) }, ourProps: {}, slot: i, slots: f, attrs: e, name: "Combobox" })]);
-  };
-} });
-J({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: null } }, setup(o, { attrs: f, slots: e }) {
-  var s;
-  let t = (s = o.id) != null ? s : `headlessui-combobox-label-${oe()}`, a = Z("ComboboxLabel");
-  function n() {
-    var l;
-    (l = E(a.inputRef)) == null || l.focus({ preventScroll: !0 });
-  }
-  return () => {
-    let l = { open: a.comboboxState.value === 0, disabled: a.disabled.value }, { ...p } = o, v = { id: t, ref: a.labelRef, onClick: n };
-    return le({ ourProps: v, theirProps: p, slot: l, attrs: f, slots: e, name: "ComboboxLabel" });
-  };
-} });
-let It = J({ name: "ComboboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: null } }, setup(o, { attrs: f, slots: e, expose: s }) {
-  var t;
-  let a = (t = o.id) != null ? t : `headlessui-combobox-button-${oe()}`, n = Z("ComboboxButton");
-  s({ el: n.buttonRef, $el: n.buttonRef });
-  function l(r) {
-    n.disabled.value || (n.comboboxState.value === 0 ? n.closeCombobox() : (r.preventDefault(), n.openCombobox()), X(() => {
-      var u;
-      return (u = E(n.inputRef)) == null ? void 0 : u.focus({ preventScroll: !0 });
-    }));
-  }
-  function p(r) {
-    switch (r.key) {
-      case L.ArrowDown:
-        r.preventDefault(), r.stopPropagation(), n.comboboxState.value === 1 && n.openCombobox(), X(() => {
-          var u;
-          return (u = n.inputRef.value) == null ? void 0 : u.focus({ preventScroll: !0 });
-        });
-        return;
-      case L.ArrowUp:
-        r.preventDefault(), r.stopPropagation(), n.comboboxState.value === 1 && (n.openCombobox(), X(() => {
-          n.value.value || n.goToOption(_.Last);
-        })), X(() => {
-          var u;
-          return (u = n.inputRef.value) == null ? void 0 : u.focus({ preventScroll: !0 });
-        });
-        return;
-      case L.Escape:
-        if (n.comboboxState.value !== 0) return;
-        r.preventDefault(), n.optionsRef.value && !n.optionsPropsRef.value.static && r.stopPropagation(), n.closeCombobox(), X(() => {
-          var u;
-          return (u = n.inputRef.value) == null ? void 0 : u.focus({ preventScroll: !0 });
-        });
-        return;
-    }
-  }
-  let v = Ye(y(() => ({ as: o.as, type: f.type })), n.buttonRef);
-  return () => {
-    var r, u;
-    let O = { open: n.comboboxState.value === 0, disabled: n.disabled.value, value: n.value.value }, { ...T } = o, I = { ref: n.buttonRef, id: a, type: v.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (r = E(n.optionsRef)) == null ? void 0 : r.id, "aria-expanded": n.comboboxState.value === 0, "aria-labelledby": n.labelRef.value ? [(u = E(n.labelRef)) == null ? void 0 : u.id, a].join(" ") : void 0, disabled: n.disabled.value === !0 ? !0 : void 0, onKeydown: p, onClick: l };
-    return le({ ourProps: I, theirProps: T, slot: O, attrs: f, slots: e, name: "ComboboxButton" });
-  };
-} }), Rt = J({ name: "ComboboxInput", props: { as: { type: [Object, String], default: "input" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, displayValue: { type: Function }, defaultValue: { type: String, default: void 0 }, id: { type: String, default: null } }, emits: { change: (o) => !0 }, setup(o, { emit: f, attrs: e, slots: s, expose: t }) {
-  var a;
-  let n = (a = o.id) != null ? a : `headlessui-combobox-input-${oe()}`, l = Z("ComboboxInput"), p = y(() => He(E(l.inputRef))), v = { value: !1 };
-  t({ el: l.inputRef, $el: l.inputRef });
-  function r() {
-    l.change(null);
-    let h = E(l.optionsRef);
-    h && (h.scrollTop = 0), l.goToOption(_.Nothing);
-  }
-  let u = y(() => {
-    var h;
-    let C = l.value.value;
-    return E(l.inputRef) ? typeof o.displayValue < "u" && C !== void 0 ? (h = o.displayValue(C)) != null ? h : "" : typeof C == "string" ? C : "" : "";
-  });
-  ve(() => {
-    W([u, l.comboboxState, p], ([h, C], [k, c]) => {
-      if (v.value) return;
-      let w = E(l.inputRef);
-      w && ((c === 0 && C === 1 || h !== k) && (w.value = h), requestAnimationFrame(() => {
-        var d;
-        if (v.value || !w || ((d = p.value) == null ? void 0 : d.activeElement) !== w) return;
-        let { selectionStart: m, selectionEnd: g } = w;
-        Math.abs((g ?? 0) - (m ?? 0)) === 0 && m === 0 && w.setSelectionRange(w.value.length, w.value.length);
-      }));
-    }, { immediate: !0 }), W([l.comboboxState], ([h], [C]) => {
-      if (h === 0 && C === 1) {
-        if (v.value) return;
-        let k = E(l.inputRef);
-        if (!k) return;
-        let c = k.value, { selectionStart: w, selectionEnd: d, selectionDirection: m } = k;
-        k.value = "", k.value = c, m !== null ? k.setSelectionRange(w, d, m) : k.setSelectionRange(w, d);
-      }
-    });
-  });
-  let O = P(!1);
-  function T() {
-    O.value = !0;
-  }
-  function I() {
-    ce().nextFrame(() => {
-      O.value = !1;
-    });
-  }
-  let A = bt();
-  function D(h) {
-    switch (v.value = !0, A(() => {
-      v.value = !1;
-    }), h.key) {
-      case L.Enter:
-        if (v.value = !1, l.comboboxState.value !== 0 || O.value) return;
-        if (h.preventDefault(), h.stopPropagation(), l.activeOptionIndex.value === null) {
-          l.closeCombobox();
-          return;
-        }
-        l.selectActiveOption(), l.mode.value === 0 && l.closeCombobox();
-        break;
-      case L.ArrowDown:
-        return v.value = !1, h.preventDefault(), h.stopPropagation(), te(l.comboboxState.value, { 0: () => l.goToOption(_.Next), 1: () => l.openCombobox() });
-      case L.ArrowUp:
-        return v.value = !1, h.preventDefault(), h.stopPropagation(), te(l.comboboxState.value, { 0: () => l.goToOption(_.Previous), 1: () => {
-          l.openCombobox(), X(() => {
-            l.value.value || l.goToOption(_.Last);
-          });
-        } });
-      case L.Home:
-        if (h.shiftKey) break;
-        return v.value = !1, h.preventDefault(), h.stopPropagation(), l.goToOption(_.First);
-      case L.PageUp:
-        return v.value = !1, h.preventDefault(), h.stopPropagation(), l.goToOption(_.First);
-      case L.End:
-        if (h.shiftKey) break;
-        return v.value = !1, h.preventDefault(), h.stopPropagation(), l.goToOption(_.Last);
-      case L.PageDown:
-        return v.value = !1, h.preventDefault(), h.stopPropagation(), l.goToOption(_.Last);
-      case L.Escape:
-        if (v.value = !1, l.comboboxState.value !== 0) return;
-        h.preventDefault(), l.optionsRef.value && !l.optionsPropsRef.value.static && h.stopPropagation(), l.nullable.value && l.mode.value === 0 && l.value.value === null && r(), l.closeCombobox();
-        break;
-      case L.Tab:
-        if (v.value = !1, l.comboboxState.value !== 0) return;
-        l.mode.value === 0 && l.activationTrigger.value !== 1 && l.selectActiveOption(), l.closeCombobox();
-        break;
-    }
-  }
-  function $(h) {
-    f("change", h), l.nullable.value && l.mode.value === 0 && h.target.value === "" && r(), l.openCombobox();
-  }
-  function b(h) {
-    var C, k, c;
-    let w = (C = h.relatedTarget) != null ? C : ge.find((d) => d !== h.currentTarget);
-    if (v.value = !1, !((k = E(l.optionsRef)) != null && k.contains(w)) && !((c = E(l.buttonRef)) != null && c.contains(w)) && l.comboboxState.value === 0) return h.preventDefault(), l.mode.value === 0 && (l.nullable.value && l.value.value === null ? r() : l.activationTrigger.value !== 1 && l.selectActiveOption()), l.closeCombobox();
-  }
-  function R(h) {
-    var C, k, c;
-    let w = (C = h.relatedTarget) != null ? C : ge.find((d) => d !== h.currentTarget);
-    (k = E(l.buttonRef)) != null && k.contains(w) || (c = E(l.optionsRef)) != null && c.contains(w) || l.disabled.value || l.immediate.value && l.comboboxState.value !== 0 && (l.openCombobox(), ce().nextFrame(() => {
-      l.setActivationTrigger(1);
-    }));
-  }
-  let B = y(() => {
-    var h, C, k, c;
-    return (c = (k = (C = o.defaultValue) != null ? C : l.defaultValue.value !== void 0 ? (h = o.displayValue) == null ? void 0 : h.call(o, l.defaultValue.value) : null) != null ? k : l.defaultValue.value) != null ? c : "";
-  });
-  return () => {
-    var h, C, k, c, w, d, m;
-    let g = { open: l.comboboxState.value === 0 }, { displayValue: x, onChange: M, ...V } = o, N = { "aria-controls": (h = l.optionsRef.value) == null ? void 0 : h.id, "aria-expanded": l.comboboxState.value === 0, "aria-activedescendant": l.activeOptionIndex.value === null ? void 0 : l.virtual.value ? (C = l.options.value.find((i) => !l.virtual.value.disabled(i.dataRef.value) && l.compare(i.dataRef.value, l.virtual.value.options[l.activeOptionIndex.value]))) == null ? void 0 : C.id : (k = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : k.id, "aria-labelledby": (d = (c = E(l.labelRef)) == null ? void 0 : c.id) != null ? d : (w = E(l.buttonRef)) == null ? void 0 : w.id, "aria-autocomplete": "list", id: n, onCompositionstart: T, onCompositionend: I, onKeydown: D, onInput: $, onFocus: R, onBlur: b, role: "combobox", type: (m = e.type) != null ? m : "text", tabIndex: 0, ref: l.inputRef, defaultValue: B.value, disabled: l.disabled.value === !0 ? !0 : void 0 };
-    return le({ ourProps: N, theirProps: V, slot: g, attrs: e, slots: s, features: ie.RenderStrategy | ie.Static, name: "ComboboxInput" });
-  };
-} }), Ct = J({ name: "ComboboxOptions", props: { as: { type: [Object, String], default: "ul" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, hold: { type: [Boolean], default: !1 } }, setup(o, { attrs: f, slots: e, expose: s }) {
-  let t = Z("ComboboxOptions"), a = `headlessui-combobox-options-${oe()}`;
-  s({ el: t.optionsRef, $el: t.optionsRef }), ae(() => {
-    t.optionsPropsRef.value.static = o.static;
-  }), ae(() => {
-    t.optionsPropsRef.value.hold = o.hold;
-  });
-  let n = lt(), l = y(() => n !== null ? (n.value & re.Open) === re.Open : t.comboboxState.value === 0);
-  Xe({ container: y(() => E(t.optionsRef)), enabled: y(() => t.comboboxState.value === 0), accept(v) {
-    return v.getAttribute("role") === "option" ? NodeFilter.FILTER_REJECT : v.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
-  }, walk(v) {
-    v.setAttribute("role", "none");
-  } });
-  function p(v) {
-    v.preventDefault();
-  }
-  return () => {
-    var v, r, u;
-    let O = { open: t.comboboxState.value === 0 }, T = { "aria-labelledby": (u = (v = E(t.labelRef)) == null ? void 0 : v.id) != null ? u : (r = E(t.buttonRef)) == null ? void 0 : r.id, id: a, ref: t.optionsRef, role: "listbox", "aria-multiselectable": t.mode.value === 1 ? !0 : void 0, onMousedown: p }, I = fe(o, ["hold"]);
-    return le({ ourProps: T, theirProps: I, slot: O, attrs: f, slots: t.virtual.value && t.comboboxState.value === 0 ? { ...e, default: () => [ne(Ot, {}, e.default)] } : e, features: ie.RenderStrategy | ie.Static, visible: l.value, name: "ComboboxOptions" });
-  };
-} }), Ie = J({ name: "ComboboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 }, order: { type: [Number], default: null } }, setup(o, { slots: f, attrs: e, expose: s }) {
-  let t = Z("ComboboxOption"), a = `headlessui-combobox-option-${oe()}`, n = P(null), l = y(() => o.disabled);
-  s({ el: n, $el: n });
-  let p = y(() => {
-    var b;
-    return t.virtual.value ? t.activeOptionIndex.value === t.calculateIndex(o.value) : t.activeOptionIndex.value === null ? !1 : ((b = t.options.value[t.activeOptionIndex.value]) == null ? void 0 : b.id) === a;
-  }), v = y(() => t.isSelected(o.value)), r = ke(Ae, null), u = y(() => ({ disabled: o.disabled, value: o.value, domRef: n, order: y(() => o.order) }));
-  ve(() => t.registerOption(a, u)), Re(() => t.unregisterOption(a, p.value)), ae(() => {
-    let b = E(n);
-    b && r?.value.measureElement(b);
-  }), ae(() => {
-    t.comboboxState.value === 0 && p.value && (t.virtual.value || t.activationTrigger.value !== 0 && X(() => {
-      var b, R;
-      return (R = (b = E(n)) == null ? void 0 : b.scrollIntoView) == null ? void 0 : R.call(b, { block: "nearest" });
-    }));
-  });
-  function O(b) {
-    b.preventDefault(), b.button === Te.Left && (l.value || (t.selectOption(a), Je() || requestAnimationFrame(() => {
-      var R;
-      return (R = E(t.inputRef)) == null ? void 0 : R.focus({ preventScroll: !0 });
-    }), t.mode.value === 0 && t.closeCombobox()));
-  }
-  function T() {
-    var b;
-    if (o.disabled || (b = t.virtual.value) != null && b.disabled(o.value)) return t.goToOption(_.Nothing);
-    let R = t.calculateIndex(o.value);
-    t.goToOption(_.Specific, R);
-  }
-  let I = Ge();
-  function A(b) {
-    I.update(b);
-  }
-  function D(b) {
-    var R;
-    if (!I.wasMoved(b) || o.disabled || (R = t.virtual.value) != null && R.disabled(o.value) || p.value) return;
-    let B = t.calculateIndex(o.value);
-    t.goToOption(_.Specific, B, 0);
-  }
-  function $(b) {
-    var R;
-    I.wasMoved(b) && (o.disabled || (R = t.virtual.value) != null && R.disabled(o.value) || p.value && (t.optionsPropsRef.value.hold || t.goToOption(_.Nothing)));
-  }
-  return () => {
-    let { disabled: b } = o, R = { active: p.value, selected: v.value, disabled: b }, B = { id: a, ref: n, role: "option", tabIndex: b === !0 ? void 0 : -1, "aria-disabled": b === !0 ? !0 : void 0, "aria-selected": v.value, disabled: void 0, onMousedown: O, onFocus: T, onPointerenter: A, onMouseenter: A, onPointermove: D, onMousemove: D, onPointerleave: $, onMouseleave: $ }, h = fe(o, ["order", "value"]);
-    return le({ ourProps: B, theirProps: h, slot: R, attrs: e, slots: f, name: "ComboboxOption" });
-  };
-} });
-const Et = { class: "sl-w-full" }, kt = { class: "sl-block sl-truncate sl-font-medium" }, Mt = {
-  key: 0,
-  class: "sl-absolute sl-inset-y-0 sl-left-0 sl-flex sl-items-center sl-pl-3 sl-text-stachelock-600 dark:sl-text-stachelock-400"
-}, Tt = {
-  key: 1,
-  class: "sl-relative sl-cursor-default sl-select-none sl-py-2 sl-px-4 sl-text-gray-700 dark:sl-text-slate-200"
-}, Vt = { class: "sl-flex sl-items-center sl-gap-2" }, At = {
-  key: 2,
-  class: "sl-relative sl-cursor-default sl-select-none sl-py-2 sl-px-4 sl-text-gray-700 dark:sl-text-slate-200"
-}, zt = { class: "sl-block sl-truncate" }, Ft = { key: 0 }, Pt = 50, el = /* @__PURE__ */ J({
-  __name: "ComboboxInput",
-  props: {
-    name: {},
-    items: {},
-    label: {},
-    placeholder: {},
-    disabled: { type: Boolean },
-    rules: {},
-    validateOnMount: { type: Boolean },
-    successMessage: {},
-    tertiaryLabel: {},
-    itemKey: { default: "id" },
-    itemText: { default: "name" },
-    customQuery: {},
-    loading: { type: Boolean, default: !1 },
-    multiple: { type: Boolean, default: !1 },
-    showAll: { type: Boolean, default: !1 },
-    modelValue: {},
-    boxShadow: { type: Boolean, default: !1 }
-  },
-  emits: ["update:modelValue", "update:query", "blur", "focus"],
-  setup(o, { emit: f }) {
-    const e = o, s = f, t = Le(e.name), a = P(""), { value: n, errorMessage: l, handleChange: p, meta: v, setTouched: r } = _e(
-      () => e.name,
-      e.rules,
-      {
-        validateOnMount: e.validateOnMount,
-        initialValue: e.modelValue
-      }
-    ), u = P(
-      e.multiple ? Array.isArray(e.modelValue) ? e.modelValue : [] : e.modelValue
-    );
-    W(
-      () => e.modelValue,
-      (i) => {
-        if (e.multiple) {
-          const S = Array.isArray(i) ? i : [];
-          S !== u.value && (u.value = S, n.value = S);
-        } else
-          i !== u.value && (u.value = i, n.value = i);
-      },
-      { immediate: !0 }
-    ), W(
-      u,
-      (i) => {
-        s("update:modelValue", i);
-      }
-    );
-    const O = y(() => [
-      "sl-w-full",
-      "sl-border-none",
-      "sl-py-2",
-      "sl-pl-3",
-      "sl-pr-10",
-      "sl-text-sm",
-      "sl-leading-5",
-      "sl-text-gray-900",
-      "dark:sl-text-slate-100",
-      "placeholder:sl-text-gray-400",
-      "dark:placeholder:sl-text-slate-500",
-      "focus:sl-outline-none",
-      "focus:sl-ring-0",
-      "sl-bg-transparent"
-    ].join(" ")), T = y(() => {
-      const i = [
-        "sl-relative",
-        "sl-w-full",
-        "sl-cursor-default",
-        "sl-rounded-lg",
-        "sl-bg-white",
-        "dark:sl-bg-slate-900",
-        "sl-text-left",
-        "sl-border",
-        "focus-within:sl-ring-2",
-        "focus-within:sl-ring-stachelock-500",
-        "focus-within:sl-border-stachelock-500",
-        "sl-transition-all",
-        "sl-duration-200"
-      ];
-      return e.disabled ? i.push(
-        "sl-bg-gray-50",
-        "dark:sl-bg-slate-800",
-        "sl-cursor-not-allowed",
-        "sl-border-gray-200",
-        "dark:sl-border-slate-700"
-      ) : l.value ? i.push(
-        "sl-border-red-300",
-        "dark:sl-border-red-500",
-        "focus-within:sl-ring-red-500",
-        "focus-within:sl-border-red-500"
-      ) : v.valid && v.touched ? i.push(
-        "sl-border-green-300",
-        "dark:sl-border-green-500",
-        "focus-within:sl-ring-green-500",
-        "focus-within:sl-border-green-500"
-      ) : i.push(
-        "sl-border-gray-300",
-        "dark:sl-border-slate-600",
-        "hover:sl-border-gray-400",
-        "dark:hover:sl-border-slate-500"
-      ), i.join(" ");
-    }), I = (i) => i[e.itemKey], A = (i) => i ? i[e.itemText] || i.toString() : "", D = P([]), $ = P([]), b = P(1), R = () => {
-      const i = b.value * Pt;
-      $.value = D.value.slice(0, i), b.value += 1;
-    }, B = () => {
-      b.value = 1, $.value = [], R();
-    }, h = () => {
-      if (a.value && a.value !== "")
-        if (e.customQuery)
-          D.value = e.customQuery(a.value, e.items);
-        else {
-          const i = a.value.toLowerCase();
-          D.value = e.items.filter((S) => A(S).toLowerCase().includes(i));
-        }
-      else
-        D.value = e.items;
-      B();
-    }, C = y(() => e.items.filter((i) => !i.disabled)), k = (i) => {
-      const S = i.target;
-      a.value = S.value, s("update:query", a.value), h();
-    }, c = (i) => {
-      u.value = i, r(!0), p(i);
-    }, w = y(() => {
-      if (!e.multiple || !Array.isArray(u.value)) return !1;
-      const i = C.value;
-      if (i.length === 0) return !1;
-      const S = new Set(u.value.map((z) => I(z)));
-      return i.every((z) => S.has(I(z)));
-    }), d = () => {
-      e.multiple && (w.value ? u.value = [] : u.value = [...C.value], r(!0), p(u.value), s("update:modelValue", u.value));
-    }, m = (i) => e.multiple ? !Array.isArray(i) || i.length === 0 ? "" : i.length === 1 ? A(i[0]) : `${i.length} selected` : A(i), g = y(() => e.multiple || a.value === "" ? null : { [e.itemKey]: null, [e.itemText]: a.value }), x = () => {
-      e.multiple || g.value && (e.customQuery ? (s("update:modelValue", a.value), p(a.value)) : (u.value = g.value, p(u.value)));
-    }, M = (i) => {
-      const S = i.target;
-      S.scrollTop + S.clientHeight >= S.scrollHeight && R();
-    }, V = (i) => {
-      s("focus", i);
-    }, N = (i) => {
-      !e.multiple && g.value && (u.value = g.value, p(u.value), s("update:modelValue", u.value)), s("blur", i);
-    };
-    return W(() => e.items, () => {
-      h();
-    }, { immediate: !0, deep: !0 }), (i, S) => (j(), U("div", Et, [
-      K(Be, {
-        id: F(t),
-        name: i.name,
-        label: i.label,
-        disabled: i.disabled,
-        optional: !i.rules,
-        "tertiary-label": i.tertiaryLabel,
-        "box-shadow": i.boxShadow,
-        "error-message": F(l),
-        "success-message": i.successMessage,
-        "is-valid": F(v).valid,
-        "is-touched": F(v).touched
-      }, {
-        "success-message": H(() => [
-          i.successMessage ? (j(), U("span", Ft, se(i.successMessage), 1)) : G("", !0)
-        ]),
-        default: H(() => [
-          K(F(wt), {
-            modelValue: u.value,
-            "onUpdate:modelValue": [
-              S[3] || (S[3] = (z) => u.value = z),
-              c
-            ],
-            disabled: i.disabled,
-            multiple: i.multiple
-          }, {
-            default: H(() => [
-              Q("div", {
-                class: Y(T.value)
-              }, [
-                K(F(Rt), {
-                  id: F(t),
-                  class: Y(O.value),
-                  "display-value": m,
-                  placeholder: i.placeholder || "Type to search...",
-                  modelValue: a.value,
-                  "onUpdate:modelValue": S[0] || (S[0] = (z) => a.value = z),
-                  onInput: k,
-                  onBlur: N,
-                  onFocus: V
-                }, null, 8, ["id", "class", "placeholder", "modelValue"]),
-                K(F(It), { class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-2" }, {
-                  default: H(() => [
-                    K(F(ot), {
-                      class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-slate-300",
-                      "aria-hidden": "true"
-                    })
-                  ]),
-                  _: 1
-                }),
-                K(F(Ke), {
-                  leave: "sl-transition sl-ease-in sl-duration-100",
-                  "leave-from": "sl-opacity-100",
-                  "leave-to": "sl-opacity-0",
-                  onAfterLeave: S[2] || (S[2] = (z) => a.value = "")
-                }, {
-                  default: H(() => [
-                    D.value.length > 0 || a.value !== "" || i.multiple && i.showAll ? (j(), ue(F(Ct), {
-                      key: 0,
-                      class: "sl-absolute sl-z-[9999] sl-mt-1 sl-max-h-60 sl-w-full sl-overflow-auto sl-rounded-md sl-bg-white dark:sl-bg-slate-800 sl-py-1 sl-text-base sl-shadow-lg dark:sl-shadow-slate-900/50 sl-ring-1 sl-ring-black sl-ring-opacity-5 dark:sl-ring-slate-700 focus:sl-outline-none sm:sl-text-sm",
-                      onScroll: M
-                    }, {
-                      default: H(() => [
-                        i.multiple && i.showAll ? (j(), U("li", {
-                          key: 0,
-                          role: "button",
-                          tabindex: "0",
-                          onMousedown: S[1] || (S[1] = de(() => {
-                          }, ["prevent"])),
-                          onClick: de(d, ["prevent", "stop"]),
-                          class: Y([
-                            "sl-relative sl-cursor-pointer sl-select-none sl-py-2 sl-pl-10 sl-pr-4 sl-text-gray-900 dark:sl-text-slate-200",
-                            "hover:sl-bg-stachelock-600 hover:sl-text-white"
-                          ]),
-                          "data-testid": "select-all-option"
-                        }, [
-                          Q("span", kt, se(w.value ? "Unselect All" : "Select All"), 1),
-                          w.value ? (j(), U("span", Mt, [
-                            K(F(xe), {
-                              class: "sl-h-5 sl-w-5",
-                              "aria-hidden": "true"
-                            })
-                          ])) : G("", !0)
-                        ], 32)) : G("", !0),
-                        i.loading ? (j(), U("div", Tt, [
-                          Q("div", Vt, [
-                            K(Ne, { size: "sm" }),
-                            S[4] || (S[4] = Q("span", null, "Loading...", -1))
-                          ])
-                        ])) : a.value !== "" && D.value.length === 0 ? (j(), U("div", At, " Nothing found. ")) : G("", !0),
-                        (j(!0), U(Ee, null, $e($.value, (z) => (j(), ue(F(Ie), {
-                          key: I(z),
-                          value: z,
-                          as: "template",
-                          disabled: z.disabled
-                        }, {
-                          default: H(({ active: pe, selected: me }) => [
-                            Q("li", {
-                              class: Y([
-                                "sl-relative sl-cursor-default sl-select-none sl-py-2 sl-pl-10 sl-pr-4",
-                                pe ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200",
-                                z.disabled ? "sl-opacity-50 sl-cursor-not-allowed" : ""
-                              ])
-                            }, [
-                              Q("span", {
-                                class: Y([
-                                  "sl-block sl-truncate",
-                                  me ? "sl-font-medium" : "sl-font-normal"
-                                ])
-                              }, se(A(z)), 3),
-                              me ? (j(), U("span", {
-                                key: 0,
-                                class: Y(["sl-absolute sl-inset-y-0 sl-left-0 sl-flex sl-items-center sl-pl-3", pe ? "sl-text-white" : "sl-text-stachelock-600 dark:sl-text-stachelock-400"])
-                              }, [
-                                K(F(xe), {
-                                  class: "sl-h-5 sl-w-5",
-                                  "aria-hidden": "true"
-                                })
-                              ], 2)) : G("", !0)
-                            ], 2)
-                          ]),
-                          _: 2
-                        }, 1032, ["value", "disabled"]))), 128)),
-                        !i.multiple && g.value ? (j(), ue(F(Ie), {
-                          key: 3,
-                          value: g.value,
-                          as: "template"
-                        }, {
-                          default: H(({ active: z }) => [
-                            Q("li", {
-                              onClick: de(x, ["prevent", "stop"]),
-                              class: Y([
-                                "sl-relative sl-cursor-pointer sl-select-none sl-py-2 sl-pl-10 sl-pr-4",
-                                z ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200"
-                              ])
-                            }, [
-                              Q("span", zt, ' Enter "' + se(a.value) + '" manually ', 1)
-                            ], 2)
-                          ]),
-                          _: 1
-                        }, 8, ["value"])) : G("", !0)
-                      ]),
-                      _: 1
-                    })) : G("", !0)
-                  ]),
-                  _: 1
-                })
-              ], 2)
-            ]),
-            _: 1
-          }, 8, ["modelValue", "disabled", "multiple"])
-        ]),
-        _: 1
-      }, 8, ["id", "name", "label", "disabled", "optional", "tertiary-label", "box-shadow", "error-message", "success-message", "is-valid", "is-touched"])
-    ]));
-  }
-});
-export {
-  el as _
-};
-//# sourceMappingURL=ComboboxInput.vue_vue_type_script_setup_true_lang-ClGP5YU0.js.map