@point-hub/papp 0.0.144 → 0.0.146

package/dist/index.js

@@ -1,8 +1,8 @@
 import * as Fa from "vue";
-import { defineComponent as $, ref as E, provide as Pe, createElementBlock as B, openBlock as w, renderSlot as Q, inject as Se, watch as ne, resolveComponent as K, createVNode as H, createElementVNode as O, withCtx as _, toDisplayString as q, normalizeClass as z, normalizeStyle as Ye, createTextVNode as $e, createCommentVNode as V, createBlock as X, computed as T, Fragment as fe, renderList as Ie, unref as N, shallowRef as Rn, triggerRef as _a, onScopeDispose as Lo, onUnmounted as De, nextTick as ke, watchEffect as Ee, onMounted as te, cloneVNode as Fo, h as ue, toRaw as Le, reactive as pr, getCurrentInstance as _o, Teleport as $l, Transition as Vo, toRef as Rl, readonly as Ll, customRef as Fl, getCurrentScope as _l, toValue as ut, useCssVars as Vl, useSlots as No, toRefs as jo, withKeys as Nl, withDirectives as Xe, vShow as jl, onBeforeUnmount as vr, isRef as gt, resolveDynamicComponent as ur, mergeProps as Wl, normalizeProps as Hl, guardReactiveProps as ql, useModel as de, isReactive as Va, isVNode as zl, createApp as Na, createSlots as Ul, mergeModels as we, vModelCheckbox as Wo, resolveDirective as Ho, vModelText as Ut, vModelDynamic as Yl } from "vue";
+import { defineComponent as R, ref as E, provide as Pe, createElementBlock as B, openBlock as w, renderSlot as Q, inject as Se, watch as ne, resolveComponent as K, createVNode as H, createElementVNode as O, withCtx as _, toDisplayString as q, normalizeClass as z, normalizeStyle as Ye, createTextVNode as $e, createCommentVNode as V, createBlock as X, computed as T, Fragment as fe, renderList as Ie, unref as N, shallowRef as Rn, triggerRef as _a, onScopeDispose as Lo, onUnmounted as De, nextTick as ke, watchEffect as Ee, onMounted as te, cloneVNode as Fo, h as ue, toRaw as Le, reactive as pr, getCurrentInstance as _o, Teleport as $l, Transition as Vo, toRef as Rl, readonly as Ll, customRef as Fl, getCurrentScope as _l, toValue as ut, useCssVars as Vl, useSlots as No, toRefs as jo, withKeys as Nl, withDirectives as Xe, vShow as jl, onBeforeUnmount as vr, isRef as gt, resolveDynamicComponent as ur, mergeProps as Wl, normalizeProps as Hl, guardReactiveProps as ql, useModel as de, isReactive as Va, isVNode as zl, createApp as Na, createSlots as Ul, mergeModels as we, vModelCheckbox as Wo, resolveDirective as Ho, vModelText as Ut, vModelDynamic as Yl } from "vue";
 import { useRoute as qo } from "vue-router";
 import { defineStore as mr } from "pinia";
