@stachelock/ui 0.3.1 → 0.4.0

package/dist/ComboboxInput.vue_vue_type_script_setup_true_lang-1YGa9Fnd.js

@@ -0,0 +1,1351 @@
+import { computed as S, unref as D, shallowRef as ze, watch as W, triggerRef as me, onScopeDispose as Fe, onUnmounted as Ce, defineComponent as J, ref as $, provide as Re, onMounted as ve, h as oe, Fragment as Ee, watchEffect as ae, inject as Me, 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 ue, createCommentVNode as G, withModifiers as de, toDisplayString as ne, 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 ce, S as Ke } from "./transition-_rPfnoET.js";
+import { u as te, o as k, A as le, E as qe, T as fe, i as se, N as ie } 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 re, 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 ee(s, c, e) {
+  let n = e.initialDeps ?? [], t, a = !0;
+  function o() {
+    var l, p, 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 && ((p = e.debug) != null && p.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, B = (g, I) => {
+        for (g = String(g); g.length < I; )
+          g = " " + g;
+        return g;
+      };
+      console.info(
+        `%c⏱ ${B(w, 5)} /${B(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: p } = o;
+    c({ width: Math.round(l), height: Math.round(p) });
+  };
+  if (t(Se(e)), !n.ResizeObserver)
+    return () => {
+    };
+  const a = new n.ResizeObserver((o) => {
+    const l = () => {
+      const p = o[0];
+      if (p?.borderBoxSize) {
+        const v = p.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), p = o(!1);
+  e.addEventListener("scroll", l, Oe);
+  const v = s.options.useScrollendEvent && we;
+  return v && e.addEventListener("scrollend", p, Oe), () => {
+    e.removeEventListener("scroll", l), v && e.removeEventListener("scrollend", p);
+  };
+}, 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 = 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 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 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((o, l) => o.end === l.end ? o.index - l.index : o.end - l.end)[0] : void 0;
+    }, this.getMeasurementOptions = ee(
+      () => [
+        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 = ee(
+      () => [this.getMeasurementOptions(), this.itemSizeCache],
+      ({ count: e, paddingStart: n, scrollMargin: t, getItemKey: a, enabled: o, lanes: l }, p) => {
+        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], f = z !== void 0 ? u[z] : void 0;
+            F = f ? f.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 B = p.get(R), g = typeof B == "number" ? B : 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 = ee(
+      () => [
+        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 = ee(
+      () => {
+        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 = ee(
+      () => [this.getVirtualIndexes(), this.getMeasurements()],
+      (e, n) => {
+        const t = [];
+        for (let a = 0, o = e.length; a < o; a++) {
+          const l = e[a], p = n[l];
+          t.push(p);
+        }
+        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[ke(
+            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) || p(b);
+          };
+          this.isDynamicMode() ? this.targetWindow.requestAnimationFrame(R) : R();
+        });
+      }, p = (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 ke = (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 = (p) => s[p].start;
+  if (s.length <= n)
+    return {
+      startIndex: 0,
+      endIndex: t
+    };
+  let o = ke(
+    0,
+    t,
+    a,
+    e
+  ), l = o;
+  if (n === 1)
+    for (; l < t && s[l].end < e + c; )
+      l++;
+  else if (n > 1) {
+    const p = Array(n).fill(0);
+    for (; l < t && p.some((u) => u < e + c); ) {
+      const u = s[l];
+      p[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(D(s)), e = ze(c), n = c._didMount();
+  return W(
+    () => D(s).getScrollElement(),
+    (t) => {
+      t && c._willUpdate();
+    },
+    {
+      immediate: !0
+    }
+  ), W(
+    () => D(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(
+    S(() => ({
+      observeElementRect: rt,
+      observeElementOffset: ut,
+      scrollToFn: ct,
+      ...D(s)
+    }))
+  );
+}
+function mt() {
+  let s = ce();
+  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 = Me(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 = S(() => {
+    let l = k(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 = ht(S(() => ({ scrollPaddingStart: n.value.start, scrollPaddingEnd: n.value.end, count: e.virtual.value.options.length, estimateSize() {
+    return 40;
+  }, getScrollElement() {
+    return k(e.optionsRef);
+  }, overscan: 12 }))), a = S(() => {
+    var l;
+    return (l = e.virtual.value) == null ? void 0 : l.options;
+  }), o = $(0);
+  return W([a], () => {
+    o.value += 1;
+  }), Re(Ve, e.virtual.value ? t : null), () => [oe("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 = $(1), a = $(null), o = $(null), l = $(null), p = $(null), v = $({ static: !1, hold: !1 }), u = $([]), i = $(null), b = $(2), R = $(!1);
+  function E(r = (h) => h) {
+    let h = i.value !== null ? u.value[i.value] : null, x = r(u.value.slice()), y = x.length > 0 && x[0].dataRef.order.value !== null ? x.sort((V, L) => V.dataRef.order.value - L.dataRef.order.value) : Qe(x, (V) => k(V.dataRef.domRef)), T = h ? y.indexOf(h) : null;
+    return T === -1 && (T = null), { options: y, activeOptionIndex: T };
+  }
+  let w = S(() => s.multiple ? 1 : 0), F = S(() => s.nullable), [B, g] = _e(S(() => s.modelValue), (r) => n("update:modelValue", r), S(() => s.defaultValue)), I = S(() => B.value === void 0 ? te(w.value, { 1: [], 0: void 0 }) : B.value), z = null, f = null;
+  function M(r) {
+    return te(w.value, { 0() {
+      return g?.(r);
+    }, 1: () => {
+      let h = q(d.value.value).slice(), x = q(r), y = h.findIndex((T) => d.compare(x, q(T)));
+      return y === -1 ? h.push(x) : h.splice(y, 1), g?.(h);
+    } });
+  }
+  let A = S(() => {
+  });
+  W([A], ([r], [h]) => {
+    if (d.virtual.value && r && h && i.value !== null) {
+      let x = r.indexOf(h[i.value]);
+      x !== -1 ? i.value = x : i.value = null;
+    }
+  });
+  let d = { comboboxState: t, value: I, mode: w, compare(r, h) {
+    if (typeof s.by == "string") {
+      let x = s.by;
+      return r?.[x] === h?.[x];
+    }
+    return s.by === null ? gt(r, h) : s.by(r, h);
+  }, calculateIndex(r) {
+    return d.virtual.value ? s.by === null ? d.virtual.value.options.indexOf(r) : d.virtual.value.options.findIndex((h) => d.compare(h, r)) : u.value.findIndex((h) => d.compare(h.dataRef.value, r));
+  }, defaultValue: S(() => s.defaultValue), nullable: F, immediate: S(() => !1), virtual: S(() => null), inputRef: o, labelRef: a, buttonRef: l, optionsRef: p, disabled: S(() => s.disabled), options: u, change(r) {
+    g(r);
+  }, activeOptionIndex: S(() => {
+    if (R.value && i.value === null && (d.virtual.value ? d.virtual.value.options.length > 0 : u.value.length > 0)) {
+      if (d.virtual.value) {
+        let h = d.virtual.value.options.findIndex((x) => {
+          var y;
+          return !((y = d.virtual.value) != null && y.disabled(x));
+        });
+        if (h !== -1) return h;
+      }
+      let r = u.value.findIndex((h) => !h.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, h, x) {
+    R.value = !1, z !== null && cancelAnimationFrame(z), z = requestAnimationFrame(() => {
+      if (s.disabled || p.value && !v.value.static && t.value === 1) return;
+      if (d.virtual.value) {
+        i.value = r === N.Specific ? h : 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((m) => {
+            var O;
+            return !((O = d.virtual.value) != null && O.disabled(m));
+          })) != null ? L : null;
+        }, resolveDisabled: (V) => d.virtual.value.disabled(V), resolveId() {
+          throw new Error("Function not implemented.");
+        } }), b.value = x ?? 2;
+        return;
+      }
+      let y = E();
+      if (y.activeOptionIndex === null) {
+        let V = y.options.findIndex((L) => !L.dataRef.disabled);
+        V !== -1 && (y.activeOptionIndex = V);
+      }
+      let T = r === N.Specific ? h : be({ focus: r }, { resolveItems: () => y.options, resolveActiveIndex: () => y.activeOptionIndex, resolveId: (V) => V.id, resolveDisabled: (V) => V.dataRef.disabled });
+      i.value = T, b.value = x ?? 2, u.value = y.options;
+    });
+  }, selectOption(r) {
+    let h = u.value.find((y) => y.id === r);
+    if (!h) return;
+    let { dataRef: x } = h;
+    M(x.value);
+  }, selectActiveOption() {
+    if (d.activeOptionIndex.value !== null) {
+      if (d.virtual.value) M(d.virtual.value.options[d.activeOptionIndex.value]);
+      else {
+        let { dataRef: r } = u.value[d.activeOptionIndex.value];
+        M(r.value);
+      }
+      d.goToOption(N.Specific, d.activeOptionIndex.value);
+    }
+  }, registerOption(r, h) {
+    let x = Pe({ id: r, dataRef: h });
+    if (d.virtual.value) {
+      u.value.push(x);
+      return;
+    }
+    f && cancelAnimationFrame(f);
+    let y = E((T) => (T.push(x), T));
+    i.value === null && d.isSelected(h.value.value) && (y.activeOptionIndex = y.options.indexOf(x)), u.value = y.options, i.value = y.activeOptionIndex, b.value = 2, y.options.some((T) => !k(T.dataRef.domRef)) && (f = requestAnimationFrame(() => {
+      let T = E();
+      u.value = T.options, i.value = T.activeOptionIndex;
+    }));
+  }, unregisterOption(r, h) {
+    if (z !== null && cancelAnimationFrame(z), h && (R.value = !0), d.virtual.value) {
+      u.value = u.value.filter((y) => y.id !== r);
+      return;
+    }
+    let x = E((y) => {
+      let T = y.findIndex((V) => V.id === r);
+      return T !== -1 && y.splice(T, 1), y;
+    });
+    u.value = x.options, i.value = x.activeOptionIndex, b.value = 2;
+  }, isSelected(r) {
+    return te(w.value, { 0: () => d.compare(q(d.value.value), q(r)), 1: () => q(d.value.value).some((h) => d.compare(q(h), q(r))) });
+  }, isActive(r) {
+    return i.value === d.calculateIndex(r);
+  } };
+  He([o, l, p], () => d.closeCombobox(), S(() => t.value === 0)), Re(Te, d), tt(S(() => te(t.value, { 0: re.Open, 1: re.Closed })));
+  let C = S(() => {
+    var r;
+    return (r = k(o)) == null ? void 0 : r.closest("form");
+  });
+  return ve(() => {
+    W([C], () => {
+      if (!C.value || s.defaultValue === void 0) return;
+      function r() {
+        d.change(s.defaultValue);
+      }
+      return C.value.addEventListener("reset", r), () => {
+        var h;
+        (h = C.value) == null || h.removeEventListener("reset", r);
+      };
+    }, { immediate: !0 });
+  }), () => {
+    var r, h, x;
+    let { name: y, disabled: T, form: V, ...L } = s, m = { 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] : (x = (h = d.options.value[d.activeOptionIndex.value]) == null ? void 0 : h.dataRef.value) != null ? x : null, value: I.value };
+    return oe(Ee, [...y != null && I.value != null ? We({ [y]: I.value }).map(([O, P]) => oe(Ze, qe({ features: et.Hidden, key: O, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: V, disabled: T, name: O, value: P }))) : [], le({ theirProps: { ...e, ...fe(L, ["by", "defaultValue", "immediate", "modelValue", "multiple", "nullable", "onUpdate:modelValue", "virtual"]) }, ourProps: {}, slot: m, 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-${se()}`, a = Z("ComboboxLabel");
+  function o() {
+    var l;
+    (l = k(a.inputRef)) == null || l.focus({ preventScroll: !0 });
+  }
+  return () => {
+    let l = { open: a.comboboxState.value === 0, disabled: a.disabled.value }, { ...p } = s, v = { id: t, ref: a.labelRef, onClick: o };
+    return le({ ourProps: v, theirProps: p, 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-${se()}`, 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 = k(o.inputRef)) == null ? void 0 : i.focus({ preventScroll: !0 });
+    }));
+  }
+  function p(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(S(() => ({ 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 = k(o.optionsRef)) == null ? void 0 : u.id, "aria-expanded": o.comboboxState.value === 0, "aria-labelledby": o.labelRef.value ? [(i = k(o.labelRef)) == null ? void 0 : i.id, a].join(" ") : void 0, disabled: o.disabled.value === !0 ? !0 : void 0, onKeydown: p, onClick: l };
+    return le({ 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-${se()}`, l = Z("ComboboxInput"), p = S(() => Ue(k(l.inputRef))), v = { value: !1 };
+  t({ el: l.inputRef, $el: l.inputRef });
+  function u() {
+    l.change(null);
+    let f = k(l.optionsRef);
+    f && (f.scrollTop = 0), l.goToOption(N.Nothing);
+  }
+  let i = S(() => {
+    var f;
+    let M = l.value.value;
+    return k(l.inputRef) ? typeof s.displayValue < "u" && M !== void 0 ? (f = s.displayValue(M)) != null ? f : "" : typeof M == "string" ? M : "" : "";
+  });
+  ve(() => {
+    W([i, l.comboboxState, p], ([f, M], [A, d]) => {
+      if (v.value) return;
+      let C = k(l.inputRef);
+      C && ((d === 0 && M === 1 || f !== A) && (C.value = f), requestAnimationFrame(() => {
+        var r;
+        if (v.value || !C || ((r = p.value) == null ? void 0 : r.activeElement) !== C) return;
+        let { selectionStart: h, selectionEnd: x } = C;
+        Math.abs((x ?? 0) - (h ?? 0)) === 0 && h === 0 && C.setSelectionRange(C.value.length, C.value.length);
+      }));
+    }, { immediate: !0 }), W([l.comboboxState], ([f], [M]) => {
+      if (f === 0 && M === 1) {
+        if (v.value) return;
+        let A = k(l.inputRef);
+        if (!A) return;
+        let d = A.value, { selectionStart: C, selectionEnd: r, selectionDirection: h } = A;
+        A.value = "", A.value = d, h !== null ? A.setSelectionRange(C, r, h) : A.setSelectionRange(C, r);
+      }
+    });
+  });
+  let b = $(!1);
+  function R() {
+    b.value = !0;
+  }
+  function E() {
+    ce().nextFrame(() => {
+      b.value = !1;
+    });
+  }
+  let w = bt();
+  function F(f) {
+    switch (v.value = !0, w(() => {
+      v.value = !1;
+    }), f.key) {
+      case j.Enter:
+        if (v.value = !1, l.comboboxState.value !== 0 || b.value) return;
+        if (f.preventDefault(), f.stopPropagation(), l.activeOptionIndex.value === null) {
+          l.closeCombobox();
+          return;
+        }
+        l.selectActiveOption(), l.mode.value === 0 && l.closeCombobox();
+        break;
+      case j.ArrowDown:
+        return v.value = !1, f.preventDefault(), f.stopPropagation(), te(l.comboboxState.value, { 0: () => l.goToOption(N.Next), 1: () => l.openCombobox() });
+      case j.ArrowUp:
+        return v.value = !1, f.preventDefault(), f.stopPropagation(), te(l.comboboxState.value, { 0: () => l.goToOption(N.Previous), 1: () => {
+          l.openCombobox(), X(() => {
+            l.value.value || l.goToOption(N.Last);
+          });
+        } });
+      case j.Home:
+        if (f.shiftKey) break;
+        return v.value = !1, f.preventDefault(), f.stopPropagation(), l.goToOption(N.First);
+      case j.PageUp:
+        return v.value = !1, f.preventDefault(), f.stopPropagation(), l.goToOption(N.First);
+      case j.End:
+        if (f.shiftKey) break;
+        return v.value = !1, f.preventDefault(), f.stopPropagation(), l.goToOption(N.Last);
+      case j.PageDown:
+        return v.value = !1, f.preventDefault(), f.stopPropagation(), l.goToOption(N.Last);
+      case j.Escape:
+        if (v.value = !1, l.comboboxState.value !== 0) return;
+        f.preventDefault(), l.optionsRef.value && !l.optionsPropsRef.value.static && f.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 B(f) {
+    c("change", f), l.nullable.value && l.mode.value === 0 && f.target.value === "" && u(), l.openCombobox();
+  }
+  function g(f) {
+    var M, A, d;
+    let C = (M = f.relatedTarget) != null ? M : ge.find((r) => r !== f.currentTarget);
+    if (v.value = !1, !((A = k(l.optionsRef)) != null && A.contains(C)) && !((d = k(l.buttonRef)) != null && d.contains(C)) && l.comboboxState.value === 0) return f.preventDefault(), l.mode.value === 0 && (l.nullable.value && l.value.value === null ? u() : l.activationTrigger.value !== 1 && l.selectActiveOption()), l.closeCombobox();
+  }
+  function I(f) {
+    var M, A, d;
+    let C = (M = f.relatedTarget) != null ? M : ge.find((r) => r !== f.currentTarget);
+    (A = k(l.buttonRef)) != null && A.contains(C) || (d = k(l.optionsRef)) != null && d.contains(C) || l.disabled.value || l.immediate.value && l.comboboxState.value !== 0 && (l.openCombobox(), ce().nextFrame(() => {
+      l.setActivationTrigger(1);
+    }));
+  }
+  let z = S(() => {
+    var f, M, A, d;
+    return (d = (A = (M = s.defaultValue) != null ? M : l.defaultValue.value !== void 0 ? (f = s.displayValue) == null ? void 0 : f.call(s, l.defaultValue.value) : null) != null ? A : l.defaultValue.value) != null ? d : "";
+  });
+  return () => {
+    var f, M, A, d, C, r, h;
+    let x = { open: l.comboboxState.value === 0 }, { displayValue: y, onChange: T, ...V } = s, L = { "aria-controls": (f = l.optionsRef.value) == null ? void 0 : f.id, "aria-expanded": l.comboboxState.value === 0, "aria-activedescendant": l.activeOptionIndex.value === null ? void 0 : l.virtual.value ? (M = l.options.value.find((m) => !l.virtual.value.disabled(m.dataRef.value) && l.compare(m.dataRef.value, l.virtual.value.options[l.activeOptionIndex.value]))) == null ? void 0 : M.id : (A = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : A.id, "aria-labelledby": (r = (d = k(l.labelRef)) == null ? void 0 : d.id) != null ? r : (C = k(l.buttonRef)) == null ? void 0 : C.id, "aria-autocomplete": "list", id: o, onCompositionstart: R, onCompositionend: E, onKeydown: F, onInput: B, onFocus: I, onBlur: g, role: "combobox", type: (h = e.type) != null ? h : "text", tabIndex: 0, ref: l.inputRef, defaultValue: z.value, disabled: l.disabled.value === !0 ? !0 : void 0 };
+    return le({ ourProps: L, theirProps: V, slot: x, attrs: e, slots: n, features: ie.RenderStrategy | ie.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-${se()}`;
+  n({ el: t.optionsRef, $el: t.optionsRef }), ae(() => {
+    t.optionsPropsRef.value.static = s.static;
+  }), ae(() => {
+    t.optionsPropsRef.value.hold = s.hold;
+  });
+  let o = lt(), l = S(() => o !== null ? (o.value & re.Open) === re.Open : t.comboboxState.value === 0);
+  Xe({ container: S(() => k(t.optionsRef)), enabled: S(() => 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, u, i;
+    let b = { open: t.comboboxState.value === 0 }, R = { "aria-labelledby": (i = (v = k(t.labelRef)) == null ? void 0 : v.id) != null ? i : (u = k(t.buttonRef)) == null ? void 0 : u.id, id: a, ref: t.optionsRef, role: "listbox", "aria-multiselectable": t.mode.value === 1 ? !0 : void 0, onMousedown: p }, E = fe(s, ["hold"]);
+    return le({ ourProps: R, theirProps: E, slot: b, attrs: c, slots: t.virtual.value && t.comboboxState.value === 0 ? { ...e, default: () => [oe(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(s, { slots: c, attrs: e, expose: n }) {
+  let t = Z("ComboboxOption"), a = `headlessui-combobox-option-${se()}`, o = $(null), l = S(() => s.disabled);
+  n({ el: o, $el: o });
+  let p = S(() => {
+    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 = S(() => t.isSelected(s.value)), u = Me(Ve, null), i = S(() => ({ disabled: s.disabled, value: s.value, domRef: o, order: S(() => s.order) }));
+  ve(() => t.registerOption(a, i)), Ce(() => t.unregisterOption(a, p.value)), ae(() => {
+    let g = k(o);
+    g && u?.value.measureElement(g);
+  }), ae(() => {
+    t.comboboxState.value === 0 && p.value && (t.virtual.value || t.activationTrigger.value !== 0 && X(() => {
+      var g, I;
+      return (I = (g = k(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 = k(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) || p.value) return;
+    let z = t.calculateIndex(s.value);
+    t.goToOption(N.Specific, z, 0);
+  }
+  function B(g) {
+    var I;
+    E.wasMoved(g) && (s.disabled || (I = t.virtual.value) != null && I.disabled(s.value) || p.value && (t.optionsPropsRef.value.hold || t.goToOption(N.Nothing)));
+  }
+  return () => {
+    let { disabled: g } = s, I = { active: p.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: B, onMouseleave: B }, f = fe(s, ["order", "value"]);
+    return le({ ourProps: z, theirProps: f, slot: I, attrs: e, slots: c, name: "ComboboxOption" });
+  };
+} });
+const Et = { class: "sl-w-full" }, Mt = { class: "sl-block sl-truncate sl-font-medium" }, kt = {
+  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 = $(""), { value: o, errorMessage: l, handleChange: p, meta: v, setTouched: u } = Be(
+      () => e.name,
+      e.rules,
+      {
+        validateOnMount: e.validateOnMount,
+        initialValue: e.modelValue
+      }
+    ), i = $(
+      e.multiple ? Array.isArray(e.modelValue) ? e.modelValue : [] : e.modelValue
+    );
+    W(
+      () => e.modelValue,
+      (m) => {
+        if (e.multiple) {
+          const O = Array.isArray(m) ? m : [];
+          O !== i.value && (i.value = O, o.value = O);
+        } else
+          m !== i.value && (i.value = m, o.value = m);
+      },
+      { immediate: !0 }
+    ), W(
+      i,
+      (m) => {
+        n("update:modelValue", m);
+      }
+    );
+    const b = S(() => [
+      "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 = S(() => {
+      const m = [
+        "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 ? m.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 ? m.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 ? m.push(
+        "sl-border-green-300",
+        "dark:sl-border-green-500",
+        "focus-within:sl-ring-green-500",
+        "focus-within:sl-border-green-500"
+      ) : m.push(
+        "sl-border-gray-300",
+        "dark:sl-border-slate-600",
+        "hover:sl-border-gray-400",
+        "dark:hover:sl-border-slate-500"
+      ), m.join(" ");
+    }), E = (m) => m[e.itemKey], w = (m) => m ? m[e.itemText] || m.toString() : "", F = $([]), B = $([]), g = $(1), I = () => {
+      const m = g.value * Pt;
+      B.value = F.value.slice(0, m), g.value += 1;
+    }, z = () => {
+      g.value = 1, B.value = [], I();
+    }, f = () => {
+      if (a.value && a.value !== "")
+        if (e.customQuery)
+          F.value = e.customQuery(a.value, e.items);
+        else {
+          const m = a.value.toLowerCase();
+          F.value = e.items.filter((O) => w(O).toLowerCase().includes(m));
+        }
+      else
+        F.value = e.items;
+      z();
+    }, M = S(() => e.items.filter((m) => !m.disabled)), A = (m) => {
+      const O = m.target;
+      a.value = O.value, n("update:query", a.value), f();
+    }, d = (m) => {
+      i.value = m, u(!0), p(m);
+    }, C = S(() => {
+      if (!e.multiple || !Array.isArray(i.value)) return !1;
+      const m = M.value;
+      if (m.length === 0) return !1;
+      const O = new Set(i.value.map((P) => E(P)));
+      return m.every((P) => O.has(E(P)));
+    }), r = () => {
+      e.multiple && (C.value ? i.value = [] : i.value = [...M.value], u(!0), p(i.value), n("update:modelValue", i.value));
+    }, h = (m) => e.multiple ? !Array.isArray(m) || m.length === 0 ? "" : m.length === 1 ? w(m[0]) : `${m.length} selected` : w(m), x = S(() => e.multiple || a.value === "" ? null : { [e.itemKey]: null, [e.itemText]: a.value }), y = () => {
+      e.multiple || x.value && (e.customQuery ? (n("update:modelValue", a.value), p(a.value)) : (i.value = x.value, p(i.value)));
+    }, T = (m) => {
+      const O = m.target;
+      O.scrollTop + O.clientHeight >= O.scrollHeight && I();
+    }, V = (m) => {
+      n("focus", m);
+    }, L = (m) => {
+      !e.multiple && x.value && (i.value = x.value, p(i.value), n("update:modelValue", i.value)), n("blur", m);
+    };
+    return W(() => e.items, () => {
+      f();
+    }, { immediate: !0, deep: !0 }), (m, O) => (_(), H("div", Et, [
+      K(Ne, {
+        id: D(t),
+        name: s.name,
+        label: s.label,
+        disabled: s.disabled,
+        optional: !s.rules,
+        "tertiary-label": s.tertiaryLabel,
+        "box-shadow": s.boxShadow,
+        "error-message": D(l),
+        "success-message": s.successMessage,
+        "is-valid": D(v).valid,
+        "is-touched": D(v).touched
+      }, {
+        "success-message": U(() => [
+          s.successMessage ? (_(), H("span", Ft, ne(s.successMessage), 1)) : G("", !0)
+        ]),
+        default: U(() => [
+          K(D(wt), {
+            modelValue: i.value,
+            "onUpdate:modelValue": [
+              O[3] || (O[3] = (P) => i.value = P),
+              d
+            ],
+            disabled: s.disabled,
+            multiple: s.multiple
+          }, {
+            default: U(() => [
+              Q("div", {
+                class: Y(R.value)
+              }, [
+                K(D(Ct), {
+                  id: D(t),
+                  class: Y(b.value),
+                  "display-value": h,
+                  placeholder: s.placeholder || "Type to search...",
+                  modelValue: a.value,
+                  "onUpdate:modelValue": O[0] || (O[0] = (P) => a.value = P),
+                  onInput: A,
+                  onBlur: L,
+                  onFocus: V
+                }, null, 8, ["id", "class", "placeholder", "modelValue"]),
+                K(D(It), { class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-2" }, {
+                  default: U(() => [
+                    K(D(st), {
+                      class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-slate-300",
+                      "aria-hidden": "true"
+                    })
+                  ]),
+                  _: 1
+                }),
+                K(D(Ke), {
+                  leave: "sl-transition sl-ease-in sl-duration-100",
+                  "leave-from": "sl-opacity-100",
+                  "leave-to": "sl-opacity-0",
+                  onAfterLeave: O[2] || (O[2] = (P) => a.value = "")
+                }, {
+                  default: U(() => [
+                    F.value.length > 0 || a.value !== "" || s.multiple && s.showAll ? (_(), ue(D(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: O[1] || (O[1] = de(() => {
+                          }, ["prevent"])),
+                          onClick: de(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", Mt, ne(C.value ? "Unselect All" : "Select All"), 1),
+                          C.value ? (_(), H("span", kt, [
+                            K(D(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" }),
+                            O[4] || (O[4] = Q("span", null, "Loading...", -1))
+                          ])
+                        ])) : a.value !== "" && F.value.length === 0 ? (_(), H("div", Vt, " Nothing found. ")) : G("", !0),
+                        (_(!0), H(Ee, null, $e(B.value, (P) => (_(), ue(D(Ie), {
+                          key: E(P),
+                          value: P,
+                          as: "template",
+                          disabled: P.disabled
+                        }, {
+                          default: U(({ active: pe, selected: he }) => [
+                            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",
+                                P.disabled ? "sl-opacity-50 sl-cursor-not-allowed" : ""
+                              ])
+                            }, [
+                              Q("span", {
+                                class: Y([
+                                  "sl-block sl-truncate",
+                                  he ? "sl-font-medium" : "sl-font-normal"
+                                ])
+                              }, ne(w(P)), 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", pe ? "sl-text-white" : "sl-text-stachelock-600 dark:sl-text-stachelock-400"])
+                              }, [
+                                K(D(xe), {
+                                  class: "sl-h-5 sl-w-5",
+                                  "aria-hidden": "true"
+                                })
+                              ], 2)) : G("", !0)
+                            ], 2)
+                          ]),
+                          _: 2
+                        }, 1032, ["value", "disabled"]))), 128)),
+                        !s.multiple && x.value ? (_(), ue(D(Ie), {
+                          key: 3,
+                          value: x.value,
+                          as: "template"
+                        }, {
+                          default: U(({ active: P }) => [
+                            Q("li", {
+                              onClick: de(y, ["prevent", "stop"]),
+                              class: Y([
+                                "sl-relative sl-cursor-pointer sl-select-none sl-py-2 sl-pl-10 sl-pr-4",
+                                P ? "sl-bg-stachelock-600 sl-text-white" : "sl-text-gray-900 dark:sl-text-slate-200"
+                              ])
+                            }, [
+                              Q("span", zt, ' Enter "' + ne(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-1YGa9Fnd.js.map