@stachelock/ui 0.4.0 → 0.5.1

package/dist/{ComboboxInput.vue_vue_type_script_setup_true_lang-1YGa9Fnd.js → ComboboxInput.vue_vue_type_script_setup_true_lang-kEj-NYqm.js}

@@ -1,25 +1,25 @@
-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 { 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 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 { 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 re, l as lt } from "./open-closed-JTEvYTg2.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 ee(s, c, e) {
+function te(s, c, e) {
   let n = e.initialDeps ?? [], t, a = !0;
   function o() {
-    var l, p, v;
+    var l, f, v;
     let u;
     e.key && ((l = e.debug) != null && l.call(e)) && (u = Date.now());
     const i = s();
@@ -27,14 +27,14 @@ function ee(s, c, 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) => {
+    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⏱ ${B(w, 5)} /${B(E, 5)} ms`,
+        `%c⏱ ${$(w, 5)} /${$(E, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
@@ -77,17 +77,17 @@ const nt = (s, c) => Math.abs(s - c) < 1.01, ot = (s, c, e) => {
   if (!n)
     return;
   const t = (o) => {
-    const { width: l, height: p } = o;
-    c({ width: Math.round(l), height: Math.round(p) });
+    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 p = o[0];
-      if (p?.borderBoxSize) {
-        const v = p.borderBoxSize[0];
+      const f = o[0];
+      if (f?.borderBoxSize) {
+        const v = f.borderBoxSize[0];
         if (v) {
           t({ width: v.inlineSize, height: v.blockSize });
           return;
@@ -120,11 +120,11 @@ const nt = (s, c) => Math.abs(s - c) < 1.01, ot = (s, c, e) => {
   ), 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);
+  }, l = o(!0), f = 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);
+  return v && e.addEventListener("scrollend", f, Oe), () => {
+    e.removeEventListener("scroll", l), v && e.removeEventListener("scrollend", f);
   };
 }, dt = (s, c, e) => {
   if (c?.borderBoxSize) {
@@ -205,7 +205,7 @@ class vt {
     }, this.notify = (e) => {
       var n, t;
       (t = (n = this.options).onChange) == null || t.call(n, this, e);
-    }, this.maybeNotify = ee(
+    }, this.maybeNotify = te(
       () => (this.calculateRange(), [
         this.isScrolling,
         this.range ? this.range.startIndex : null,
@@ -256,14 +256,14 @@ class vt {
         const l = e[o];
         if (t.has(l.lane))
           continue;
-        const p = a.get(
+        const f = 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)
+        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 = ee(
+    }, this.getMeasurementOptions = te(
       () => [
         this.options.count,
         this.options.paddingStart,
@@ -283,9 +283,9 @@ class vt {
       {
         key: !1
       }
-    ), this.getMeasurements = ee(
+    ), this.getMeasurements = te(
       () => [this.getMeasurementOptions(), this.itemSizeCache],
-      ({ count: e, paddingStart: n, scrollMargin: t, getItemKey: a, enabled: o, lanes: l }, p) => {
+      ({ 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)
@@ -308,13 +308,13 @@ class vt {
           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;
+            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 B = p.get(R), g = typeof B == "number" ? B : this.options.estimateSize(b), I = F + g;
+          const $ = f.get(R), g = typeof $ == "number" ? $ : this.options.estimateSize(b), I = F + g;
           u[b] = {
             index: b,
             start: F,
@@ -330,7 +330,7 @@ class vt {
         key: process.env.NODE_ENV !== "production" && "getMeasurements",
         debug: () => this.options.debug
       }
-    ), this.calculateRange = ee(
+    ), this.calculateRange = te(
       () => [
         this.getMeasurements(),
         this.getSize(),
@@ -347,7 +347,7 @@ class vt {
         key: process.env.NODE_ENV !== "production" && "calculateRange",
         debug: () => this.options.debug
       }
-    ), this.getVirtualIndexes = ee(
+    ), this.getVirtualIndexes = te(
       () => {
         let e = null, n = null;
         const t = this.calculateRange();
@@ -397,13 +397,13 @@ class vt {
         return;
       }
       this._measureElement(e, void 0);
-    }, this.getVirtualItems = ee(
+    }, 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], p = n[l];
-          t.push(p);
+          const l = e[a], f = n[l];
+          t.push(f);
         }
         return t;
       },
@@ -415,7 +415,7 @@ class vt {
       const n = this.getMeasurements();
       if (n.length !== 0)
         return ye(
-          n[ke(
+          n[Me(
             0,
             n.length - 1,
             (t) => ye(n[t]).start,
@@ -484,11 +484,11 @@ class vt {
               console.warn("Failed to get offset for index:", e);
               return;
             }
-            nt(w[0], E) || p(b);
+            nt(w[0], E) || f(b);
           };
           this.isDynamicMode() ? this.targetWindow.requestAnimationFrame(R) : R();
         });
-      }, p = (v) => {
+      }, 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.`
         ));
@@ -532,7 +532,7 @@ class vt {
     }, this.setOptions(c);
   }
 }
-const ke = (s, c, e, n) => {
+const Me = (s, c, e, n) => {
   for (; s <= c; ) {
     const t = (s + c) / 2 | 0, a = e(t);
     if (a < n)
@@ -550,13 +550,13 @@ function ft({
   scrollOffset: e,
   lanes: n
 }) {
-  const t = s.length - 1, a = (p) => s[p].start;
+  const t = s.length - 1, a = (f) => s[f].start;
   if (s.length <= n)
     return {
       startIndex: 0,
       endIndex: t
     };
-  let o = ke(
+  let o = Me(
     0,
     t,
     a,
@@ -566,10 +566,10 @@ function ft({
     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 f = Array(n).fill(0);
+    for (; l < t && f.some((u) => u < e + c); ) {
       const u = s[l];
-      p[u.lane] = u.end, l++;
+      f[u.lane] = u.end, l++;
     }
     const v = Array(n).fill(e + c);
     for (; o >= 0 && v.some((u) => u >= e); ) {
@@ -581,9 +581,9 @@ function ft({
   return { startIndex: o, endIndex: l };
 }
 function pt(s) {
-  const c = new vt(D(s)), e = ze(c), n = c._didMount();
+  const c = new vt(P(s)), e = ze(c), n = c._didMount();
   return W(
-    () => D(s).getScrollElement(),
+    () => P(s).getScrollElement(),
     (t) => {
       t && c._willUpdate();
     },
@@ -591,7 +591,7 @@ function pt(s) {
       immediate: !0
     }
   ), W(
-    () => D(s),
+    () => P(s),
     (t) => {
       c.setOptions({
         ...t,
@@ -608,16 +608,16 @@ function pt(s) {
 }
 function ht(s) {
   return pt(
-    S(() => ({
+    O(() => ({
       observeElementRect: rt,
       observeElementOffset: ut,
       scrollToFn: ct,
-      ...D(s)
+      ...P(s)
     }))
   );
 }
 function mt() {
-  let s = ce();
+  let s = ve();
   return Ce(() => s.dispose()), s;
 }
 function bt() {
@@ -633,7 +633,7 @@ function gt(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);
+  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;
@@ -641,70 +641,70 @@ function Z(s) {
   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);
+  let e = Z("VirtualProvider"), n = O(() => {
+    let l = M(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() {
+    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 k(e.optionsRef);
-  }, overscan: 12 }))), a = S(() => {
+    return M(e.optionsRef);
+  }, overscan: 12 }))), a = O(() => {
     var l;
     return (l = e.virtual.value) == null ? void 0 : l.options;
-  }), o = $(0);
+  }), o = D(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) => {
+  }), 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 = $(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 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 = 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() {
+  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 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 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 = S(() => {
+  let A = O(() => {
   });
-  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;
+  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, h) {
+  let d = { comboboxState: t, value: I, mode: w, compare(r, m) {
     if (typeof s.by == "string") {
-      let x = s.by;
-      return r?.[x] === h?.[x];
+      let y = s.by;
+      return r?.[y] === m?.[y];
     }
-    return s.by === null ? gt(r, h) : s.by(r, h);
+    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((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) {
+    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: S(() => {
+  }, 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 h = d.virtual.value.options.findIndex((x) => {
-          var y;
-          return !((y = d.virtual.value) != null && y.disabled(x));
+        let m = d.virtual.value.options.findIndex((y) => {
+          var S;
+          return !((S = d.virtual.value) != null && S.disabled(y));
         });
-        if (h !== -1) return h;
+        if (m !== -1) return m;
       }
-      let r = u.value.findIndex((h) => !h.dataRef.disabled);
+      let r = u.value.findIndex((m) => !m.dataRef.disabled);
       if (r !== -1) return r;
     }
     return i.value;
@@ -720,115 +720,115 @@ let Ve = Symbol("VirtualContext"), Ot = J({ name: "VirtualProvider", setup(s, {
     }
   }, setActivationTrigger(r) {
     b.value = r;
-  }, goToOption(r, h, x) {
+  }, goToOption(r, m, y) {
     R.value = !1, z !== null && cancelAnimationFrame(z), z = requestAnimationFrame(() => {
-      if (s.disabled || p.value && !v.value.static && t.value === 1) return;
+      if (s.disabled || f.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: () => {
+        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((m) => {
-            var O;
-            return !((O = d.virtual.value) != null && O.disabled(m));
+          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 = x ?? 2;
+        } }), b.value = y ?? 2;
         return;
       }
-      let y = E();
-      if (y.activeOptionIndex === null) {
-        let V = y.options.findIndex((L) => !L.dataRef.disabled);
-        V !== -1 && (y.activeOptionIndex = V);
+      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 ? 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;
+      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 h = u.value.find((y) => y.id === r);
-    if (!h) return;
-    let { dataRef: x } = h;
-    M(x.value);
+    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) M(d.virtual.value.options[d.activeOptionIndex.value]);
+      if (d.virtual.value) k(d.virtual.value.options[d.activeOptionIndex.value]);
       else {
         let { dataRef: r } = u.value[d.activeOptionIndex.value];
-        M(r.value);
+        k(r.value);
       }
       d.goToOption(N.Specific, d.activeOptionIndex.value);
     }
-  }, registerOption(r, h) {
-    let x = Pe({ id: r, dataRef: h });
+  }, registerOption(r, m) {
+    let y = Pe({ id: r, dataRef: m });
     if (d.virtual.value) {
-      u.value.push(x);
+      u.value.push(y);
       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(() => {
+    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, h) {
-    if (z !== null && cancelAnimationFrame(z), h && (R.value = !0), d.virtual.value) {
-      u.value = u.value.filter((y) => y.id !== r);
+  }, 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 x = E((y) => {
-      let T = y.findIndex((V) => V.id === r);
-      return T !== -1 && y.splice(T, 1), y;
+    let y = E((S) => {
+      let T = S.findIndex((V) => V.id === r);
+      return T !== -1 && S.splice(T, 1), S;
     });
-    u.value = x.options, i.value = x.activeOptionIndex, b.value = 2;
+    u.value = y.options, i.value = y.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))) });
+    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, p], () => d.closeCombobox(), S(() => t.value === 0)), Re(Te, d), tt(S(() => te(t.value, { 0: re.Open, 1: re.Closed })));
-  let C = S(() => {
+  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 = k(o)) == null ? void 0 : r.closest("form");
+    return (r = M(o)) == null ? void 0 : r.closest("form");
   });
-  return ve(() => {
+  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 h;
-        (h = C.value) == null || h.removeEventListener("reset", r);
+        var m;
+        (m = C.value) == null || m.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" })]);
+    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-${se()}`, a = Z("ComboboxLabel");
+  let t = (n = s.id) != null ? n : `headlessui-combobox-label-${ne()}`, a = Z("ComboboxLabel");
   function o() {
     var l;
-    (l = k(a.inputRef)) == null || l.focus({ preventScroll: !0 });
+    (l = M(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 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-${se()}`, o = Z("ComboboxButton");
+  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 = k(o.inputRef)) == null ? void 0 : i.focus({ preventScroll: !0 });
+      return (i = M(o.inputRef)) == null ? void 0 : i.focus({ preventScroll: !0 });
     }));
   }
-  function p(u) {
+  function f(u) {
     switch (u.key) {
       case j.ArrowDown:
         u.preventDefault(), u.stopPropagation(), o.comboboxState.value === 1 && o.openCombobox(), X(() => {
@@ -853,89 +853,89 @@ let It = J({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
         return;
     }
   }
-  let v = Ye(S(() => ({ as: s.as, type: c.type })), o.buttonRef);
+  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 = 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" });
+    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-${se()}`, l = Z("ComboboxInput"), p = S(() => Ue(k(l.inputRef))), v = { value: !1 };
+  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 f = k(l.optionsRef);
-    f && (f.scrollTop = 0), l.goToOption(N.Nothing);
+    let p = M(l.optionsRef);
+    p && (p.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 : "" : "";
+  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 : "" : "";
   });
-  ve(() => {
-    W([i, l.comboboxState, p], ([f, M], [A, d]) => {
+  fe(() => {
+    W([i, l.comboboxState, f], ([p, k], [A, d]) => {
       if (v.value) return;
-      let C = k(l.inputRef);
-      C && ((d === 0 && M === 1 || f !== A) && (C.value = f), requestAnimationFrame(() => {
+      let C = M(l.inputRef);
+      C && ((d === 0 && k === 1 || p !== A) && (C.value = p), 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);
+        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], ([f], [M]) => {
-      if (f === 0 && M === 1) {
+    }, { immediate: !0 }), W([l.comboboxState], ([p], [k]) => {
+      if (p === 0 && k === 1) {
         if (v.value) return;
-        let A = k(l.inputRef);
+        let A = M(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 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 = $(!1);
+  let b = D(!1);
   function R() {
     b.value = !0;
   }
   function E() {
-    ce().nextFrame(() => {
+    ve().nextFrame(() => {
       b.value = !1;
     });
   }
   let w = bt();
-  function F(f) {
+  function F(p) {
     switch (v.value = !0, w(() => {
       v.value = !1;
-    }), f.key) {
+    }), p.key) {
       case j.Enter:
         if (v.value = !1, l.comboboxState.value !== 0 || b.value) return;
-        if (f.preventDefault(), f.stopPropagation(), l.activeOptionIndex.value === null) {
+        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, f.preventDefault(), f.stopPropagation(), te(l.comboboxState.value, { 0: () => l.goToOption(N.Next), 1: () => l.openCombobox() });
+        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, f.preventDefault(), f.stopPropagation(), te(l.comboboxState.value, { 0: () => l.goToOption(N.Previous), 1: () => {
+        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 (f.shiftKey) break;
-        return v.value = !1, f.preventDefault(), f.stopPropagation(), l.goToOption(N.First);
+        if (p.shiftKey) break;
+        return v.value = !1, p.preventDefault(), p.stopPropagation(), l.goToOption(N.First);
       case j.PageUp:
-        return v.value = !1, f.preventDefault(), f.stopPropagation(), l.goToOption(N.First);
+        return v.value = !1, p.preventDefault(), p.stopPropagation(), l.goToOption(N.First);
       case j.End:
-        if (f.shiftKey) break;
-        return v.value = !1, f.preventDefault(), f.stopPropagation(), l.goToOption(N.Last);
+        if (p.shiftKey) break;
+        return v.value = !1, p.preventDefault(), p.stopPropagation(), l.goToOption(N.Last);
       case j.PageDown:
-        return v.value = !1, f.preventDefault(), f.stopPropagation(), l.goToOption(N.Last);
+        return v.value = !1, p.preventDefault(), p.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();
+        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;
@@ -943,71 +943,71 @@ let It = J({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
         break;
     }
   }
-  function B(f) {
-    c("change", f), l.nullable.value && l.mode.value === 0 && f.target.value === "" && u(), l.openCombobox();
+  function $(p) {
+    c("change", p), l.nullable.value && l.mode.value === 0 && p.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 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(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(() => {
+  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 = 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 : "";
+  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 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" });
+    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-${se()}`;
-  n({ el: t.optionsRef, $el: t.optionsRef }), ae(() => {
+  let t = Z("ComboboxOptions"), a = `headlessui-combobox-options-${ne()}`;
+  n({ el: t.optionsRef, $el: t.optionsRef }), ie(() => {
     t.optionsPropsRef.value.static = s.static;
-  }), ae(() => {
+  }), ie(() => {
     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) {
+  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 p(v) {
+  function f(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" });
+    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-${se()}`, o = $(null), l = S(() => s.disabled);
+  let t = Z("ComboboxOption"), a = `headlessui-combobox-option-${ne()}`, o = D(null), l = O(() => s.disabled);
   n({ el: o, $el: o });
-  let p = S(() => {
+  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 = 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);
+  }), 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);
-  }), ae(() => {
-    t.comboboxState.value === 0 && p.value && (t.virtual.value || t.activationTrigger.value !== 0 && X(() => {
+  }), ie(() => {
+    t.comboboxState.value === 0 && f.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" });
+      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 = k(t.inputRef)) == null ? void 0 : I.focus({ preventScroll: !0 });
+      return (I = M(t.inputRef)) == null ? void 0 : I.focus({ preventScroll: !0 });
     }), t.mode.value === 0 && t.closeCombobox()));
   }
   function R() {
@@ -1022,20 +1022,20 @@ let It = J({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
   }
   function F(g) {
     var I;
-    if (!E.wasMoved(g) || s.disabled || (I = t.virtual.value) != null && I.disabled(s.value) || p.value) return;
+    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 B(g) {
+  function $(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)));
+    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: 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" });
+    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" }, Mt = { class: "sl-block sl-truncate sl-font-medium" }, kt = {
+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 = {
@@ -1067,33 +1067,33 @@ const Et = { class: "sl-w-full" }, Mt = { class: "sl-block sl-truncate sl-font-m
   },
   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(
+    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 = $(
-      e.multiple ? Array.isArray(e.modelValue) ? e.modelValue : [] : e.modelValue
+    ), i = D(
+      e.multiple ? Array.isArray(e.modelValue) ? e.modelValue : [] : e.modelValue ?? null
     );
     W(
       () => e.modelValue,
-      (m) => {
+      (h) => {
         if (e.multiple) {
-          const O = Array.isArray(m) ? m : [];
-          O !== i.value && (i.value = O, o.value = O);
+          const x = Array.isArray(h) ? h : [];
+          x !== i.value && (i.value = x, o.value = x);
         } else
-          m !== i.value && (i.value = m, o.value = m);
+          h !== i.value && (i.value = h, o.value = h);
       },
       { immediate: !0 }
     ), W(
       i,
-      (m) => {
-        n("update:modelValue", m);
+      (h) => {
+        n("update:modelValue", h);
       }
     );
-    const b = S(() => [
+    const b = O(() => [
       "sl-w-full",
       "sl-border-none",
       "sl-py-2",
@@ -1108,8 +1108,8 @@ const Et = { class: "sl-w-full" }, Mt = { class: "sl-block sl-truncate sl-font-m
       "focus:sl-outline-none",
       "focus:sl-ring-0",
       "sl-bg-transparent"
-    ].join(" ")), R = S(() => {
-      const m = [
+    ].join(" ")), R = O(() => {
+      const h = [
         "sl-relative",
         "sl-w-full",
         "sl-cursor-default",
@@ -1124,91 +1124,102 @@ const Et = { class: "sl-w-full" }, Mt = { class: "sl-block sl-truncate sl-font-m
         "sl-transition-all",
         "sl-duration-200"
       ];
-      return e.disabled ? m.push(
+      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 ? m.push(
+      ) : 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 ? m.push(
+      ) : 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"
-      ) : m.push(
+      ) : h.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;
+      ), 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, B.value = [], I();
-    }, f = () => {
+      g.value = 1, $.value = [], I();
+    }, p = () => {
       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));
+          const h = a.value.toLowerCase();
+          F.value = e.items.filter((x) => w(x).toLowerCase().includes(h));
         }
       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(() => {
+    }, 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 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)));
+      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 = [...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);
+      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, () => {
-      f();
-    }, { immediate: !0, deep: !0 }), (m, O) => (_(), H("div", Et, [
+      p();
+    }, { immediate: !0, deep: !0 }), (h, x) => (_(), H("div", Et, [
       K(Ne, {
-        id: D(t),
+        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": D(l),
+        "error-message": P(l),
         "success-message": s.successMessage,
-        "is-valid": D(v).valid,
-        "is-touched": D(v).touched
+        "is-valid": P(v).valid,
+        "is-touched": P(v).touched
       }, {
         "success-message": U(() => [
-          s.successMessage ? (_(), H("span", Ft, ne(s.successMessage), 1)) : G("", !0)
+          s.successMessage ? (_(), H("span", Ft, oe(s.successMessage), 1)) : G("", !0)
         ]),
         default: U(() => [
-          K(D(wt), {
+          K(P(wt), {
             modelValue: i.value,
             "onUpdate:modelValue": [
-              O[3] || (O[3] = (P) => i.value = P),
+              x[3] || (x[3] = (B) => i.value = B),
               d
             ],
             disabled: s.disabled,
@@ -1218,34 +1229,34 @@ const Et = { class: "sl-w-full" }, Mt = { class: "sl-block sl-truncate sl-font-m
               Q("div", {
                 class: Y(R.value)
               }, [
-                K(D(Ct), {
-                  id: D(t),
+                K(P(Ct), {
+                  id: P(t),
                   class: Y(b.value),
-                  "display-value": h,
+                  "display-value": m,
                   placeholder: s.placeholder || "Type to search...",
                   modelValue: a.value,
-                  "onUpdate:modelValue": O[0] || (O[0] = (P) => a.value = P),
+                  "onUpdate:modelValue": x[0] || (x[0] = (B) => a.value = B),
                   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" }, {
+                K(P(It), { class: "sl-absolute sl-inset-y-0 sl-right-0 sl-flex sl-items-center sl-pr-2" }, {
                   default: U(() => [
-                    K(D(st), {
+                    K(P(st), {
                       class: "sl-h-5 sl-w-5 sl-text-gray-400 dark:sl-text-slate-300",
                       "aria-hidden": "true"
                     })
                   ]),
                   _: 1
                 }),
-                K(D(Ke), {
+                K(P(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 = "")
+                  onAfterLeave: x[2] || (x[2] = (B) => a.value = "")
                 }, {
                   default: U(() => [
-                    F.value.length > 0 || a.value !== "" || s.multiple && s.showAll ? (_(), ue(D(Rt), {
+                    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
@@ -1255,18 +1266,18 @@ const Et = { class: "sl-w-full" }, Mt = { class: "sl-block sl-truncate sl-font-m
                           key: 0,
                           role: "button",
                           tabindex: "0",
-                          onMousedown: O[1] || (O[1] = de(() => {
+                          onMousedown: x[1] || (x[1] = ce(() => {
                           }, ["prevent"])),
-                          onClick: de(r, ["prevent", "stop"]),
+                          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", Mt, ne(C.value ? "Unselect All" : "Select All"), 1),
-                          C.value ? (_(), H("span", kt, [
-                            K(D(xe), {
+                          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"
                             })
@@ -1275,21 +1286,21 @@ const Et = { class: "sl-w-full" }, Mt = { class: "sl-block sl-truncate sl-font-m
                         s.loading ? (_(), H("div", At, [
                           Q("div", Tt, [
                             K(Le, { size: "sm" }),
-                            O[4] || (O[4] = Q("span", null, "Loading...", -1))
+                            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(B.value, (P) => (_(), ue(D(Ie), {
-                          key: E(P),
-                          value: P,
+                        (_(!0), H(Ee, null, $e($.value, (B) => (_(), de(P(Ie), {
+                          key: E(B),
+                          value: B,
                           as: "template",
-                          disabled: P.disabled
+                          disabled: B.disabled
                         }, {
-                          default: U(({ active: pe, selected: he }) => [
+                          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",
-                                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" : ""
+                                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", {
@@ -1297,12 +1308,12 @@ const Et = { class: "sl-w-full" }, Mt = { class: "sl-block sl-truncate sl-font-m
                                   "sl-block sl-truncate",
                                   he ? "sl-font-medium" : "sl-font-normal"
                                 ])
-                              }, ne(w(P)), 3),
+                              }, 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", pe ? "sl-text-white" : "sl-text-stachelock-600 dark:sl-text-stachelock-400"])
+                                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(D(xe), {
+                                K(P(xe), {
                                   class: "sl-h-5 sl-w-5",
                                   "aria-hidden": "true"
                                 })
@@ -1311,20 +1322,20 @@ const Et = { class: "sl-w-full" }, Mt = { class: "sl-block sl-truncate sl-font-m
                           ]),
                           _: 2
                         }, 1032, ["value", "disabled"]))), 128)),
-                        !s.multiple && x.value ? (_(), ue(D(Ie), {
+                        !s.multiple && y.value ? (_(), de(P(Ie), {
                           key: 3,
-                          value: x.value,
+                          value: y.value,
                           as: "template"
                         }, {
-                          default: U(({ active: P }) => [
+                          default: U(({ active: B }) => [
                             Q("li", {
-                              onClick: de(y, ["prevent", "stop"]),
+                              onClick: ce(S, ["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"
+                                B ? "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)
+                              Q("span", zt, ' Enter "' + oe(a.value) + '" manually ', 1)
                             ], 2)
                           ]),
                           _: 1
@@ -1348,4 +1359,4 @@ const Et = { class: "sl-w-full" }, Mt = { class: "sl-block sl-truncate sl-font-m
 export {
   el as _
 };
-//# sourceMappingURL=ComboboxInput.vue_vue_type_script_setup_true_lang-1YGa9Fnd.js.map
+//# sourceMappingURL=ComboboxInput.vue_vue_type_script_setup_true_lang-kEj-NYqm.js.map