@stachelock/ui 0.5.4 → 0.6.1

package/dist/ComboboxInput.vue_vue_type_script_setup_true_lang-kEj-NYqm.js

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