-const Xl = { class: "accordion-container" }, Ql = /* @__PURE__ */ $({
+const Xl = { class: "accordion-container" }, Ql = /* @__PURE__ */ R({
   __name: "base-accordion",
   props: {
     alwaysOpen: { type: Boolean, default: !1 }
@@ -18,7 +18,7 @@ const Xl = { class: "accordion-container" }, Ql = /* @__PURE__ */ $({
   for (const [r, a] of t)
     n[r] = a;
   return n;
-}, Gl = /* @__PURE__ */ oe(Ql, [["__scopeId", "data-v-72d57350"]]), Kl = { class: "accordion-item" }, Jl = 32, Zl = /* @__PURE__ */ $({
+}, Gl = /* @__PURE__ */ oe(Ql, [["__scopeId", "data-v-72d57350"]]), Kl = { class: "accordion-item" }, Jl = 32, Zl = /* @__PURE__ */ R({
   __name: "base-accordion-item",
   props: {
     itemId: {},
@@ -83,7 +83,7 @@ const Xl = { class: "accordion-container" }, Ql = /* @__PURE__ */ $({
 }, rs = {
   key: 0,
   class: "block i-fa7-regular:circle-check"
-}, as = { class: "alert-text" }, os = { class: "font-extrabold" }, is = /* @__PURE__ */ $({
+}, as = { class: "alert-text" }, os = { class: "font-extrabold" }, is = /* @__PURE__ */ R({
   __name: "base-alert",
   props: {
     title: { default: "" },
@@ -155,7 +155,7 @@ const Xl = { class: "accordion-container" }, Ql = /* @__PURE__ */ $({
       ]));
     };
   }
-}), ls = /* @__PURE__ */ oe(is, [["__scopeId", "data-v-b4b4a5d0"]]), ss = ["src"], us = /* @__PURE__ */ $({
+}), ls = /* @__PURE__ */ oe(is, [["__scopeId", "data-v-b4b4a5d0"]]), ss = ["src"], us = /* @__PURE__ */ R({
   __name: "base-avatar",
   props: {
     name: {},
@@ -216,7 +216,7 @@ function fs(e, t) {
 const ps = /* @__PURE__ */ oe(ds, [["render", fs], ["__scopeId", "data-v-85c79e7a"]]), vs = {
   key: 0,
   class: "h-2 w-2 rounded-full bg-current"
-}, ms = /* @__PURE__ */ $({
+}, ms = /* @__PURE__ */ R({
   __name: "base-badge",
   props: {
     color: { default: "primary" },
@@ -233,7 +233,7 @@ const ps = /* @__PURE__ */ oe(ds, [["render", fs], ["__scopeId", "data-v-85c79e7
       Q(a.$slots, "default", {}, void 0, !0)
     ]));
   }
-}), hs = /* @__PURE__ */ oe(ms, [["__scopeId", "data-v-7c8ade6a"]]), gs = { class: "breadcrumb-ul" }, bs = /* @__PURE__ */ $({
+}), hs = /* @__PURE__ */ oe(ms, [["__scopeId", "data-v-7c8ade6a"]]), gs = { class: "breadcrumb-ul" }, bs = /* @__PURE__ */ R({
   __name: "base-breadcrumb",
   props: {
     items: {},
@@ -271,7 +271,7 @@ const ps = /* @__PURE__ */ oe(ds, [["render", fs], ["__scopeId", "data-v-85c79e7
 }, xs = {
   key: 1,
   class: "spinner spinner-white spinner-xs"
-}, ks = /* @__PURE__ */ $({
+}, ks = /* @__PURE__ */ R({
   __name: "base-button",
   props: {
     type: { default: "button" },
@@ -304,7 +304,7 @@ const ps = /* @__PURE__ */ oe(ds, [["render", fs], ["__scopeId", "data-v-85c79e7
 }), ia = /* @__PURE__ */ oe(ks, [["__scopeId", "data-v-0a388736"]]), Ss = { class: "card-header" }, Os = { class: "flex justify-between items-center text-xs uppercase font-semibold" }, Cs = {
   key: 0,
   class: "border-b border-slate-200 dark:border-slate-700 -mx-4 my-4"
-}, Es = /* @__PURE__ */ $({
+}, Es = /* @__PURE__ */ R({
   __name: "base-card",
   props: {
     title: {},
@@ -343,7 +343,7 @@ const ps = /* @__PURE__ */ oe(ds, [["render", fs], ["__scopeId", "data-v-85c79e7
 }), Ts = /* @__PURE__ */ oe(Es, [["__scopeId", "data-v-e824d2d1"]]), Bs = {
   key: 0,
   class: "text-xs text-slate-500"
-}, Ps = /* @__PURE__ */ $({
+}, Ps = /* @__PURE__ */ R({
   __name: "base-divider",
   props: {
     text: {},
@@ -381,18 +381,18 @@ function tn(e, t, n) {
     let u;
     n.key && ((i = n.debug) != null && i.call(n)) && (u = Date.now());
     const c = e();
-    if (!(c.length !== r.length || c.some((g, v) => r[v] !== g)))
+    if (!(c.length !== r.length || c.some((g, p) => r[p] !== g)))
       return a;
     r = c;
     let h;
     if (n.key && ((l = n.debug) != null && l.call(n)) && (h = Date.now()), a = t(...c), n.key && ((s = n.debug) != null && s.call(n))) {
-      const g = Math.round((Date.now() - u) * 100) / 100, v = Math.round((Date.now() - h) * 100) / 100, m = v / 16, b = (y, C) => {
+      const g = Math.round((Date.now() - u) * 100) / 100, p = Math.round((Date.now() - h) * 100) / 100, m = p / 16, b = (y, C) => {
         for (y = String(y); y.length < C; )
           y = " " + y;
         return y;
       };
       console.info(
-        `%c⏱ ${b(v, 5)} /${b(g, 5)} ms`,
+        `%c⏱ ${b(p, 5)} /${b(g, 5)} ms`,
         `
             font-size: .6rem;
             font-weight: bold;
@@ -651,11 +651,11 @@ class Ns {
         this.pendingMeasuredCacheIndexes = [];
         const d = this.measurementsCache.slice(0, s);
         for (let u = s; u < n; u++) {
-          const c = o(u), f = this.options.lanes === 1 ? d[u - 1] : this.getFurthestMeasurement(d, u), h = f ? f.end + this.options.gap : r + a, g = l.get(c), v = typeof g == "number" ? g : this.options.estimateSize(u), m = h + v, b = f ? f.lane : u % this.options.lanes;
+          const c = o(u), f = this.options.lanes === 1 ? d[u - 1] : this.getFurthestMeasurement(d, u), h = f ? f.end + this.options.gap : r + a, g = l.get(c), p = typeof g == "number" ? g : this.options.estimateSize(u), m = h + p, b = f ? f.lane : u % this.options.lanes;
           d[u] = {
             index: u,
             start: h,
-            size: v,
+            size: p,
             end: m,
             key: c,
             lane: b
@@ -1002,7 +1002,7 @@ let Us = /* @__PURE__ */ Symbol("headlessui.useid"), Ys = 0;
 const Te = (za = Fa.useId) != null ? za : function() {
   return Fa.inject(Us, () => `${++Ys}`)();
 };
-function R(e) {
+function F(e) {
   var t;
   if (e == null || e.value == null) return null;
   let n = (t = e.value.$el) != null ? t : e.value;
@@ -1044,7 +1044,7 @@ function je(e) {
   if (Ln.isServer) return null;
   if (e instanceof Node) return e.ownerDocument;
   if (e != null && e.hasOwnProperty("value")) {
-    let t = R(e);
+    let t = F(e);
     if (t) return t.ownerDocument;
   }
   return document;
@@ -1155,7 +1155,7 @@ function ua(e, t, n = T(() => !0)) {
     })(e);
     for (let d of s) {
       if (d === null) continue;
-      let u = d instanceof HTMLElement ? d : R(d);
+      let u = d instanceof HTMLElement ? d : F(d);
       if (u != null && u.contains(l) || o.composed && o.composedPath().includes(u)) return;
     }
     return !sa(l, la.Loose) && l.tabIndex !== -1 && o.preventDefault(), t(o, l);
@@ -1182,7 +1182,7 @@ function da(e, t) {
     n.value = Ya(e.value.type, e.value.as);
   }), Ee(() => {
     var r;
-    n.value || R(t) && R(t) instanceof HTMLButtonElement && !((r = R(t)) != null && r.hasAttribute("type")) && (n.value = "button");
+    n.value || F(t) && F(t) instanceof HTMLButtonElement && !((r = F(t)) != null && r.hasAttribute("type")) && (n.value = "button");
   }), n;
 }
 function Xa(e) {
@@ -1233,12 +1233,12 @@ function Or({ props: e, attrs: t, slots: n, slot: r, name: a }) {
   if (l === "template") {
     if (d = ei(d ?? []), Object.keys(s).length > 0 || Object.keys(t).length > 0) {
       let [c, ...f] = d ?? [];
-      if (!ru(c) || f.length > 0) throw new Error(['Passing props on "template"!', "", `The current component <${a} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(s).concat(Object.keys(t)).map((v) => v.trim()).filter((v, m, b) => b.indexOf(v) === m).sort((v, m) => v.localeCompare(m)).map((v) => `  - ${v}`).join(`
-`), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((v) => `  - ${v}`).join(`
+      if (!ru(c) || f.length > 0) throw new Error(['Passing props on "template"!', "", `The current component <${a} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(s).concat(Object.keys(t)).map((p) => p.trim()).filter((p, m, b) => b.indexOf(p) === m).sort((p, m) => p.localeCompare(m)).map((p) => `  - ${p}`).join(`
+`), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((p) => `  - ${p}`).join(`
 `)].join(`
 `));
       let h = ti((i = c.props) != null ? i : {}, s, u), g = Fo(c, h, !0);
-      for (let v in h) v.startsWith("on") && (g.props || (g.props = {}), g.props[v] = h[v]);
+      for (let p in h) p.startsWith("on") && (g.props || (g.props = {}), g.props[p] = h[p]);
       return g;
     }
     return Array.isArray(d) && d.length === 1 ? d[0] : d;
@@ -1277,7 +1277,7 @@ function ru(e) {
   return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
 }
 var Yt = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(Yt || {});
-let Xt = $({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: t, attrs: n }) {
+let Xt = R({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: t, attrs: n }) {
   return () => {
     var r;
     let { features: a, ...o } = e, i = { "aria-hidden": (a & 2) === 2 ? !0 : (r = o["aria-hidden"]) != null ? r : void 0, hidden: (a & 4) === 4 ? !0 : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(a & 4) === 4 && (a & 2) !== 2 && { display: "none" } } };
@@ -1379,16 +1379,16 @@ function Gt(e) {
   }
   return t;
 }
-let si = /* @__PURE__ */ Symbol("VirtualContext"), fu = $({ name: "VirtualProvider", setup(e, { slots: t }) {
+let si = /* @__PURE__ */ Symbol("VirtualContext"), fu = R({ name: "VirtualProvider", setup(e, { slots: t }) {
   let n = Gt("VirtualProvider"), r = T(() => {
-    let l = R(n.optionsRef);
+    let l = F(n.optionsRef);
     if (!l) return { start: 0, end: 0 };
     let s = window.getComputedStyle(l);
     return { start: parseFloat(s.paddingBlockStart || s.paddingTop), end: parseFloat(s.paddingBlockEnd || s.paddingBottom) };
   }), a = Hs(T(() => ({ scrollPaddingStart: r.value.start, scrollPaddingEnd: r.value.end, count: n.virtual.value.options.length, estimateSize() {
     return 40;
   }, getScrollElement() {
-    return R(n.optionsRef);
+    return F(n.optionsRef);
   }, overscan: 12 }))), o = T(() => {
     var l;
     return (l = n.virtual.value) == null ? void 0 : l.options;
@@ -1401,45 +1401,45 @@ let si = /* @__PURE__ */ Symbol("VirtualContext"), fu = $({ name: "VirtualProvid
       n.activeOptionIndex.value !== null && n.virtual.value.options.length > n.activeOptionIndex.value && a.value.scrollToIndex(n.activeOptionIndex.value);
     }
   } }, a.value.getVirtualItems().map((l) => Fo(t.default({ option: n.virtual.value.options[l.index], open: n.comboboxState.value === 0 })[0], { key: `${i.value}-${l.index}`, "data-index": l.index, "aria-setsize": n.virtual.value.options.length, "aria-posinset": l.index + 1, style: { position: "absolute", top: 0, left: 0, transform: `translateY(${l.start}px)`, overflowAnchor: "none" } })))];
-} }), pu = $({ name: "Combobox", emits: { "update:modelValue": (e) => !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(e, { slots: t, attrs: n, emit: r }) {
+} }), pu = R({ name: "Combobox", emits: { "update:modelValue": (e) => !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(e, { slots: t, attrs: n, emit: r }) {
   let a = E(1), o = E(null), i = E(null), l = E(null), s = E(null), d = E({ static: !1, hold: !1 }), u = E([]), c = E(null), f = E(2), h = E(!1);
   function g(P = (I) => I) {
-    let I = c.value !== null ? u.value[c.value] : null, F = P(u.value.slice()), L = F.length > 0 && F[0].dataRef.order.value !== null ? F.sort((Y, G) => Y.dataRef.order.value - G.dataRef.order.value) : bt(F, (Y) => R(Y.dataRef.domRef)), U = I ? L.indexOf(I) : null;
-    return U === -1 && (U = null), { options: L, activeOptionIndex: U };
+    let I = c.value !== null ? u.value[c.value] : null, L = P(u.value.slice()), $ = L.length > 0 && L[0].dataRef.order.value !== null ? L.sort((Y, G) => Y.dataRef.order.value - G.dataRef.order.value) : bt(L, (Y) => F(Y.dataRef.domRef)), U = I ? $.indexOf(I) : null;
+    return U === -1 && (U = null), { options: $, activeOptionIndex: U };
   }
-  let v = T(() => e.multiple ? 1 : 0), m = T(() => e.nullable), [b, y] = Yo(T(() => e.modelValue), (P) => r("update:modelValue", P), T(() => e.defaultValue)), C = T(() => b.value === void 0 ? Ce(v.value, { 1: [], 0: void 0 }) : b.value), p = null, k = null;
-  function A(P) {
-    return Ce(v.value, { 0() {
+  let p = T(() => e.multiple ? 1 : 0), m = T(() => e.nullable), [b, y] = Yo(T(() => e.modelValue), (P) => r("update:modelValue", P), T(() => e.defaultValue)), C = T(() => b.value === void 0 ? Ce(p.value, { 1: [], 0: void 0 }) : b.value), v = null, x = null;
+  function k(P) {
+    return Ce(p.value, { 0() {
       return y?.(P);
     }, 1: () => {
-      let I = Le(x.value.value).slice(), F = Le(P), L = I.findIndex((U) => x.compare(F, Le(U)));
-      return L === -1 ? I.push(F) : I.splice(L, 1), y?.(I);
+      let I = Le(A.value.value).slice(), L = Le(P), $ = I.findIndex((U) => A.compare(L, Le(U)));
+      return $ === -1 ? I.push(L) : I.splice($, 1), y?.(I);
     } });
   }
   let S = T(() => {
   });
   ne([S], ([P], [I]) => {
-    if (x.virtual.value && P && I && c.value !== null) {
-      let F = P.indexOf(I[c.value]);
-      F !== -1 ? c.value = F : c.value = null;
+    if (A.virtual.value && P && I && c.value !== null) {
+      let L = P.indexOf(I[c.value]);
+      L !== -1 ? c.value = L : c.value = null;
     }
   });
-  let x = { comboboxState: a, value: C, mode: v, compare(P, I) {
+  let A = { comboboxState: a, value: C, mode: p, compare(P, I) {
     if (typeof e.by == "string") {
-      let F = e.by;
-      return P?.[F] === I?.[F];
+      let L = e.by;
+      return P?.[L] === I?.[L];
     }
     return e.by === null ? su(P, I) : e.by(P, I);
   }, calculateIndex(P) {
-    return x.virtual.value ? e.by === null ? x.virtual.value.options.indexOf(P) : x.virtual.value.options.findIndex((I) => x.compare(I, P)) : u.value.findIndex((I) => x.compare(I.dataRef.value, P));
+    return A.virtual.value ? e.by === null ? A.virtual.value.options.indexOf(P) : A.virtual.value.options.findIndex((I) => A.compare(I, P)) : u.value.findIndex((I) => A.compare(I.dataRef.value, P));
   }, defaultValue: T(() => e.defaultValue), nullable: m, immediate: T(() => !1), virtual: T(() => null), inputRef: i, labelRef: o, buttonRef: l, optionsRef: s, disabled: T(() => e.disabled), options: u, change(P) {
     y(P);
   }, activeOptionIndex: T(() => {
-    if (h.value && c.value === null && (x.virtual.value ? x.virtual.value.options.length > 0 : u.value.length > 0)) {
-      if (x.virtual.value) {
-        let I = x.virtual.value.options.findIndex((F) => {
-          var L;
-          return !((L = x.virtual.value) != null && L.disabled(F));
+    if (h.value && c.value === null && (A.virtual.value ? A.virtual.value.options.length > 0 : u.value.length > 0)) {
+      if (A.virtual.value) {
+        let I = A.virtual.value.options.findIndex((L) => {
+          var $;
+          return !(($ = A.virtual.value) != null && $.disabled(L));
         });
         if (I !== -1) return I;
       }
@@ -1451,88 +1451,88 @@ let si = /* @__PURE__ */ Symbol("VirtualContext"), fu = $({ name: "VirtualProvid
     h.value = !1, !e.disabled && a.value !== 1 && (a.value = 1, c.value = null);
   }, openCombobox() {
     if (h.value = !0, !e.disabled && a.value !== 0) {
-      if (x.value.value) {
-        let P = x.calculateIndex(x.value.value);
+      if (A.value.value) {
+        let P = A.calculateIndex(A.value.value);
         P !== -1 && (c.value = P);
       }
       a.value = 0;
     }
   }, setActivationTrigger(P) {
     f.value = P;
-  }, goToOption(P, I, F) {
-    h.value = !1, p !== null && cancelAnimationFrame(p), p = requestAnimationFrame(() => {
+  }, goToOption(P, I, L) {
+    h.value = !1, v !== null && cancelAnimationFrame(v), v = requestAnimationFrame(() => {
       if (e.disabled || s.value && !d.value.static && a.value === 1) return;
-      if (x.virtual.value) {
-        c.value = P === be.Specific ? I : Hr({ focus: P }, { resolveItems: () => x.virtual.value.options, resolveActiveIndex: () => {
+      if (A.virtual.value) {
+        c.value = P === be.Specific ? I : Hr({ focus: P }, { resolveItems: () => A.virtual.value.options, resolveActiveIndex: () => {
           var Y, G;
-          return (G = (Y = x.activeOptionIndex.value) != null ? Y : x.virtual.value.options.findIndex((ae) => {
+          return (G = (Y = A.activeOptionIndex.value) != null ? Y : A.virtual.value.options.findIndex((ae) => {
             var re;
-            return !((re = x.virtual.value) != null && re.disabled(ae));
+            return !((re = A.virtual.value) != null && re.disabled(ae));
           })) != null ? G : null;
-        }, resolveDisabled: (Y) => x.virtual.value.disabled(Y), resolveId() {
+        }, resolveDisabled: (Y) => A.virtual.value.disabled(Y), resolveId() {
           throw new Error("Function not implemented.");
-        } }), f.value = F ?? 2;
+        } }), f.value = L ?? 2;
         return;
       }
-      let L = g();
-      if (L.activeOptionIndex === null) {
-        let Y = L.options.findIndex((G) => !G.dataRef.disabled);
-        Y !== -1 && (L.activeOptionIndex = Y);
+      let $ = g();
+      if ($.activeOptionIndex === null) {
+        let Y = $.options.findIndex((G) => !G.dataRef.disabled);
+        Y !== -1 && ($.activeOptionIndex = Y);
       }
-      let U = P === be.Specific ? I : Hr({ focus: P }, { resolveItems: () => L.options, resolveActiveIndex: () => L.activeOptionIndex, resolveId: (Y) => Y.id, resolveDisabled: (Y) => Y.dataRef.disabled });
-      c.value = U, f.value = F ?? 2, u.value = L.options;
+      let U = P === be.Specific ? I : Hr({ focus: P }, { resolveItems: () => $.options, resolveActiveIndex: () => $.activeOptionIndex, resolveId: (Y) => Y.id, resolveDisabled: (Y) => Y.dataRef.disabled });
+      c.value = U, f.value = L ?? 2, u.value = $.options;
     });
   }, selectOption(P) {
-    let I = u.value.find((L) => L.id === P);
+    let I = u.value.find(($) => $.id === P);
     if (!I) return;
-    let { dataRef: F } = I;
-    A(F.value);
+    let { dataRef: L } = I;
+    k(L.value);
   }, selectActiveOption() {
-    if (x.activeOptionIndex.value !== null) {
-      if (x.virtual.value) A(x.virtual.value.options[x.activeOptionIndex.value]);
+    if (A.activeOptionIndex.value !== null) {
+      if (A.virtual.value) k(A.virtual.value.options[A.activeOptionIndex.value]);
       else {
-        let { dataRef: P } = u.value[x.activeOptionIndex.value];
-        A(P.value);
+        let { dataRef: P } = u.value[A.activeOptionIndex.value];
+        k(P.value);
       }
-      x.goToOption(be.Specific, x.activeOptionIndex.value);
+      A.goToOption(be.Specific, A.activeOptionIndex.value);
     }
   }, registerOption(P, I) {
-    let F = pr({ id: P, dataRef: I });
-    if (x.virtual.value) {
-      u.value.push(F);
+    let L = pr({ id: P, dataRef: I });
+    if (A.virtual.value) {
+      u.value.push(L);
       return;
     }
-    k && cancelAnimationFrame(k);
-    let L = g((U) => (U.push(F), U));
-    c.value === null && x.isSelected(I.value.value) && (L.activeOptionIndex = L.options.indexOf(F)), u.value = L.options, c.value = L.activeOptionIndex, f.value = 2, L.options.some((U) => !R(U.dataRef.domRef)) && (k = requestAnimationFrame(() => {
+    x && cancelAnimationFrame(x);
+    let $ = g((U) => (U.push(L), U));
+    c.value === null && A.isSelected(I.value.value) && ($.activeOptionIndex = $.options.indexOf(L)), u.value = $.options, c.value = $.activeOptionIndex, f.value = 2, $.options.some((U) => !F(U.dataRef.domRef)) && (x = requestAnimationFrame(() => {
       let U = g();
       u.value = U.options, c.value = U.activeOptionIndex;
     }));
   }, unregisterOption(P, I) {
-    if (p !== null && cancelAnimationFrame(p), I && (h.value = !0), x.virtual.value) {
-      u.value = u.value.filter((L) => L.id !== P);
+    if (v !== null && cancelAnimationFrame(v), I && (h.value = !0), A.virtual.value) {
+      u.value = u.value.filter(($) => $.id !== P);
       return;
     }
-    let F = g((L) => {
-      let U = L.findIndex((Y) => Y.id === P);
-      return U !== -1 && L.splice(U, 1), L;
+    let L = g(($) => {
+      let U = $.findIndex((Y) => Y.id === P);
+      return U !== -1 && $.splice(U, 1), $;
     });
-    u.value = F.options, c.value = F.activeOptionIndex, f.value = 2;
+    u.value = L.options, c.value = L.activeOptionIndex, f.value = 2;
   }, isSelected(P) {
-    return Ce(v.value, { 0: () => x.compare(Le(x.value.value), Le(P)), 1: () => Le(x.value.value).some((I) => x.compare(Le(I), Le(P))) });
+    return Ce(p.value, { 0: () => A.compare(Le(A.value.value), Le(P)), 1: () => Le(A.value.value).some((I) => A.compare(Le(I), Le(P))) });
   }, isActive(P) {
-    return c.value === x.calculateIndex(P);
+    return c.value === A.calculateIndex(P);
   } };
-  ua([i, l, s], () => x.closeCombobox(), T(() => a.value === 0)), Pe(li, x), fa(T(() => Ce(a.value, { 0: Oe.Open, 1: Oe.Closed })));
+  ua([i, l, s], () => A.closeCombobox(), T(() => a.value === 0)), Pe(li, A), fa(T(() => Ce(a.value, { 0: Oe.Open, 1: Oe.Closed })));
   let M = T(() => {
     var P;
-    return (P = R(i)) == null ? void 0 : P.closest("form");
+    return (P = F(i)) == null ? void 0 : P.closest("form");
   });
   return te(() => {
     ne([M], () => {
       if (!M.value || e.defaultValue === void 0) return;
       function P() {
-        x.change(e.defaultValue);
+        A.change(e.defaultValue);
       }
       return M.value.addEventListener("reset", P), () => {
         var I;
@@ -1540,31 +1540,31 @@ let si = /* @__PURE__ */ Symbol("VirtualContext"), fu = $({ name: "VirtualProvid
       };
     }, { immediate: !0 });
   }), () => {
-    var P, I, F;
-    let { name: L, disabled: U, form: Y, ...G } = e, ae = { open: a.value === 0, disabled: U, activeIndex: x.activeOptionIndex.value, activeOption: x.activeOptionIndex.value === null ? null : x.virtual.value ? x.virtual.value.options[(P = x.activeOptionIndex.value) != null ? P : 0] : (F = (I = x.options.value[x.activeOptionIndex.value]) == null ? void 0 : I.dataRef.value) != null ? F : null, value: C.value };
-    return ue(fe, [...L != null && C.value != null ? pa({ [L]: C.value }).map(([re, ce]) => ue(Xt, ni({ features: Yt.Hidden, key: re, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: Y, disabled: U, name: re, value: ce }))) : [], pe({ theirProps: { ...n, ...Qt(G, ["by", "defaultValue", "immediate", "modelValue", "multiple", "nullable", "onUpdate:modelValue", "virtual"]) }, ourProps: {}, slot: ae, slots: t, attrs: n, name: "Combobox" })]);
+    var P, I, L;
+    let { name: $, disabled: U, form: Y, ...G } = e, ae = { open: a.value === 0, disabled: U, activeIndex: A.activeOptionIndex.value, activeOption: A.activeOptionIndex.value === null ? null : A.virtual.value ? A.virtual.value.options[(P = A.activeOptionIndex.value) != null ? P : 0] : (L = (I = A.options.value[A.activeOptionIndex.value]) == null ? void 0 : I.dataRef.value) != null ? L : null, value: C.value };
+    return ue(fe, [...$ != null && C.value != null ? pa({ [$]: C.value }).map(([re, ce]) => ue(Xt, ni({ features: Yt.Hidden, key: re, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: Y, disabled: U, name: re, value: ce }))) : [], pe({ theirProps: { ...n, ...Qt(G, ["by", "defaultValue", "immediate", "modelValue", "multiple", "nullable", "onUpdate:modelValue", "virtual"]) }, ourProps: {}, slot: ae, slots: t, attrs: n, name: "Combobox" })]);
   };
 } });
-$({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
+R({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
   var r;
   let a = (r = e.id) != null ? r : `headlessui-combobox-label-${Te()}`, o = Gt("ComboboxLabel");
   function i() {
     var l;
-    (l = R(o.inputRef)) == null || l.focus({ preventScroll: !0 });
+    (l = F(o.inputRef)) == null || l.focus({ preventScroll: !0 });
   }
   return () => {
     let l = { open: o.comboboxState.value === 0, disabled: o.disabled.value }, { ...s } = e, d = { id: a, ref: o.labelRef, onClick: i };
     return pe({ ourProps: d, theirProps: s, slot: l, attrs: t, slots: n, name: "ComboboxLabel" });
   };
 } });
-let vu = $({ name: "ComboboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n, expose: r }) {
+let vu = R({ name: "ComboboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n, expose: r }) {
   var a;
   let o = (a = e.id) != null ? a : `headlessui-combobox-button-${Te()}`, i = Gt("ComboboxButton");
   r({ el: i.buttonRef, $el: i.buttonRef });
   function l(u) {
     i.disabled.value || (i.comboboxState.value === 0 ? i.closeCombobox() : (u.preventDefault(), i.openCombobox()), ke(() => {
       var c;
-      return (c = R(i.inputRef)) == null ? void 0 : c.focus({ preventScroll: !0 });
+      return (c = F(i.inputRef)) == null ? void 0 : c.focus({ preventScroll: !0 });
     }));
   }
   function s(u) {
@@ -1595,40 +1595,40 @@ let vu = $({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
   let d = da(T(() => ({ as: e.as, type: t.type })), i.buttonRef);
   return () => {
     var u, c;
-    let f = { open: i.comboboxState.value === 0, disabled: i.disabled.value, value: i.value.value }, { ...h } = e, g = { ref: i.buttonRef, id: o, type: d.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (u = R(i.optionsRef)) == null ? void 0 : u.id, "aria-expanded": i.comboboxState.value === 0, "aria-labelledby": i.labelRef.value ? [(c = R(i.labelRef)) == null ? void 0 : c.id, o].join(" ") : void 0, disabled: i.disabled.value === !0 ? !0 : void 0, onKeydown: s, onClick: l };
+    let f = { open: i.comboboxState.value === 0, disabled: i.disabled.value, value: i.value.value }, { ...h } = e, g = { ref: i.buttonRef, id: o, type: d.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (u = F(i.optionsRef)) == null ? void 0 : u.id, "aria-expanded": i.comboboxState.value === 0, "aria-labelledby": i.labelRef.value ? [(c = F(i.labelRef)) == null ? void 0 : c.id, o].join(" ") : void 0, disabled: i.disabled.value === !0 ? !0 : void 0, onKeydown: s, onClick: l };
     return pe({ ourProps: g, theirProps: h, slot: f, attrs: t, slots: n, name: "ComboboxButton" });
   };
-} }), mu = $({ 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: (e) => !0 }, setup(e, { emit: t, attrs: n, slots: r, expose: a }) {
+} }), mu = R({ 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: (e) => !0 }, setup(e, { emit: t, attrs: n, slots: r, expose: a }) {
   var o;
-  let i = (o = e.id) != null ? o : `headlessui-combobox-input-${Te()}`, l = Gt("ComboboxInput"), s = T(() => je(R(l.inputRef))), d = { value: !1 };
+  let i = (o = e.id) != null ? o : `headlessui-combobox-input-${Te()}`, l = Gt("ComboboxInput"), s = T(() => je(F(l.inputRef))), d = { value: !1 };
   a({ el: l.inputRef, $el: l.inputRef });
   function u() {
     l.change(null);
-    let k = R(l.optionsRef);
-    k && (k.scrollTop = 0), l.goToOption(be.Nothing);
+    let x = F(l.optionsRef);
+    x && (x.scrollTop = 0), l.goToOption(be.Nothing);
   }
   let c = T(() => {
-    var k;
-    let A = l.value.value;
-    return R(l.inputRef) ? typeof e.displayValue < "u" && A !== void 0 ? (k = e.displayValue(A)) != null ? k : "" : typeof A == "string" ? A : "" : "";
+    var x;
+    let k = l.value.value;
+    return F(l.inputRef) ? typeof e.displayValue < "u" && k !== void 0 ? (x = e.displayValue(k)) != null ? x : "" : typeof k == "string" ? k : "" : "";
   });
   te(() => {
-    ne([c, l.comboboxState, s], ([k, A], [S, x]) => {
+    ne([c, l.comboboxState, s], ([x, k], [S, A]) => {
       if (d.value) return;
-      let M = R(l.inputRef);
-      M && ((x === 0 && A === 1 || k !== S) && (M.value = k), requestAnimationFrame(() => {
+      let M = F(l.inputRef);
+      M && ((A === 0 && k === 1 || x !== S) && (M.value = x), requestAnimationFrame(() => {
         var P;
         if (d.value || !M || ((P = s.value) == null ? void 0 : P.activeElement) !== M) return;
-        let { selectionStart: I, selectionEnd: F } = M;
-        Math.abs((F ?? 0) - (I ?? 0)) === 0 && I === 0 && M.setSelectionRange(M.value.length, M.value.length);
+        let { selectionStart: I, selectionEnd: L } = M;
+        Math.abs((L ?? 0) - (I ?? 0)) === 0 && I === 0 && M.setSelectionRange(M.value.length, M.value.length);
       }));
-    }, { immediate: !0 }), ne([l.comboboxState], ([k], [A]) => {
-      if (k === 0 && A === 1) {
+    }, { immediate: !0 }), ne([l.comboboxState], ([x], [k]) => {
+      if (x === 0 && k === 1) {
         if (d.value) return;
-        let S = R(l.inputRef);
+        let S = F(l.inputRef);
         if (!S) return;
-        let x = S.value, { selectionStart: M, selectionEnd: P, selectionDirection: I } = S;
-        S.value = "", S.value = x, I !== null ? S.setSelectionRange(M, P, I) : S.setSelectionRange(M, P);
+        let A = S.value, { selectionStart: M, selectionEnd: P, selectionDirection: I } = S;
+        S.value = "", S.value = A, I !== null ? S.setSelectionRange(M, P, I) : S.setSelectionRange(M, P);
       }
     });
   });
@@ -1641,40 +1641,40 @@ let vu = $({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
       f.value = !1;
     });
   }
-  let v = zs();
-  function m(k) {
-    switch (d.value = !0, v(() => {
+  let p = zs();
+  function m(x) {
+    switch (d.value = !0, p(() => {
       d.value = !1;
-    }), k.key) {
+    }), x.key) {
       case Z.Enter:
         if (d.value = !1, l.comboboxState.value !== 0 || f.value) return;
-        if (k.preventDefault(), k.stopPropagation(), l.activeOptionIndex.value === null) {
+        if (x.preventDefault(), x.stopPropagation(), l.activeOptionIndex.value === null) {
           l.closeCombobox();
           return;
         }
         l.selectActiveOption(), l.mode.value === 0 && l.closeCombobox();
         break;
       case Z.ArrowDown:
-        return d.value = !1, k.preventDefault(), k.stopPropagation(), Ce(l.comboboxState.value, { 0: () => l.goToOption(be.Next), 1: () => l.openCombobox() });
+        return d.value = !1, x.preventDefault(), x.stopPropagation(), Ce(l.comboboxState.value, { 0: () => l.goToOption(be.Next), 1: () => l.openCombobox() });
       case Z.ArrowUp:
-        return d.value = !1, k.preventDefault(), k.stopPropagation(), Ce(l.comboboxState.value, { 0: () => l.goToOption(be.Previous), 1: () => {
+        return d.value = !1, x.preventDefault(), x.stopPropagation(), Ce(l.comboboxState.value, { 0: () => l.goToOption(be.Previous), 1: () => {
           l.openCombobox(), ke(() => {
             l.value.value || l.goToOption(be.Last);
           });
         } });
       case Z.Home:
-        if (k.shiftKey) break;
-        return d.value = !1, k.preventDefault(), k.stopPropagation(), l.goToOption(be.First);
+        if (x.shiftKey) break;
+        return d.value = !1, x.preventDefault(), x.stopPropagation(), l.goToOption(be.First);
       case Z.PageUp:
-        return d.value = !1, k.preventDefault(), k.stopPropagation(), l.goToOption(be.First);
+        return d.value = !1, x.preventDefault(), x.stopPropagation(), l.goToOption(be.First);
       case Z.End:
-        if (k.shiftKey) break;
-        return d.value = !1, k.preventDefault(), k.stopPropagation(), l.goToOption(be.Last);
+        if (x.shiftKey) break;
+        return d.value = !1, x.preventDefault(), x.stopPropagation(), l.goToOption(be.Last);
       case Z.PageDown:
-        return d.value = !1, k.preventDefault(), k.stopPropagation(), l.goToOption(be.Last);
+        return d.value = !1, x.preventDefault(), x.stopPropagation(), l.goToOption(be.Last);
       case Z.Escape:
         if (d.value = !1, l.comboboxState.value !== 0) return;
-        k.preventDefault(), l.optionsRef.value && !l.optionsPropsRef.value.static && k.stopPropagation(), l.nullable.value && l.mode.value === 0 && l.value.value === null && u(), l.closeCombobox();
+        x.preventDefault(), l.optionsRef.value && !l.optionsPropsRef.value.static && x.stopPropagation(), l.nullable.value && l.mode.value === 0 && l.value.value === null && u(), l.closeCombobox();
         break;
       case Z.Tab:
         if (d.value = !1, l.comboboxState.value !== 0) return;
@@ -1682,31 +1682,31 @@ let vu = $({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
         break;
     }
   }
-  function b(k) {
-    t("change", k), l.nullable.value && l.mode.value === 0 && k.target.value === "" && u(), l.openCombobox();
+  function b(x) {
+    t("change", x), l.nullable.value && l.mode.value === 0 && x.target.value === "" && u(), l.openCombobox();
   }
-  function y(k) {
-    var A, S, x;
-    let M = (A = k.relatedTarget) != null ? A : yt.find((P) => P !== k.currentTarget);
-    if (d.value = !1, !((S = R(l.optionsRef)) != null && S.contains(M)) && !((x = R(l.buttonRef)) != null && x.contains(M)) && l.comboboxState.value === 0) return k.preventDefault(), l.mode.value === 0 && (l.nullable.value && l.value.value === null ? u() : l.activationTrigger.value !== 1 && l.selectActiveOption()), l.closeCombobox();
+  function y(x) {
+    var k, S, A;
+    let M = (k = x.relatedTarget) != null ? k : yt.find((P) => P !== x.currentTarget);
+    if (d.value = !1, !((S = F(l.optionsRef)) != null && S.contains(M)) && !((A = F(l.buttonRef)) != null && A.contains(M)) && l.comboboxState.value === 0) return x.preventDefault(), l.mode.value === 0 && (l.nullable.value && l.value.value === null ? u() : l.activationTrigger.value !== 1 && l.selectActiveOption()), l.closeCombobox();
   }
-  function C(k) {
-    var A, S, x;
-    let M = (A = k.relatedTarget) != null ? A : yt.find((P) => P !== k.currentTarget);
-    (S = R(l.buttonRef)) != null && S.contains(M) || (x = R(l.optionsRef)) != null && x.contains(M) || l.disabled.value || l.immediate.value && l.comboboxState.value !== 0 && (l.openCombobox(), Bt().nextFrame(() => {
+  function C(x) {
+    var k, S, A;
+    let M = (k = x.relatedTarget) != null ? k : yt.find((P) => P !== x.currentTarget);
+    (S = F(l.buttonRef)) != null && S.contains(M) || (A = F(l.optionsRef)) != null && A.contains(M) || l.disabled.value || l.immediate.value && l.comboboxState.value !== 0 && (l.openCombobox(), Bt().nextFrame(() => {
       l.setActivationTrigger(1);
     }));
   }
-  let p = T(() => {
-    var k, A, S, x;
-    return (x = (S = (A = e.defaultValue) != null ? A : l.defaultValue.value !== void 0 ? (k = e.displayValue) == null ? void 0 : k.call(e, l.defaultValue.value) : null) != null ? S : l.defaultValue.value) != null ? x : "";
+  let v = T(() => {
+    var x, k, S, A;
+    return (A = (S = (k = e.defaultValue) != null ? k : l.defaultValue.value !== void 0 ? (x = e.displayValue) == null ? void 0 : x.call(e, l.defaultValue.value) : null) != null ? S : l.defaultValue.value) != null ? A : "";
   });
   return () => {
-    var k, A, S, x, M, P, I;
-    let F = { open: l.comboboxState.value === 0 }, { displayValue: L, onChange: U, ...Y } = e, G = { "aria-controls": (k = l.optionsRef.value) == null ? void 0 : k.id, "aria-expanded": l.comboboxState.value === 0, "aria-activedescendant": l.activeOptionIndex.value === null ? void 0 : l.virtual.value ? (A = l.options.value.find((ae) => !l.virtual.value.disabled(ae.dataRef.value) && l.compare(ae.dataRef.value, l.virtual.value.options[l.activeOptionIndex.value]))) == null ? void 0 : A.id : (S = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : S.id, "aria-labelledby": (P = (x = R(l.labelRef)) == null ? void 0 : x.id) != null ? P : (M = R(l.buttonRef)) == null ? void 0 : M.id, "aria-autocomplete": "list", id: i, onCompositionstart: h, onCompositionend: g, onKeydown: m, onInput: b, onFocus: C, onBlur: y, role: "combobox", type: (I = n.type) != null ? I : "text", tabIndex: 0, ref: l.inputRef, defaultValue: p.value, disabled: l.disabled.value === !0 ? !0 : void 0 };
-    return pe({ ourProps: G, theirProps: Y, slot: F, attrs: n, slots: r, features: Qe.RenderStrategy | Qe.Static, name: "ComboboxInput" });
+    var x, k, S, A, M, P, I;
+    let L = { open: l.comboboxState.value === 0 }, { displayValue: $, onChange: U, ...Y } = e, G = { "aria-controls": (x = l.optionsRef.value) == null ? void 0 : x.id, "aria-expanded": l.comboboxState.value === 0, "aria-activedescendant": l.activeOptionIndex.value === null ? void 0 : l.virtual.value ? (k = l.options.value.find((ae) => !l.virtual.value.disabled(ae.dataRef.value) && l.compare(ae.dataRef.value, l.virtual.value.options[l.activeOptionIndex.value]))) == null ? void 0 : k.id : (S = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : S.id, "aria-labelledby": (P = (A = F(l.labelRef)) == null ? void 0 : A.id) != null ? P : (M = F(l.buttonRef)) == null ? void 0 : M.id, "aria-autocomplete": "list", id: i, onCompositionstart: h, onCompositionend: g, onKeydown: m, onInput: b, onFocus: C, onBlur: y, role: "combobox", type: (I = n.type) != null ? I : "text", tabIndex: 0, ref: l.inputRef, defaultValue: v.value, disabled: l.disabled.value === !0 ? !0 : void 0 };
+    return pe({ ourProps: G, theirProps: Y, slot: L, attrs: n, slots: r, features: Qe.RenderStrategy | Qe.Static, name: "ComboboxInput" });
   };
-} }), hu = $({ 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(e, { attrs: t, slots: n, expose: r }) {
+} }), hu = R({ 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(e, { attrs: t, slots: n, expose: r }) {
   let a = Gt("ComboboxOptions"), o = `headlessui-combobox-options-${Te()}`;
   r({ el: a.optionsRef, $el: a.optionsRef }), Ee(() => {
     a.optionsPropsRef.value.static = e.static;
@@ -1714,7 +1714,7 @@ let vu = $({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
     a.optionsPropsRef.value.hold = e.hold;
   });
   let i = Fn(), l = T(() => i !== null ? (i.value & Oe.Open) === Oe.Open : a.comboboxState.value === 0);
-  ca({ container: T(() => R(a.optionsRef)), enabled: T(() => a.comboboxState.value === 0), accept(d) {
+  ca({ container: T(() => F(a.optionsRef)), enabled: T(() => a.comboboxState.value === 0), accept(d) {
     return d.getAttribute("role") === "option" ? NodeFilter.FILTER_REJECT : d.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
   }, walk(d) {
     d.setAttribute("role", "none");
@@ -1724,10 +1724,10 @@ let vu = $({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
   }
   return () => {
     var d, u, c;
-    let f = { open: a.comboboxState.value === 0 }, h = { "aria-labelledby": (c = (d = R(a.labelRef)) == null ? void 0 : d.id) != null ? c : (u = R(a.buttonRef)) == null ? void 0 : u.id, id: o, ref: a.optionsRef, role: "listbox", "aria-multiselectable": a.mode.value === 1 ? !0 : void 0, onMousedown: s }, g = Qt(e, ["hold"]);
+    let f = { open: a.comboboxState.value === 0 }, h = { "aria-labelledby": (c = (d = F(a.labelRef)) == null ? void 0 : d.id) != null ? c : (u = F(a.buttonRef)) == null ? void 0 : u.id, id: o, ref: a.optionsRef, role: "listbox", "aria-multiselectable": a.mode.value === 1 ? !0 : void 0, onMousedown: s }, g = Qt(e, ["hold"]);
     return pe({ ourProps: h, theirProps: g, slot: f, attrs: t, slots: a.virtual.value && a.comboboxState.value === 0 ? { ...n, default: () => [ue(fu, {}, n.default)] } : n, features: Qe.RenderStrategy | Qe.Static, visible: l.value, name: "ComboboxOptions" });
   };
-} }), gu = $({ 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(e, { slots: t, attrs: n, expose: r }) {
+} }), gu = R({ 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(e, { slots: t, attrs: n, expose: r }) {
   let a = Gt("ComboboxOption"), o = `headlessui-combobox-option-${Te()}`, i = E(null), l = T(() => e.disabled);
   r({ el: i, $el: i });
   let s = T(() => {
@@ -1735,18 +1735,18 @@ let vu = $({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
     return a.virtual.value ? a.activeOptionIndex.value === a.calculateIndex(e.value) : a.activeOptionIndex.value === null ? !1 : ((y = a.options.value[a.activeOptionIndex.value]) == null ? void 0 : y.id) === o;
   }), d = T(() => a.isSelected(e.value)), u = Se(si, null), c = T(() => ({ disabled: e.disabled, value: e.value, domRef: i, order: T(() => e.order) }));
   te(() => a.registerOption(o, c)), De(() => a.unregisterOption(o, s.value)), Ee(() => {
-    let y = R(i);
+    let y = F(i);
     y && u?.value.measureElement(y);
   }), Ee(() => {
     a.comboboxState.value === 0 && s.value && (a.virtual.value || a.activationTrigger.value !== 0 && ke(() => {
       var y, C;
-      return (C = (y = R(i)) == null ? void 0 : y.scrollIntoView) == null ? void 0 : C.call(y, { block: "nearest" });
+      return (C = (y = F(i)) == null ? void 0 : y.scrollIntoView) == null ? void 0 : C.call(y, { block: "nearest" });
     }));
   });
   function f(y) {
     y.preventDefault(), y.button === ai.Left && (l.value || (a.selectOption(o), Ko() || requestAnimationFrame(() => {
       var C;
-      return (C = R(a.inputRef)) == null ? void 0 : C.focus({ preventScroll: !0 });
+      return (C = F(a.inputRef)) == null ? void 0 : C.focus({ preventScroll: !0 });
     }), a.mode.value === 0 && a.closeCombobox()));
   }
   function h() {
@@ -1756,22 +1756,22 @@ let vu = $({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
     a.goToOption(be.Specific, C);
   }
   let g = Zo();
-  function v(y) {
+  function p(y) {
     g.update(y);
   }
   function m(y) {
     var C;
     if (!g.wasMoved(y) || e.disabled || (C = a.virtual.value) != null && C.disabled(e.value) || s.value) return;
-    let p = a.calculateIndex(e.value);
-    a.goToOption(be.Specific, p, 0);
+    let v = a.calculateIndex(e.value);
+    a.goToOption(be.Specific, v, 0);
   }
   function b(y) {
     var C;
     g.wasMoved(y) && (e.disabled || (C = a.virtual.value) != null && C.disabled(e.value) || s.value && (a.optionsPropsRef.value.hold || a.goToOption(be.Nothing)));
   }
   return () => {
-    let { disabled: y } = e, C = { active: s.value, selected: d.value, disabled: y }, p = { id: o, ref: i, role: "option", tabIndex: y === !0 ? void 0 : -1, "aria-disabled": y === !0 ? !0 : void 0, "aria-selected": d.value, disabled: void 0, onMousedown: f, onFocus: h, onPointerenter: v, onMouseenter: v, onPointermove: m, onMousemove: m, onPointerleave: b, onMouseleave: b }, k = Qt(e, ["order", "value"]);
-    return pe({ ourProps: p, theirProps: k, slot: C, attrs: n, slots: t, name: "ComboboxOption" });
+    let { disabled: y } = e, C = { active: s.value, selected: d.value, disabled: y }, v = { id: o, ref: i, role: "option", tabIndex: y === !0 ? void 0 : -1, "aria-disabled": y === !0 ? !0 : void 0, "aria-selected": d.value, disabled: void 0, onMousedown: f, onFocus: h, onPointerenter: p, onMouseenter: p, onPointermove: m, onMousemove: m, onPointerleave: b, onMouseleave: b }, x = Qt(e, ["order", "value"]);
+    return pe({ ourProps: v, theirProps: x, slot: C, attrs: n, slots: t, name: "ComboboxOption" });
   };
 } });
 function ui(e, t, n, r) {
@@ -1791,13 +1791,13 @@ function di(e) {
   if (typeof e == "function") return new Set(e());
   let t = /* @__PURE__ */ new Set();
   for (let n of e.value) {
-    let r = R(n);
+    let r = F(n);
     r instanceof HTMLElement && t.add(r);
   }
   return t;
 }
 var ci = ((e) => (e[e.None = 1] = "None", e[e.InitialFocus = 2] = "InitialFocus", e[e.TabLock = 4] = "TabLock", e[e.FocusLock = 8] = "FocusLock", e[e.RestoreFocus = 16] = "RestoreFocus", e[e.All = 30] = "All", e))(ci || {});
-let hn = Object.assign($({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: E(/* @__PURE__ */ new Set()) } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: r }) {
+let hn = Object.assign(R({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: E(/* @__PURE__ */ new Set()) } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: r }) {
   let a = E(null);
   r({ el: a, $el: a });
   let o = T(() => je(a)), i = E(!1);
@@ -1806,8 +1806,8 @@ let hn = Object.assign($({ name: "FocusTrap", props: { as: { type: [Object, Stri
   xu({ ownerDocument: o, container: a, containers: e.containers, previousActiveElement: l }, T(() => i.value && !!(e.features & 8)));
   let s = bu();
   function d(h) {
-    let g = R(a);
-    g && ((v) => v())(() => {
+    let g = F(a);
+    g && ((p) => p())(() => {
       Ce(s.value, { [xn.Forwards]: () => {
         Ne(g, xe.First, { skipElements: [h.relatedTarget] });
       }, [xn.Backwards]: () => {
@@ -1824,13 +1824,13 @@ let hn = Object.assign($({ name: "FocusTrap", props: { as: { type: [Object, Stri
   function f(h) {
     if (!i.value) return;
     let g = di(e.containers);
-    R(a) instanceof HTMLElement && g.add(R(a));
-    let v = h.relatedTarget;
-    v instanceof HTMLElement && v.dataset.headlessuiFocusGuard !== "true" && (fi(g, v) || (u.value ? Ne(R(a), Ce(s.value, { [xn.Forwards]: () => xe.Next, [xn.Backwards]: () => xe.Previous }) | xe.WrapAround, { relativeTo: h.target }) : h.target instanceof HTMLElement && Et(h.target)));
+    F(a) instanceof HTMLElement && g.add(F(a));
+    let p = h.relatedTarget;
+    p instanceof HTMLElement && p.dataset.headlessuiFocusGuard !== "true" && (fi(g, p) || (u.value ? Ne(F(a), Ce(s.value, { [xn.Forwards]: () => xe.Next, [xn.Backwards]: () => xe.Previous }) | xe.WrapAround, { relativeTo: h.target }) : h.target instanceof HTMLElement && Et(h.target)));
   }
   return () => {
-    let h = {}, g = { ref: a, onKeydown: c, onFocusout: f }, { features: v, initialFocus: m, containers: b, ...y } = e;
-    return ue(fe, [!!(v & 4) && ue(Xt, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: d, features: Yt.Focusable }), pe({ ourProps: g, theirProps: { ...t, ...y }, slot: h, attrs: t, slots: n, name: "FocusTrap" }), !!(v & 4) && ue(Xt, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: d, features: Yt.Focusable })]);
+    let h = {}, g = { ref: a, onKeydown: c, onFocusout: f }, { features: p, initialFocus: m, containers: b, ...y } = e;
+    return ue(fe, [!!(p & 4) && ue(Xt, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: d, features: Yt.Focusable }), pe({ ourProps: g, theirProps: { ...t, ...y }, slot: h, attrs: t, slots: n, name: "FocusTrap" }), !!(p & 4) && ue(Xt, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: d, features: Yt.Focusable })]);
   };
 } }), { features: ci });
 function yu(e) {
@@ -1860,11 +1860,11 @@ function wu({ ownerDocument: e, container: t, initialFocus: n }, r) {
   return te(() => o.value = !0), De(() => o.value = !1), te(() => {
     ne([t, n, r], (i, l) => {
       if (i.every((d, u) => l?.[u] === d) || !r.value) return;
-      let s = R(t);
+      let s = F(t);
       s && hr(() => {
         var d, u;
         if (!o.value) return;
-        let c = R(n), f = (d = e.value) == null ? void 0 : d.activeElement;
+        let c = F(n), f = (d = e.value) == null ? void 0 : d.activeElement;
         if (c) {
           if (c === f) {
             a.value = f;
@@ -1884,7 +1884,7 @@ function xu({ ownerDocument: e, container: t, containers: n, previousActiveEleme
   ui((o = e.value) == null ? void 0 : o.defaultView, "focus", (i) => {
     if (!a.value) return;
     let l = di(n);
-    R(t) instanceof HTMLElement && l.add(R(t));
+    F(t) instanceof HTMLElement && l.add(F(t));
     let s = r.value;
     if (!s) return;
     let d = i.target;
@@ -2018,7 +2018,7 @@ function Qa(e, t = E(!0)) {
   Ee((n) => {
     var r;
     if (!t.value) return;
-    let a = R(e);
+    let a = F(e);
     if (!a) return;
     n(function() {
       var i;
@@ -2039,7 +2039,7 @@ function Pu({ defaultContainers: e = [], portals: t, mainTreeNodeRef: n } = {})
     let d = [];
     for (let u of e) u !== null && (u instanceof HTMLElement ? d.push(u) : "value" in u && u.value instanceof HTMLElement && d.push(u.value));
     if (t != null && t.value) for (let u of t.value) d.push(u);
-    for (let u of (i = a?.querySelectorAll("html > *, body > *")) != null ? i : []) u !== document.body && u !== document.head && u instanceof HTMLElement && u.id !== "headlessui-portal-root" && (u.contains(R(r)) || u.contains((s = (l = R(r)) == null ? void 0 : l.getRootNode()) == null ? void 0 : s.host) || d.some((c) => u.contains(c)) || d.push(u));
+    for (let u of (i = a?.querySelectorAll("html > *, body > *")) != null ? i : []) u !== document.body && u !== document.head && u instanceof HTMLElement && u.id !== "headlessui-portal-root" && (u.contains(F(r)) || u.contains((s = (l = F(r)) == null ? void 0 : l.getRootNode()) == null ? void 0 : s.host) || d.some((c) => u.contains(c)) || d.push(u));
     return d;
   }
   return { resolveContainers: o, contains(i) {
@@ -2052,7 +2052,7 @@ let pi = /* @__PURE__ */ Symbol("ForcePortalRootContext");
 function Du() {
   return Se(pi, !1);
 }
-let qr = $({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: !1 } }, setup(e, { slots: t, attrs: n }) {
+let qr = R({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: !1 } }, setup(e, { slots: t, attrs: n }) {
   return Pe(pi, e.force), () => {
     let { force: r, ...a } = e;
     return pe({ theirProps: a, ourProps: {}, slot: {}, slots: t, attrs: n, name: "ForcePortalRoot" });
@@ -2092,7 +2092,7 @@ function va({ slot: e = E({}), name: t = "Description", props: n = {} } = {}) {
   }
   return Pe(mi, { register: a, slot: e, name: t, props: n }), T(() => r.value.length > 0 ? r.value.join(" ") : void 0);
 }
-$({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
+R({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
   var r;
   let a = (r = e.id) != null ? r : `headlessui-description-${Te()}`, o = $u();
   return te(() => De(o.register(a))), () => {
@@ -2120,7 +2120,7 @@ function Ga(e, t) {
   let n = t(Lu(e));
   return n <= 0 ? Ur.delete(e) : Ur.set(e, n), n;
 }
-let hi = $({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e, { slots: t, attrs: n }) {
+let hi = R({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e, { slots: t, attrs: n }) {
   let r = E(null), a = T(() => je(r)), o = Du(), i = Se(gi, null), l = E(o === !0 || i == null ? Ru(r.value) : i.resolveTarget());
   l.value && Ga(l.value, (f) => f + 1);
   let s = E(!1);
@@ -2132,12 +2132,12 @@ let hi = $({ name: "Portal", props: { as: { type: [Object, String], default: "di
   let d = Se(Yr, null), u = !1, c = _o();
   return ne(r, () => {
     if (u || !d) return;
-    let f = R(r);
+    let f = F(r);
     f && (De(d.register(f), c), u = !0);
   }), De(() => {
     var f, h;
     let g = (f = a.value) == null ? void 0 : f.getElementById("headlessui-portal-root");
-    !g || l.value !== g || Ga(l.value, (v) => v - 1) || l.value.children.length > 0 || (h = l.value.parentElement) == null || h.removeChild(l.value);
+    !g || l.value !== g || Ga(l.value, (p) => p - 1) || l.value.children.length > 0 || (h = l.value.parentElement) == null || h.removeChild(l.value);
   }), () => {
     if (!s.value || l.value === null) return null;
     let f = { ref: r, "data-headlessui-portal": "" };
@@ -2154,14 +2154,14 @@ function Fu() {
     i !== -1 && t.value.splice(i, 1), e && e.unregister(o);
   }
   let a = { register: n, unregister: r, portals: t };
-  return [t, $({ name: "PortalWrapper", setup(o, { slots: i }) {
+  return [t, R({ name: "PortalWrapper", setup(o, { slots: i }) {
     return Pe(Yr, a), () => {
       var l;
       return (l = i.default) == null ? void 0 : l.call(i);
     };
   } })];
 }
-let gi = /* @__PURE__ */ Symbol("PortalGroupContext"), _u = $({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(e, { attrs: t, slots: n }) {
+let gi = /* @__PURE__ */ Symbol("PortalGroupContext"), _u = R({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(e, { attrs: t, slots: n }) {
   let r = pr({ resolveTarget() {
     return e.target;
   } });
@@ -2180,28 +2180,28 @@ function _n(e) {
   }
   return t;
 }
-let Kn = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Nu = $({ name: "Dialog", inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, open: { type: [Boolean, String], default: Kn }, initialFocus: { type: Object, default: null }, id: { type: String, default: null }, role: { type: String, default: "dialog" } }, emits: { close: (e) => !0 }, setup(e, { emit: t, attrs: n, slots: r, expose: a }) {
+let Kn = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Nu = R({ name: "Dialog", inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, open: { type: [Boolean, String], default: Kn }, initialFocus: { type: Object, default: null }, id: { type: String, default: null }, role: { type: String, default: "dialog" } }, emits: { close: (e) => !0 }, setup(e, { emit: t, attrs: n, slots: r, expose: a }) {
   var o, i;
   let l = (o = e.id) != null ? o : `headlessui-dialog-${Te()}`, s = E(!1);
   te(() => {
     s.value = !0;
   });
-  let d = !1, u = T(() => e.role === "dialog" || e.role === "alertdialog" ? e.role : (d || (d = !0, console.warn(`Invalid role [${u}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), c = E(0), f = Fn(), h = T(() => e.open === Kn && f !== null ? (f.value & Oe.Open) === Oe.Open : e.open), g = E(null), v = T(() => je(g));
+  let d = !1, u = T(() => e.role === "dialog" || e.role === "alertdialog" ? e.role : (d || (d = !0, console.warn(`Invalid role [${u}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), c = E(0), f = Fn(), h = T(() => e.open === Kn && f !== null ? (f.value & Oe.Open) === Oe.Open : e.open), g = E(null), p = T(() => je(g));
   if (a({ el: g, $el: g }), !(e.open !== Kn || f !== null)) throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
   if (typeof h.value != "boolean") throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${h.value === Kn ? void 0 : e.open}`);
-  let m = T(() => s.value && h.value ? 0 : 1), b = T(() => m.value === 0), y = T(() => c.value > 1), C = Se(Xr, null) !== null, [p, k] = Fu(), { resolveContainers: A, mainTreeNodeRef: S, MainTreeNode: x } = Pu({ portals: p, defaultContainers: [T(() => {
+  let m = T(() => s.value && h.value ? 0 : 1), b = T(() => m.value === 0), y = T(() => c.value > 1), C = Se(Xr, null) !== null, [v, x] = Fu(), { resolveContainers: k, mainTreeNodeRef: S, MainTreeNode: A } = Pu({ portals: v, defaultContainers: [T(() => {
     var ee;
     return (ee = ae.panelRef.value) != null ? ee : g.value;
-  })] }), M = T(() => y.value ? "parent" : "leaf"), P = T(() => f !== null ? (f.value & Oe.Closing) === Oe.Closing : !1), I = T(() => C || P.value ? !1 : b.value), F = T(() => {
+  })] }), M = T(() => y.value ? "parent" : "leaf"), P = T(() => f !== null ? (f.value & Oe.Closing) === Oe.Closing : !1), I = T(() => C || P.value ? !1 : b.value), L = T(() => {
     var ee, ie, Ae;
-    return (Ae = Array.from((ie = (ee = v.value) == null ? void 0 : ee.querySelectorAll("body > *")) != null ? ie : []).find((me) => me.id === "headlessui-portal-root" ? !1 : me.contains(R(S)) && me instanceof HTMLElement)) != null ? Ae : null;
+    return (Ae = Array.from((ie = (ee = p.value) == null ? void 0 : ee.querySelectorAll("body > *")) != null ? ie : []).find((me) => me.id === "headlessui-portal-root" ? !1 : me.contains(F(S)) && me instanceof HTMLElement)) != null ? Ae : null;
   });
-  Qa(F, I);
-  let L = T(() => y.value ? !0 : b.value), U = T(() => {
+  Qa(L, I);
+  let $ = T(() => y.value ? !0 : b.value), U = T(() => {
     var ee, ie, Ae;
-    return (Ae = Array.from((ie = (ee = v.value) == null ? void 0 : ee.querySelectorAll("[data-headlessui-portal]")) != null ? ie : []).find((me) => me.contains(R(S)) && me instanceof HTMLElement)) != null ? Ae : null;
+    return (Ae = Array.from((ie = (ee = p.value) == null ? void 0 : ee.querySelectorAll("[data-headlessui-portal]")) != null ? ie : []).find((me) => me.contains(F(S)) && me instanceof HTMLElement)) != null ? Ae : null;
   });
-  Qa(U, L), Mu({ type: "Dialog", enabled: T(() => m.value === 0), element: g, onUpdate: (ee, ie) => {
+  Qa(U, $), Mu({ type: "Dialog", enabled: T(() => m.value === 0), element: g, onUpdate: (ee, ie) => {
     if (ie === "Dialog") return Ce(ee, { [zr.Add]: () => c.value += 1, [zr.Remove]: () => c.value -= 1 });
   } });
   let Y = va({ name: "DialogDescription", slot: T(() => ({ open: h.value })) }), G = E(null), ae = { titleId: G, panelRef: E(null), dialogState: m, setTitleId(ee) {
@@ -2211,20 +2211,20 @@ let Kn = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Nu = $({ name: "Dialog", inheri
   } };
   Pe(Xr, ae);
   let re = T(() => !(!b.value || y.value));
-  ua(A, (ee, ie) => {
+  ua(k, (ee, ie) => {
     ee.preventDefault(), ae.close(), ke(() => ie?.focus());
   }, re);
   let ce = T(() => !(y.value || m.value !== 0));
-  ui((i = v.value) == null ? void 0 : i.defaultView, "keydown", (ee) => {
+  ui((i = p.value) == null ? void 0 : i.defaultView, "keydown", (ee) => {
     ce.value && (ee.defaultPrevented || ee.key === Z.Escape && (ee.preventDefault(), ee.stopPropagation(), ae.close()));
   });
   let ve = T(() => !(P.value || m.value !== 0 || C));
-  return Bu(v, ve, (ee) => {
+  return Bu(p, ve, (ee) => {
     var ie;
-    return { containers: [...(ie = ee.containers) != null ? ie : [], A] };
+    return { containers: [...(ie = ee.containers) != null ? ie : [], k] };
   }), Ee((ee) => {
     if (m.value !== 0) return;
-    let ie = R(g);
+    let ie = F(g);
     if (!ie) return;
     let Ae = new ResizeObserver((me) => {
       for (let ye of me) {
@@ -2235,10 +2235,10 @@ let Kn = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Nu = $({ name: "Dialog", inheri
     Ae.observe(ie), ee(() => Ae.disconnect());
   }), () => {
     let { open: ee, initialFocus: ie, ...Ae } = e, me = { ...n, ref: g, id: l, role: u.value, "aria-modal": m.value === 0 ? !0 : void 0, "aria-labelledby": G.value, "aria-describedby": Y.value }, ye = { open: m.value === 0 };
-    return ue(qr, { force: !0 }, () => [ue(hi, () => ue(_u, { target: g.value }, () => ue(qr, { force: !1 }, () => ue(hn, { initialFocus: ie, containers: A, features: b.value ? Ce(M.value, { parent: hn.features.RestoreFocus, leaf: hn.features.All & ~hn.features.FocusLock }) : hn.features.None }, () => ue(k, {}, () => pe({ ourProps: me, theirProps: { ...Ae, ...n }, slot: ye, attrs: n, slots: r, visible: m.value === 0, features: Qe.RenderStrategy | Qe.Static, name: "Dialog" })))))), ue(x)]);
+    return ue(qr, { force: !0 }, () => [ue(hi, () => ue(_u, { target: g.value }, () => ue(qr, { force: !1 }, () => ue(hn, { initialFocus: ie, containers: k, features: b.value ? Ce(M.value, { parent: hn.features.RestoreFocus, leaf: hn.features.All & ~hn.features.FocusLock }) : hn.features.None }, () => ue(x, {}, () => pe({ ourProps: me, theirProps: { ...Ae, ...n }, slot: ye, attrs: n, slots: r, visible: m.value === 0, features: Qe.RenderStrategy | Qe.Static, name: "Dialog" })))))), ue(A)]);
   };
 } });
-$({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
+R({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
   var r;
   let a = (r = e.id) != null ? r : `headlessui-dialog-overlay-${Te()}`, o = _n("DialogOverlay");
   function i(l) {
@@ -2249,7 +2249,7 @@ $({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div"
     return pe({ ourProps: { id: a, "aria-hidden": !0, onClick: i }, theirProps: l, slot: { open: o.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogOverlay" });
   };
 } });
-$({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: r }) {
+R({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, inheritAttrs: !1, setup(e, { attrs: t, slots: n, expose: r }) {
   var a;
   let o = (a = e.id) != null ? a : `headlessui-dialog-backdrop-${Te()}`, i = _n("DialogBackdrop"), l = E(null);
   return r({ el: l, $el: l }), te(() => {
@@ -2259,7 +2259,7 @@ $({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div
     return ue(qr, { force: !0 }, () => ue(hi, () => pe({ ourProps: d, theirProps: { ...t, ...s }, slot: { open: i.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogBackdrop" })));
   };
 } });
-let ju = $({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n, expose: r }) {
+let ju = R({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n, expose: r }) {
   var a;
   let o = (a = e.id) != null ? a : `headlessui-dialog-panel-${Te()}`, i = _n("DialogPanel");
   r({ el: i.panelRef, $el: i.panelRef });
@@ -2271,7 +2271,7 @@ let ju = $({ name: "DialogPanel", props: { as: { type: [Object, String], default
     return pe({ ourProps: d, theirProps: s, slot: { open: i.dialogState.value === 0 }, attrs: t, slots: n, name: "DialogPanel" });
   };
 } });
-$({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
+R({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
   var r;
   let a = (r = e.id) != null ? r : `headlessui-dialog-title-${Te()}`, o = _n("DialogTitle");
   return te(() => {
@@ -2311,7 +2311,7 @@ function Wu(e) {
 function Hu(e) {
   let t = E(""), n = E("");
   return () => {
-    let r = R(e);
+    let r = F(e);
     if (!r) return "";
     let a = r.innerText;
     if (t.value === a) return n.value;
@@ -2332,42 +2332,42 @@ function gr(e) {
   }
   return t;
 }
-let Yu = $({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: n }) {
+let Yu = R({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: n }) {
   let r = E(1), a = E(null), o = E(null), i = E([]), l = E(""), s = E(null), d = E(1);
   function u(f = (h) => h) {
-    let h = s.value !== null ? i.value[s.value] : null, g = bt(f(i.value.slice()), (m) => R(m.dataRef.domRef)), v = h ? g.indexOf(h) : null;
-    return v === -1 && (v = null), { items: g, activeItemIndex: v };
+    let h = s.value !== null ? i.value[s.value] : null, g = bt(f(i.value.slice()), (m) => F(m.dataRef.domRef)), p = h ? g.indexOf(h) : null;
+    return p === -1 && (p = null), { items: g, activeItemIndex: p };
   }
   let c = { menuState: r, buttonRef: a, itemsRef: o, items: i, searchQuery: l, activeItemIndex: s, activationTrigger: d, closeMenu: () => {
     r.value = 1, s.value = null;
   }, openMenu: () => r.value = 0, goToItem(f, h, g) {
-    let v = u(), m = Hr(f === be.Specific ? { focus: be.Specific, id: h } : { focus: f }, { resolveItems: () => v.items, resolveActiveIndex: () => v.activeItemIndex, resolveId: (b) => b.id, resolveDisabled: (b) => b.dataRef.disabled });
-    l.value = "", s.value = m, d.value = g ?? 1, i.value = v.items;
+    let p = u(), m = Hr(f === be.Specific ? { focus: be.Specific, id: h } : { focus: f }, { resolveItems: () => p.items, resolveActiveIndex: () => p.activeItemIndex, resolveId: (b) => b.id, resolveDisabled: (b) => b.dataRef.disabled });
+    l.value = "", s.value = m, d.value = g ?? 1, i.value = p.items;
   }, search(f) {
     let h = l.value !== "" ? 0 : 1;
     l.value += f.toLowerCase();
-    let g = (s.value !== null ? i.value.slice(s.value + h).concat(i.value.slice(0, s.value + h)) : i.value).find((m) => m.dataRef.textValue.startsWith(l.value) && !m.dataRef.disabled), v = g ? i.value.indexOf(g) : -1;
-    v === -1 || v === s.value || (s.value = v, d.value = 1);
+    let g = (s.value !== null ? i.value.slice(s.value + h).concat(i.value.slice(0, s.value + h)) : i.value).find((m) => m.dataRef.textValue.startsWith(l.value) && !m.dataRef.disabled), p = g ? i.value.indexOf(g) : -1;
+    p === -1 || p === s.value || (s.value = p, d.value = 1);
   }, clearSearch() {
     l.value = "";
   }, registerItem(f, h) {
-    let g = u((v) => [...v, { id: f, dataRef: h }]);
+    let g = u((p) => [...p, { id: f, dataRef: h }]);
     i.value = g.items, s.value = g.activeItemIndex, d.value = 1;
   }, unregisterItem(f) {
     let h = u((g) => {
-      let v = g.findIndex((m) => m.id === f);
-      return v !== -1 && g.splice(v, 1), g;
+      let p = g.findIndex((m) => m.id === f);
+      return p !== -1 && g.splice(p, 1), g;
     });
     i.value = h.items, s.value = h.activeItemIndex, d.value = 1;
   } };
   return ua([a, o], (f, h) => {
     var g;
-    c.closeMenu(), sa(h, la.Loose) || (f.preventDefault(), (g = R(a)) == null || g.focus());
+    c.closeMenu(), sa(h, la.Loose) || (f.preventDefault(), (g = F(a)) == null || g.focus());
   }, T(() => r.value === 0)), Pe(bi, c), fa(T(() => Ce(r.value, { 0: Oe.Open, 1: Oe.Closed }))), () => {
     let f = { open: r.value === 0, close: c.closeMenu };
     return pe({ ourProps: {}, theirProps: e, slot: f, slots: t, attrs: n, name: "Menu" });
   };
-} }), Xu = $({ name: "MenuButton", props: { disabled: { type: Boolean, default: !1 }, as: { type: [Object, String], default: "button" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n, expose: r }) {
+} }), Xu = R({ name: "MenuButton", props: { disabled: { type: Boolean, default: !1 }, as: { type: [Object, String], default: "button" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n, expose: r }) {
   var a;
   let o = (a = e.id) != null ? a : `headlessui-menu-button-${Te()}`, i = gr("MenuButton");
   r({ el: i.buttonRef, $el: i.buttonRef });
@@ -2378,13 +2378,13 @@ let Yu = $({ name: "Menu", props: { as: { type: [Object, String], default: "temp
       case Z.ArrowDown:
         c.preventDefault(), c.stopPropagation(), i.openMenu(), ke(() => {
           var f;
-          (f = R(i.itemsRef)) == null || f.focus({ preventScroll: !0 }), i.goToItem(be.First);
+          (f = F(i.itemsRef)) == null || f.focus({ preventScroll: !0 }), i.goToItem(be.First);
         });
         break;
       case Z.ArrowUp:
         c.preventDefault(), c.stopPropagation(), i.openMenu(), ke(() => {
           var f;
-          (f = R(i.itemsRef)) == null || f.focus({ preventScroll: !0 }), i.goToItem(be.Last);
+          (f = F(i.itemsRef)) == null || f.focus({ preventScroll: !0 }), i.goToItem(be.Last);
         });
         break;
     }
@@ -2399,22 +2399,22 @@ let Yu = $({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   function d(c) {
     e.disabled || (i.menuState.value === 0 ? (i.closeMenu(), ke(() => {
       var f;
-      return (f = R(i.buttonRef)) == null ? void 0 : f.focus({ preventScroll: !0 });
+      return (f = F(i.buttonRef)) == null ? void 0 : f.focus({ preventScroll: !0 });
     })) : (c.preventDefault(), i.openMenu(), Uu(() => {
       var f;
-      return (f = R(i.itemsRef)) == null ? void 0 : f.focus({ preventScroll: !0 });
+      return (f = F(i.itemsRef)) == null ? void 0 : f.focus({ preventScroll: !0 });
     })));
   }
   let u = da(T(() => ({ as: e.as, type: t.type })), i.buttonRef);
   return () => {
     var c;
-    let f = { open: i.menuState.value === 0 }, { ...h } = e, g = { ref: i.buttonRef, id: o, type: u.value, "aria-haspopup": "menu", "aria-controls": (c = R(i.itemsRef)) == null ? void 0 : c.id, "aria-expanded": i.menuState.value === 0, onKeydown: l, onKeyup: s, onClick: d };
+    let f = { open: i.menuState.value === 0 }, { ...h } = e, g = { ref: i.buttonRef, id: o, type: u.value, "aria-haspopup": "menu", "aria-controls": (c = F(i.itemsRef)) == null ? void 0 : c.id, "aria-expanded": i.menuState.value === 0, onKeydown: l, onKeyup: s, onClick: d };
     return pe({ ourProps: g, theirProps: h, slot: f, attrs: t, slots: n, name: "MenuButton" });
   };
-} }), Qu = $({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n, expose: r }) {
+} }), Qu = R({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n, expose: r }) {
   var a;
   let o = (a = e.id) != null ? a : `headlessui-menu-items-${Te()}`, i = gr("MenuItems"), l = E(null);
-  r({ el: i.itemsRef, $el: i.itemsRef }), ca({ container: T(() => R(i.itemsRef)), enabled: T(() => i.menuState.value === 0), accept(f) {
+  r({ el: i.itemsRef, $el: i.itemsRef }), ca({ container: T(() => F(i.itemsRef)), enabled: T(() => i.menuState.value === 0), accept(f) {
     return f.getAttribute("role") === "menuitem" ? NodeFilter.FILTER_REJECT : f.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
   }, walk(f) {
     f.setAttribute("role", "none");
@@ -2427,9 +2427,9 @@ let Yu = $({ name: "Menu", props: { as: { type: [Object, String], default: "temp
       case Z.Enter:
         if (f.preventDefault(), f.stopPropagation(), i.activeItemIndex.value !== null) {
           let g = i.items.value[i.activeItemIndex.value];
-          (h = R(g.dataRef.domRef)) == null || h.click();
+          (h = F(g.dataRef.domRef)) == null || h.click();
         }
-        i.closeMenu(), Qo(R(i.buttonRef));
+        i.closeMenu(), Qo(F(i.buttonRef));
         break;
       case Z.ArrowDown:
         return f.preventDefault(), f.stopPropagation(), i.goToItem(be.Next);
@@ -2444,11 +2444,11 @@ let Yu = $({ name: "Menu", props: { as: { type: [Object, String], default: "temp
       case Z.Escape:
         f.preventDefault(), f.stopPropagation(), i.closeMenu(), ke(() => {
           var g;
-          return (g = R(i.buttonRef)) == null ? void 0 : g.focus({ preventScroll: !0 });
+          return (g = F(i.buttonRef)) == null ? void 0 : g.focus({ preventScroll: !0 });
         });
         break;
       case Z.Tab:
-        f.preventDefault(), f.stopPropagation(), i.closeMenu(), ke(() => tu(R(i.buttonRef), f.shiftKey ? xe.Previous : xe.Next));
+        f.preventDefault(), f.stopPropagation(), i.closeMenu(), ke(() => tu(F(i.buttonRef), f.shiftKey ? xe.Previous : xe.Next));
         break;
       default:
         f.key.length === 1 && (i.search(f.key), l.value = setTimeout(() => i.clearSearch(), 350));
@@ -2465,10 +2465,10 @@ let Yu = $({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   let u = Fn(), c = T(() => u !== null ? (u.value & Oe.Open) === Oe.Open : i.menuState.value === 0);
   return () => {
     var f, h;
-    let g = { open: i.menuState.value === 0 }, { ...v } = e, m = { "aria-activedescendant": i.activeItemIndex.value === null || (f = i.items.value[i.activeItemIndex.value]) == null ? void 0 : f.id, "aria-labelledby": (h = R(i.buttonRef)) == null ? void 0 : h.id, id: o, onKeydown: s, onKeyup: d, role: "menu", tabIndex: 0, ref: i.itemsRef };
-    return pe({ ourProps: m, theirProps: v, slot: g, attrs: t, slots: n, features: Qe.RenderStrategy | Qe.Static, visible: c.value, name: "MenuItems" });
+    let g = { open: i.menuState.value === 0 }, { ...p } = e, m = { "aria-activedescendant": i.activeItemIndex.value === null || (f = i.items.value[i.activeItemIndex.value]) == null ? void 0 : f.id, "aria-labelledby": (h = F(i.buttonRef)) == null ? void 0 : h.id, id: o, onKeydown: s, onKeyup: d, role: "menu", tabIndex: 0, ref: i.itemsRef };
+    return pe({ ourProps: m, theirProps: p, slot: g, attrs: t, slots: n, features: Qe.RenderStrategy | Qe.Static, visible: c.value, name: "MenuItems" });
   };
-} }), Gu = $({ name: "MenuItem", inheritAttrs: !1, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: null } }, setup(e, { slots: t, attrs: n, expose: r }) {
+} }), Gu = R({ name: "MenuItem", inheritAttrs: !1, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: null } }, setup(e, { slots: t, attrs: n, expose: r }) {
   var a;
   let o = (a = e.id) != null ? a : `headlessui-menu-item-${Te()}`, i = gr("MenuItem"), l = E(null);
   r({ el: l, $el: l });
@@ -2478,12 +2478,12 @@ let Yu = $({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   te(() => i.registerItem(o, u)), De(() => i.unregisterItem(o)), Ee(() => {
     i.menuState.value === 0 && s.value && i.activationTrigger.value !== 0 && ke(() => {
       var b, y;
-      return (y = (b = R(l)) == null ? void 0 : b.scrollIntoView) == null ? void 0 : y.call(b, { block: "nearest" });
+      return (y = (b = F(l)) == null ? void 0 : b.scrollIntoView) == null ? void 0 : y.call(b, { block: "nearest" });
     });
   });
   function c(b) {
     if (e.disabled) return b.preventDefault();
-    i.closeMenu(), Qo(R(i.buttonRef));
+    i.closeMenu(), Qo(F(i.buttonRef));
   }
   function f() {
     if (e.disabled) return i.goToItem(be.Nothing);
@@ -2493,7 +2493,7 @@ let Yu = $({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   function g(b) {
     h.update(b);
   }
-  function v(b) {
+  function p(b) {
     h.wasMoved(b) && (e.disabled || s.value || i.goToItem(be.Specific, o, 0));
   }
   function m(b) {
@@ -2501,7 +2501,7 @@ let Yu = $({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   }
   return () => {
     let { disabled: b, ...y } = e, C = { active: s.value, disabled: b, close: i.closeMenu };
-    return pe({ ourProps: { id: o, ref: l, role: "menuitem", tabIndex: b === !0 ? void 0 : -1, "aria-disabled": b === !0 ? !0 : void 0, onClick: c, onFocus: f, onPointerenter: g, onMouseenter: g, onPointermove: v, onMousemove: v, onPointerleave: m, onMouseleave: m }, theirProps: { ...n, ...y }, slot: C, attrs: n, slots: t, name: "MenuItem" });
+    return pe({ ourProps: { id: o, ref: l, role: "menuitem", tabIndex: b === !0 ? void 0 : -1, "aria-disabled": b === !0 ? !0 : void 0, onClick: c, onFocus: f, onPointerenter: g, onMouseenter: g, onPointermove: p, onMousemove: p, onPointerleave: m, onMouseleave: m }, theirProps: { ...n, ...y }, slot: C, attrs: n, slots: t, name: "MenuItem" });
   };
 } }), yi = /* @__PURE__ */ Symbol("LabelContext");
 function Ai() {
@@ -2522,7 +2522,7 @@ function wi({ slot: e = {}, name: t = "Label", props: n = {} } = {}) {
   }
   return Pe(yi, { register: a, slot: e, name: t, props: n }), T(() => r.value.length > 0 ? r.value.join(" ") : void 0);
 }
-$({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: null } }, setup(e, { slots: t, attrs: n }) {
+R({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: null } }, setup(e, { slots: t, attrs: n }) {
   var r;
   let a = (r = e.id) != null ? r : `headlessui-label-${Te()}`, o = Ai();
   return te(() => De(o.register(a))), () => {
@@ -2542,7 +2542,7 @@ function ki(e) {
   }
   return t;
 }
-let Ju = $({ name: "RadioGroup", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "div" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], default: () => Ku }, 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 }, id: { type: String, default: null } }, inheritAttrs: !1, setup(e, { emit: t, attrs: n, slots: r, expose: a }) {
+let Ju = R({ name: "RadioGroup", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "div" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], default: () => Ku }, 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 }, id: { type: String, default: null } }, inheritAttrs: !1, setup(e, { emit: t, attrs: n, slots: r, expose: a }) {
   var o;
   let i = (o = e.id) != null ? o : `headlessui-radiogroup-${Te()}`, l = E(null), s = E([]), d = wi({ name: "RadioGroupLabel" }), u = va({ name: "RadioGroupDescription" });
   a({ el: l, $el: l });
@@ -2563,7 +2563,7 @@ let Ju = $({ name: "RadioGroup", emits: { "update:modelValue": (e) => !0 }, prop
     let b = s.value.findIndex((y) => y.id === m);
     b !== -1 && s.value.splice(b, 1);
   } };
-  Pe(xi, h), ca({ container: T(() => R(l)), accept(m) {
+  Pe(xi, h), ca({ container: T(() => F(l)), accept(m) {
     return m.getAttribute("role") === "radio" ? NodeFilter.FILTER_REJECT : m.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
   }, walk(m) {
     m.setAttribute("role", "none");
@@ -2579,8 +2579,8 @@ let Ju = $({ name: "RadioGroup", emits: { "update:modelValue": (e) => !0 }, prop
       case Z.ArrowUp:
         if (m.preventDefault(), m.stopPropagation(), Ne(b, xe.Previous | xe.WrapAround) === Ot.Success) {
           let y = s.value.find((C) => {
-            var p;
-            return C.element === ((p = je(l)) == null ? void 0 : p.activeElement);
+            var v;
+            return C.element === ((v = je(l)) == null ? void 0 : v.activeElement);
           });
           y && h.change(y.propsRef.value);
         }
@@ -2589,8 +2589,8 @@ let Ju = $({ name: "RadioGroup", emits: { "update:modelValue": (e) => !0 }, prop
       case Z.ArrowDown:
         if (m.preventDefault(), m.stopPropagation(), Ne(b, xe.Next | xe.WrapAround) === Ot.Success) {
           let y = s.value.find((C) => {
-            var p;
-            return C.element === ((p = je(C.element)) == null ? void 0 : p.activeElement);
+            var v;
+            return C.element === ((v = je(C.element)) == null ? void 0 : v.activeElement);
           });
           y && h.change(y.propsRef.value);
         }
@@ -2599,48 +2599,48 @@ let Ju = $({ name: "RadioGroup", emits: { "update:modelValue": (e) => !0 }, prop
         {
           m.preventDefault(), m.stopPropagation();
           let y = s.value.find((C) => {
-            var p;
-            return C.element === ((p = je(C.element)) == null ? void 0 : p.activeElement);
+            var v;
+            return C.element === ((v = je(C.element)) == null ? void 0 : v.activeElement);
           });
           y && h.change(y.propsRef.value);
         }
         break;
     }
   }
-  let v = T(() => {
+  let p = T(() => {
     var m;
-    return (m = R(l)) == null ? void 0 : m.closest("form");
+    return (m = F(l)) == null ? void 0 : m.closest("form");
   });
   return te(() => {
-    ne([v], () => {
-      if (!v.value || e.defaultValue === void 0) return;
+    ne([p], () => {
+      if (!p.value || e.defaultValue === void 0) return;
       function m() {
         h.change(e.defaultValue);
       }
-      return v.value.addEventListener("reset", m), () => {
+      return p.value.addEventListener("reset", m), () => {
         var b;
-        (b = v.value) == null || b.removeEventListener("reset", m);
+        (b = p.value) == null || b.removeEventListener("reset", m);
       };
     }, { immediate: !0 });
   }), () => {
-    let { disabled: m, name: b, form: y, ...C } = e, p = { ref: l, id: i, role: "radiogroup", "aria-labelledby": d.value, "aria-describedby": u.value, onKeydown: g };
-    return ue(fe, [...b != null && c.value != null ? pa({ [b]: c.value }).map(([k, A]) => ue(Xt, ni({ features: Yt.Hidden, key: k, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: y, disabled: m, name: k, value: A }))) : [], pe({ ourProps: p, theirProps: { ...n, ...Qt(C, ["modelValue", "defaultValue", "by"]) }, slot: {}, attrs: n, slots: r, name: "RadioGroup" })]);
+    let { disabled: m, name: b, form: y, ...C } = e, v = { ref: l, id: i, role: "radiogroup", "aria-labelledby": d.value, "aria-describedby": u.value, onKeydown: g };
+    return ue(fe, [...b != null && c.value != null ? pa({ [b]: c.value }).map(([x, k]) => ue(Xt, ni({ features: Yt.Hidden, key: x, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: y, disabled: m, name: x, value: k }))) : [], pe({ ourProps: v, theirProps: { ...n, ...Qt(C, ["modelValue", "defaultValue", "by"]) }, slot: {}, attrs: n, slots: r, name: "RadioGroup" })]);
   };
 } });
 var Zu = ((e) => (e[e.Empty = 1] = "Empty", e[e.Active = 2] = "Active", e))(Zu || {});
-let ed = $({ name: "RadioGroupOption", props: { as: { type: [Object, String], default: "div" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n, expose: r }) {
+let ed = R({ name: "RadioGroupOption", props: { as: { type: [Object, String], default: "div" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n, expose: r }) {
   var a;
   let o = (a = e.id) != null ? a : `headlessui-radiogroup-option-${Te()}`, i = ki("RadioGroupOption"), l = wi({ name: "RadioGroupLabel" }), s = va({ name: "RadioGroupDescription" }), d = E(null), u = T(() => ({ value: e.value, disabled: e.disabled })), c = E(1);
   r({ el: d, $el: d });
-  let f = T(() => R(d));
+  let f = T(() => F(d));
   te(() => i.registerOption({ id: o, element: f, propsRef: u })), De(() => i.unregisterOption(o));
   let h = T(() => {
-    var p;
-    return ((p = i.firstOption.value) == null ? void 0 : p.id) === o;
-  }), g = T(() => i.disabled.value || e.disabled), v = T(() => i.compare(Le(i.value.value), Le(e.value))), m = T(() => g.value ? -1 : v.value || !i.containsCheckedOption.value && h.value ? 0 : -1);
+    var v;
+    return ((v = i.firstOption.value) == null ? void 0 : v.id) === o;
+  }), g = T(() => i.disabled.value || e.disabled), p = T(() => i.compare(Le(i.value.value), Le(e.value))), m = T(() => g.value ? -1 : p.value || !i.containsCheckedOption.value && h.value ? 0 : -1);
   function b() {
-    var p;
-    i.change(e.value) && (c.value |= 2, (p = R(d)) == null || p.focus());
+    var v;
+    i.change(e.value) && (c.value |= 2, (v = F(d)) == null || v.focus());
   }
   function y() {
     c.value |= 2;
@@ -2649,10 +2649,10 @@ let ed = $({ name: "RadioGroupOption", props: { as: { type: [Object, String], de
     c.value &= -3;
   }
   return () => {
-    let { value: p, disabled: k, ...A } = e, S = { checked: v.value, disabled: g.value, active: !!(c.value & 2) }, x = { id: o, ref: d, role: "radio", "aria-checked": v.value ? "true" : "false", "aria-labelledby": l.value, "aria-describedby": s.value, "aria-disabled": g.value ? !0 : void 0, tabIndex: m.value, onClick: g.value ? void 0 : b, onFocus: g.value ? void 0 : y, onBlur: g.value ? void 0 : C };
-    return pe({ ourProps: x, theirProps: A, slot: S, attrs: t, slots: n, name: "RadioGroupOption" });
+    let { value: v, disabled: x, ...k } = e, S = { checked: p.value, disabled: g.value, active: !!(c.value & 2) }, A = { id: o, ref: d, role: "radio", "aria-checked": p.value ? "true" : "false", "aria-labelledby": l.value, "aria-describedby": s.value, "aria-disabled": g.value ? !0 : void 0, tabIndex: m.value, onClick: g.value ? void 0 : b, onFocus: g.value ? void 0 : y, onBlur: g.value ? void 0 : C };
+    return pe({ ourProps: A, theirProps: k, slot: S, attrs: t, slots: n, name: "RadioGroupOption" });
   };
-} }), td = $({ props: { onFocus: { type: Function, required: !0 } }, setup(e) {
+} }), td = R({ props: { onFocus: { type: Function, required: !0 } }, setup(e) {
   let t = E(!0);
   return () => t.value ? ue(Xt, { as: "button", type: "button", features: Yt.Focusable, onFocus(n) {
     n.preventDefault();
@@ -2682,45 +2682,45 @@ function Vn(e) {
   }
   return t;
 }
-let ma = /* @__PURE__ */ Symbol("TabsSSRContext"), ad = $({ name: "TabGroup", emits: { change: (e) => !0 }, props: { as: { type: [Object, String], default: "template" }, selectedIndex: { type: [Number], default: null }, defaultIndex: { type: [Number], default: 0 }, vertical: { type: [Boolean], default: !1 }, manual: { type: [Boolean], default: !1 } }, inheritAttrs: !1, setup(e, { slots: t, attrs: n, emit: r }) {
+let ma = /* @__PURE__ */ Symbol("TabsSSRContext"), ad = R({ name: "TabGroup", emits: { change: (e) => !0 }, props: { as: { type: [Object, String], default: "template" }, selectedIndex: { type: [Number], default: null }, defaultIndex: { type: [Number], default: 0 }, vertical: { type: [Boolean], default: !1 }, manual: { type: [Boolean], default: !1 } }, inheritAttrs: !1, setup(e, { slots: t, attrs: n, emit: r }) {
   var a;
   let o = E((a = e.selectedIndex) != null ? a : e.defaultIndex), i = E([]), l = E([]), s = T(() => e.selectedIndex !== null), d = T(() => s.value ? e.selectedIndex : o.value);
-  function u(v) {
+  function u(p) {
     var m;
-    let b = bt(c.tabs.value, R), y = bt(c.panels.value, R), C = b.filter((p) => {
-      var k;
-      return !((k = R(p)) != null && k.hasAttribute("disabled"));
+    let b = bt(c.tabs.value, F), y = bt(c.panels.value, F), C = b.filter((v) => {
+      var x;
+      return !((x = F(v)) != null && x.hasAttribute("disabled"));
     });
-    if (v < 0 || v > b.length - 1) {
-      let p = Ce(o.value === null ? 0 : Math.sign(v - o.value), { [-1]: () => 1, 0: () => Ce(Math.sign(v), { [-1]: () => 0, 0: () => 0, 1: () => 1 }), 1: () => 0 }), k = Ce(p, { 0: () => b.indexOf(C[0]), 1: () => b.indexOf(C[C.length - 1]) });
-      k !== -1 && (o.value = k), c.tabs.value = b, c.panels.value = y;
+    if (p < 0 || p > b.length - 1) {
+      let v = Ce(o.value === null ? 0 : Math.sign(p - o.value), { [-1]: () => 1, 0: () => Ce(Math.sign(p), { [-1]: () => 0, 0: () => 0, 1: () => 1 }), 1: () => 0 }), x = Ce(v, { 0: () => b.indexOf(C[0]), 1: () => b.indexOf(C[C.length - 1]) });
+      x !== -1 && (o.value = x), c.tabs.value = b, c.panels.value = y;
     } else {
-      let p = b.slice(0, v), k = [...b.slice(v), ...p].find((S) => C.includes(S));
-      if (!k) return;
-      let A = (m = b.indexOf(k)) != null ? m : c.selectedIndex.value;
-      A === -1 && (A = c.selectedIndex.value), o.value = A, c.tabs.value = b, c.panels.value = y;
+      let v = b.slice(0, p), x = [...b.slice(p), ...v].find((S) => C.includes(S));
+      if (!x) return;
+      let k = (m = b.indexOf(x)) != null ? m : c.selectedIndex.value;
+      k === -1 && (k = c.selectedIndex.value), o.value = k, c.tabs.value = b, c.panels.value = y;
     }
   }
   let c = { selectedIndex: T(() => {
-    var v, m;
-    return (m = (v = o.value) != null ? v : e.defaultIndex) != null ? m : null;
-  }), orientation: T(() => e.vertical ? "vertical" : "horizontal"), activation: T(() => e.manual ? "manual" : "auto"), tabs: i, panels: l, setSelectedIndex(v) {
-    d.value !== v && r("change", v), s.value || u(v);
-  }, registerTab(v) {
+    var p, m;
+    return (m = (p = o.value) != null ? p : e.defaultIndex) != null ? m : null;
+  }), orientation: T(() => e.vertical ? "vertical" : "horizontal"), activation: T(() => e.manual ? "manual" : "auto"), tabs: i, panels: l, setSelectedIndex(p) {
+    d.value !== p && r("change", p), s.value || u(p);
+  }, registerTab(p) {
     var m;
-    if (i.value.includes(v)) return;
+    if (i.value.includes(p)) return;
     let b = i.value[o.value];
-    if (i.value.push(v), i.value = bt(i.value, R), !s.value) {
+    if (i.value.push(p), i.value = bt(i.value, F), !s.value) {
       let y = (m = i.value.indexOf(b)) != null ? m : o.value;
       y !== -1 && (o.value = y);
     }
-  }, unregisterTab(v) {
-    let m = i.value.indexOf(v);
+  }, unregisterTab(p) {
+    let m = i.value.indexOf(p);
     m !== -1 && i.value.splice(m, 1);
-  }, registerPanel(v) {
-    l.value.includes(v) || (l.value.push(v), l.value = bt(l.value, R));
-  }, unregisterPanel(v) {
-    let m = l.value.indexOf(v);
+  }, registerPanel(p) {
+    l.value.includes(p) || (l.value.push(p), l.value = bt(l.value, F));
+  }, unregisterPanel(p) {
+    let m = l.value.indexOf(p);
     m !== -1 && l.value.splice(m, 1);
   } };
   Pe(Si, c);
@@ -2731,30 +2731,30 @@ let ma = /* @__PURE__ */ Symbol("TabsSSRContext"), ad = $({ name: "TabGroup", em
   let g = T(() => e.selectedIndex);
   return te(() => {
     ne([g], () => {
-      var v;
-      return u((v = e.selectedIndex) != null ? v : e.defaultIndex);
+      var p;
+      return u((p = e.selectedIndex) != null ? p : e.defaultIndex);
     }, { immediate: !0 });
   }), Ee(() => {
     if (!s.value || d.value == null || c.tabs.value.length <= 0) return;
-    let v = bt(c.tabs.value, R);
-    v.some((m, b) => R(c.tabs.value[b]) !== R(m)) && c.setSelectedIndex(v.findIndex((m) => R(m) === R(c.tabs.value[d.value])));
+    let p = bt(c.tabs.value, F);
+    p.some((m, b) => F(c.tabs.value[b]) !== F(m)) && c.setSelectedIndex(p.findIndex((m) => F(m) === F(c.tabs.value[d.value])));
   }), () => {
-    let v = { selectedIndex: o.value };
+    let p = { selectedIndex: o.value };
     return ue(fe, [i.value.length <= 0 && ue(td, { onFocus: () => {
       for (let m of i.value) {
-        let b = R(m);
+        let b = F(m);
         if (b?.tabIndex === 0) return b.focus(), !0;
       }
       return !1;
-    } }), pe({ theirProps: { ...n, ...Qt(e, ["selectedIndex", "defaultIndex", "manual", "vertical", "onChange"]) }, ourProps: {}, slot: v, slots: t, attrs: n, name: "TabGroup" })]);
+    } }), pe({ theirProps: { ...n, ...Qt(e, ["selectedIndex", "defaultIndex", "manual", "vertical", "onChange"]) }, ourProps: {}, slot: p, slots: t, attrs: n, name: "TabGroup" })]);
   };
-} }), od = $({ name: "TabList", props: { as: { type: [Object, String], default: "div" } }, setup(e, { attrs: t, slots: n }) {
+} }), od = R({ name: "TabList", props: { as: { type: [Object, String], default: "div" } }, setup(e, { attrs: t, slots: n }) {
   let r = Vn("TabList");
   return () => {
     let a = { selectedIndex: r.selectedIndex.value }, o = { role: "tablist", "aria-orientation": r.orientation.value };
     return pe({ ourProps: o, theirProps: e, slot: a, attrs: t, slots: n, name: "TabList" });
   };
-} }), id = $({ name: "Tab", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: !1 }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n, expose: r }) {
+} }), id = R({ name: "Tab", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: !1 }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n, expose: r }) {
   var a;
   let o = (a = e.id) != null ? a : `headlessui-tabs-tab-${Te()}`, i = Vn("Tab"), l = E(null);
   r({ el: l, $el: l }), te(() => i.registerTab(l)), De(() => i.unregisterTab(l));
@@ -2770,15 +2770,15 @@ let ma = /* @__PURE__ */ Symbol("TabsSSRContext"), ad = $({ name: "TabGroup", em
   }), c = T(() => u.value === i.selectedIndex.value);
   function f(y) {
     var C;
-    let p = y();
-    if (p === Ot.Success && i.activation.value === "auto") {
-      let k = (C = je(l)) == null ? void 0 : C.activeElement, A = i.tabs.value.findIndex((S) => R(S) === k);
-      A !== -1 && i.setSelectedIndex(A);
+    let v = y();
+    if (v === Ot.Success && i.activation.value === "auto") {
+      let x = (C = je(l)) == null ? void 0 : C.activeElement, k = i.tabs.value.findIndex((S) => F(S) === x);
+      k !== -1 && i.setSelectedIndex(k);
     }
-    return p;
+    return v;
   }
   function h(y) {
-    let C = i.tabs.value.map((p) => R(p)).filter(Boolean);
+    let C = i.tabs.value.map((v) => F(v)).filter(Boolean);
     if (y.key === Z.Space || y.key === Z.Enter) {
       y.preventDefault(), y.stopPropagation(), i.setSelectedIndex(u.value);
       return;
@@ -2798,9 +2798,9 @@ let ma = /* @__PURE__ */ Symbol("TabsSSRContext"), ad = $({ name: "TabGroup", em
     } })) === Ot.Success) return y.preventDefault();
   }
   let g = E(!1);
-  function v() {
+  function p() {
     var y;
-    g.value || (g.value = !0, !e.disabled && ((y = R(l)) == null || y.focus({ preventScroll: !0 }), i.setSelectedIndex(u.value), hr(() => {
+    g.value || (g.value = !0, !e.disabled && ((y = F(l)) == null || y.focus({ preventScroll: !0 }), i.setSelectedIndex(u.value), hr(() => {
       g.value = !1;
     })));
   }
@@ -2810,16 +2810,16 @@ let ma = /* @__PURE__ */ Symbol("TabsSSRContext"), ad = $({ name: "TabGroup", em
   let b = da(T(() => ({ as: e.as, type: t.type })), l);
   return () => {
     var y, C;
-    let p = { selected: c.value, disabled: (y = e.disabled) != null ? y : !1 }, { ...k } = e, A = { ref: l, onKeydown: h, onMousedown: m, onClick: v, id: o, role: "tab", type: b.value, "aria-controls": (C = R(i.panels.value[u.value])) == null ? void 0 : C.id, "aria-selected": c.value, tabIndex: c.value ? 0 : -1, disabled: e.disabled ? !0 : void 0 };
-    return pe({ ourProps: A, theirProps: k, slot: p, attrs: t, slots: n, name: "Tab" });
+    let v = { selected: c.value, disabled: (y = e.disabled) != null ? y : !1 }, { ...x } = e, k = { ref: l, onKeydown: h, onMousedown: m, onClick: p, id: o, role: "tab", type: b.value, "aria-controls": (C = F(i.panels.value[u.value])) == null ? void 0 : C.id, "aria-selected": c.value, tabIndex: c.value ? 0 : -1, disabled: e.disabled ? !0 : void 0 };
+    return pe({ ourProps: k, theirProps: x, slot: v, attrs: t, slots: n, name: "Tab" });
   };
-} }), ld = $({ name: "TabPanels", props: { as: { type: [Object, String], default: "div" } }, setup(e, { slots: t, attrs: n }) {
+} }), ld = R({ name: "TabPanels", props: { as: { type: [Object, String], default: "div" } }, setup(e, { slots: t, attrs: n }) {
   let r = Vn("TabPanels");
   return () => {
     let a = { selectedIndex: r.selectedIndex.value };
     return pe({ theirProps: e, ourProps: {}, slot: a, attrs: n, slots: t, name: "TabPanels" });
   };
-} }), sd = $({ name: "TabPanel", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: null }, tabIndex: { type: Number, default: 0 } }, setup(e, { attrs: t, slots: n, expose: r }) {
+} }), sd = R({ name: "TabPanel", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: null }, tabIndex: { type: Number, default: 0 } }, setup(e, { attrs: t, slots: n, expose: r }) {
   var a;
   let o = (a = e.id) != null ? a : `headlessui-tabs-panel-${Te()}`, i = Vn("TabPanel"), l = E(null);
   r({ el: l, $el: l }), te(() => i.registerPanel(l)), De(() => i.unregisterPanel(l));
@@ -2835,8 +2835,8 @@ let ma = /* @__PURE__ */ Symbol("TabsSSRContext"), ad = $({ name: "TabGroup", em
   }), c = T(() => u.value === i.selectedIndex.value);
   return () => {
     var f;
-    let h = { selected: c.value }, { tabIndex: g, ...v } = e, m = { ref: l, id: o, role: "tabpanel", "aria-labelledby": (f = R(i.tabs.value[u.value])) == null ? void 0 : f.id, tabIndex: c.value ? g : -1 };
-    return !c.value && e.unmount && !e.static ? ue(Xt, { as: "span", "aria-hidden": !0, ...m }) : pe({ ourProps: m, theirProps: v, slot: h, attrs: t, slots: n, features: Qe.Static | Qe.RenderStrategy, visible: c.value, name: "TabPanel" });
+    let h = { selected: c.value }, { tabIndex: g, ...p } = e, m = { ref: l, id: o, role: "tabpanel", "aria-labelledby": (f = F(i.tabs.value[u.value])) == null ? void 0 : f.id, tabIndex: c.value ? g : -1 };
+    return !c.value && e.unmount && !e.static ? ue(Xt, { as: "span", "aria-hidden": !0, ...m }) : pe({ ourProps: m, theirProps: p, slot: h, attrs: t, slots: n, features: Qe.Static | Qe.RenderStrategy, visible: c.value, name: "TabPanel" });
   };
 } });
 function ud(e) {
@@ -2907,7 +2907,7 @@ function Oi(e) {
   }
   return { children: t, register: a, unregister: r };
 }
-let Ci = Qe.RenderStrategy, Gr = $({ props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(e, { emit: t, attrs: n, slots: r, expose: a }) {
+let Ci = Qe.RenderStrategy, Gr = R({ props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(e, { emit: t, attrs: n, slots: r, expose: a }) {
   let o = E(0);
   function i() {
     o.value |= Oe.Opening, t("beforeEnter");
@@ -2924,47 +2924,47 @@ let Ci = Qe.RenderStrategy, Gr = $({ props: { as: { type: [Object, String], defa
   if (!fd() && au()) return () => ue(ba, { ...e, onBeforeEnter: i, onAfterEnter: l, onBeforeLeave: s, onAfterLeave: d }, r);
   let u = E(null), c = T(() => e.unmount ? Ct.Unmount : Ct.Hidden);
   a({ el: u, $el: u });
-  let { show: f, appear: h } = pd(), { register: g, unregister: v } = vd(), m = E(f.value ? "visible" : "hidden"), b = { value: !0 }, y = Te(), C = { value: !1 }, p = Oi(() => {
-    !C.value && m.value !== "hidden" && (m.value = "hidden", v(y), d());
+  let { show: f, appear: h } = pd(), { register: g, unregister: p } = vd(), m = E(f.value ? "visible" : "hidden"), b = { value: !0 }, y = Te(), C = { value: !1 }, v = Oi(() => {
+    !C.value && m.value !== "hidden" && (m.value = "hidden", p(y), d());
   });
   te(() => {
-    let L = g(y);
-    De(L);
+    let $ = g(y);
+    De($);
   }), Ee(() => {
     if (c.value === Ct.Hidden && y) {
       if (f.value && m.value !== "visible") {
         m.value = "visible";
         return;
       }
-      Ce(m.value, { hidden: () => v(y), visible: () => g(y) });
+      Ce(m.value, { hidden: () => p(y), visible: () => g(y) });
     }
   });
-  let k = _t(e.enter), A = _t(e.enterFrom), S = _t(e.enterTo), x = _t(e.entered), M = _t(e.leave), P = _t(e.leaveFrom), I = _t(e.leaveTo);
+  let x = _t(e.enter), k = _t(e.enterFrom), S = _t(e.enterTo), A = _t(e.entered), M = _t(e.leave), P = _t(e.leaveFrom), I = _t(e.leaveTo);
   te(() => {
     Ee(() => {
       if (m.value === "visible") {
-        let L = R(u);
-        if (L instanceof Comment && L.data === "") throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
+        let $ = F(u);
+        if ($ instanceof Comment && $.data === "") throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
       }
     });
   });
-  function F(L) {
-    let U = b.value && !h.value, Y = R(u);
-    !Y || !(Y instanceof HTMLElement) || U || (C.value = !0, f.value && i(), f.value || s(), L(f.value ? Za(Y, k, A, S, x, (G) => {
+  function L($) {
+    let U = b.value && !h.value, Y = F(u);
+    !Y || !(Y instanceof HTMLElement) || U || (C.value = !0, f.value && i(), f.value || s(), $(f.value ? Za(Y, x, k, S, A, (G) => {
       C.value = !1, G === Qr.Finished && l();
-    }) : Za(Y, M, P, I, x, (G) => {
-      C.value = !1, G === Qr.Finished && (br(p) || (m.value = "hidden", v(y), d()));
+    }) : Za(Y, M, P, I, A, (G) => {
+      C.value = !1, G === Qr.Finished && (br(v) || (m.value = "hidden", p(y), d()));
     })));
   }
   return te(() => {
-    ne([f], (L, U, Y) => {
-      F(Y), b.value = !1;
+    ne([f], ($, U, Y) => {
+      L(Y), b.value = !1;
     }, { immediate: !0 });
-  }), Pe(ga, p), fa(T(() => Ce(m.value, { visible: Oe.Open, hidden: Oe.Closed }) | o.value)), () => {
-    let { appear: L, show: U, enter: Y, enterFrom: G, enterTo: ae, entered: re, leave: ce, leaveFrom: ve, leaveTo: ee, ...ie } = e, Ae = { ref: u }, me = { ...ie, ...h.value && f.value && Ln.isServer ? { class: z([n.class, ie.class, ...k, ...A]) } : {} };
+  }), Pe(ga, v), fa(T(() => Ce(m.value, { visible: Oe.Open, hidden: Oe.Closed }) | o.value)), () => {
+    let { appear: $, show: U, enter: Y, enterFrom: G, enterTo: ae, entered: re, leave: ce, leaveFrom: ve, leaveTo: ee, ...ie } = e, Ae = { ref: u }, me = { ...ie, ...h.value && f.value && Ln.isServer ? { class: z([n.class, ie.class, ...x, ...k]) } : {} };
     return pe({ theirProps: me, ourProps: Ae, slot: {}, slots: r, attrs: n, features: Ci, visible: m.value === "visible", name: "TransitionChild" });
   };
-} }), md = Gr, ba = $({ inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(e, { emit: t, attrs: n, slots: r }) {
+} }), md = Gr, ba = R({ inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(e, { emit: t, attrs: n, slots: r }) {
   let a = Fn(), o = T(() => e.show === null && a !== null ? (a.value & Oe.Open) === Oe.Open : e.show);
   Ee(() => {
     if (![!0, !1].includes(o.value)) throw new Error('A <Transition /> is used but it is missing a `:show="true | false"` prop.');
@@ -2981,7 +2981,7 @@ let Ci = Qe.RenderStrategy, Gr = $({ props: { as: { type: [Object, String], defa
     return pe({ ourProps: { ...c, as: "template" }, theirProps: {}, slot: {}, slots: { ...r, default: () => [ue(md, { onBeforeEnter: () => t("beforeEnter"), onAfterEnter: () => t("afterEnter"), onBeforeLeave: () => t("beforeLeave"), onAfterLeave: () => t("afterLeave"), ...n, ...c, ...u }, r.default)] }, attrs: {}, features: Ci, visible: i.value === "visible", name: "Transition" });
   };
 } });
-const hd = { class: "dropdown-trigger-button" }, gd = /* @__PURE__ */ $({
+const hd = { class: "dropdown-trigger-button" }, gd = /* @__PURE__ */ R({
   __name: "base-dropdown",
   props: {
     position: { default: "left" },
@@ -3025,7 +3025,7 @@ const hd = { class: "dropdown-trigger-button" }, gd = /* @__PURE__ */ $({
       });
     };
   }
-}), bd = /* @__PURE__ */ oe(gd, [["__scopeId", "data-v-f61add00"]]), yd = /* @__PURE__ */ $({
+}), bd = /* @__PURE__ */ oe(gd, [["__scopeId", "data-v-f61add00"]]), yd = /* @__PURE__ */ R({
   __name: "base-dropdown-item",
   props: {
     text: { default: "" }
@@ -3042,7 +3042,7 @@ const hd = { class: "dropdown-trigger-button" }, gd = /* @__PURE__ */ $({
       _: 3
     }));
   }
-}), Ad = /* @__PURE__ */ oe(yd, [["__scopeId", "data-v-83495c7b"]]), Ei = /* @__PURE__ */ $({
+}), Ad = /* @__PURE__ */ oe(yd, [["__scopeId", "data-v-83495c7b"]]), Ei = /* @__PURE__ */ R({
   __name: "base-icon",
   props: {
     icon: {},
@@ -3053,7 +3053,7 @@ const hd = { class: "dropdown-trigger-button" }, gd = /* @__PURE__ */ $({
       class: z([e.icon, "inline-block", "text-xl", { "w-1.2em": e.fixedWidth }])
     }, null, 2));
   }
-}), wd = ["href"], xd = /* @__PURE__ */ $({
+}), wd = ["href"], xd = /* @__PURE__ */ R({
   __name: "base-link",
   props: {
     href: {},
@@ -3076,7 +3076,7 @@ const hd = { class: "dropdown-trigger-button" }, gd = /* @__PURE__ */ $({
       Q(o.$slots, "default", {}, void 0, !0)
     ], 8, wd));
   }
-}), kd = /* @__PURE__ */ oe(xd, [["__scopeId", "data-v-232da412"]]), Sd = /* @__PURE__ */ $({
+}), kd = /* @__PURE__ */ oe(xd, [["__scopeId", "data-v-232da412"]]), Sd = /* @__PURE__ */ R({
   __name: "base-loader",
   props: {
     type: { default: "classic" },
@@ -3092,7 +3092,7 @@ const hd = { class: "dropdown-trigger-button" }, gd = /* @__PURE__ */ $({
       ], !0)
     ], 2));
   }
-}), Od = /* @__PURE__ */ oe(Sd, [["__scopeId", "data-v-eeedca6a"]]), Cd = ["src"], Ed = /* @__PURE__ */ $({
+}), Od = /* @__PURE__ */ oe(Sd, [["__scopeId", "data-v-eeedca6a"]]), Cd = ["src"], Ed = /* @__PURE__ */ R({
   __name: "base-mask",
   props: {
     shape: {},
@@ -3114,7 +3114,7 @@ const hd = { class: "dropdown-trigger-button" }, gd = /* @__PURE__ */ $({
       src: e.src
     }, null, 10, Cd));
   }
-}), Td = /* @__PURE__ */ oe(Ed, [["__scopeId", "data-v-9a6dbd27"]]), Bd = { class: "fixed inset-0 overflow-y-auto" }, Pd = { class: "min-h-full flex items-center justify-center text-center" }, Dd = { class: "flex justify-between" }, Id = { class: "text-xl font-bold" }, Md = { class: "max-h-90vh overflow-auto mt-4" }, $d = /* @__PURE__ */ $({
+}), Td = /* @__PURE__ */ oe(Ed, [["__scopeId", "data-v-9a6dbd27"]]), Bd = { class: "fixed inset-0 overflow-y-auto" }, Pd = { class: "min-h-full flex items-center justify-center text-center" }, Dd = { class: "flex justify-between" }, Id = { class: "text-xl font-bold" }, Md = { class: "max-h-90vh overflow-auto mt-4" }, $d = /* @__PURE__ */ R({
   __name: "base-modal",
   props: {
     title: {},
@@ -3144,10 +3144,6 @@ const hd = { class: "dropdown-trigger-button" }, gd = /* @__PURE__ */ $({
             class: "relative z-60"
           }, {
             default: _(() => [
-              s[3] || (s[3] = O("div", {
-                class: "fixed inset-0 bg-black/10 backdrop-blur-sm",
-                "aria-hidden": "true"
-              }, null, -1)),
               H(N(Gr), {
                 as: "template",
                 enter: "duration-300 ease-out",
@@ -3158,7 +3154,7 @@ const hd = { class: "dropdown-trigger-button" }, gd = /* @__PURE__ */ $({
                 "leave-to": "opacity-0"
               }, {
                 default: _(() => [...s[2] || (s[2] = [
-                  O("div", { class: "fixed inset-0 bg-black bg-opacity-25" }, null, -1)
+                  O("div", { class: "fixed inset-0 bg-black/10 backdrop-blur-sm" }, null, -1)
                 ])]),
                 _: 1
               }),
@@ -3223,7 +3219,7 @@ const hd = { class: "dropdown-trigger-button" }, gd = /* @__PURE__ */ $({
 }), Rd = { class: "flex w-full items-center justify-between" }, Ld = { class: "text-sm text-slate-600 dark:text-slate-400" }, Fd = {
   key: 0,
   class: "flex gap-2"
-}, _d = /* @__PURE__ */ $({
+}, _d = /* @__PURE__ */ R({
   __name: "base-pagination",
   props: {
     modelValue: {},
@@ -3257,13 +3253,13 @@ const hd = { class: "dropdown-trigger-button" }, gd = /* @__PURE__ */ $({
         return !0;
     };
     return (f, h) => {
-      const g = K("base-icon"), v = K("base-button");
+      const g = K("base-icon"), p = K("base-button");
       return w(), B("div", Rd, [
         O("div", null, [
           O("p", Ld, " Showing " + q(e.totalDocument ? 1 + (a.value - 1) * e.pageSize : 0) + " to " + q(a.value * e.pageSize > e.totalDocument ? e.totalDocument : a.value * e.pageSize) + " of " + q(e.totalDocument) + " entries ", 1)
         ]),
         o.value > 1 ? (w(), B("div", Fd, [
-          o.value > 5 ? (w(), X(v, {
+          o.value > 5 ? (w(), X(p, {
             key: 0,
             disabled: a.value === 1,
             variant: "text",
@@ -3275,7 +3271,7 @@ const hd = { class: "dropdown-trigger-button" }, gd = /* @__PURE__ */ $({
             ]),
             _: 1
           }, 8, ["disabled"])) : V("", !0),
-          o.value > 5 ? (w(), X(v, {
+          o.value > 5 ? (w(), X(p, {
             key: 1,
             disabled: a.value === 1,
             variant: "text",
@@ -3288,7 +3284,7 @@ const hd = { class: "dropdown-trigger-button" }, gd = /* @__PURE__ */ $({
             _: 1
           }, 8, ["disabled"])) : V("", !0),
           (w(!0), B(fe, null, Ie(o.value, (m) => (w(), B(fe, { key: m }, [
-            c(m) ? (w(), X(v, {
+            c(m) ? (w(), X(p, {
               key: 0,
               type: "button",
               size: "sm",
@@ -3305,7 +3301,7 @@ const hd = { class: "dropdown-trigger-button" }, gd = /* @__PURE__ */ $({
               _: 2
             }, 1032, ["onClick", "class"])) : V("", !0)
           ], 64))), 128)),
-          o.value > 5 ? (w(), X(v, {
+          o.value > 5 ? (w(), X(p, {
             key: 2,
             disabled: a.value === o.value,
             variant: "text",
@@ -3317,7 +3313,7 @@ const hd = { class: "dropdown-trigger-button" }, gd = /* @__PURE__ */ $({
             ]),
             _: 1
           }, 8, ["disabled"])) : V("", !0),
-          o.value > 5 ? (w(), X(v, {
+          o.value > 5 ? (w(), X(p, {
             key: 3,
             disabled: a.value === o.value,
             variant: "text",
@@ -3409,7 +3405,7 @@ function eo(e, t, n = {}) {
   }
   function c(m, b) {
     const y = ut(m), C = y.$.subTree && y.$.subTree.children;
-    return C == null || !Array.isArray(C) ? !1 : C.some((p) => p.el === b.target || b.composedPath().includes(p.el));
+    return C == null || !Array.isArray(C) ? !1 : C.some((v) => v.el === b.target || b.composedPath().includes(v.el));
   }
   const f = (m) => {
     const b = Sn(e);
@@ -3442,16 +3438,16 @@ function eo(e, t, n = {}) {
         ((b = r.document.activeElement) === null || b === void 0 ? void 0 : b.tagName) === "IFRAME" && !y?.contains(r.document.activeElement) && t(m);
       }, 0);
     }, { passive: !0 })
-  ].filter(Boolean), v = () => g.forEach((m) => m());
+  ].filter(Boolean), p = () => g.forEach((m) => m());
   return l ? {
-    stop: v,
+    stop: p,
     cancel: () => {
       s = !1;
     },
     trigger: (m) => {
       s = !0, f(m), s = !1;
     }
-  } : v;
+  } : p;
 }
 function Pr(e) {
   return typeof Window < "u" && e instanceof Window ? e.document.documentElement : typeof Document < "u" && e instanceof Document ? e.documentElement : e;
@@ -3909,24 +3905,24 @@ function Fi(e, t) {
 }
 function Oa(e, t) {
   t === void 0 && (t = {});
-  var n = t, r = n.placement, a = r === void 0 ? e.placement : r, o = n.boundary, i = o === void 0 ? ac : o, l = n.rootBoundary, s = l === void 0 ? Di : l, d = n.elementContext, u = d === void 0 ? bn : d, c = n.altBoundary, f = c === void 0 ? !1 : c, h = n.padding, g = h === void 0 ? 0 : h, v = Li(typeof g != "number" ? g : Fi(g, jn)), m = u === bn ? oc : bn, b = e.rects.popper, y = e.elements[f ? m : u], C = Sc(Tn(y) ? y : y.contextElement || Dt(e.elements.popper), i, s), p = an(e.elements.reference), k = $i({
-    reference: p,
+  var n = t, r = n.placement, a = r === void 0 ? e.placement : r, o = n.boundary, i = o === void 0 ? ac : o, l = n.rootBoundary, s = l === void 0 ? Di : l, d = n.elementContext, u = d === void 0 ? bn : d, c = n.altBoundary, f = c === void 0 ? !1 : c, h = n.padding, g = h === void 0 ? 0 : h, p = Li(typeof g != "number" ? g : Fi(g, jn)), m = u === bn ? oc : bn, b = e.rects.popper, y = e.elements[f ? m : u], C = Sc(Tn(y) ? y : y.contextElement || Dt(e.elements.popper), i, s), v = an(e.elements.reference), x = $i({
+    reference: v,
     element: b,
     placement: a
-  }), A = Jr(Object.assign({}, b, k)), S = u === bn ? A : p, x = {
-    top: C.top - S.top + v.top,
-    bottom: S.bottom - C.bottom + v.bottom,
-    left: C.left - S.left + v.left,
-    right: S.right - C.right + v.right
+  }), k = Jr(Object.assign({}, b, x)), S = u === bn ? k : v, A = {
+    top: C.top - S.top + p.top,
+    bottom: S.bottom - C.bottom + p.bottom,
+    left: C.left - S.left + p.left,
+    right: S.right - C.right + p.right
   }, M = e.modifiersData.offset;
   if (u === bn && M) {
     var P = M[a];
-    Object.keys(x).forEach(function(I) {
-      var F = [nt, tt].indexOf(I) >= 0 ? 1 : -1, L = [qe, tt].indexOf(I) >= 0 ? "y" : "x";
-      x[I] += P[L] * F;
+    Object.keys(A).forEach(function(I) {
+      var L = [nt, tt].indexOf(I) >= 0 ? 1 : -1, $ = [qe, tt].indexOf(I) >= 0 ? "y" : "x";
+      A[I] += P[$] * L;
     });
   }
-  return x;
+  return A;
 }
 var ao = {
   placement: "bottom",
@@ -3960,13 +3956,13 @@ function Oc(e) {
       state: u,
       setOptions: function(b) {
         var y = typeof b == "function" ? b(u.options) : b;
-        v(), u.options = Object.assign({}, o, u.options, y), u.scrollParents = {
+        p(), u.options = Object.assign({}, o, u.options, y), u.scrollParents = {
           reference: Tn(l) ? On(l) : l.contextElement ? On(l.contextElement) : [],
           popper: On(s)
         };
         var C = gc(yc([].concat(r, u.options.modifiers)));
-        return u.orderedModifiers = C.filter(function(p) {
-          return p.enabled;
+        return u.orderedModifiers = C.filter(function(v) {
+          return v.enabled;
         }), g(), h.update();
       },
       // Sync update – it will always be executed, even if not necessary. This
@@ -3984,15 +3980,15 @@ function Oc(e) {
             }, u.reset = !1, u.placement = u.options.placement, u.orderedModifiers.forEach(function(P) {
               return u.modifiersData[P.name] = Object.assign({}, P.data);
             });
-            for (var p = 0; p < u.orderedModifiers.length; p++) {
+            for (var v = 0; v < u.orderedModifiers.length; v++) {
               if (u.reset === !0) {
-                u.reset = !1, p = -1;
+                u.reset = !1, v = -1;
                 continue;
               }
-              var k = u.orderedModifiers[p], A = k.fn, S = k.options, x = S === void 0 ? {} : S, M = k.name;
-              typeof A == "function" && (u = A({
+              var x = u.orderedModifiers[v], k = x.fn, S = x.options, A = S === void 0 ? {} : S, M = x.name;
+              typeof k == "function" && (u = k({
                 state: u,
-                options: x,
+                options: A,
                 name: M,
                 instance: h
               }) || u);
@@ -4008,7 +4004,7 @@ function Oc(e) {
         });
       }),
       destroy: function() {
-        v(), f = !0;
+        p(), f = !0;
       }
     };
     if (!oo(l, s))
@@ -4018,20 +4014,20 @@ function Oc(e) {
     });
     function g() {
       u.orderedModifiers.forEach(function(m) {
-        var b = m.name, y = m.options, C = y === void 0 ? {} : y, p = m.effect;
-        if (typeof p == "function") {
-          var k = p({
+        var b = m.name, y = m.options, C = y === void 0 ? {} : y, v = m.effect;
+        if (typeof v == "function") {
+          var x = v({
             state: u,
             name: b,
             instance: h,
             options: C
-          }), A = function() {
+          }), k = function() {
           };
-          c.push(k || A);
+          c.push(x || k);
         }
       });
     }
-    function v() {
+    function p() {
       c.forEach(function(m) {
         return m();
       }), c = [];
@@ -4089,19 +4085,19 @@ function Dc(e) {
   };
 }
 function io(e) {
-  var t, n = e.popper, r = e.popperRect, a = e.placement, o = e.variation, i = e.offsets, l = e.position, s = e.gpuAcceleration, d = e.adaptive, u = e.roundOffsets, c = u === !0 ? Dc(i) : typeof u == "function" ? u(i) : i, f = c.x, h = f === void 0 ? 0 : f, g = c.y, v = g === void 0 ? 0 : g, m = i.hasOwnProperty("x"), b = i.hasOwnProperty("y"), y = ze, C = qe, p = window;
+  var t, n = e.popper, r = e.popperRect, a = e.placement, o = e.variation, i = e.offsets, l = e.position, s = e.gpuAcceleration, d = e.adaptive, u = e.roundOffsets, c = u === !0 ? Dc(i) : typeof u == "function" ? u(i) : i, f = c.x, h = f === void 0 ? 0 : f, g = c.y, p = g === void 0 ? 0 : g, m = i.hasOwnProperty("x"), b = i.hasOwnProperty("y"), y = ze, C = qe, v = window;
   if (d) {
-    var k = Nn(n), A = "clientHeight", S = "clientWidth";
-    k === rt(n) && (k = Dt(n), At(k).position !== "static" && l === "absolute" && (A = "scrollHeight", S = "scrollWidth")), k = k, (a === qe || (a === ze || a === nt) && o === Bn) && (C = tt, v -= k[A] - r.height, v *= s ? 1 : -1), (a === ze || (a === qe || a === tt) && o === Bn) && (y = nt, h -= k[S] - r.width, h *= s ? 1 : -1);
+    var x = Nn(n), k = "clientHeight", S = "clientWidth";
+    x === rt(n) && (x = Dt(n), At(x).position !== "static" && l === "absolute" && (k = "scrollHeight", S = "scrollWidth")), x = x, (a === qe || (a === ze || a === nt) && o === Bn) && (C = tt, p -= x[k] - r.height, p *= s ? 1 : -1), (a === ze || (a === qe || a === tt) && o === Bn) && (y = nt, h -= x[S] - r.width, h *= s ? 1 : -1);
   }
-  var x = Object.assign({
+  var A = Object.assign({
     position: l
   }, d && Pc);
   if (s) {
     var M;
-    return Object.assign({}, x, (M = {}, M[C] = b ? "0" : "", M[y] = m ? "0" : "", M.transform = (p.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + v + "px)" : "translate3d(" + h + "px, " + v + "px, 0)", M));
+    return Object.assign({}, A, (M = {}, M[C] = b ? "0" : "", M[y] = m ? "0" : "", M.transform = (v.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + p + "px)" : "translate3d(" + h + "px, " + p + "px, 0)", M));
   }
-  return Object.assign({}, x, (t = {}, t[C] = b ? v + "px" : "", t[y] = m ? h + "px" : "", t.transform = "", t));
+  return Object.assign({}, A, (t = {}, t[C] = b ? p + "px" : "", t[y] = m ? h + "px" : "", t.transform = "", t));
 }
 function Ic(e) {
   var t = e.state, n = e.options, r = n.gpuAcceleration, a = r === void 0 ? !0 : r, o = n.adaptive, i = o === void 0 ? !0 : o, l = n.roundOffsets, s = l === void 0 ? !0 : l, d = {
@@ -4183,30 +4179,30 @@ function ir(e, t, n) {
   return Tt(e, Pn(t, n));
 }
 function Nc(e) {
-  var t = e.state, n = e.options, r = e.name, a = n.mainAxis, o = a === void 0 ? !0 : a, i = n.altAxis, l = i === void 0 ? !1 : i, s = n.boundary, d = n.rootBoundary, u = n.altBoundary, c = n.padding, f = n.tether, h = f === void 0 ? !0 : f, g = n.tetherOffset, v = g === void 0 ? 0 : g, m = Oa(t, {
+  var t = e.state, n = e.options, r = e.name, a = n.mainAxis, o = a === void 0 ? !0 : a, i = n.altAxis, l = i === void 0 ? !1 : i, s = n.boundary, d = n.rootBoundary, u = n.altBoundary, c = n.padding, f = n.tether, h = f === void 0 ? !0 : f, g = n.tetherOffset, p = g === void 0 ? 0 : g, m = Oa(t, {
     boundary: s,
     rootBoundary: d,
     padding: c,
     altBoundary: u
-  }), b = dt(t.placement), y = ln(t.placement), C = !y, p = Sa(b), k = Vc(p), A = t.modifiersData.popperOffsets, S = t.rects.reference, x = t.rects.popper, M = typeof v == "function" ? v(Object.assign({}, t.rects, {
+  }), b = dt(t.placement), y = ln(t.placement), C = !y, v = Sa(b), x = Vc(v), k = t.modifiersData.popperOffsets, S = t.rects.reference, A = t.rects.popper, M = typeof p == "function" ? p(Object.assign({}, t.rects, {
     placement: t.placement
-  })) : v, P = {
+  })) : p, P = {
     x: 0,
     y: 0
   };
-  if (A) {
+  if (k) {
     if (o || l) {
-      var I = p === "y" ? qe : ze, F = p === "y" ? tt : nt, L = p === "y" ? "height" : "width", U = A[p], Y = A[p] + m[I], G = A[p] - m[F], ae = h ? -x[L] / 2 : 0, re = y === on ? S[L] : x[L], ce = y === on ? -x[L] : -S[L], ve = t.elements.arrow, ee = h && ve ? xa(ve) : {
+      var I = v === "y" ? qe : ze, L = v === "y" ? tt : nt, $ = v === "y" ? "height" : "width", U = k[v], Y = k[v] + m[I], G = k[v] - m[L], ae = h ? -A[$] / 2 : 0, re = y === on ? S[$] : A[$], ce = y === on ? -A[$] : -S[$], ve = t.elements.arrow, ee = h && ve ? xa(ve) : {
         width: 0,
         height: 0
-      }, ie = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Ri(), Ae = ie[I], me = ie[F], ye = ir(0, S[L], ee[L]), Be = C ? S[L] / 2 - ae - ye - Ae - M : re - ye - Ae - M, ot = C ? -S[L] / 2 + ae + ye + me + M : ce + ye + me + M, Re = t.elements.arrow && Nn(t.elements.arrow), it = Re ? p === "y" ? Re.clientTop || 0 : Re.clientLeft || 0 : 0, Ze = t.modifiersData.offset ? t.modifiersData.offset[t.placement][p] : 0, mt = A[p] + Be - Ze - it, Mt = A[p] + ot - Ze;
+      }, ie = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Ri(), Ae = ie[I], me = ie[L], ye = ir(0, S[$], ee[$]), Be = C ? S[$] / 2 - ae - ye - Ae - M : re - ye - Ae - M, ot = C ? -S[$] / 2 + ae + ye + me + M : ce + ye + me + M, Re = t.elements.arrow && Nn(t.elements.arrow), it = Re ? v === "y" ? Re.clientTop || 0 : Re.clientLeft || 0 : 0, Ze = t.modifiersData.offset ? t.modifiersData.offset[t.placement][v] : 0, mt = k[v] + Be - Ze - it, Mt = k[v] + ot - Ze;
       if (o) {
         var wt = ir(h ? Pn(Y, mt) : Y, U, h ? Tt(G, Mt) : G);
-        A[p] = wt, P[p] = wt - U;
+        k[v] = wt, P[v] = wt - U;
       }
       if (l) {
-        var Kt = p === "x" ? qe : ze, Jt = p === "x" ? tt : nt, lt = A[k], xt = lt + m[Kt], $t = lt - m[Jt], Rt = ir(h ? Pn(xt, mt) : xt, lt, h ? Tt($t, Mt) : $t);
-        A[k] = Rt, P[k] = Rt - lt;
+        var Kt = v === "x" ? qe : ze, Jt = v === "x" ? tt : nt, lt = k[x], xt = lt + m[Kt], $t = lt - m[Jt], Rt = ir(h ? Pn(xt, mt) : xt, lt, h ? Tt($t, Mt) : $t);
+        k[x] = Rt, P[x] = Rt - lt;
       }
     }
     t.modifiersData[r] = P;
@@ -4246,16 +4242,16 @@ function qc(e, t) {
     return d.indexOf(g) >= 0;
   });
   f.length === 0 && (f = c);
-  var h = f.reduce(function(g, v) {
-    return g[v] = Oa(e, {
-      placement: v,
+  var h = f.reduce(function(g, p) {
+    return g[p] = Oa(e, {
+      placement: p,
       boundary: a,
       rootBoundary: o,
       padding: i
-    })[dt(v)], g;
+    })[dt(p)], g;
   }, {});
-  return Object.keys(h).sort(function(g, v) {
-    return h[g] - h[v];
+  return Object.keys(h).sort(function(g, p) {
+    return h[g] - h[p];
   });
 }
 function zc(e) {
@@ -4267,36 +4263,36 @@ function zc(e) {
 function Uc(e) {
   var t = e.state, n = e.options, r = e.name;
   if (!t.modifiersData[r]._skip) {
-    for (var a = n.mainAxis, o = a === void 0 ? !0 : a, i = n.altAxis, l = i === void 0 ? !0 : i, s = n.fallbackPlacements, d = n.padding, u = n.boundary, c = n.rootBoundary, f = n.altBoundary, h = n.flipVariations, g = h === void 0 ? !0 : h, v = n.allowedAutoPlacements, m = t.options.placement, b = dt(m), y = b === m, C = s || (y || !g ? [lr(m)] : zc(m)), p = [m].concat(C).reduce(function(me, ye) {
+    for (var a = n.mainAxis, o = a === void 0 ? !0 : a, i = n.altAxis, l = i === void 0 ? !0 : i, s = n.fallbackPlacements, d = n.padding, u = n.boundary, c = n.rootBoundary, f = n.altBoundary, h = n.flipVariations, g = h === void 0 ? !0 : h, p = n.allowedAutoPlacements, m = t.options.placement, b = dt(m), y = b === m, C = s || (y || !g ? [lr(m)] : zc(m)), v = [m].concat(C).reduce(function(me, ye) {
       return me.concat(dt(ye) === ka ? qc(t, {
         placement: ye,
         boundary: u,
         rootBoundary: c,
         padding: d,
         flipVariations: g,
-        allowedAutoPlacements: v
+        allowedAutoPlacements: p
       }) : ye);
-    }, []), k = t.rects.reference, A = t.rects.popper, S = /* @__PURE__ */ new Map(), x = !0, M = p[0], P = 0; P < p.length; P++) {
-      var I = p[P], F = dt(I), L = ln(I) === on, U = [qe, tt].indexOf(F) >= 0, Y = U ? "width" : "height", G = Oa(t, {
+    }, []), x = t.rects.reference, k = t.rects.popper, S = /* @__PURE__ */ new Map(), A = !0, M = v[0], P = 0; P < v.length; P++) {
+      var I = v[P], L = dt(I), $ = ln(I) === on, U = [qe, tt].indexOf(L) >= 0, Y = U ? "width" : "height", G = Oa(t, {
         placement: I,
         boundary: u,
         rootBoundary: c,
         altBoundary: f,
         padding: d
-      }), ae = U ? L ? nt : ze : L ? tt : qe;
-      k[Y] > A[Y] && (ae = lr(ae));
+      }), ae = U ? $ ? nt : ze : $ ? tt : qe;
+      x[Y] > k[Y] && (ae = lr(ae));
       var re = lr(ae), ce = [];
-      if (o && ce.push(G[F] <= 0), l && ce.push(G[ae] <= 0, G[re] <= 0), ce.every(function(me) {
+      if (o && ce.push(G[L] <= 0), l && ce.push(G[ae] <= 0, G[re] <= 0), ce.every(function(me) {
         return me;
       })) {
-        M = I, x = !1;
+        M = I, A = !1;
         break;
       }
       S.set(I, ce);
     }
-    if (x)
+    if (A)
       for (var ve = g ? 3 : 1, ee = function(ye) {
-        var Be = p.find(function(ot) {
+        var Be = v.find(function(ot) {
           var Re = S.get(ot);
           if (Re)
             return Re.slice(0, ye).every(function(it) {
@@ -4354,8 +4350,8 @@ var Gc = {
 function Jc(e) {
   var t, n = e.state, r = e.name, a = e.options, o = n.elements.arrow, i = n.modifiersData.popperOffsets, l = dt(n.placement), s = Sa(l), d = [ze, nt].indexOf(l) >= 0, u = d ? "height" : "width";
   if (!(!o || !i)) {
-    var c = Kc(a.padding, n), f = xa(o), h = s === "y" ? qe : ze, g = s === "y" ? tt : nt, v = n.rects.reference[u] + n.rects.reference[s] - i[s] - n.rects.popper[u], m = i[s] - n.rects.reference[s], b = Nn(o), y = b ? s === "y" ? b.clientHeight || 0 : b.clientWidth || 0 : 0, C = v / 2 - m / 2, p = c[h], k = y - f[u] - c[g], A = y / 2 - f[u] / 2 + C, S = ir(p, A, k), x = s;
-    n.modifiersData[r] = (t = {}, t[x] = S, t.centerOffset = S - A, t);
+    var c = Kc(a.padding, n), f = xa(o), h = s === "y" ? qe : ze, g = s === "y" ? tt : nt, p = n.rects.reference[u] + n.rects.reference[s] - i[s] - n.rects.popper[u], m = i[s] - n.rects.reference[s], b = Nn(o), y = b ? s === "y" ? b.clientHeight || 0 : b.clientWidth || 0 : 0, C = p / 2 - m / 2, v = c[h], x = y - f[u] - c[g], k = y / 2 - f[u] / 2 + C, S = ir(v, k, x), A = s;
+    n.modifiersData[r] = (t = {}, t[A] = S, t.centerOffset = S - k, t);
   }
 }
 function Zc(e) {
@@ -4385,13 +4381,13 @@ function tf({
   const s = pr({
     isOpen: !1,
     popperInstance: null
-  }), d = (v) => {
+  }), d = (p) => {
     var m;
     (m = s.popperInstance) === null || m === void 0 || m.setOptions((b) => ({
       ...b,
       modifiers: [...b.modifiers, {
         name: "eventListeners",
-        enabled: v
+        enabled: p
       }]
     }));
   }, u = () => d(!0), c = () => d(!1), f = () => {
@@ -4399,8 +4395,8 @@ function tf({
   }, h = () => {
     s.isOpen || (s.isOpen = !0, t("open:popper"));
   };
-  ne([() => s.isOpen, o], async ([v]) => {
-    v ? (await g(), u()) : c();
+  ne([() => s.isOpen, o], async ([p]) => {
+    p ? (await g(), u()) : c();
   });
   const g = async () => {
     await ke(), s.popperInstance = _c(l.value, i.value, {
@@ -4422,8 +4418,8 @@ function tf({
     }), s.popperInstance.update();
   };
   return vr(() => {
-    var v;
-    (v = s.popperInstance) === null || v === void 0 || v.destroy();
+    var p;
+    (p = s.popperInstance) === null || p === void 0 || p.destroy();
   }), {
     ...jo(s),
     open: h,
@@ -4641,46 +4637,46 @@ var Vi = {
       disabled: f,
       interactive: h,
       locked: g,
-      offsetDistance: v,
+      offsetDistance: p,
       offsetSkid: m,
       openDelay: b,
       placement: y,
       show: C
     } = jo(n), {
-      isOpen: p,
-      open: k,
-      close: A
+      isOpen: v,
+      open: x,
+      close: k
     } = tf({
       arrowPadding: s,
       emit: t,
       locked: g,
-      offsetDistance: v,
+      offsetDistance: p,
       offsetSkid: m,
       placement: y,
       popperNode: o,
       triggerNode: i
     }), {
       hasContent: S
-    } = Kd(r, o, u), x = T(() => C.value !== null), M = T(() => f.value || !S.value), P = T(() => p.value && !M.value), I = T(() => !c.value && !x.value), F = T(() => h.value ? `border: ${v.value}px solid transparent; margin: -${v.value}px;` : null), L = Mr.debounce(k, b.value), U = Mr.debounce(A, d.value), Y = async () => {
-      M.value || x.value || (U.clear(), L());
+    } = Kd(r, o, u), A = T(() => C.value !== null), M = T(() => f.value || !S.value), P = T(() => v.value && !M.value), I = T(() => !c.value && !A.value), L = T(() => h.value ? `border: ${p.value}px solid transparent; margin: -${p.value}px;` : null), $ = Mr.debounce(x, b.value), U = Mr.debounce(k, d.value), Y = async () => {
+      M.value || A.value || (U.clear(), $());
     }, G = async () => {
-      x.value || (L.clear(), U());
+      A.value || ($.clear(), U());
     }, ae = () => {
-      p.value ? G() : Y();
+      v.value ? G() : Y();
     };
     return ne([S, f], ([re, ce]) => {
-      p.value && (!re || ce) && A();
-    }), ne(p, (re) => {
+      v.value && (!re || ce) && k();
+    }), ne(v, (re) => {
       re ? l.value = !0 : Mr.debounce(() => {
         l.value = !1;
       }, 200);
     }), Ee(() => {
-      x.value && (C.value ? L() : U());
+      A.value && (C.value ? $() : U());
     }), Ee(() => {
       I.value && Gd(a, G);
     }), (re, ce) => (w(), B("div", {
       class: "inline-block",
-      style: Ye(N(F)),
+      style: Ye(N(L)),
       onMouseleave: ce[2] || (ce[2] = (ve) => e.hover && G()),
       ref: (ve, ee) => {
         ee.popperContainerNode = ve, a.value = ve;
@@ -4703,7 +4699,7 @@ var Vi = {
           ee.popperNode = ve, o.value = ve;
         }
       }, [Q(re.$slots, "content", {
-        close: N(A),
+        close: N(k),
         isOpen: l.value
       }, () => [$e(q(N(u)), 1)]), e.arrow ? (w(), X(of, {
         key: 0
@@ -4751,7 +4747,7 @@ var uf = /* @__PURE__ */ (() => {
     t.component("Popper", e);
   }, e;
 })();
-const Ni = /* @__PURE__ */ $({
+const Ni = /* @__PURE__ */ R({
   __name: "base-popover",
   props: {
     placement: { default: "bottom" }
@@ -4793,7 +4789,7 @@ const Ni = /* @__PURE__ */ $({
       _: 3
     }, 16, ["placement", "show"]));
   }
-}), df = /* @__PURE__ */ $({
+}), df = /* @__PURE__ */ R({
   __name: "base-progress",
   props: {
     modelValue: {},
@@ -4837,7 +4833,7 @@ const Ni = /* @__PURE__ */ $({
       ], 6)
     ], 2));
   }
-}), cf = /* @__PURE__ */ oe(df, [["__scopeId", "data-v-a32daf0f"]]), ff = { class: "sitemap" }, pf = { key: 0 }, vf = { key: 1 }, mf = { class: "primary" }, hf = { id: "home" }, gf = ["href"], bf = { key: 0 }, yf = ["href"], Af = { key: 0 }, wf = ["href"], xf = { key: 0 }, kf = ["href"], Sf = /* @__PURE__ */ $({
+}), cf = /* @__PURE__ */ oe(df, [["__scopeId", "data-v-a32daf0f"]]), ff = { class: "sitemap" }, pf = { key: 0 }, vf = { key: 1 }, mf = { class: "primary" }, hf = { id: "home" }, gf = ["href"], bf = { key: 0 }, yf = ["href"], Af = { key: 0 }, wf = ["href"], xf = { key: 0 }, kf = ["href"], Sf = /* @__PURE__ */ R({
   __name: "base-sitemap",
   props: {
     sitemap: { required: !0 },
@@ -4900,7 +4896,7 @@ const Ni = /* @__PURE__ */ $({
       ])
     ]));
   }
-}), Of = /* @__PURE__ */ oe(Sf, [["__scopeId", "data-v-03e99aa1"]]), Cf = /* @__PURE__ */ $({
+}), Of = /* @__PURE__ */ oe(Sf, [["__scopeId", "data-v-03e99aa1"]]), Cf = /* @__PURE__ */ R({
   __name: "base-spinner",
   props: {
     size: { default: "md" },
@@ -4918,7 +4914,7 @@ const Ni = /* @__PURE__ */ $({
 }, Df = {
   key: 0,
   class: "step-text"
-}, If = /* @__PURE__ */ $({
+}, If = /* @__PURE__ */ R({
   __name: "base-step",
   props: {
     modelValue: {},
@@ -4961,7 +4957,7 @@ const Ni = /* @__PURE__ */ $({
       ]);
     };
   }
-}), Mf = /* @__PURE__ */ oe(If, [["__scopeId", "data-v-3526c236"]]), Zr = /* @__PURE__ */ $({
+}), Mf = /* @__PURE__ */ oe(If, [["__scopeId", "data-v-3526c236"]]), Zr = /* @__PURE__ */ R({
   __name: "base-tab",
   setup(e) {
     return (t, n) => (w(), X(N(id), { as: "template" }, {
@@ -4971,7 +4967,7 @@ const Ni = /* @__PURE__ */ $({
       _: 3
     }));
   }
-}), ji = /* @__PURE__ */ $({
+}), ji = /* @__PURE__ */ R({
   __name: "base-tab-group",
   setup(e) {
     return (t, n) => (w(), X(N(ad), { as: "div" }, {
@@ -4981,7 +4977,7 @@ const Ni = /* @__PURE__ */ $({
       _: 3
     }));
   }
-}), Wi = /* @__PURE__ */ $({
+}), Wi = /* @__PURE__ */ R({
   __name: "base-tab-list",
   setup(e) {
     return (t, n) => (w(), X(N(od), null, {
@@ -4991,7 +4987,7 @@ const Ni = /* @__PURE__ */ $({
       _: 3
     }));
   }
-}), ea = /* @__PURE__ */ $({
+}), ea = /* @__PURE__ */ R({
   __name: "base-tab-panel",
   setup(e) {
     return (t, n) => (w(), X(N(sd), null, {
@@ -5001,7 +4997,7 @@ const Ni = /* @__PURE__ */ $({
       _: 3
     }));
   }
-}), Hi = /* @__PURE__ */ $({
+}), Hi = /* @__PURE__ */ R({
   __name: "base-tab-panels",
   setup(e) {
     return (t, n) => (w(), X(N(ld), null, {
@@ -5078,7 +5074,7 @@ const ep = ["data-testid"], tp = { class: "self-start mt-0.5" }, np = {
 }, ip = {
   key: 4,
   class: "i-fa7-solid:triangle-exclamation block w-4 h-4"
-}, lp = { class: "ms-3 text-sm" }, sp = /* @__PURE__ */ $({
+}, lp = { class: "ms-3 text-sm" }, sp = /* @__PURE__ */ R({
   __name: "base-toast",
   props: {
     dataTestid: {}
@@ -5357,8 +5353,8 @@ var Ep = function(t, n) {
 function Tp(e) {
   var t, n = e.state, r = e.name, a = e.options, o = n.elements.arrow, i = n.modifiersData.popperOffsets, l = ct(n.placement), s = Ba(l), d = [Ve, Ke].indexOf(l) >= 0, u = d ? "height" : "width";
   if (!(!o || !i)) {
-    var c = Ep(a.padding, n), f = Ta(o), h = s === "y" ? _e : Ve, g = s === "y" ? Ge : Ke, v = n.rects.reference[u] + n.rects.reference[s] - i[s] - n.rects.popper[u], m = i[s] - n.rects.reference[s], b = Hn(o), y = b ? s === "y" ? b.clientHeight || 0 : b.clientWidth || 0 : 0, C = v / 2 - m / 2, p = c[h], k = y - f[u] - c[g], A = y / 2 - f[u] / 2 + C, S = Cn(p, A, k), x = s;
-    n.modifiersData[r] = (t = {}, t[x] = S, t.centerOffset = S - A, t);
+    var c = Ep(a.padding, n), f = Ta(o), h = s === "y" ? _e : Ve, g = s === "y" ? Ge : Ke, p = n.rects.reference[u] + n.rects.reference[s] - i[s] - n.rects.popper[u], m = i[s] - n.rects.reference[s], b = Hn(o), y = b ? s === "y" ? b.clientHeight || 0 : b.clientWidth || 0 : 0, C = p / 2 - m / 2, v = c[h], x = y - f[u] - c[g], k = y / 2 - f[u] / 2 + C, S = Cn(v, k, x), A = s;
+    n.modifiersData[r] = (t = {}, t[A] = S, t.centerOffset = S - k, t);
   }
 }
 function Bp(e) {
@@ -5391,22 +5387,22 @@ function Ip(e) {
   };
 }
 function fo(e) {
-  var t, n = e.popper, r = e.popperRect, a = e.placement, o = e.variation, i = e.offsets, l = e.position, s = e.gpuAcceleration, d = e.adaptive, u = e.roundOffsets, c = e.isFixed, f = u === !0 ? Ip(i) : typeof u == "function" ? u(i) : i, h = f.x, g = h === void 0 ? 0 : h, v = f.y, m = v === void 0 ? 0 : v, b = i.hasOwnProperty("x"), y = i.hasOwnProperty("y"), C = Ve, p = _e, k = window;
+  var t, n = e.popper, r = e.popperRect, a = e.placement, o = e.variation, i = e.offsets, l = e.position, s = e.gpuAcceleration, d = e.adaptive, u = e.roundOffsets, c = e.isFixed, f = u === !0 ? Ip(i) : typeof u == "function" ? u(i) : i, h = f.x, g = h === void 0 ? 0 : h, p = f.y, m = p === void 0 ? 0 : p, b = i.hasOwnProperty("x"), y = i.hasOwnProperty("y"), C = Ve, v = _e, x = window;
   if (d) {
-    var A = Hn(n), S = "clientHeight", x = "clientWidth";
-    if (A === at(n) && (A = It(n), vt(A).position !== "static" && l === "absolute" && (S = "scrollHeight", x = "scrollWidth")), A = A, a === _e || (a === Ve || a === Ke) && o === Dn) {
-      p = Ge;
-      var M = c && k.visualViewport ? k.visualViewport.height : (
+    var k = Hn(n), S = "clientHeight", A = "clientWidth";
+    if (k === at(n) && (k = It(n), vt(k).position !== "static" && l === "absolute" && (S = "scrollHeight", A = "scrollWidth")), k = k, a === _e || (a === Ve || a === Ke) && o === Dn) {
+      v = Ge;
+      var M = c && x.visualViewport ? x.visualViewport.height : (
         // $FlowFixMe[prop-missing]
-        A[S]
+        k[S]
       );
       m -= M - r.height, m *= s ? 1 : -1;
     }
     if (a === Ve || (a === _e || a === Ge) && o === Dn) {
       C = Ke;
-      var P = c && k.visualViewport ? k.visualViewport.width : (
+      var P = c && x.visualViewport ? x.visualViewport.width : (
         // $FlowFixMe[prop-missing]
-        A[x]
+        k[A]
       );
       g -= P - r.width, g *= s ? 1 : -1;
     }
@@ -5415,10 +5411,10 @@ function fo(e) {
     position: l
   }, d && Dp);
   if (s) {
-    var F;
-    return Object.assign({}, I, (F = {}, F[p] = y ? "0" : "", F[C] = b ? "0" : "", F.transform = (k.devicePixelRatio || 1) <= 1 ? "translate(" + g + "px, " + m + "px)" : "translate3d(" + g + "px, " + m + "px, 0)", F));
+    var L;
+    return Object.assign({}, I, (L = {}, L[v] = y ? "0" : "", L[C] = b ? "0" : "", L.transform = (x.devicePixelRatio || 1) <= 1 ? "translate(" + g + "px, " + m + "px)" : "translate3d(" + g + "px, " + m + "px, 0)", L));
   }
-  return Object.assign({}, I, (t = {}, t[p] = y ? m + "px" : "", t[C] = b ? g + "px" : "", t.transform = "", t));
+  return Object.assign({}, I, (t = {}, t[v] = y ? m + "px" : "", t[C] = b ? g + "px" : "", t.transform = "", t));
 }
 function Mp(e) {
   var t = e.state, n = e.options, r = n.gpuAcceleration, a = r === void 0 ? !0 : r, o = n.adaptive, i = o === void 0 ? !0 : o, l = n.roundOffsets, s = l === void 0 ? !0 : l, d = {
@@ -5611,24 +5607,24 @@ function el(e) {
 }
 function In(e, t) {
   t === void 0 && (t = {});
-  var n = t, r = n.placement, a = r === void 0 ? e.placement : r, o = n.boundary, i = o === void 0 ? dp : o, l = n.rootBoundary, s = l === void 0 ? zi : l, d = n.elementContext, u = d === void 0 ? yn : d, c = n.altBoundary, f = c === void 0 ? !1 : c, h = n.padding, g = h === void 0 ? 0 : h, v = Ki(typeof g != "number" ? g : Ji(g, Wn)), m = u === yn ? cp : yn, b = e.rects.popper, y = e.elements[f ? m : u], C = Hp(un(y) ? y : y.contextElement || It(e.elements.popper), i, s), p = cn(e.elements.reference), k = el({
-    reference: p,
+  var n = t, r = n.placement, a = r === void 0 ? e.placement : r, o = n.boundary, i = o === void 0 ? dp : o, l = n.rootBoundary, s = l === void 0 ? zi : l, d = n.elementContext, u = d === void 0 ? yn : d, c = n.altBoundary, f = c === void 0 ? !1 : c, h = n.padding, g = h === void 0 ? 0 : h, p = Ki(typeof g != "number" ? g : Ji(g, Wn)), m = u === yn ? cp : yn, b = e.rects.popper, y = e.elements[f ? m : u], C = Hp(un(y) ? y : y.contextElement || It(e.elements.popper), i, s), v = cn(e.elements.reference), x = el({
+    reference: v,
     element: b,
     placement: a
-  }), A = ta(Object.assign({}, b, k)), S = u === yn ? A : p, x = {
-    top: C.top - S.top + v.top,
-    bottom: S.bottom - C.bottom + v.bottom,
-    left: C.left - S.left + v.left,
-    right: S.right - C.right + v.right
+  }), k = ta(Object.assign({}, b, x)), S = u === yn ? k : v, A = {
+    top: C.top - S.top + p.top,
+    bottom: S.bottom - C.bottom + p.bottom,
+    left: C.left - S.left + p.left,
+    right: S.right - C.right + p.right
   }, M = e.modifiersData.offset;
   if (u === yn && M) {
     var P = M[a];
-    Object.keys(x).forEach(function(I) {
-      var F = [Ke, Ge].indexOf(I) >= 0 ? 1 : -1, L = [_e, Ge].indexOf(I) >= 0 ? "y" : "x";
-      x[I] += P[L] * F;
+    Object.keys(A).forEach(function(I) {
+      var L = [Ke, Ge].indexOf(I) >= 0 ? 1 : -1, $ = [_e, Ge].indexOf(I) >= 0 ? "y" : "x";
+      A[I] += P[$] * L;
     });
   }
-  return x;
+  return A;
 }
 function qp(e, t) {
   t === void 0 && (t = {});
@@ -5638,16 +5634,16 @@ function qp(e, t) {
     return d.indexOf(g) >= 0;
   });
   f.length === 0 && (f = c);
-  var h = f.reduce(function(g, v) {
-    return g[v] = In(e, {
-      placement: v,
+  var h = f.reduce(function(g, p) {
+    return g[p] = In(e, {
+      placement: p,
       boundary: a,
       rootBoundary: o,
       padding: i
-    })[ct(v)], g;
+    })[ct(p)], g;
   }, {});
-  return Object.keys(h).sort(function(g, v) {
-    return h[g] - h[v];
+  return Object.keys(h).sort(function(g, p) {
+    return h[g] - h[p];
   });
 }
 function zp(e) {
@@ -5659,36 +5655,36 @@ function zp(e) {
 function Up(e) {
   var t = e.state, n = e.options, r = e.name;
   if (!t.modifiersData[r]._skip) {
-    for (var a = n.mainAxis, o = a === void 0 ? !0 : a, i = n.altAxis, l = i === void 0 ? !0 : i, s = n.fallbackPlacements, d = n.padding, u = n.boundary, c = n.rootBoundary, f = n.altBoundary, h = n.flipVariations, g = h === void 0 ? !0 : h, v = n.allowedAutoPlacements, m = t.options.placement, b = ct(m), y = b === m, C = s || (y || !g ? [sr(m)] : zp(m)), p = [m].concat(C).reduce(function(me, ye) {
+    for (var a = n.mainAxis, o = a === void 0 ? !0 : a, i = n.altAxis, l = i === void 0 ? !0 : i, s = n.fallbackPlacements, d = n.padding, u = n.boundary, c = n.rootBoundary, f = n.altBoundary, h = n.flipVariations, g = h === void 0 ? !0 : h, p = n.allowedAutoPlacements, m = t.options.placement, b = ct(m), y = b === m, C = s || (y || !g ? [sr(m)] : zp(m)), v = [m].concat(C).reduce(function(me, ye) {
       return me.concat(ct(ye) === Ea ? qp(t, {
         placement: ye,
         boundary: u,
         rootBoundary: c,
         padding: d,
         flipVariations: g,
-        allowedAutoPlacements: v
+        allowedAutoPlacements: p
       }) : ye);
-    }, []), k = t.rects.reference, A = t.rects.popper, S = /* @__PURE__ */ new Map(), x = !0, M = p[0], P = 0; P < p.length; P++) {
-      var I = p[P], F = ct(I), L = fn(I) === sn, U = [_e, Ge].indexOf(F) >= 0, Y = U ? "width" : "height", G = In(t, {
+    }, []), x = t.rects.reference, k = t.rects.popper, S = /* @__PURE__ */ new Map(), A = !0, M = v[0], P = 0; P < v.length; P++) {
+      var I = v[P], L = ct(I), $ = fn(I) === sn, U = [_e, Ge].indexOf(L) >= 0, Y = U ? "width" : "height", G = In(t, {
         placement: I,
         boundary: u,
         rootBoundary: c,
         altBoundary: f,
         padding: d
-      }), ae = U ? L ? Ke : Ve : L ? Ge : _e;
-      k[Y] > A[Y] && (ae = sr(ae));
+      }), ae = U ? $ ? Ke : Ve : $ ? Ge : _e;
+      x[Y] > k[Y] && (ae = sr(ae));
       var re = sr(ae), ce = [];
-      if (o && ce.push(G[F] <= 0), l && ce.push(G[ae] <= 0, G[re] <= 0), ce.every(function(me) {
+      if (o && ce.push(G[L] <= 0), l && ce.push(G[ae] <= 0, G[re] <= 0), ce.every(function(me) {
         return me;
       })) {
-        M = I, x = !1;
+        M = I, A = !1;
         break;
       }
       S.set(I, ce);
     }
-    if (x)
+    if (A)
       for (var ve = g ? 3 : 1, ee = function(ye) {
-        var Be = p.find(function(ot) {
+        var Be = v.find(function(ot) {
           var Re = S.get(ot);
           if (Re)
             return Re.slice(0, ye).every(function(it) {
@@ -5797,36 +5793,36 @@ function tv(e) {
   return e === "x" ? "y" : "x";
 }
 function nv(e) {
-  var t = e.state, n = e.options, r = e.name, a = n.mainAxis, o = a === void 0 ? !0 : a, i = n.altAxis, l = i === void 0 ? !1 : i, s = n.boundary, d = n.rootBoundary, u = n.altBoundary, c = n.padding, f = n.tether, h = f === void 0 ? !0 : f, g = n.tetherOffset, v = g === void 0 ? 0 : g, m = In(t, {
+  var t = e.state, n = e.options, r = e.name, a = n.mainAxis, o = a === void 0 ? !0 : a, i = n.altAxis, l = i === void 0 ? !1 : i, s = n.boundary, d = n.rootBoundary, u = n.altBoundary, c = n.padding, f = n.tether, h = f === void 0 ? !0 : f, g = n.tetherOffset, p = g === void 0 ? 0 : g, m = In(t, {
     boundary: s,
     rootBoundary: d,
     padding: c,
     altBoundary: u
-  }), b = ct(t.placement), y = fn(t.placement), C = !y, p = Ba(b), k = tv(p), A = t.modifiersData.popperOffsets, S = t.rects.reference, x = t.rects.popper, M = typeof v == "function" ? v(Object.assign({}, t.rects, {
+  }), b = ct(t.placement), y = fn(t.placement), C = !y, v = Ba(b), x = tv(v), k = t.modifiersData.popperOffsets, S = t.rects.reference, A = t.rects.popper, M = typeof p == "function" ? p(Object.assign({}, t.rects, {
     placement: t.placement
-  })) : v, P = typeof M == "number" ? {
+  })) : p, P = typeof M == "number" ? {
     mainAxis: M,
     altAxis: M
   } : Object.assign({
     mainAxis: 0,
     altAxis: 0
-  }, M), I = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, F = {
+  }, M), I = t.modifiersData.offset ? t.modifiersData.offset[t.placement] : null, L = {
     x: 0,
     y: 0
   };
-  if (A) {
+  if (k) {
     if (o) {
-      var L, U = p === "y" ? _e : Ve, Y = p === "y" ? Ge : Ke, G = p === "y" ? "height" : "width", ae = A[p], re = ae + m[U], ce = ae - m[Y], ve = h ? -x[G] / 2 : 0, ee = y === sn ? S[G] : x[G], ie = y === sn ? -x[G] : -S[G], Ae = t.elements.arrow, me = h && Ae ? Ta(Ae) : {
+      var $, U = v === "y" ? _e : Ve, Y = v === "y" ? Ge : Ke, G = v === "y" ? "height" : "width", ae = k[v], re = ae + m[U], ce = ae - m[Y], ve = h ? -A[G] / 2 : 0, ee = y === sn ? S[G] : A[G], ie = y === sn ? -A[G] : -S[G], Ae = t.elements.arrow, me = h && Ae ? Ta(Ae) : {
         width: 0,
         height: 0
-      }, ye = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Gi(), Be = ye[U], ot = ye[Y], Re = Cn(0, S[G], me[G]), it = C ? S[G] / 2 - ve - Re - Be - P.mainAxis : ee - Re - Be - P.mainAxis, Ze = C ? -S[G] / 2 + ve + Re + ot + P.mainAxis : ie + Re + ot + P.mainAxis, mt = t.elements.arrow && Hn(t.elements.arrow), Mt = mt ? p === "y" ? mt.clientTop || 0 : mt.clientLeft || 0 : 0, wt = (L = I?.[p]) != null ? L : 0, Kt = ae + it - wt - Mt, Jt = ae + Ze - wt, lt = Cn(h ? dr(re, Kt) : re, ae, h ? qt(ce, Jt) : ce);
-      A[p] = lt, F[p] = lt - ae;
+      }, ye = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Gi(), Be = ye[U], ot = ye[Y], Re = Cn(0, S[G], me[G]), it = C ? S[G] / 2 - ve - Re - Be - P.mainAxis : ee - Re - Be - P.mainAxis, Ze = C ? -S[G] / 2 + ve + Re + ot + P.mainAxis : ie + Re + ot + P.mainAxis, mt = t.elements.arrow && Hn(t.elements.arrow), Mt = mt ? v === "y" ? mt.clientTop || 0 : mt.clientLeft || 0 : 0, wt = ($ = I?.[v]) != null ? $ : 0, Kt = ae + it - wt - Mt, Jt = ae + Ze - wt, lt = Cn(h ? dr(re, Kt) : re, ae, h ? qt(ce, Jt) : ce);
+      k[v] = lt, L[v] = lt - ae;
     }
     if (l) {
-      var xt, $t = p === "x" ? _e : Ve, Rt = p === "x" ? Ge : Ke, ht = A[k], kt = k === "y" ? "height" : "width", vn = ht + m[$t], Lt = ht - m[Rt], mn = [_e, Ve].indexOf(b) !== -1, qn = (xt = I?.[k]) != null ? xt : 0, zn = mn ? vn : ht - S[kt] - x[kt] - qn + P.altAxis, Un = mn ? ht + S[kt] + x[kt] - qn - P.altAxis : Lt, Yn = h && mn ? Cp(zn, ht, Un) : Cn(h ? zn : vn, ht, h ? Un : Lt);
-      A[k] = Yn, F[k] = Yn - ht;
+      var xt, $t = v === "x" ? _e : Ve, Rt = v === "x" ? Ge : Ke, ht = k[x], kt = x === "y" ? "height" : "width", vn = ht + m[$t], Lt = ht - m[Rt], mn = [_e, Ve].indexOf(b) !== -1, qn = (xt = I?.[x]) != null ? xt : 0, zn = mn ? vn : ht - S[kt] - A[kt] - qn + P.altAxis, Un = mn ? ht + S[kt] + A[kt] - qn - P.altAxis : Lt, Yn = h && mn ? Cp(zn, ht, Un) : Cn(h ? zn : vn, ht, h ? Un : Lt);
+      k[x] = Yn, L[x] = Yn - ht;
     }
-    t.modifiersData[r] = F;
+    t.modifiersData[r] = L;
   }
 }
 var rv = {
@@ -5947,13 +5943,13 @@ function fv(e) {
       state: u,
       setOptions: function(b) {
         var y = typeof b == "function" ? b(u.options) : b;
-        v(), u.options = Object.assign({}, o, u.options, y), u.scrollParents = {
+        p(), u.options = Object.assign({}, o, u.options, y), u.scrollParents = {
           reference: un(l) ? En(l) : l.contextElement ? En(l.contextElement) : [],
           popper: En(s)
         };
         var C = uv(cv([].concat(r, u.options.modifiers)));
-        return u.orderedModifiers = C.filter(function(p) {
-          return p.enabled;
+        return u.orderedModifiers = C.filter(function(v) {
+          return v.enabled;
         }), g(), h.update();
       },
       // Sync update – it will always be executed, even if not necessary. This
@@ -5971,15 +5967,15 @@ function fv(e) {
             }, u.reset = !1, u.placement = u.options.placement, u.orderedModifiers.forEach(function(P) {
               return u.modifiersData[P.name] = Object.assign({}, P.data);
             });
-            for (var p = 0; p < u.orderedModifiers.length; p++) {
+            for (var v = 0; v < u.orderedModifiers.length; v++) {
               if (u.reset === !0) {
-                u.reset = !1, p = -1;
+                u.reset = !1, v = -1;
                 continue;
               }
-              var k = u.orderedModifiers[p], A = k.fn, S = k.options, x = S === void 0 ? {} : S, M = k.name;
-              typeof A == "function" && (u = A({
+              var x = u.orderedModifiers[v], k = x.fn, S = x.options, A = S === void 0 ? {} : S, M = x.name;
+              typeof k == "function" && (u = k({
                 state: u,
-                options: x,
+                options: A,
                 name: M,
                 instance: h
               }) || u);
@@ -5995,7 +5991,7 @@ function fv(e) {
         });
       }),
       destroy: function() {
-        v(), f = !0;
+        p(), f = !0;
       }
     };
     if (!bo(l, s))
@@ -6005,20 +6001,20 @@ function fv(e) {
     });
     function g() {
       u.orderedModifiers.forEach(function(m) {
-        var b = m.name, y = m.options, C = y === void 0 ? {} : y, p = m.effect;
-        if (typeof p == "function") {
-          var k = p({
+        var b = m.name, y = m.options, C = y === void 0 ? {} : y, v = m.effect;
+        if (typeof v == "function") {
+          var x = v({
             state: u,
             name: b,
             instance: h,
             options: C
-          }), A = function() {
+          }), k = function() {
           };
-          c.push(k || A);
+          c.push(x || k);
         }
       });
     }
-    function v() {
+    function p() {
       c.forEach(function(m) {
         return m();
       }), c = [];
@@ -6129,8 +6125,8 @@ function xv(e, t) {
     var o = a.popperRect, i = a.popperState, l = a.props, s = l.interactiveBorder, d = ll(i.placement), u = i.modifiersData.offset;
     if (!u)
       return !0;
-    var c = d === "bottom" ? u.top.y : 0, f = d === "top" ? u.bottom.y : 0, h = d === "right" ? u.left.x : 0, g = d === "left" ? u.right.x : 0, v = o.top - r + c > s, m = r - o.bottom - f > s, b = o.left - n + h > s, y = n - o.right - g > s;
-    return v || m || b || y;
+    var c = d === "bottom" ? u.top.y : 0, f = d === "top" ? u.bottom.y : 0, h = d === "right" ? u.left.x : 0, g = d === "left" ? u.right.x : 0, p = o.top - r + c > s, m = r - o.bottom - f > s, b = o.left - n + h > s, y = n - o.right - g > s;
+    return p || m || b || y;
   });
 }
 function _r(e, t, n) {
@@ -6324,7 +6320,7 @@ function cl(e) {
 cl.$$tippy = !0;
 var $v = 1, nr = [], Vr = [];
 function Rv(e, t) {
-  var n = So(e, Object.assign({}, et, dl(wo(t)))), r, a, o, i = !1, l = !1, s = !1, d = !1, u, c, f, h = [], g = yo(Kt, n.interactiveDebounce), v, m = $v++, b = null, y = bv(n.plugins), C = {
+  var n = So(e, Object.assign({}, et, dl(wo(t)))), r, a, o, i = !1, l = !1, s = !1, d = !1, u, c, f, h = [], g = yo(Kt, n.interactiveDebounce), p, m = $v++, b = null, y = bv(n.plugins), C = {
     // Is the instance currently enabled?
     isEnabled: !0,
     // Is the tippy currently showing and not transitioning out?
@@ -6335,7 +6331,7 @@ function Rv(e, t) {
     isMounted: !1,
     // Has the tippy finished transitioning in?
     isShown: !1
-  }, p = {
+  }, v = {
     // properties
     id: m,
     reference: e,
@@ -6357,59 +6353,59 @@ function Rv(e, t) {
     destroy: Il
   };
   if (!n.render)
-    return p;
-  var k = n.render(p), A = k.popper, S = k.onUpdate;
-  A.setAttribute("data-tippy-root", ""), A.id = "tippy-" + p.id, p.popper = A, e._tippy = p, A._tippy = p;
-  var x = y.map(function(D) {
-    return D.fn(p);
+    return v;
+  var x = n.render(v), k = x.popper, S = x.onUpdate;
+  k.setAttribute("data-tippy-root", ""), k.id = "tippy-" + v.id, v.popper = k, e._tippy = v, k._tippy = v;
+  var A = y.map(function(D) {
+    return D.fn(v);
   }), M = e.hasAttribute("aria-expanded");
-  return mt(), ve(), ae(), re("onCreate", [p]), n.showOnCreate && vn(), A.addEventListener("mouseenter", function() {
-    p.props.interactive && p.state.isVisible && p.clearDelayTimeouts();
-  }), A.addEventListener("mouseleave", function() {
-    p.props.interactive && p.props.trigger.indexOf("mouseenter") >= 0 && U().addEventListener("mousemove", g);
-  }), p;
+  return mt(), ve(), ae(), re("onCreate", [v]), n.showOnCreate && vn(), k.addEventListener("mouseenter", function() {
+    v.props.interactive && v.state.isVisible && v.clearDelayTimeouts();
+  }), k.addEventListener("mouseleave", function() {
+    v.props.interactive && v.props.trigger.indexOf("mouseenter") >= 0 && U().addEventListener("mousemove", g);
+  }), v;
   function P() {
-    var D = p.props.touch;
+    var D = v.props.touch;
     return Array.isArray(D) ? D : [D, 0];
   }
   function I() {
     return P()[0] === "hold";
   }
-  function F() {
+  function L() {
     var D;
-    return !!((D = p.props.render) != null && D.$$tippy);
+    return !!((D = v.props.render) != null && D.$$tippy);
   }
-  function L() {
-    return v || e;
+  function $() {
+    return p || e;
   }
   function U() {
-    var D = L().parentNode;
+    var D = $().parentNode;
     return D ? sl(D) : document;
   }
   function Y() {
-    return cr(A);
+    return cr(k);
   }
   function G(D) {
-    return p.state.isMounted && !p.state.isVisible || st.isTouch || u && u.type === "focus" ? 0 : Lr(p.props.delay, D ? 0 : 1, et.delay);
+    return v.state.isMounted && !v.state.isVisible || st.isTouch || u && u.type === "focus" ? 0 : Lr(v.props.delay, D ? 0 : 1, et.delay);
   }
   function ae(D) {
-    D === void 0 && (D = !1), A.style.pointerEvents = p.props.interactive && !D ? "" : "none", A.style.zIndex = "" + p.props.zIndex;
+    D === void 0 && (D = !1), k.style.pointerEvents = v.props.interactive && !D ? "" : "none", k.style.zIndex = "" + v.props.zIndex;
   }
   function re(D, j, J) {
-    if (J === void 0 && (J = !0), x.forEach(function(se) {
+    if (J === void 0 && (J = !0), A.forEach(function(se) {
       se[D] && se[D].apply(se, j);
     }), J) {
       var he;
-      (he = p.props)[D].apply(he, j);
+      (he = v.props)[D].apply(he, j);
     }
   }
   function ce() {
-    var D = p.props.aria;
+    var D = v.props.aria;
     if (D.content) {
-      var j = "aria-" + D.content, J = A.id, he = jt(p.props.triggerTarget || e);
+      var j = "aria-" + D.content, J = k.id, he = jt(v.props.triggerTarget || e);
       he.forEach(function(se) {
         var Fe = se.getAttribute(j);
-        if (p.state.isVisible)
+        if (v.state.isVisible)
           se.setAttribute(j, Fe ? Fe + " " + J : J);
         else {
           var We = Fe && Fe.replace(J, "").trim();
@@ -6419,10 +6415,10 @@ function Rv(e, t) {
     }
   }
   function ve() {
-    if (!(M || !p.props.aria.expanded)) {
-      var D = jt(p.props.triggerTarget || e);
+    if (!(M || !v.props.aria.expanded)) {
+      var D = jt(v.props.triggerTarget || e);
       D.forEach(function(j) {
-        p.props.interactive ? j.setAttribute("aria-expanded", p.state.isVisible && j === L() ? "true" : "false") : j.removeAttribute("aria-expanded");
+        v.props.interactive ? j.setAttribute("aria-expanded", v.state.isVisible && j === $() ? "true" : "false") : j.removeAttribute("aria-expanded");
       });
     }
   }
@@ -6434,17 +6430,17 @@ function Rv(e, t) {
   function ie(D) {
     if (!(st.isTouch && (s || D.type === "mousedown"))) {
       var j = D.composedPath && D.composedPath()[0] || D.target;
-      if (!(p.props.interactive && xo(A, j))) {
-        if (jt(p.props.triggerTarget || e).some(function(J) {
+      if (!(v.props.interactive && xo(k, j))) {
+        if (jt(v.props.triggerTarget || e).some(function(J) {
           return xo(J, j);
         })) {
-          if (st.isTouch || p.state.isVisible && p.props.trigger.indexOf("click") >= 0)
+          if (st.isTouch || v.state.isVisible && v.props.trigger.indexOf("click") >= 0)
             return;
         } else
-          re("onClickOutside", [p, D]);
-        p.props.hideOnClick === !0 && (p.clearDelayTimeouts(), p.hide(), l = !0, setTimeout(function() {
+          re("onClickOutside", [v, D]);
+        v.props.hideOnClick === !0 && (v.clearDelayTimeouts(), v.hide(), l = !0, setTimeout(function() {
           l = !1;
-        }), p.state.isMounted || Be());
+        }), v.state.isMounted || Be());
       }
     }
   }
@@ -6464,7 +6460,7 @@ function Rv(e, t) {
   }
   function ot(D, j) {
     it(D, function() {
-      !p.state.isVisible && A.parentNode && A.parentNode.contains(A) && j();
+      !v.state.isVisible && k.parentNode && k.parentNode.contains(k) && j();
     });
   }
   function Re(D, j) {
@@ -6481,7 +6477,7 @@ function Rv(e, t) {
   }
   function Ze(D, j, J) {
     J === void 0 && (J = !1);
-    var he = jt(p.props.triggerTarget || e);
+    var he = jt(v.props.triggerTarget || e);
     he.forEach(function(se) {
       se.addEventListener(D, j, J), h.push({
         node: se,
@@ -6496,7 +6492,7 @@ function Rv(e, t) {
       passive: !0
     }), Ze("touchend", Jt, {
       passive: !0
-    })), gv(p.props.trigger).forEach(function(D) {
+    })), gv(v.props.trigger).forEach(function(D) {
       if (D !== "manual")
         switch (Ze(D, wt), D) {
           case "mouseenter":
@@ -6519,17 +6515,17 @@ function Rv(e, t) {
   }
   function wt(D) {
     var j, J = !1;
-    if (!(!p.state.isEnabled || xt(D) || l)) {
+    if (!(!v.state.isEnabled || xt(D) || l)) {
       var he = ((j = u) == null ? void 0 : j.type) === "focus";
-      u = D, v = D.currentTarget, ve(), !p.state.isVisible && $a(D) && nr.forEach(function(se) {
+      u = D, p = D.currentTarget, ve(), !v.state.isVisible && $a(D) && nr.forEach(function(se) {
         return se(D);
-      }), D.type === "click" && (p.props.trigger.indexOf("mouseenter") < 0 || i) && p.props.hideOnClick !== !1 && p.state.isVisible ? J = !0 : vn(D), D.type === "click" && (i = !J), J && !he && Lt(D);
+      }), D.type === "click" && (v.props.trigger.indexOf("mouseenter") < 0 || i) && v.props.hideOnClick !== !1 && v.state.isVisible ? J = !0 : vn(D), D.type === "click" && (i = !J), J && !he && Lt(D);
     }
   }
   function Kt(D) {
-    var j = D.target, J = L().contains(j) || A.contains(j);
+    var j = D.target, J = $().contains(j) || k.contains(j);
     if (!(D.type === "mousemove" && J)) {
-      var he = kt().concat(A).map(function(se) {
+      var he = kt().concat(k).map(function(se) {
         var Fe, We = se._tippy, Zt = (Fe = We.popperInstance) == null ? void 0 : Fe.state;
         return Zt ? {
           popperRect: se.getBoundingClientRect(),
@@ -6541,26 +6537,26 @@ function Rv(e, t) {
     }
   }
   function Jt(D) {
-    var j = xt(D) || p.props.trigger.indexOf("click") >= 0 && i;
+    var j = xt(D) || v.props.trigger.indexOf("click") >= 0 && i;
     if (!j) {
-      if (p.props.interactive) {
-        p.hideWithInteractivity(D);
+      if (v.props.interactive) {
+        v.hideWithInteractivity(D);
         return;
       }
       Lt(D);
     }
   }
   function lt(D) {
-    p.props.trigger.indexOf("focusin") < 0 && D.target !== L() || p.props.interactive && D.relatedTarget && A.contains(D.relatedTarget) || Lt(D);
+    v.props.trigger.indexOf("focusin") < 0 && D.target !== $() || v.props.interactive && D.relatedTarget && k.contains(D.relatedTarget) || Lt(D);
   }
   function xt(D) {
     return st.isTouch ? I() !== D.type.indexOf("touch") >= 0 : !1;
   }
   function $t() {
     Rt();
-    var D = p.props, j = D.popperOptions, J = D.placement, he = D.offset, se = D.getReferenceClientRect, Fe = D.moveTransition, We = F() ? cr(A).arrow : null, Zt = se ? {
+    var D = v.props, j = D.popperOptions, J = D.placement, he = D.offset, se = D.getReferenceClientRect, Fe = D.moveTransition, We = L() ? cr(k).arrow : null, Zt = se ? {
       getBoundingClientRect: se,
-      contextElement: se.contextElement || L()
+      contextElement: se.contextElement || $()
     } : e, La = {
       name: "$$tippy",
       enabled: !0,
@@ -6568,7 +6564,7 @@ function Rv(e, t) {
       requires: ["computeStyles"],
       fn: function(Xn) {
         var en = Xn.state;
-        if (F()) {
+        if (L()) {
           var Ml = Y(), Sr = Ml.box;
           ["placement", "reference-hidden", "escaped"].forEach(function(Qn) {
             Qn === "placement" ? Sr.setAttribute("data-placement", en.placement) : en.attributes.popper["data-popper-" + Qn] ? Sr.setAttribute("data-" + Qn, "") : Sr.removeAttribute("data-" + Qn);
@@ -6601,119 +6597,119 @@ function Rv(e, t) {
         adaptive: !Fe
       }
     }, La];
-    F() && We && Ft.push({
+    L() && We && Ft.push({
       name: "arrow",
       options: {
         element: We,
         padding: 3
       }
-    }), Ft.push.apply(Ft, j?.modifiers || []), p.popperInstance = vv(Zt, A, Object.assign({}, j, {
+    }), Ft.push.apply(Ft, j?.modifiers || []), v.popperInstance = vv(Zt, k, Object.assign({}, j, {
       placement: J,
       onFirstUpdate: f,
       modifiers: Ft
     }));
   }
   function Rt() {
-    p.popperInstance && (p.popperInstance.destroy(), p.popperInstance = null);
+    v.popperInstance && (v.popperInstance.destroy(), v.popperInstance = null);
   }
   function ht() {
-    var D = p.props.appendTo, j, J = L();
-    p.props.interactive && D === ol || D === "parent" ? j = J.parentNode : j = il(D, [J]), j.contains(A) || j.appendChild(A), p.state.isMounted = !0, $t();
+    var D = v.props.appendTo, j, J = $();
+    v.props.interactive && D === ol || D === "parent" ? j = J.parentNode : j = il(D, [J]), j.contains(k) || j.appendChild(k), v.state.isMounted = !0, $t();
   }
   function kt() {
-    return pn(A.querySelectorAll("[data-tippy-root]"));
+    return pn(k.querySelectorAll("[data-tippy-root]"));
   }
   function vn(D) {
-    p.clearDelayTimeouts(), D && re("onTrigger", [p, D]), ye();
+    v.clearDelayTimeouts(), D && re("onTrigger", [v, D]), ye();
     var j = G(!0), J = P(), he = J[0], se = J[1];
     st.isTouch && he === "hold" && se && (j = se), j ? r = setTimeout(function() {
-      p.show();
-    }, j) : p.show();
+      v.show();
+    }, j) : v.show();
   }
   function Lt(D) {
-    if (p.clearDelayTimeouts(), re("onUntrigger", [p, D]), !p.state.isVisible) {
+    if (v.clearDelayTimeouts(), re("onUntrigger", [v, D]), !v.state.isVisible) {
       Be();
       return;
     }
-    if (!(p.props.trigger.indexOf("mouseenter") >= 0 && p.props.trigger.indexOf("click") >= 0 && ["mouseleave", "mousemove"].indexOf(D.type) >= 0 && i)) {
+    if (!(v.props.trigger.indexOf("mouseenter") >= 0 && v.props.trigger.indexOf("click") >= 0 && ["mouseleave", "mousemove"].indexOf(D.type) >= 0 && i)) {
       var j = G(!1);
       j ? a = setTimeout(function() {
-        p.state.isVisible && p.hide();
+        v.state.isVisible && v.hide();
       }, j) : o = requestAnimationFrame(function() {
-        p.hide();
+        v.hide();
       });
     }
   }
   function mn() {
-    p.state.isEnabled = !0;
+    v.state.isEnabled = !0;
   }
   function qn() {
-    p.hide(), p.state.isEnabled = !1;
+    v.hide(), v.state.isEnabled = !1;
   }
   function zn() {
     clearTimeout(r), clearTimeout(a), cancelAnimationFrame(o);
   }
   function Un(D) {
-    if (!p.state.isDestroyed) {
-      re("onBeforeUpdate", [p, D]), Mt();
-      var j = p.props, J = So(e, Object.assign({}, j, wo(D), {
+    if (!v.state.isDestroyed) {
+      re("onBeforeUpdate", [v, D]), Mt();
+      var j = v.props, J = So(e, Object.assign({}, j, wo(D), {
         ignoreAttributes: !0
       }));
-      p.props = J, mt(), j.interactiveDebounce !== J.interactiveDebounce && (ee(), g = yo(Kt, J.interactiveDebounce)), j.triggerTarget && !J.triggerTarget ? jt(j.triggerTarget).forEach(function(he) {
+      v.props = J, mt(), j.interactiveDebounce !== J.interactiveDebounce && (ee(), g = yo(Kt, J.interactiveDebounce)), j.triggerTarget && !J.triggerTarget ? jt(j.triggerTarget).forEach(function(he) {
         he.removeAttribute("aria-expanded");
-      }) : J.triggerTarget && e.removeAttribute("aria-expanded"), ve(), ae(), S && S(j, J), p.popperInstance && ($t(), kt().forEach(function(he) {
+      }) : J.triggerTarget && e.removeAttribute("aria-expanded"), ve(), ae(), S && S(j, J), v.popperInstance && ($t(), kt().forEach(function(he) {
         requestAnimationFrame(he._tippy.popperInstance.forceUpdate);
-      })), re("onAfterUpdate", [p, D]);
+      })), re("onAfterUpdate", [v, D]);
     }
   }
   function Yn(D) {
-    p.setProps({
+    v.setProps({
       content: D
     });
   }
   function Tl() {
-    var D = p.state.isVisible, j = p.state.isDestroyed, J = !p.state.isEnabled, he = st.isTouch && !p.props.touch, se = Lr(p.props.duration, 0, et.duration);
-    if (!(D || j || J || he) && !L().hasAttribute("disabled") && (re("onShow", [p], !1), p.props.onShow(p) !== !1)) {
-      if (p.state.isVisible = !0, F() && (A.style.visibility = "visible"), ae(), ye(), p.state.isMounted || (A.style.transition = "none"), F()) {
+    var D = v.state.isVisible, j = v.state.isDestroyed, J = !v.state.isEnabled, he = st.isTouch && !v.props.touch, se = Lr(v.props.duration, 0, et.duration);
+    if (!(D || j || J || he) && !$().hasAttribute("disabled") && (re("onShow", [v], !1), v.props.onShow(v) !== !1)) {
+      if (v.state.isVisible = !0, L() && (k.style.visibility = "visible"), ae(), ye(), v.state.isMounted || (k.style.transition = "none"), L()) {
         var Fe = Y(), We = Fe.box, Zt = Fe.content;
         Fr([We, Zt], 0);
       }
       f = function() {
         var Ft;
-        if (!(!p.state.isVisible || d)) {
-          if (d = !0, A.offsetHeight, A.style.transition = p.props.moveTransition, F() && p.props.animation) {
+        if (!(!v.state.isVisible || d)) {
+          if (d = !0, k.offsetHeight, k.style.transition = v.props.moveTransition, L() && v.props.animation) {
             var kr = Y(), Xn = kr.box, en = kr.content;
             Fr([Xn, en], se), Mn([Xn, en], "visible");
           }
-          ce(), ve(), Ao(Vr, p), (Ft = p.popperInstance) == null || Ft.forceUpdate(), re("onMount", [p]), p.props.animation && F() && Re(se, function() {
-            p.state.isShown = !0, re("onShown", [p]);
+          ce(), ve(), Ao(Vr, v), (Ft = v.popperInstance) == null || Ft.forceUpdate(), re("onMount", [v]), v.props.animation && L() && Re(se, function() {
+            v.state.isShown = !0, re("onShown", [v]);
           });
         }
       }, ht();
     }
   }
   function Bl() {
-    var D = !p.state.isVisible, j = p.state.isDestroyed, J = !p.state.isEnabled, he = Lr(p.props.duration, 1, et.duration);
-    if (!(D || j || J) && (re("onHide", [p], !1), p.props.onHide(p) !== !1)) {
-      if (p.state.isVisible = !1, p.state.isShown = !1, d = !1, i = !1, F() && (A.style.visibility = "hidden"), ee(), Be(), ae(!0), F()) {
+    var D = !v.state.isVisible, j = v.state.isDestroyed, J = !v.state.isEnabled, he = Lr(v.props.duration, 1, et.duration);
+    if (!(D || j || J) && (re("onHide", [v], !1), v.props.onHide(v) !== !1)) {
+      if (v.state.isVisible = !1, v.state.isShown = !1, d = !1, i = !1, L() && (k.style.visibility = "hidden"), ee(), Be(), ae(!0), L()) {
         var se = Y(), Fe = se.box, We = se.content;
-        p.props.animation && (Fr([Fe, We], he), Mn([Fe, We], "hidden"));
+        v.props.animation && (Fr([Fe, We], he), Mn([Fe, We], "hidden"));
       }
-      ce(), ve(), p.props.animation ? F() && ot(he, p.unmount) : p.unmount();
+      ce(), ve(), v.props.animation ? L() && ot(he, v.unmount) : v.unmount();
     }
   }
   function Pl(D) {
     U().addEventListener("mousemove", g), Ao(nr, g), g(D);
   }
   function Dl() {
-    p.state.isVisible && p.hide(), p.state.isMounted && (Rt(), kt().forEach(function(D) {
+    v.state.isVisible && v.hide(), v.state.isMounted && (Rt(), kt().forEach(function(D) {
       D._tippy.unmount();
-    }), A.parentNode && A.parentNode.removeChild(A), Vr = Vr.filter(function(D) {
-      return D !== p;
-    }), p.state.isMounted = !1, re("onHidden", [p]));
+    }), k.parentNode && k.parentNode.removeChild(k), Vr = Vr.filter(function(D) {
+      return D !== v;
+    }), v.state.isMounted = !1, re("onHidden", [v]));
   }
   function Il() {
-    p.state.isDestroyed || (p.clearDelayTimeouts(), p.unmount(), Mt(), delete e._tippy, p.state.isDestroyed = !0, re("onDestroy", [p]));
+    v.state.isDestroyed || (v.clearDelayTimeouts(), v.unmount(), Mt(), delete e._tippy, v.state.isDestroyed = !0, re("onDestroy", [v]));
   }
 }
 function W(e, t) {
@@ -6752,43 +6748,43 @@ var Lv = Object.assign({}, Xi, {
   n === void 0 && (n = {});
   var a = t, o = [], i = [], l, s = n.overrides, d = [], u = !1;
   function c() {
-    i = a.map(function(p) {
-      return jt(p.props.triggerTarget || p.reference);
-    }).reduce(function(p, k) {
-      return p.concat(k);
+    i = a.map(function(v) {
+      return jt(v.props.triggerTarget || v.reference);
+    }).reduce(function(v, x) {
+      return v.concat(x);
     }, []);
   }
   function f() {
-    o = a.map(function(p) {
-      return p.reference;
+    o = a.map(function(v) {
+      return v.reference;
     });
   }
-  function h(p) {
-    a.forEach(function(k) {
-      p ? k.enable() : k.disable();
+  function h(v) {
+    a.forEach(function(x) {
+      v ? x.enable() : x.disable();
     });
   }
-  function g(p) {
-    return a.map(function(k) {
-      var A = k.setProps;
-      return k.setProps = function(S) {
-        A(S), k.reference === l && p.setProps(S);
+  function g(v) {
+    return a.map(function(x) {
+      var k = x.setProps;
+      return x.setProps = function(S) {
+        k(S), x.reference === l && v.setProps(S);
       }, function() {
-        k.setProps = A;
+        x.setProps = k;
       };
     });
   }
-  function v(p, k) {
-    var A = i.indexOf(k);
-    if (k !== l) {
-      l = k;
-      var S = (s || []).concat("content").reduce(function(x, M) {
-        return x[M] = a[A].props[M], x;
+  function p(v, x) {
+    var k = i.indexOf(x);
+    if (x !== l) {
+      l = x;
+      var S = (s || []).concat("content").reduce(function(A, M) {
+        return A[M] = a[k].props[M], A;
       }, {});
-      p.setProps(Object.assign({}, S, {
+      v.setProps(Object.assign({}, S, {
         getReferenceClientRect: typeof S.getReferenceClientRect == "function" ? S.getReferenceClientRect : function() {
-          var x;
-          return (x = o[A]) == null ? void 0 : x.getBoundingClientRect();
+          var A;
+          return (A = o[k]) == null ? void 0 : A.getBoundingClientRect();
         }
       }));
     }
@@ -6803,14 +6799,14 @@ var Lv = Object.assign({}, Xi, {
         onHidden: function() {
           l = null;
         },
-        onClickOutside: function(A) {
-          A.props.showOnCreate && !u && (u = !0, l = null);
+        onClickOutside: function(k) {
+          k.props.showOnCreate && !u && (u = !0, l = null);
         },
-        onShow: function(A) {
-          A.props.showOnCreate && !u && (u = !0, v(A, o[0]));
+        onShow: function(k) {
+          k.props.showOnCreate && !u && (u = !0, p(k, o[0]));
         },
-        onTrigger: function(A, S) {
-          v(A, S.currentTarget);
+        onTrigger: function(k, S) {
+          p(k, S.currentTarget);
         }
       };
     }
@@ -6821,39 +6817,39 @@ var Lv = Object.assign({}, Xi, {
       modifiers: [].concat(((r = n.popperOptions) == null ? void 0 : r.modifiers) || [], [Lv])
     })
   })), y = b.show;
-  b.show = function(p) {
-    if (y(), !l && p == null)
-      return v(b, o[0]);
-    if (!(l && p == null)) {
-      if (typeof p == "number")
-        return o[p] && v(b, o[p]);
-      if (a.indexOf(p) >= 0) {
-        var k = p.reference;
-        return v(b, k);
+  b.show = function(v) {
+    if (y(), !l && v == null)
+      return p(b, o[0]);
+    if (!(l && v == null)) {
+      if (typeof v == "number")
+        return o[v] && p(b, o[v]);
+      if (a.indexOf(v) >= 0) {
+        var x = v.reference;
+        return p(b, x);
       }
-      if (o.indexOf(p) >= 0)
-        return v(b, p);
+      if (o.indexOf(v) >= 0)
+        return p(b, v);
     }
   }, b.showNext = function() {
-    var p = o[0];
+    var v = o[0];
     if (!l)
       return b.show(0);
-    var k = o.indexOf(l);
-    b.show(o[k + 1] || p);
+    var x = o.indexOf(l);
+    b.show(o[x + 1] || v);
   }, b.showPrevious = function() {
-    var p = o[o.length - 1];
+    var v = o[o.length - 1];
     if (!l)
-      return b.show(p);
-    var k = o.indexOf(l), A = o[k - 1] || p;
-    b.show(A);
+      return b.show(v);
+    var x = o.indexOf(l), k = o[x - 1] || v;
+    b.show(k);
   };
   var C = b.setProps;
-  return b.setProps = function(p) {
-    s = p.overrides || s, C(p);
-  }, b.setInstances = function(p) {
-    h(!0), d.forEach(function(k) {
-      return k();
-    }), a = p, h(!1), f(), c(), d = g(b), b.setProps({
+  return b.setProps = function(v) {
+    s = v.overrides || s, C(v);
+  }, b.setInstances = function(v) {
+    h(!0), d.forEach(function(x) {
+      return x();
+    }), a = v, h(!1), f(), c(), d = g(b), b.setProps({
       triggerTarget: i
     });
   }, d = g(b), b;
@@ -6927,20 +6923,20 @@ var Wv = {
         getReferenceClientRect: null
       }), a = !1;
     }
-    function f(v) {
-      var m = v.target ? n.contains(v.target) : !0, b = t.props.followCursor, y = v.clientX, C = v.clientY, p = n.getBoundingClientRect(), k = y - p.left, A = C - p.top;
+    function f(p) {
+      var m = p.target ? n.contains(p.target) : !0, b = t.props.followCursor, y = p.clientX, C = p.clientY, v = n.getBoundingClientRect(), x = y - v.left, k = C - v.top;
       (m || !t.props.interactive) && t.setProps({
         // @ts-ignore - unneeded DOMRect properties
         getReferenceClientRect: function() {
-          var x = n.getBoundingClientRect(), M = y, P = C;
-          b === "initial" && (M = x.left + k, P = x.top + A);
-          var I = b === "horizontal" ? x.top : P, F = b === "vertical" ? x.right : M, L = b === "horizontal" ? x.bottom : P, U = b === "vertical" ? x.left : M;
+          var A = n.getBoundingClientRect(), M = y, P = C;
+          b === "initial" && (M = A.left + x, P = A.top + k);
+          var I = b === "horizontal" ? A.top : P, L = b === "vertical" ? A.right : M, $ = b === "horizontal" ? A.bottom : P, U = b === "vertical" ? A.left : M;
           return {
-            width: F - U,
-            height: L - I,
+            width: L - U,
+            height: $ - I,
             top: I,
-            right: F,
-            bottom: L,
+            right: L,
+            bottom: $,
             left: U
           };
         }
@@ -6953,10 +6949,10 @@ var Wv = {
       }), Nv(r));
     }
     function g() {
-      rr = rr.filter(function(v) {
-        return v.instance !== t;
-      }), rr.filter(function(v) {
-        return v.doc === r;
+      rr = rr.filter(function(p) {
+        return p.instance !== t;
+      }), rr.filter(function(p) {
+        return p.doc === r;
       }).length === 0 && jv(r);
     }
     return {
@@ -7031,9 +7027,9 @@ var qv = {
       onAfterUpdate: c,
       onTrigger: function(h, g) {
         if ($a(g)) {
-          var v = pn(t.reference.getClientRects()), m = v.find(function(y) {
+          var p = pn(t.reference.getClientRects()), m = p.find(function(y) {
             return y.left - 2 <= g.clientX && y.right + 2 >= g.clientX && y.top - 2 <= g.clientY && y.bottom + 2 >= g.clientY;
-          }), b = v.indexOf(m);
+          }), b = p.indexOf(m);
           o = b > -1 ? b : o;
         }
       },
@@ -7063,20 +7059,20 @@ function zv(e, t, n, r) {
     }
     case "left":
     case "right": {
-      var h = Math.min.apply(Math, n.map(function(A) {
-        return A.left;
-      })), g = Math.max.apply(Math, n.map(function(A) {
-        return A.right;
-      })), v = n.filter(function(A) {
-        return e === "left" ? A.left === h : A.right === g;
-      }), m = v[0].top, b = v[v.length - 1].bottom, y = h, C = g, p = C - y, k = b - m;
+      var h = Math.min.apply(Math, n.map(function(k) {
+        return k.left;
+      })), g = Math.max.apply(Math, n.map(function(k) {
+        return k.right;
+      })), p = n.filter(function(k) {
+        return e === "left" ? k.left === h : k.right === g;
+      }), m = p[0].top, b = p[p.length - 1].bottom, y = h, C = g, v = C - y, x = b - m;
       return {
         top: m,
         bottom: b,
         left: y,
         right: C,
-        width: p,
-        height: k
+        width: v,
+        height: x
       };
     }
     default:
@@ -7131,17 +7127,17 @@ function pl(e, t = {}, n = { mount: !0, appName: "Tippy" }) {
   }), i = Rn();
   let l = null;
   const s = () => l || (l = document.createDocumentFragment(), l), d = (S) => {
-    let x, M = gt(S) ? S.value : S;
+    let A, M = gt(S) ? S.value : S;
     return zl(M) ? (i.value || (i.value = Na({
       name: n.appName,
       setup: () => () => gt(S) ? S.value : S
-    }), r && Object.assign(i.value._context, r.appContext), i.value.mount(s())), x = () => s()) : typeof M == "object" ? (i.value || (i.value = Na({
+    }), r && Object.assign(i.value._context, r.appContext), i.value.mount(s())), A = () => s()) : typeof M == "object" ? (i.value || (i.value = Na({
       name: n.appName,
       setup: () => () => ue(gt(S) ? S.value : S)
-    }), r && Object.assign(i.value._context, r.appContext), i.value.mount(s())), x = () => s()) : x = M, x;
+    }), r && Object.assign(i.value._context, r.appContext), i.value.mount(s())), A = () => s()) : A = M, A;
   }, u = (S) => {
-    let x = {};
-    return gt(S) ? x = S.value || {} : Va(S) ? x = { ...S } : x = { ...S }, x.content && (x.content = d(x.content)), x.triggerTarget && (x.triggerTarget = gt(x.triggerTarget) ? x.triggerTarget.value : x.triggerTarget), (!x.plugins || !Array.isArray(x.plugins)) && (x.plugins = []), x.plugins = x.plugins.filter((M) => M.name !== "vueTippyReactiveState"), x.plugins.push({
+    let A = {};
+    return gt(S) ? A = S.value || {} : Va(S) ? A = { ...S } : A = { ...S }, A.content && (A.content = d(A.content)), A.triggerTarget && (A.triggerTarget = gt(A.triggerTarget) ? A.triggerTarget.value : A.triggerTarget), (!A.plugins || !Array.isArray(A.plugins)) && (A.plugins = []), A.plugins = A.plugins.filter((M) => M.name !== "vueTippyReactiveState"), A.plugins.push({
       name: "vueTippyReactiveState",
       fn: () => ({
         onCreate() {
@@ -7169,18 +7165,18 @@ function pl(e, t = {}, n = { mount: !0, appName: "Tippy" }) {
           o.value.isDestroyed = !0;
         }
       })
-    }), x;
+    }), A;
   }, c = () => {
     a.value && a.value.setProps(u(t));
   }, f = () => {
     !a.value || !t.content || a.value.setContent(d(t.content));
   }, h = (S) => {
-    var x;
-    (x = a.value) === null || x === void 0 || x.setContent(d(S));
+    var A;
+    (A = a.value) === null || A === void 0 || A.setContent(d(S));
   }, g = (S) => {
-    var x;
-    (x = a.value) === null || x === void 0 || x.setProps(u(S));
-  }, v = () => {
+    var A;
+    (A = a.value) === null || A === void 0 || A.setProps(u(S));
+  }, p = () => {
     var S;
     a.value && (a.value.destroy(), a.value = void 0), l = null, (S = i.value) === null || S === void 0 || S.unmount(), i.value = void 0;
   }, m = () => {
@@ -7195,32 +7191,32 @@ function pl(e, t = {}, n = { mount: !0, appName: "Tippy" }) {
   }, C = () => {
     var S;
     (S = a.value) === null || S === void 0 || S.enable(), o.value.isEnabled = !0;
-  }, p = () => {
+  }, v = () => {
     var S;
     (S = a.value) === null || S === void 0 || S.unmount();
-  }, k = () => {
+  }, x = () => {
     if (!e)
       return;
     let S = gt(e) ? e.value : e;
-    typeof S == "function" && (S = S()), Yv(S) && (S = S.$el), S && (a.value = W(S, u(t)), S.$tippy = A);
-  }, A = {
+    typeof S == "function" && (S = S()), Yv(S) && (S = S.$el), S && (a.value = W(S, u(t)), S.$tippy = k);
+  }, k = {
     tippy: a,
     refresh: c,
     refreshContent: f,
     setContent: h,
     setProps: g,
-    destroy: v,
+    destroy: p,
     hide: b,
     show: m,
     disable: y,
     enable: C,
-    unmount: p,
-    mount: k,
+    unmount: v,
+    mount: x,
     state: o
   };
-  return n.mount && (r ? r.isMounted ? k() : te(k) : k()), r && De(() => {
-    v();
-  }), gt(t) || Va(t) ? ne(t, c, { immediate: !1 }) : gt(t.content) && ne(t.content, f, { immediate: !1 }), A;
+  return n.mount && (r ? r.isMounted ? x() : te(x) : x()), r && De(() => {
+    p();
+  }), gt(t) || Va(t) ? ne(t, c, { immediate: !1 }) : gt(t.content) && ne(t.content, f, { immediate: !1 }), k;
 }
 function Xv(e, t) {
   const n = E();
@@ -7239,7 +7235,7 @@ function Gv(e) {
   const r = Qv(e);
   return (n = (t = r) === null || t === void 0 ? void 0 : t.$el) !== null && n !== void 0 ? n : r;
 }
-const vl = $({
+const vl = R({
   props: {
     to: {
       type: [String, Function]
@@ -7350,16 +7346,16 @@ const vl = $({
         }
         return g && b.push(g), b;
       }
-      const v = t.default ? t.default(f) : [];
+      const p = t.default ? t.default(f) : [];
       if (!e.tag) {
-        const b = ue(v[0], {
+        const b = ue(p[0], {
           ref: a,
           "data-v-tippy": ""
         });
         return g ? [b, g] : b;
       }
       const m = (typeof e.tag == "string", e.tag);
-      return ue(m, { ref: a, "data-v-tippy": "" }, g ? [v, g] : v);
+      return ue(m, { ref: a, "data-v-tippy": "" }, g ? [p, g] : p);
     };
   }
 }), Kv = [
@@ -7391,7 +7387,7 @@ Object.keys(W.defaultProps).forEach((e) => {
     }
   };
 });
-const Jv = $({
+const Jv = R({
   props: aa,
   setup(e) {
     const t = E([]), { singleton: n } = Xv(t, e);
@@ -7442,7 +7438,7 @@ tm({
   ignoreAttributes: !0,
   plugins: [Uv, qv, Wv, _v]
 });
-const nm = /* @__PURE__ */ $({
+const nm = /* @__PURE__ */ R({
   __name: "base-tooltip",
   props: {
     content: {},
@@ -7469,7 +7465,7 @@ const nm = /* @__PURE__ */ $({
       }
     ]), 1032, ["content", "z-index"]));
   }
-}), rm = { class: "" }, am = { class: "flex-1 text-left" }, om = /* @__PURE__ */ $({
+}), rm = { class: "" }, am = { class: "flex-1 text-left" }, om = /* @__PURE__ */ R({
   __name: "base-treeview",
   props: {
     title: { default: "" },
@@ -7529,7 +7525,7 @@ const nm = /* @__PURE__ */ $({
 }, pm = { class: "text-xs text-slate-500" }, vm = {
   key: 1,
   class: "flex flex-col mt-1 gap-1"
-}, mm = { class: "text-xs text-danger" }, hm = /* @__PURE__ */ $({
+}, mm = { class: "text-xs text-danger" }, hm = /* @__PURE__ */ R({
   __name: "base-form",
   props: {
     id: {},
@@ -7602,7 +7598,7 @@ const nm = /* @__PURE__ */ $({
       ], 2);
     };
   }
-}), gm = /* @__PURE__ */ oe(hm, [["__scopeId", "data-v-f9f52107"]]), bm = { class: "flex gap-2 items-center" }, ym = ["id", "data-testid", "readonly", "disabled", "value", "required", "true-value", "false-value"], Am = ["for"], wm = { key: 0 }, xm = /* @__PURE__ */ $({
+}), gm = /* @__PURE__ */ oe(hm, [["__scopeId", "data-v-f9f52107"]]), bm = { class: "flex gap-2 items-center" }, ym = ["id", "data-testid", "readonly", "disabled", "value", "required", "true-value", "false-value"], Am = ["for"], wm = { key: 0 }, xm = /* @__PURE__ */ R({
   __name: "base-checkbox",
   props: /* @__PURE__ */ we({
     id: {},
@@ -7694,7 +7690,7 @@ const nm = /* @__PURE__ */ $({
 }, Rm = {
   key: 1,
   class: "relative cursor-default select-none px-6 py-2 text-gray-700"
-}, Lm = ["onClick", "data-testid"], Fm = /* @__PURE__ */ $({
+}, Lm = ["onClick", "data-testid"], Fm = /* @__PURE__ */ R({
   __name: "base-choosen",
   props: /* @__PURE__ */ we({
     id: {},
@@ -7745,7 +7741,7 @@ const nm = /* @__PURE__ */ $({
       (y) => y.label.toLowerCase().replace(/\s+/g, "").includes(o.value.toLowerCase().replace(/\s+/g, ""))
     )), g = (y) => {
       a.value = y, n.value = y.label, b();
-    }, v = () => {
+    }, p = () => {
       n.value = "", a.value = void 0, s.value = "", d.value = "", o.value = "", b();
     };
     ne(
@@ -7761,9 +7757,9 @@ const nm = /* @__PURE__ */ $({
       u.value = !1;
     };
     return (y, C) => {
-      const p = K("base-input"), k = K("base-form"), A = K("base-icon"), S = K("base-modal");
+      const v = K("base-input"), x = K("base-form"), k = K("base-icon"), S = K("base-modal");
       return w(), B(fe, null, [
-        H(k, {
+        H(x, {
           label: t.label,
           layout: t.layout,
           description: t.description,
@@ -7773,11 +7769,11 @@ const nm = /* @__PURE__ */ $({
           class: "w-full"
         }, {
           default: _(() => [
-            e.mode === "input" ? (w(), X(p, {
+            e.mode === "input" ? (w(), X(v, {
               key: 0,
               readonly: "",
               modelValue: n.value,
-              "onUpdate:modelValue": C[0] || (C[0] = (x) => n.value = x),
+              "onUpdate:modelValue": C[0] || (C[0] = (A) => n.value = A),
               onClick: m,
               border: e.border,
               placeholder: e.placeholder,
@@ -7804,22 +7800,22 @@ const nm = /* @__PURE__ */ $({
         }, {
           default: _(() => [
             O("div", Pm, [
-              H(p, {
+              H(v, {
                 placeholder: "Search",
                 ref_key: "inputRef",
                 ref: c,
                 border: "full",
                 modelValue: o.value,
-                "onUpdate:modelValue": C[1] || (C[1] = (x) => o.value = x),
+                "onUpdate:modelValue": C[1] || (C[1] = (A) => o.value = A),
                 "data-testid": `${e.dataTestid}-search`
               }, {
                 suffix: _(() => [
                   O("button", {
                     class: "w-8 h-8",
                     "data-testid": `${e.dataTestid}-clear-button`,
-                    onClick: v
+                    onClick: p
                   }, [
-                    H(A, { icon: "i-fa7-solid:xmark" })
+                    H(k, { icon: "i-fa7-solid:xmark" })
                   ], 8, Dm)
                 ]),
                 _: 1
@@ -7828,14 +7824,14 @@ const nm = /* @__PURE__ */ $({
                 O("div", Mm, [
                   r.value ? (w(), B("div", $m, " Loading data... ")) : V("", !0),
                   !r.value && h.value.length === 0 ? (w(), B("div", Rm, " Nothing found. ")) : V("", !0),
-                  (w(!0), B(fe, null, Ie(h.value, (x, M) => (w(), B("div", {
+                  (w(!0), B(fe, null, Ie(h.value, (A, M) => (w(), B("div", {
                     key: M,
-                    class: z(["p-2 border-b first:border-t dark:border-b-slate-800 dark:border-t-slate-800 hover:bg-blue-100 dark:hover-bg-slate-800 cursor-pointer", { "bg-blue-200 dark:bg-slate-700": x?.label === a.value?.label }]),
-                    onClick: (P) => g(x),
-                    "data-testid": `${e.dataTestid}-option-${x._id}`
+                    class: z(["p-2 border-b first:border-t dark:border-b-slate-800 dark:border-t-slate-800 hover:bg-blue-100 dark:hover-bg-slate-800 cursor-pointer", { "bg-blue-200 dark:bg-slate-700": A?.label === a.value?.label }]),
+                    onClick: (P) => g(A),
+                    "data-testid": `${e.dataTestid}-option-${A._id}`
                   }, [
-                    Q(y.$slots, "default", { option: x }, () => [
-                      $e(q(x?.label), 1)
+                    Q(y.$slots, "default", { option: A }, () => [
+                      $e(q(A?.label), 1)
                     ])
                   ], 10, Lm))), 128))
                 ])
@@ -9126,8 +9122,8 @@ function zh(e, t) {
   {
     const l = n.getTimezoneOffset();
     if (l !== 0) {
-      const h = Math.abs(l), g = le(Math.trunc(h / 60), 2), v = le(h % 60, 2);
-      a = `${l < 0 ? "+" : "-"}${g}:${v}`;
+      const h = Math.abs(l), g = le(Math.trunc(h / 60), 2), p = le(h % 60, 2);
+      a = `${l < 0 ? "+" : "-"}${g}:${p}`;
     } else
       a = "Z";
     const s = le(n.getHours(), 2), d = le(n.getMinutes(), 2), u = le(n.getSeconds(), 2), c = r === "" ? "" : "T", f = [s, d, u].join(i);
@@ -9135,7 +9131,7 @@ function zh(e, t) {
   }
   return r;
 }
-const Uh = ["autofocus", "required", "readonly", "disabled", "data-testid"], Yh = /* @__PURE__ */ $({
+const Uh = ["autofocus", "required", "readonly", "disabled", "data-testid"], Yh = /* @__PURE__ */ R({
   __name: "base-datepicker",
   props: /* @__PURE__ */ we({
     modelValue: {},
@@ -9193,8 +9189,8 @@ const Uh = ["autofocus", "required", "readonly", "disabled", "data-testid"], Yh
       inputRef: u,
       dateRef: l
     }), (c, f) => {
-      const h = K("base-icon"), g = K("base-button"), v = K("base-form"), m = Ho("input-mask");
-      return w(), X(v, {
+      const h = K("base-icon"), g = K("base-button"), p = K("base-form"), m = Ho("input-mask");
+      return w(), X(p, {
         label: r.label,
         layout: r.layout,
         description: r.description,
@@ -9257,7 +9253,7 @@ const Uh = ["autofocus", "required", "readonly", "disabled", "data-testid"], Yh
       }, 8, ["label", "layout", "description", "required", "helpers", "errors"]);
     };
   }
-}), Xh = /* @__PURE__ */ oe(Yh, [["__scopeId", "data-v-d83e8038"]]), Qh = ["multiple", "accept", "autofocus", "required", "readonly", "disabled", "data-testid"], Gh = ["multiple", "accept", "required", "disabled", "data-testid"], Kh = /* @__PURE__ */ $({
+}), Xh = /* @__PURE__ */ oe(Yh, [["__scopeId", "data-v-d83e8038"]]), Qh = ["multiple", "accept", "autofocus", "required", "readonly", "disabled", "data-testid"], Gh = ["multiple", "accept", "required", "disabled", "data-testid"], Kh = /* @__PURE__ */ R({
   __name: "base-file-upload",
   props: /* @__PURE__ */ we({
     id: {},
@@ -9334,7 +9330,7 @@ const Uh = ["autofocus", "required", "readonly", "disabled", "data-testid"], Yh
       }, 8, ["label", "layout", "description", "required", "helpers", "errors"]);
     };
   }
-}), Jh = /* @__PURE__ */ oe(Kh, [["__scopeId", "data-v-f158f8e3"]]), Zh = ["type", "maxlength", "placeholder", "autofocus", "required", "readonly", "disabled", "data-testid"], eg = /* @__PURE__ */ $({
+}), Jh = /* @__PURE__ */ oe(Kh, [["__scopeId", "data-v-f158f8e3"]]), Zh = ["type", "maxlength", "placeholder", "autofocus", "required", "readonly", "disabled", "data-testid"], eg = /* @__PURE__ */ R({
   __name: "base-input",
   props: /* @__PURE__ */ we({
     modelValue: {},
@@ -9379,8 +9375,8 @@ const Uh = ["autofocus", "required", "readonly", "disabled", "data-testid"], Yh
     return t({
       inputRef: i
     }), (h, g) => {
-      const v = K("base-form");
-      return w(), X(v, {
+      const p = K("base-form");
+      return w(), X(p, {
         label: r.label,
         layout: r.layout,
         description: r.description,
@@ -9440,7 +9436,7 @@ const Uh = ["autofocus", "required", "readonly", "disabled", "data-testid"], Yh
       }, 8, ["label", "layout", "description", "required", "helpers", "errors"]);
     };
   }
-}), tg = /* @__PURE__ */ oe(eg, [["__scopeId", "data-v-27214726"]]), ng = ["required", "readonly", "disabled", "autofocus", "placeholder", "data-testid"], rg = /* @__PURE__ */ $({
+}), tg = /* @__PURE__ */ oe(eg, [["__scopeId", "data-v-27214726"]]), ng = ["required", "readonly", "disabled", "autofocus", "placeholder", "data-testid"], rg = /* @__PURE__ */ R({
   __name: "base-input-mask",
   props: /* @__PURE__ */ we({
     modelValue: { type: [String, Number, Boolean, null] },
@@ -9592,8 +9588,8 @@ Al.prototype = {
   },
   getFixedDateString: function(e) {
     var t = this, n = t.datePattern, r = [], a = 0, o = 0, i = 0, l = 0, s = 0, d = 0, u, c, f, h = !1;
-    e.length === 4 && n[0].toLowerCase() !== "y" && n[1].toLowerCase() !== "y" && (l = n[0] === "d" ? 0 : 2, s = 2 - l, u = parseInt(e.slice(l, l + 2), 10), c = parseInt(e.slice(s, s + 2), 10), r = this.getFixedDate(u, c, 0)), e.length === 8 && (n.forEach(function(v, m) {
-      switch (v) {
+    e.length === 4 && n[0].toLowerCase() !== "y" && n[1].toLowerCase() !== "y" && (l = n[0] === "d" ? 0 : 2, s = 2 - l, u = parseInt(e.slice(l, l + 2), 10), c = parseInt(e.slice(s, s + 2), 10), r = this.getFixedDate(u, c, 0)), e.length === 8 && (n.forEach(function(p, m) {
+      switch (p) {
         case "d":
           a = m;
           break;
@@ -9605,16 +9601,16 @@ Al.prototype = {
           break;
       }
     }), d = i * 2, l = a <= i ? a * 2 : a * 2 + 2, s = o <= i ? o * 2 : o * 2 + 2, u = parseInt(e.slice(l, l + 2), 10), c = parseInt(e.slice(s, s + 2), 10), f = parseInt(e.slice(d, d + 4), 10), h = e.slice(d, d + 4).length === 4, r = this.getFixedDate(u, c, f)), e.length === 4 && (n[0] === "y" || n[1] === "y") && (s = n[0] === "m" ? 0 : 2, d = 2 - s, c = parseInt(e.slice(s, s + 2), 10), f = parseInt(e.slice(d, d + 2), 10), h = e.slice(d, d + 2).length === 2, r = [0, c, f]), e.length === 6 && (n[0] === "Y" || n[1] === "Y") && (s = n[0] === "m" ? 0 : 4, d = 2 - 0.5 * s, c = parseInt(e.slice(s, s + 2), 10), f = parseInt(e.slice(d, d + 4), 10), h = e.slice(d, d + 4).length === 4, r = [0, c, f]), r = t.getRangeFixedDate(r), t.date = r;
-    var g = r.length === 0 ? e : n.reduce(function(v, m) {
+    var g = r.length === 0 ? e : n.reduce(function(p, m) {
       switch (m) {
         case "d":
-          return v + (r[0] === 0 ? "" : t.addLeadingZero(r[0]));
+          return p + (r[0] === 0 ? "" : t.addLeadingZero(r[0]));
         case "m":
-          return v + (r[1] === 0 ? "" : t.addLeadingZero(r[1]));
+          return p + (r[1] === 0 ? "" : t.addLeadingZero(r[1]));
         case "y":
-          return v + (h ? t.addLeadingZeroForYear(r[2], !1) : "");
+          return p + (h ? t.addLeadingZeroForYear(r[2], !1) : "");
         case "Y":
-          return v + (h ? t.addLeadingZeroForYear(r[2], !0) : "");
+          return p + (h ? t.addLeadingZeroForYear(r[2], !0) : "");
       }
     }, "");
     return g;
@@ -10131,7 +10127,7 @@ ge.Util = cg;
 ge.DefaultProperties = pg;
 (typeof rn == "object" && rn ? rn : window).Cleave = ge;
 var kl = ge;
-const vg = ["placeholder", "autofocus", "required", "readonly", "disabled", "data-testid"], mg = /* @__PURE__ */ $({
+const vg = ["placeholder", "autofocus", "required", "readonly", "disabled", "data-testid"], mg = /* @__PURE__ */ R({
   // This disables auto-inheriting attrs on the root element
   inheritAttrs: !1,
   __name: "base-input-number",
@@ -10171,14 +10167,14 @@ const vg = ["placeholder", "autofocus", "required", "readonly", "disabled", "dat
         numeral: !0,
         numeralThousandsGroupStyle: "thousand",
         numeralDecimalScale: r.decimalLength,
-        onValueChanged: v
+        onValueChanged: p
       }), r.autofocus && o.value?.focus(), c(), setTimeout(() => {
         c();
       }, 1e3);
     });
     const c = () => {
       d.value = l.value?.clientWidth === 0 ? 16 : l.value?.clientWidth, u.value = s.value?.clientWidth === 0 ? 16 : s.value?.clientWidth;
-    }, f = de(e, "modelValue"), h = de(e, "errors"), g = n, v = (b) => {
+    }, f = de(e, "modelValue"), h = de(e, "errors"), g = n, p = (b) => {
       g("update:modelValue", Number(b.target.rawValue)), r.resetErrorsOnUpdate === !0 && h.value?.length && (h.value = []);
     }, m = T({
       set: () => {
@@ -10212,7 +10208,7 @@ const vg = ["placeholder", "autofocus", "required", "readonly", "disabled", "dat
               rounded: e.rounded,
               "px-0!": e.paddingless
             }]),
-            "onUpdate:modelValue": y[0] || (y[0] = (p) => m.value = p),
+            "onUpdate:modelValue": y[0] || (y[0] = (v) => m.value = v),
             placeholder: r.placeholder,
             autofocus: r.autofocus,
             required: r.required,
@@ -10308,12 +10304,12 @@ function bg() {
         }), r ? o.scrollHeight > parseInt(f.height) && (c.overflowY = "scroll") : c.overflow = "hidden", u.textContent = o.value.substring(0, i), h && (u.textContent = u.textContent.replace(/\s/g, " "));
         var g = document.createElement("span");
         g.textContent = o.value.substring(i) || ".", u.appendChild(g);
-        var v = {
+        var p = {
           top: g.offsetTop + parseInt(f.borderTopWidth),
           left: g.offsetLeft + parseInt(f.borderLeftWidth),
           height: parseInt(f.lineHeight)
         };
-        return s ? g.style.backgroundColor = "#aaa" : document.body.removeChild(u), v;
+        return s ? g.style.backgroundColor = "#aaa" : document.body.removeChild(u), p;
       }
       e.exports = a;
     })();
@@ -10326,7 +10322,7 @@ const Ag = /* @__PURE__ */ gg(yg), wg = { class: "relative w-full" }, xg = ["id"
 }, Sg = {
   key: 1,
   class: "p-1 text-gray-400 italic"
-}, Og = ["onClick"], Cg = /* @__PURE__ */ $({
+}, Og = ["onClick"], Cg = /* @__PURE__ */ R({
   __name: "base-mention",
   props: /* @__PURE__ */ we({
     modelValue: {},
@@ -10334,6 +10330,7 @@ const Ag = /* @__PURE__ */ gg(yg), wg = { class: "relative w-full" }, xg = ["id"
     label: {},
     description: {},
     placeholder: {},
+    debounceTimer: { default: 300 },
     border: { default: "simple" },
     layout: { default: "vertical" },
     maxlength: {},
@@ -10352,62 +10349,71 @@ const Ag = /* @__PURE__ */ gg(yg), wg = { class: "relative w-full" }, xg = ["id"
     errors: {},
     errorsModifiers: {}
   }),
-  emits: /* @__PURE__ */ we(["update:modelValue", "update:mentions", "search"], ["update:errors"]),
+  emits: /* @__PURE__ */ we(["update:modelValue", "update:mentions", "search", "showSuggestions"], ["update:errors"]),
   setup(e, { expose: t, emit: n }) {
-    const r = e, a = de(e, "errors"), o = n, i = T({
+    const r = e, a = de(e, "errors"), o = n;
+    let i = null;
+    const l = (A) => {
+      i && clearTimeout(i), i = setTimeout(() => {
+        o("search", A);
+      }, r.debounceTimer);
+    }, s = T({
       get: () => r.modelValue,
       set: (A) => {
-        o("update:modelValue", A), a.value?.length && (a.value = []), d();
+        o("update:modelValue", A), a.value?.length && (a.value = []), c();
       }
-    }), l = E(0), s = E();
-    function d() {
-      l.value = 0, ke(() => {
-        l.value = s.value?.scrollHeight ?? 0;
+    }), d = E(0), u = E();
+    function c() {
+      d.value = 0, ke(() => {
+        d.value = u.value?.scrollHeight ?? 0;
       });
     }
-    ne(i, d), te(() => {
-      r.autofocus && s.value?.focus(), d();
+    ne(s, c), te(() => {
+      r.autofocus && u.value?.focus(), c();
     });
-    const u = E({ top: 0, left: 0 }), c = E(!1), f = E(0), h = E(null), g = E(-1), v = E(""), m = T(() => h.value ? (r.options[h.value] || []).filter(
-      (A) => A.label.toLowerCase().includes(v.value.toLowerCase())
+    const f = E({ top: 0, left: 0 }), h = E(!1), g = E(0), p = E(null), m = E(-1), b = E(""), y = T(() => p.value ? (r.options[p.value] || []).filter(
+      (A) => A.label.toLowerCase().includes(b.value.toLowerCase())
     ) : []);
-    function b() {
-      if (!s.value || g.value < 0) return;
-      const A = Ag(s.value, g.value);
-      u.value = {
-        top: A.top - s.value.scrollTop + A.height,
-        left: A.left - s.value.scrollLeft
+    function C() {
+      if (!u.value || m.value < 0) return;
+      const A = Ag(u.value, m.value);
+      f.value = {
+        top: A.top - u.value.scrollTop + A.height,
+        left: A.left - u.value.scrollLeft
       };
     }
-    function y(A) {
-      const x = A.target.selectionStart, M = i.value.slice(0, x), P = new RegExp(`([${r.triggers.join("")}])(\\w*)$`), I = M.match(P);
-      I ? (h.value = I[1], g.value = x - I[2].length - 1, v.value = I[2], o("search", { trigger: h.value, query: v.value }), c.value = !0, ke(b)) : k();
-    }
-    function C(A) {
-      !c.value || !m.value.length || (["ArrowDown", "ArrowUp", "Enter", "Escape"].includes(A.key) && A.preventDefault(), A.key === "ArrowDown" && (f.value = (f.value + 1) % m.value.length), A.key === "ArrowUp" && (f.value = (f.value - 1 + m.value.length) % m.value.length), A.key === "Enter" && p(m.value[f.value]), A.key === "Escape" && k());
-    }
-    function p(A) {
-      if (!h.value || g.value < 0) return;
-      const S = i.value.slice(0, g.value), x = i.value.slice(g.value + v.value.length + 1);
-      i.value = `${S}${h.value}${A.label} ${x}`, k(), ke(() => {
-        s.value?.focus();
-        const M = S.length + A.label.length + 2;
-        s.value?.setSelectionRange(M, M);
+    function v(A) {
+      const P = A.target.selectionStart, I = s.value.slice(0, P), L = new RegExp(`([${r.triggers.join("")}])(\\w*)$`), $ = I.match(L);
+      $ ? (p.value = $[1], m.value = P - $[2].length - 1, b.value = $[2], l({
+        trigger: p.value,
+        query: b.value
+      }), h.value = !0, o("showSuggestions", !0), ke(C)) : S();
+    }
+    function x(A) {
+      !h.value || !y.value.length || (["ArrowDown", "ArrowUp", "Enter", "Escape"].includes(A.key) && A.preventDefault(), A.key === "ArrowDown" && (g.value = (g.value + 1) % y.value.length), A.key === "ArrowUp" && (g.value = (g.value - 1 + y.value.length) % y.value.length), A.key === "Enter" && k(y.value[g.value]), A.key === "Escape" && S());
+    }
+    function k(A) {
+      if (!p.value || m.value < 0) return;
+      const M = s.value.slice(0, m.value), P = s.value.slice(m.value + b.value.length + 1);
+      s.value = `${M}${p.value}${A.label} ${P}`, S(), ke(() => {
+        u.value?.focus();
+        const I = M.length + A.label.length + 2;
+        u.value?.setSelectionRange(I, I);
       });
     }
-    function k() {
-      c.value = !1, g.value = -1, v.value = "", h.value = null, f.value = 0;
+    function S() {
+      i && (clearTimeout(i), i = null), h.value = !1, o("showSuggestions", !1), m.value = -1, b.value = "", p.value = null, g.value = 0;
     }
-    return ne(i, () => {
+    return ne(s, () => {
       const A = [];
-      for (const S of r.triggers) {
-        const x = new RegExp(`\\${S}(\\w+)`, "g"), M = Array.from(i.value.matchAll(x)).map((I) => I[1]?.toLowerCase()), P = r.options[S] || [];
-        A.push(...P.filter((I) => M.includes(I.label.toLowerCase())));
+      for (const M of r.triggers) {
+        const P = new RegExp(`\\${M}(\\w+)`, "g"), I = Array.from(s.value.matchAll(P)).map(($) => $[1]?.toLowerCase()), L = r.options[M] || [];
+        A.push(...L.filter(($) => I.includes($.label.toLowerCase())));
       }
       o("update:mentions", A);
-    }), t({ textareaRef: s }), (A, S) => {
-      const x = K("base-form");
-      return w(), X(x, {
+    }), t({ textareaRef: u }), (A, M) => {
+      const P = K("base-form");
+      return w(), X(P, {
         label: r.label,
         layout: r.layout,
         description: r.description,
@@ -10419,8 +10425,8 @@ const Ag = /* @__PURE__ */ gg(yg), wg = { class: "relative w-full" }, xg = ["id"
           O("div", wg, [
             Xe(O("textarea", {
               ref_key: "textareaRef",
-              ref: s,
-              "onUpdate:modelValue": S[0] || (S[0] = (M) => i.value = M),
+              ref: u,
+              "onUpdate:modelValue": M[0] || (M[0] = (I) => s.value = I),
               id: e.id,
               placeholder: e.placeholder,
               autofocus: e.autofocus,
@@ -10435,30 +10441,31 @@ const Ag = /* @__PURE__ */ gg(yg), wg = { class: "relative w-full" }, xg = ["id"
                 "overflow-hidden": !e.maxHeight
               }]),
               style: Ye({
-                height: l.value + "px",
+                height: d.value + "px",
                 minHeight: e.minHeight ? e.minHeight + "px" : "inherit",
                 maxHeight: e.maxHeight ? e.maxHeight + "px" : "inherit"
               }),
               "data-testid": e.dataTestid,
-              onInput: y,
-              onKeydown: C
+              onInput: v,
+              onKeydown: x,
+              onBlur: S
             }, null, 46, xg), [
-              [Ut, i.value]
+              [Ut, s.value]
             ]),
-            c.value ? (w(), B("ul", {
+            h.value ? (w(), B("ul", {
               key: 0,
               class: "absolute bg-white dark:bg-gray-900 border dark:border-gray-500 rounded shadow p-1 z-10 w-48",
-              style: Ye({ top: `${u.value.top}px`, left: `${u.value.left}px` })
+              style: Ye({ top: `${f.value.top}px`, left: `${f.value.left}px` })
             }, [
-              e.loading ? (w(), B("li", kg, "Searching...")) : m.value.length ? V("", !0) : (w(), B("li", Sg, "No results")),
-              e.loading ? V("", !0) : (w(!0), B(fe, { key: 2 }, Ie(m.value, (M, P) => (w(), B("li", {
-                key: M.id,
+              e.loading ? (w(), B("li", kg, "Searching...")) : y.value.length ? V("", !0) : (w(), B("li", Sg, "No results")),
+              e.loading ? V("", !0) : (w(!0), B(fe, { key: 2 }, Ie(y.value, (I, L) => (w(), B("li", {
+                key: I.id,
                 class: z([
                   "p-1 cursor-pointer",
-                  P === f.value ? "bg-gray-200 dark:bg-gray-700" : "hover:bg-gray-100 dark:hover:bg-gray-700"
+                  L === g.value ? "bg-gray-200 dark:bg-gray-700" : "hover:bg-gray-100 dark:hover:bg-gray-700"
                 ]),
-                onClick: (I) => p(M)
-              }, q(M.label), 11, Og))), 128))
+                onClick: ($) => k(I)
+              }, q(I.label), 11, Og))), 128))
             ], 4)) : V("", !0)
           ])
         ]),
@@ -10466,13 +10473,13 @@ const Ag = /* @__PURE__ */ gg(yg), wg = { class: "relative w-full" }, xg = ["id"
       }, 8, ["label", "layout", "description", "required", "helpers", "errors"]);
     };
   }
-}), Eg = /* @__PURE__ */ oe(Cg, [["__scopeId", "data-v-66bbbe73"]]), Tg = { class: "cursor-pointer" }, Bg = { class: "flex items-center justify-between gap-1" }, Pg = {
+}), Eg = /* @__PURE__ */ oe(Cg, [["__scopeId", "data-v-ab610d60"]]), Tg = { class: "cursor-pointer" }, Bg = { class: "flex items-center justify-between gap-1" }, Pg = {
   key: 0,
   class: "flex items-center shrink-0 text-white"
 }, Dg = {
   key: 1,
   class: "flex items-center shrink-0"
-}, Ig = { class: "flex items-center" }, Mg = { class: "text-sm" }, $g = /* @__PURE__ */ $({
+}, Ig = { class: "flex items-center" }, Mg = { class: "text-sm" }, $g = /* @__PURE__ */ R({
   __name: "base-radio",
   props: /* @__PURE__ */ we({
     modelValue: { type: [Object, null, String, Number, Boolean] },
@@ -10562,7 +10569,7 @@ const Ag = /* @__PURE__ */ gg(yg), wg = { class: "relative w-full" }, xg = ["id"
       }, 8, ["label", "layout", "description", "required", "helpers", "errors"]);
     };
   }
-}), Rg = { class: "flex w-full gap-2 mt-0.2" }, Lg = ["disabled", "data-testid"], Fg = { key: 0 }, _g = /* @__PURE__ */ $({
+}), Rg = { class: "flex w-full gap-2 mt-0.2" }, Lg = ["disabled", "data-testid"], Fg = { key: 0 }, _g = /* @__PURE__ */ R({
   __name: "base-range",
   props: /* @__PURE__ */ we({
     modelValue: {},
@@ -10621,7 +10628,7 @@ const Ag = /* @__PURE__ */ gg(yg), wg = { class: "relative w-full" }, xg = ["id"
 }, Wg = {
   key: 1,
   class: "relative cursor-default select-none px-4 py-2 text-gray-700"
-}, Hg = /* @__PURE__ */ $({
+}, Hg = /* @__PURE__ */ R({
   __name: "base-select",
   props: /* @__PURE__ */ we({
     id: {},
@@ -10673,12 +10680,12 @@ const Ag = /* @__PURE__ */ gg(yg), wg = { class: "relative w-full" }, xg = ["id"
     ), ne(
       () => r.value,
       (g) => {
-        o.value = a.options.find((v) => v.value === g);
+        o.value = a.options.find((p) => p.value === g);
       },
       { immediate: !0 }
     ), t({
       inputRef: h
-    }), (g, v) => {
+    }), (g, p) => {
       const m = K("base-icon"), b = K("base-button"), y = K("base-form");
       return w(), X(y, {
         label: a.label,
@@ -10691,7 +10698,7 @@ const Ag = /* @__PURE__ */ gg(yg), wg = { class: "relative w-full" }, xg = ["id"
         default: _(() => [
           H(N(pu), {
             modelValue: o.value,
-            "onUpdate:modelValue": v[3] || (v[3] = (C) => o.value = C)
+            "onUpdate:modelValue": p[3] || (p[3] = (C) => o.value = C)
           }, {
             default: _(() => [
               O("div", Vg, [
@@ -10713,7 +10720,7 @@ const Ag = /* @__PURE__ */ gg(yg), wg = { class: "relative w-full" }, xg = ["id"
                     disabled: a.disabled,
                     placeholder: e.placeholder,
                     displayValue: () => o.value?.label ?? "",
-                    onChange: v[0] || (v[0] = (C) => l.value = C.target.value),
+                    onChange: p[0] || (p[0] = (C) => l.value = C.target.value),
                     "data-testid": `${e.dataTestid}-input`
                   }, null, 8, ["autofocus", "required", "readonly", "disabled", "placeholder", "class", "displayValue", "data-testid"]),
                   N(ml)(o.value) ? (w(), X(N(vu), {
@@ -10732,7 +10739,7 @@ const Ag = /* @__PURE__ */ gg(yg), wg = { class: "relative w-full" }, xg = ["id"
                     variant: "text",
                     type: "button",
                     class: "absolute inset-y-0 right-1 flex items-center",
-                    onClick: v[1] || (v[1] = (C) => u()),
+                    onClick: p[1] || (p[1] = (C) => u()),
                     "data-testid": `${e.dataTestid}-clear-button`
                   }, {
                     default: _(() => [
@@ -10745,7 +10752,7 @@ const Ag = /* @__PURE__ */ gg(yg), wg = { class: "relative w-full" }, xg = ["id"
                   leave: "transition ease-in duration-100",
                   leaveFrom: "opacity-100",
                   leaveTo: "opacity-0",
-                  onAfterLeave: v[2] || (v[2] = (C) => l.value = "")
+                  onAfterLeave: p[2] || (p[2] = (C) => l.value = "")
                 }, {
                   default: _(() => [
                     H(N(hu), { class: "options" }, {
@@ -10758,15 +10765,15 @@ const Ag = /* @__PURE__ */ gg(yg), wg = { class: "relative w-full" }, xg = ["id"
                           value: C,
                           "data-testid": `${e.dataTestid}-option-${C._id}`
                         }, {
-                          default: _(({ selected: p, active: k }) => [
+                          default: _(({ selected: v, active: x }) => [
                             O("li", {
                               class: z(["option", {
-                                "option-active": k,
-                                "option-inactive": !k
+                                "option-active": x,
+                                "option-inactive": !x
                               }])
                             }, [
                               O("span", {
-                                class: z(["block", { "font-medium": p, "font-normal": !p }])
+                                class: z(["block", { "font-medium": v, "font-normal": !v }])
                               }, q(C.label), 3)
                             ], 2)
                           ]),
@@ -10787,7 +10794,7 @@ const Ag = /* @__PURE__ */ gg(yg), wg = { class: "relative w-full" }, xg = ["id"
       }, 8, ["label", "layout", "description", "required", "helpers", "errors"]);
     };
   }
-}), qg = /* @__PURE__ */ oe(Hg, [["__scopeId", "data-v-32636d03"]]), zg = ["disabled", "data-testid"], Ug = /* @__PURE__ */ $({
+}), qg = /* @__PURE__ */ oe(Hg, [["__scopeId", "data-v-32636d03"]]), zg = ["disabled", "data-testid"], Ug = /* @__PURE__ */ R({
   __name: "base-switch",
   props: /* @__PURE__ */ we({
     modelValue: { type: Boolean },
@@ -10858,7 +10865,7 @@ const Ag = /* @__PURE__ */ gg(yg), wg = { class: "relative w-full" }, xg = ["id"
       }, 8, ["label", "layout", "description", "required", "helpers", "errors"]);
     };
   }
-}), Yg = ["placeholder", "autofocus", "required", "readonly", "disabled", "maxlength", "data-testid"], Xg = /* @__PURE__ */ $({
+}), Yg = ["placeholder", "autofocus", "required", "readonly", "disabled", "maxlength", "data-testid"], Xg = /* @__PURE__ */ R({
   __name: "base-textarea",
   props: /* @__PURE__ */ we({
     modelValue: {},
@@ -10942,7 +10949,7 @@ const Ag = /* @__PURE__ */ gg(yg), wg = { class: "relative w-full" }, xg = ["id"
       }, 8, ["label", "layout", "description", "required", "helpers", "errors"]);
     };
   }
-}), Qg = /* @__PURE__ */ oe(Xg, [["__scopeId", "data-v-72c6c0e3"]]), Gg = { class: "flex justify-between px-4" }, Kg = { class: "self-end" }, Jg = /* @__PURE__ */ $({
+}), Qg = /* @__PURE__ */ oe(Xg, [["__scopeId", "data-v-72c6c0e3"]]), Gg = { class: "flex justify-between px-4" }, Kg = { class: "self-end" }, Jg = /* @__PURE__ */ R({
   __name: "app-footer",
   props: {
     version: {},
@@ -10969,7 +10976,7 @@ function rb(e, t) {
 const ab = /* @__PURE__ */ oe(Zg, [["render", rb], ["__scopeId", "data-v-918420e3"]]), ob = { class: "preloader-status" }, ib = {
   status: "",
   class: "preloader-status-text"
-}, lb = { class: "preloader-status-loader" }, sb = /* @__PURE__ */ $({
+}, lb = { class: "preloader-status-loader" }, sb = /* @__PURE__ */ R({
   __name: "app-preloader",
   setup(e) {
     const t = E(0), n = E(`is loading ${t.value} %`), r = E();
@@ -11009,7 +11016,7 @@ const ab = /* @__PURE__ */ oe(Zg, [["render", rb], ["__scopeId", "data-v-918420e
 }, Ab = ["href"], wb = {
   key: 2,
   class: "menu-separator"
-}, xb = /* @__PURE__ */ $({
+}, xb = /* @__PURE__ */ R({
   __name: "app-sidebar-menu",
   props: {
     isMobile: { type: Boolean },
@@ -11044,7 +11051,7 @@ const ab = /* @__PURE__ */ oe(Zg, [["render", rb], ["__scopeId", "data-v-918420e
             O("p", pb, q(e.title), 1),
             n.value ? (w(), X(ur(N(ia)), {
               key: 0,
-              onClick: f[0] || (f[0] = (v) => N(o).closeSidebar()),
+              onClick: f[0] || (f[0] = (p) => N(o).closeSidebar()),
               class: "mr-2",
               "data-testid": "sidebar-button"
             }, {
@@ -11061,47 +11068,47 @@ const ab = /* @__PURE__ */ oe(Zg, [["render", rb], ["__scopeId", "data-v-918420e
           ]),
           O("div", mb, [
             O("ul", hb, [
-              (w(!0), B(fe, null, Ie(r.value, (v) => (w(), B("li", {
-                key: v.name
+              (w(!0), B(fe, null, Ie(r.value, (p) => (w(), B("li", {
+                key: p.name
               }, [
-                v.submenu ? (w(), B(fe, { key: 0 }, [
-                  v.path ? (w(), X(g, {
+                p.submenu ? (w(), B(fe, { key: 0 }, [
+                  p.path ? (w(), X(g, {
                     key: 0,
-                    to: v.path,
+                    to: p.path,
                     class: "menu-link-button",
-                    onClick: (m) => l(v.name),
-                    "data-testid": v.dataTestid
+                    onClick: (m) => l(p.name),
+                    "data-testid": p.dataTestid
                   }, {
                     default: _(() => [
-                      O("p", null, q(v.name), 1),
-                      v.submenu ? (w(), B("i", {
+                      O("p", null, q(p.name), 1),
+                      p.submenu ? (w(), B("i", {
                         key: 0,
                         class: z(["i-fa7-solid:angle-right", {
-                          "rotate-90 transition transform-gpu": i.value === v.name
+                          "rotate-90 transition transform-gpu": i.value === p.name
                         }])
                       }, null, 2)) : V("", !0)
                     ]),
                     _: 2
                   }, 1032, ["to", "onClick", "data-testid"])) : (w(), B("div", {
                     key: 1,
-                    class: z(["menu-link-button", { "text-slate-50": i.value === v.name }]),
-                    onClick: (m) => l(v.name),
-                    "data-testid": v.dataTestid
+                    class: z(["menu-link-button", { "text-slate-50": i.value === p.name }]),
+                    onClick: (m) => l(p.name),
+                    "data-testid": p.dataTestid
                   }, [
-                    O("p", null, q(v.name), 1),
-                    v.submenu ? (w(), B("i", {
+                    O("p", null, q(p.name), 1),
+                    p.submenu ? (w(), B("i", {
                       key: 0,
                       class: z(["i-fa7-solid:angle-right", {
-                        "rotate-90 transition transform-gpu": i.value === v.name
+                        "rotate-90 transition transform-gpu": i.value === p.name
                       }])
                     }, null, 2)) : V("", !0)
                   ], 10, gb)),
                   O("ul", {
                     class: z(["submenu", {
-                      "max-h-[1000px]! overflow-auto bg-slate-700 px-2 py-1 w-[var(--sidebar-menu-width)] -mx-4": i.value === v.name
+                      "max-h-[1000px]! overflow-auto bg-slate-700 px-2 py-1 w-[var(--sidebar-menu-width)] -mx-4": i.value === p.name
                     }])
                   }, [
-                    (w(!0), B(fe, null, Ie(v.submenu, (m) => (w(), B("li", {
+                    (w(!0), B(fe, null, Ie(p.submenu, (m) => (w(), B("li", {
                       key: m.name,
                       class: "overflow-hidden"
                     }, [
@@ -11121,30 +11128,30 @@ const ab = /* @__PURE__ */ oe(Zg, [["render", rb], ["__scopeId", "data-v-918420e
                     ]))), 128))
                   ], 2)
                 ], 64)) : (w(), B(fe, { key: 1 }, [
-                  v.path && u(v.path) === "internal" ? (w(), X(g, {
+                  p.path && u(p.path) === "internal" ? (w(), X(g, {
                     key: 0,
-                    to: v.path,
+                    to: p.path,
                     class: "menu-link-button",
                     onClick: f[1] || (f[1] = (m) => s()),
-                    "data-testid": v.dataTestid
+                    "data-testid": p.dataTestid
                   }, {
                     default: _(() => [
-                      $e(q(v.name), 1)
+                      $e(q(p.name), 1)
                     ]),
                     _: 2
                   }, 1032, ["to", "data-testid"])) : V("", !0),
-                  v.path && u(v.path) === "external" ? (w(), B("a", {
+                  p.path && u(p.path) === "external" ? (w(), B("a", {
                     key: 1,
-                    href: v.path,
+                    href: p.path,
                     onClick: f[2] || (f[2] = (m) => s()),
                     target: "_blank",
                     class: "menu-link-button"
                   }, [
-                    $e(q(v.name) + " ", 1),
+                    $e(q(p.name) + " ", 1),
                     H(h, { icon: "i-fa7-solid:up-right-from-square" })
                   ], 8, Ab)) : V("", !0)
                 ], 64)),
-                v.separator ? (w(), B("div", wb)) : V("", !0)
+                p.separator ? (w(), B("div", wb)) : V("", !0)
               ]))), 128))
             ])
           ])
@@ -11160,7 +11167,7 @@ const ab = /* @__PURE__ */ oe(Zg, [["render", rb], ["__scopeId", "data-v-918420e
   key: 1,
   src: Ol,
   class: "pt-2 px-1 max-w-12 max-h-12"
-}, $b = { class: "text-center px-1 py-2 text-9px font-semibold line-height-tight break-anywhere" }, Rb = /* @__PURE__ */ $({
+}, $b = { class: "text-center px-1 py-2 text-9px font-semibold line-height-tight break-anywhere" }, Rb = /* @__PURE__ */ R({
   __name: "app-sidebar-panel",
   props: {
     apps: {}
@@ -11217,7 +11224,7 @@ const ab = /* @__PURE__ */ oe(Zg, [["render", rb], ["__scopeId", "data-v-918420e
       ]);
     };
   }
-}), Cl = /* @__PURE__ */ oe(Rb, [["__scopeId", "data-v-800d2254"]]), Lb = { class: "sidebar" }, Fb = /* @__PURE__ */ $({
+}), Cl = /* @__PURE__ */ oe(Rb, [["__scopeId", "data-v-800d2254"]]), Lb = { class: "sidebar" }, Fb = /* @__PURE__ */ R({
   __name: "app-sidebar",
   props: {
     title: {},
@@ -11250,7 +11257,7 @@ const ab = /* @__PURE__ */ oe(Zg, [["render", rb], ["__scopeId", "data-v-918420e
       })
     ], 64));
   }
-}), _b = /* @__PURE__ */ oe(Fb, [["__scopeId", "data-v-388375c7"]]), Vb = { class: "hidden lg:flex flex-col justify-center items-end" }, Nb = { class: "text-sm truncate font-extrabold" }, jb = { class: "text-sm truncate" }, Wb = { class: "popper-root p-2" }, Hb = /* @__PURE__ */ $({
+}), _b = /* @__PURE__ */ oe(Fb, [["__scopeId", "data-v-388375c7"]]), Vb = { class: "hidden lg:flex flex-col justify-center items-end" }, Nb = { class: "text-sm truncate font-extrabold" }, jb = { class: "text-sm truncate" }, Wb = { class: "popper-root p-2" }, Hb = /* @__PURE__ */ R({
   __name: "header-menu",
   props: {
     organization: {},
@@ -11293,7 +11300,7 @@ const ab = /* @__PURE__ */ oe(Zg, [["render", rb], ["__scopeId", "data-v-918420e
       }, 512);
     };
   }
-}), qb = /* @__PURE__ */ oe(Hb, [["__scopeId", "data-v-2912a45d"]]), zb = { class: "text-slate-900 dark:text-slate-50 flex !justify-left" }, Ub = { class: "flex flex-col justify-center items-start text-left text-sm pl-2" }, Yb = { class: "font-extrabold line-clamp-1" }, Xb = { class: "line-clamp-1" }, Qb = /* @__PURE__ */ $({
+}), qb = /* @__PURE__ */ oe(Hb, [["__scopeId", "data-v-2912a45d"]]), zb = { class: "text-slate-900 dark:text-slate-50 flex !justify-left" }, Ub = { class: "flex flex-col justify-center items-start text-left text-sm pl-2" }, Yb = { class: "font-extrabold line-clamp-1" }, Xb = { class: "line-clamp-1" }, Qb = /* @__PURE__ */ R({
   __name: "header-menu-account",
   props: {
     organization: {},
@@ -11315,7 +11322,7 @@ const ab = /* @__PURE__ */ oe(Zg, [["render", rb], ["__scopeId", "data-v-918420e
       ])
     ]));
   }
-}), Gb = /* @__PURE__ */ $({
+}), Gb = /* @__PURE__ */ R({
   __name: "header-menu-dark-mode",
   props: /* @__PURE__ */ we({
     onToggleDarkMode: { type: Function }
@@ -11351,7 +11358,7 @@ const ab = /* @__PURE__ */ oe(Zg, [["render", rb], ["__scopeId", "data-v-918420e
       });
     };
   }
-}), Kb = /* @__PURE__ */ $({
+}), Kb = /* @__PURE__ */ R({
   __name: "header-menu-signout",
   props: {
     onSignout: { type: Function }
@@ -11378,7 +11385,7 @@ const ab = /* @__PURE__ */ oe(Zg, [["render", rb], ["__scopeId", "data-v-918420e
       }, 8, ["onClick"]);
     };
   }
-}), Jb = { class: "text-xs" }, Zb = /* @__PURE__ */ $({
+}), Jb = { class: "text-xs" }, Zb = /* @__PURE__ */ R({
   __name: "header-menu-switch-organization",
   props: {
     organizations: {}
@@ -11430,7 +11437,7 @@ const ab = /* @__PURE__ */ oe(Zg, [["render", rb], ["__scopeId", "data-v-918420e
       ], 64);
     };
   }
-}), ey = { class: "popper-root" }, ty = { class: "overflow-y-auto flex flex-col gap-4" }, ny = { class: "flex items-center space-x-3" }, ry = { class: "bg-info/10 dark:bg-info/15 h-10 w-10 flex shrink-0 items-center justify-center rounded-lg" }, ay = { class: "flex items-center space-x-3" }, oy = { class: "bg-info/10 dark:bg-info/15 h-10 w-10 flex shrink-0 items-center justify-center rounded-lg" }, iy = /* @__PURE__ */ $({
+}), ey = { class: "popper-root" }, ty = { class: "overflow-y-auto flex flex-col gap-4" }, ny = { class: "flex items-center space-x-3" }, ry = { class: "bg-info/10 dark:bg-info/15 h-10 w-10 flex shrink-0 items-center justify-center rounded-lg" }, ay = { class: "flex items-center space-x-3" }, oy = { class: "bg-info/10 dark:bg-info/15 h-10 w-10 flex shrink-0 items-center justify-center rounded-lg" }, iy = /* @__PURE__ */ R({
   __name: "header-notification",
   setup(e) {
     const t = E();
@@ -11564,7 +11571,7 @@ const ab = /* @__PURE__ */ oe(Zg, [["render", rb], ["__scopeId", "data-v-918420e
 }, uy = {
   key: 1,
   class: "block w-6 h-6 i-lucide-panel-left-close"
-}, dy = /* @__PURE__ */ $({
+}, dy = /* @__PURE__ */ R({
   __name: "header-sidebar-button",
   props: /* @__PURE__ */ we({
     onToggleSidebar: { type: Function }
@@ -11788,14 +11795,14 @@ const Cy = mr("sidebar-menu", {
     }
     u(i.value), n.value < r.value && setTimeout(d, a.value);
   }, u = (g) => {
-    i.value = g, e.value = new WebSocket(i.value), e.value.onmessage = (v) => {
-      const m = Tm(v.data);
+    i.value = g, e.value = new WebSocket(i.value), e.value.onmessage = (p) => {
+      const m = Tm(p.data);
       fy.emit(m.event, m);
-    }, e.value.onopen = (v) => {
+    }, e.value.onopen = (p) => {
       o.value = 1;
-    }, e.value.onclose = (v) => {
+    }, e.value.onclose = (p) => {
       o.value = 0, t.value === !1 && setTimeout(d, a.value);
-    }, e.value.onerror = (v) => {
+    }, e.value.onerror = (p) => {
     };
   };
   function c() {