@point-hub/papp 0.0.90 → 0.0.92

package/dist/index.js

@@ -75,7 +75,7 @@ const Jl = { class: "accordion-container" }, Zl = /* @__PURE__ */ R({
     }, s = e;
     return (d, u) => (S(), T("div", os, [
       (S(), N(oe(De), {
-        onClick: u[0] || (u[0] = (f) => l()),
+        onClick: u[0] || (u[0] = (c) => l()),
         class: "accordion-title"
       }, {
         default: F(() => [
@@ -359,9 +359,9 @@ function rn(e, t, n) {
     if (!(u.length !== r.length || u.some((h, m) => r[m] !== h)))
       return a;
     r = u;
-    let c;
-    if (n.key && ((o = n.debug) != null && o.call(n)) && (c = Date.now()), a = t(...u), n.key && ((l = n.debug) != null && l.call(n))) {
-      const h = Math.round((Date.now() - d) * 100) / 100, m = Math.round((Date.now() - c) * 100) / 100, p = m / 16, g = (b, y) => {
+    let f;
+    if (n.key && ((o = n.debug) != null && o.call(n)) && (f = Date.now()), a = t(...u), n.key && ((l = n.debug) != null && l.call(n))) {
+      const h = Math.round((Date.now() - d) * 100) / 100, m = Math.round((Date.now() - f) * 100) / 100, p = m / 16, g = (b, y) => {
         for (b = String(b); b.length < y; )
           b = " " + b;
         return b;
@@ -442,8 +442,8 @@ const Ms = (e, t) => Math.abs(e - t) < 1, $s = (e, t, n) => {
     },
     e.options.isScrollingResetDelay
   ), o = (d) => () => {
-    const { horizontal: u, isRtl: f } = e.options;
-    a = u ? n.scrollLeft * (f && -1 || 1) : n.scrollTop, i(), t(a, d);
+    const { horizontal: u, isRtl: c } = e.options;
+    a = u ? n.scrollLeft * (c && -1 || 1) : n.scrollTop, i(), t(a, d);
   }, l = o(!0), s = o(!1);
   return s(), n.addEventListener("scroll", l, Ga), n.addEventListener("scrollend", s, Ga), () => {
     n.removeEventListener("scroll", l), n.removeEventListener("scrollend", s);
@@ -613,13 +613,13 @@ class js {
         this.pendingMeasuredCacheIndexes = [];
         const d = this.measurementsCache.slice(0, s);
         for (let u = s; u < n; u++) {
-          const f = i(u), c = this.options.lanes === 1 ? d[u - 1] : this.getFurthestMeasurement(d, u), h = c ? c.end + this.options.gap : r + a, m = l.get(f), p = typeof m == "number" ? m : this.options.estimateSize(u), g = h + p, b = c ? c.lane : u % this.options.lanes;
+          const c = i(u), f = this.options.lanes === 1 ? d[u - 1] : this.getFurthestMeasurement(d, u), h = f ? f.end + this.options.gap : r + a, m = l.get(c), p = typeof m == "number" ? m : this.options.estimateSize(u), g = h + p, b = f ? f.lane : u % this.options.lanes;
           d[u] = {
             index: u,
             start: h,
             size: p,
             end: g,
-            key: f,
+            key: c,
             lane: b
           };
         }
@@ -1018,16 +1018,16 @@ function qe(e, t, { sorted: n = !0, relativeTo: r = null, skipElements: a = [] }
     if (t & 4) return Math.max(0, l.indexOf(r)) + 1;
     if (t & 8) return l.length - 1;
     throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
-  })(), u = t & 32 ? { preventScroll: !0 } : {}, f = 0, c = l.length, h;
+  })(), u = t & 32 ? { preventScroll: !0 } : {}, c = 0, f = l.length, h;
   do {
-    if (f >= c || f + c <= 0) return 0;
-    let m = d + f;
-    if (t & 16) m = (m + c) % c;
+    if (c >= f || c + f <= 0) return 0;
+    let m = d + c;
+    if (t & 16) m = (m + f) % f;
     else {
       if (m < 0) return 3;
-      if (m >= c) return 1;
+      if (m >= f) return 1;
     }
-    h = l[m], h == null || h.focus(u), f += s;
+    h = l[m], h == null || h.focus(u), c += s;
   } while (h !== o.activeElement);
   return t & 6 && nu(h) && h.select(), 2;
 }
@@ -1131,18 +1131,18 @@ function Rr({ props: e, attrs: t, slots: n, slot: r, name: a }) {
   var i, o;
   let { as: l, ...s } = Lt(e, ["unmount", "static"]), d = (i = n.default) == null ? void 0 : i.call(n, r), u = {};
   if (r) {
-    let f = !1, c = [];
-    for (let [h, m] of Object.entries(r)) typeof m == "boolean" && (f = !0), m === !0 && c.push(h);
-    f && (u["data-headlessui-state"] = c.join(" "));
+    let c = !1, f = [];
+    for (let [h, m] of Object.entries(r)) typeof m == "boolean" && (c = !0), m === !0 && f.push(h);
+    c && (u["data-headlessui-state"] = f.join(" "));
   }
   if (l === "template") {
     if (d = ti(d ?? []), Object.keys(s).length > 0 || Object.keys(t).length > 0) {
-      let [f, ...c] = d ?? [];
-      if (!ou(f) || c.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, g, b) => b.indexOf(p) === g).sort((p, g) => p.localeCompare(g)).map((p) => `  - ${p}`).join(`
+      let [c, ...f] = d ?? [];
+      if (!ou(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, g, b) => b.indexOf(p) === g).sort((p, g) => p.localeCompare(g)).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 = ni((o = f.props) != null ? o : {}, s, u), m = qo(f, h, !0);
+      let h = ni((o = c.props) != null ? o : {}, s, u), m = qo(c, h, !0);
       for (let p in h) p.startsWith("on") && (m.props || (m.props = {}), m.props[p] = h[p]);
       return m;
     }
@@ -1307,9 +1307,9 @@ let si = Symbol("VirtualContext"), vu = R({ name: "VirtualProvider", setup(e, {
     }
   } }, a.value.getVirtualItems().map((l) => qo(t.default({ option: n.virtual.value.options[l.index], open: n.comboboxState.value === 0 })[0], { key: `${o.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" } })))];
 } }), mu = 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), i = E(null), o = E(null), l = E(null), s = E(null), d = E({ static: !1, hold: !1 }), u = E([]), f = E(null), c = E(2), h = E(!1);
+  let a = E(1), i = E(null), o = 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 m(B = (I) => I) {
-    let I = f.value !== null ? u.value[f.value] : null, _ = B(u.value.slice()), L = _.length > 0 && _[0].dataRef.order.value !== null ? _.sort((Y, G) => Y.dataRef.order.value - G.dataRef.order.value) : ct(_, (Y) => M(Y.dataRef.domRef)), z = I ? L.indexOf(I) : null;
+    let I = c.value !== null ? u.value[c.value] : null, _ = B(u.value.slice()), L = _.length > 0 && _[0].dataRef.order.value !== null ? _.sort((Y, G) => Y.dataRef.order.value - G.dataRef.order.value) : ct(_, (Y) => M(Y.dataRef.domRef)), z = I ? L.indexOf(I) : null;
     return z === -1 && (z = null), { options: L, activeOptionIndex: z };
   }
   let p = P(() => e.multiple ? 1 : 0), g = P(() => e.nullable), [b, y] = ya(P(() => e.modelValue), (B) => r("update:modelValue", B), P(() => e.defaultValue)), w = P(() => b.value === void 0 ? be(p.value, { 1: [], 0: void 0 }) : b.value), v = null, A = null;
@@ -1317,66 +1317,66 @@ let si = Symbol("VirtualContext"), vu = R({ name: "VirtualProvider", setup(e, {
     return be(p.value, { 0() {
       return y == null ? void 0 : y(B);
     }, 1: () => {
-      let I = Ae(k.value.value).slice(), _ = Ae(B), L = I.findIndex((z) => k.compare(_, Ae(z)));
+      let I = Ae(O.value.value).slice(), _ = Ae(B), L = I.findIndex((z) => O.compare(_, Ae(z)));
       return L === -1 ? I.push(_) : I.splice(L, 1), y == null ? void 0 : y(I);
     } });
   }
-  let O = P(() => {
+  let k = P(() => {
   });
-  re([O], ([B], [I]) => {
-    if (k.virtual.value && B && I && f.value !== null) {
-      let _ = B.indexOf(I[f.value]);
-      _ !== -1 ? f.value = _ : f.value = null;
+  re([k], ([B], [I]) => {
+    if (O.virtual.value && B && I && c.value !== null) {
+      let _ = B.indexOf(I[c.value]);
+      _ !== -1 ? c.value = _ : c.value = null;
     }
   });
-  let k = { comboboxState: a, value: w, mode: p, compare(B, I) {
+  let O = { comboboxState: a, value: w, mode: p, compare(B, I) {
     if (typeof e.by == "string") {
       let _ = e.by;
       return (B == null ? void 0 : B[_]) === (I == null ? void 0 : I[_]);
     }
     return e.by === null ? du(B, I) : e.by(B, I);
   }, calculateIndex(B) {
-    return k.virtual.value ? e.by === null ? k.virtual.value.options.indexOf(B) : k.virtual.value.options.findIndex((I) => k.compare(I, B)) : u.value.findIndex((I) => k.compare(I.dataRef.value, B));
+    return O.virtual.value ? e.by === null ? O.virtual.value.options.indexOf(B) : O.virtual.value.options.findIndex((I) => O.compare(I, B)) : u.value.findIndex((I) => O.compare(I.dataRef.value, B));
   }, defaultValue: P(() => e.defaultValue), nullable: g, immediate: P(() => !1), virtual: P(() => null), inputRef: o, labelRef: i, buttonRef: l, optionsRef: s, disabled: P(() => e.disabled), options: u, change(B) {
     y(B);
   }, activeOptionIndex: P(() => {
-    if (h.value && f.value === null && (k.virtual.value ? k.virtual.value.options.length > 0 : u.value.length > 0)) {
-      if (k.virtual.value) {
-        let I = k.virtual.value.options.findIndex((_) => {
+    if (h.value && c.value === null && (O.virtual.value ? O.virtual.value.options.length > 0 : u.value.length > 0)) {
+      if (O.virtual.value) {
+        let I = O.virtual.value.options.findIndex((_) => {
           var L;
-          return !((L = k.virtual.value) != null && L.disabled(_));
+          return !((L = O.virtual.value) != null && L.disabled(_));
         });
         if (I !== -1) return I;
       }
       let B = u.value.findIndex((I) => !I.dataRef.disabled);
       if (B !== -1) return B;
     }
-    return f.value;
-  }), activationTrigger: c, optionsPropsRef: d, closeCombobox() {
-    h.value = !1, !e.disabled && a.value !== 1 && (a.value = 1, f.value = null);
+    return c.value;
+  }), activationTrigger: f, optionsPropsRef: d, closeCombobox() {
+    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 (k.value.value) {
-        let B = k.calculateIndex(k.value.value);
-        B !== -1 && (f.value = B);
+      if (O.value.value) {
+        let B = O.calculateIndex(O.value.value);
+        B !== -1 && (c.value = B);
       }
       a.value = 0;
     }
   }, setActivationTrigger(B) {
-    c.value = B;
+    f.value = B;
   }, goToOption(B, I, _) {
     h.value = !1, v !== null && cancelAnimationFrame(v), v = requestAnimationFrame(() => {
       if (e.disabled || s.value && !d.value.static && a.value === 1) return;
-      if (k.virtual.value) {
-        f.value = B === ee.Specific ? I : fr({ focus: B }, { resolveItems: () => k.virtual.value.options, resolveActiveIndex: () => {
+      if (O.virtual.value) {
+        c.value = B === ee.Specific ? I : fr({ focus: B }, { resolveItems: () => O.virtual.value.options, resolveActiveIndex: () => {
           var Y, G;
-          return (G = (Y = k.activeOptionIndex.value) != null ? Y : k.virtual.value.options.findIndex((ae) => {
+          return (G = (Y = O.activeOptionIndex.value) != null ? Y : O.virtual.value.options.findIndex((ae) => {
             var ne;
-            return !((ne = k.virtual.value) != null && ne.disabled(ae));
+            return !((ne = O.virtual.value) != null && ne.disabled(ae));
           })) != null ? G : null;
-        }, resolveDisabled: (Y) => k.virtual.value.disabled(Y), resolveId() {
+        }, resolveDisabled: (Y) => O.virtual.value.disabled(Y), resolveId() {
           throw new Error("Function not implemented.");
-        } }), c.value = _ ?? 2;
+        } }), f.value = _ ?? 2;
         return;
       }
       let L = m();
@@ -1385,7 +1385,7 @@ let si = Symbol("VirtualContext"), vu = R({ name: "VirtualProvider", setup(e, {
         Y !== -1 && (L.activeOptionIndex = Y);
       }
       let z = B === ee.Specific ? I : fr({ focus: B }, { resolveItems: () => L.options, resolveActiveIndex: () => L.activeOptionIndex, resolveId: (Y) => Y.id, resolveDisabled: (Y) => Y.dataRef.disabled });
-      f.value = z, c.value = _ ?? 2, u.value = L.options;
+      c.value = z, f.value = _ ?? 2, u.value = L.options;
     });
   }, selectOption(B) {
     let I = u.value.find((L) => L.id === B);
@@ -1393,28 +1393,28 @@ let si = Symbol("VirtualContext"), vu = R({ name: "VirtualProvider", setup(e, {
     let { dataRef: _ } = I;
     x(_.value);
   }, selectActiveOption() {
-    if (k.activeOptionIndex.value !== null) {
-      if (k.virtual.value) x(k.virtual.value.options[k.activeOptionIndex.value]);
+    if (O.activeOptionIndex.value !== null) {
+      if (O.virtual.value) x(O.virtual.value.options[O.activeOptionIndex.value]);
       else {
-        let { dataRef: B } = u.value[k.activeOptionIndex.value];
+        let { dataRef: B } = u.value[O.activeOptionIndex.value];
         x(B.value);
       }
-      k.goToOption(ee.Specific, k.activeOptionIndex.value);
+      O.goToOption(ee.Specific, O.activeOptionIndex.value);
     }
   }, registerOption(B, I) {
     let _ = hr({ id: B, dataRef: I });
-    if (k.virtual.value) {
+    if (O.virtual.value) {
       u.value.push(_);
       return;
     }
     A && cancelAnimationFrame(A);
     let L = m((z) => (z.push(_), z));
-    f.value === null && k.isSelected(I.value.value) && (L.activeOptionIndex = L.options.indexOf(_)), u.value = L.options, f.value = L.activeOptionIndex, c.value = 2, L.options.some((z) => !M(z.dataRef.domRef)) && (A = requestAnimationFrame(() => {
+    c.value === null && O.isSelected(I.value.value) && (L.activeOptionIndex = L.options.indexOf(_)), u.value = L.options, c.value = L.activeOptionIndex, f.value = 2, L.options.some((z) => !M(z.dataRef.domRef)) && (A = requestAnimationFrame(() => {
       let z = m();
-      u.value = z.options, f.value = z.activeOptionIndex;
+      u.value = z.options, c.value = z.activeOptionIndex;
     }));
   }, unregisterOption(B, I) {
-    if (v !== null && cancelAnimationFrame(v), I && (h.value = !0), k.virtual.value) {
+    if (v !== null && cancelAnimationFrame(v), I && (h.value = !0), O.virtual.value) {
       u.value = u.value.filter((L) => L.id !== B);
       return;
     }
@@ -1422,13 +1422,13 @@ let si = Symbol("VirtualContext"), vu = R({ name: "VirtualProvider", setup(e, {
       let z = L.findIndex((Y) => Y.id === B);
       return z !== -1 && L.splice(z, 1), L;
     });
-    u.value = _.options, f.value = _.activeOptionIndex, c.value = 2;
+    u.value = _.options, c.value = _.activeOptionIndex, f.value = 2;
   }, isSelected(B) {
-    return be(p.value, { 0: () => k.compare(Ae(k.value.value), Ae(B)), 1: () => Ae(k.value.value).some((I) => k.compare(Ae(I), Ae(B))) });
+    return be(p.value, { 0: () => O.compare(Ae(O.value.value), Ae(B)), 1: () => Ae(O.value.value).some((I) => O.compare(Ae(I), Ae(B))) });
   }, isActive(B) {
-    return f.value === k.calculateIndex(B);
+    return c.value === O.calculateIndex(B);
   } };
-  wr([o, l, s], () => k.closeCombobox(), P(() => a.value === 0)), Be(li, k), Sr(P(() => be(a.value, { 0: Oe.Open, 1: Oe.Closed })));
+  wr([o, l, s], () => O.closeCombobox(), P(() => a.value === 0)), Be(li, O), Sr(P(() => be(a.value, { 0: Oe.Open, 1: Oe.Closed })));
   let $ = P(() => {
     var B;
     return (B = M(o)) == null ? void 0 : B.closest("form");
@@ -1437,7 +1437,7 @@ let si = Symbol("VirtualContext"), vu = R({ name: "VirtualProvider", setup(e, {
     re([$], () => {
       if (!$.value || e.defaultValue === void 0) return;
       function B() {
-        k.change(e.defaultValue);
+        O.change(e.defaultValue);
       }
       return $.value.addEventListener("reset", B), () => {
         var I;
@@ -1446,7 +1446,7 @@ let si = Symbol("VirtualContext"), vu = R({ name: "VirtualProvider", setup(e, {
     }, { immediate: !0 });
   }), () => {
     var B, I, _;
-    let { name: L, disabled: z, form: Y, ...G } = e, ae = { open: a.value === 0, disabled: z, activeIndex: k.activeOptionIndex.value, activeOption: k.activeOptionIndex.value === null ? null : k.virtual.value ? k.virtual.value.options[(B = k.activeOptionIndex.value) != null ? B : 0] : (_ = (I = k.options.value[k.activeOptionIndex.value]) == null ? void 0 : I.dataRef.value) != null ? _ : null, value: w.value };
+    let { name: L, disabled: z, form: Y, ...G } = e, ae = { open: a.value === 0, disabled: z, activeIndex: O.activeOptionIndex.value, activeOption: O.activeOptionIndex.value === null ? null : O.virtual.value ? O.virtual.value.options[(B = O.activeOptionIndex.value) != null ? B : 0] : (_ = (I = O.options.value[O.activeOptionIndex.value]) == null ? void 0 : I.dataRef.value) != null ? _ : null, value: w.value };
     return de(me, [...L != null && w.value != null ? Or({ [L]: w.value }).map(([ne, fe]) => de($t, xa({ features: Mt.Hidden, key: ne, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: Y, disabled: z, name: ne, value: fe }))) : [], ue({ theirProps: { ...n, ...Lt(G, ["by", "defaultValue", "immediate", "modelValue", "multiple", "nullable", "onUpdate:modelValue", "virtual"]) }, ourProps: {}, slot: ae, slots: t, attrs: n, name: "Combobox" })]);
   };
 } });
@@ -1468,40 +1468,40 @@ let hu = R({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
   r({ el: o.buttonRef, $el: o.buttonRef });
   function l(u) {
     o.disabled.value || (o.comboboxState.value === 0 ? o.closeCombobox() : (u.preventDefault(), o.openCombobox()), ye(() => {
-      var f;
-      return (f = M(o.inputRef)) == null ? void 0 : f.focus({ preventScroll: !0 });
+      var c;
+      return (c = M(o.inputRef)) == null ? void 0 : c.focus({ preventScroll: !0 });
     }));
   }
   function s(u) {
     switch (u.key) {
       case W.ArrowDown:
         u.preventDefault(), u.stopPropagation(), o.comboboxState.value === 1 && o.openCombobox(), ye(() => {
-          var f;
-          return (f = o.inputRef.value) == null ? void 0 : f.focus({ preventScroll: !0 });
+          var c;
+          return (c = o.inputRef.value) == null ? void 0 : c.focus({ preventScroll: !0 });
         });
         return;
       case W.ArrowUp:
         u.preventDefault(), u.stopPropagation(), o.comboboxState.value === 1 && (o.openCombobox(), ye(() => {
           o.value.value || o.goToOption(ee.Last);
         })), ye(() => {
-          var f;
-          return (f = o.inputRef.value) == null ? void 0 : f.focus({ preventScroll: !0 });
+          var c;
+          return (c = o.inputRef.value) == null ? void 0 : c.focus({ preventScroll: !0 });
         });
         return;
       case W.Escape:
         if (o.comboboxState.value !== 0) return;
         u.preventDefault(), o.optionsRef.value && !o.optionsPropsRef.value.static && u.stopPropagation(), o.closeCombobox(), ye(() => {
-          var f;
-          return (f = o.inputRef.value) == null ? void 0 : f.focus({ preventScroll: !0 });
+          var c;
+          return (c = o.inputRef.value) == null ? void 0 : c.focus({ preventScroll: !0 });
         });
         return;
     }
   }
   let d = xr(P(() => ({ as: e.as, type: t.type })), o.buttonRef);
   return () => {
-    var u, f;
-    let c = { open: o.comboboxState.value === 0, disabled: o.disabled.value, value: o.value.value }, { ...h } = e, m = { ref: o.buttonRef, id: i, type: d.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (u = M(o.optionsRef)) == null ? void 0 : u.id, "aria-expanded": o.comboboxState.value === 0, "aria-labelledby": o.labelRef.value ? [(f = M(o.labelRef)) == null ? void 0 : f.id, i].join(" ") : void 0, disabled: o.disabled.value === !0 ? !0 : void 0, onKeydown: s, onClick: l };
-    return ue({ ourProps: m, theirProps: h, slot: c, attrs: t, slots: n, name: "ComboboxButton" });
+    var u, c;
+    let f = { open: o.comboboxState.value === 0, disabled: o.disabled.value, value: o.value.value }, { ...h } = e, m = { ref: o.buttonRef, id: i, type: d.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (u = M(o.optionsRef)) == null ? void 0 : u.id, "aria-expanded": o.comboboxState.value === 0, "aria-labelledby": o.labelRef.value ? [(c = M(o.labelRef)) == null ? void 0 : c.id, i].join(" ") : void 0, disabled: o.disabled.value === !0 ? !0 : void 0, onKeydown: s, onClick: l };
+    return ue({ ourProps: m, theirProps: h, slot: f, attrs: t, slots: n, name: "ComboboxButton" });
   };
 } }), gu = 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 i;
@@ -1512,16 +1512,16 @@ let hu = R({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
     let A = M(l.optionsRef);
     A && (A.scrollTop = 0), l.goToOption(ee.Nothing);
   }
-  let f = P(() => {
+  let c = P(() => {
     var A;
     let x = l.value.value;
     return M(l.inputRef) ? typeof e.displayValue < "u" && x !== void 0 ? (A = e.displayValue(x)) != null ? A : "" : typeof x == "string" ? x : "" : "";
   });
   te(() => {
-    re([f, l.comboboxState, s], ([A, x], [O, k]) => {
+    re([c, l.comboboxState, s], ([A, x], [k, O]) => {
       if (d.value) return;
       let $ = M(l.inputRef);
-      $ && ((k === 0 && x === 1 || A !== O) && ($.value = A), requestAnimationFrame(() => {
+      $ && ((O === 0 && x === 1 || A !== k) && ($.value = A), requestAnimationFrame(() => {
         var B;
         if (d.value || !$ || ((B = s.value) == null ? void 0 : B.activeElement) !== $) return;
         let { selectionStart: I, selectionEnd: _ } = $;
@@ -1530,20 +1530,20 @@ let hu = R({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
     }, { immediate: !0 }), re([l.comboboxState], ([A], [x]) => {
       if (A === 0 && x === 1) {
         if (d.value) return;
-        let O = M(l.inputRef);
-        if (!O) return;
-        let k = O.value, { selectionStart: $, selectionEnd: B, selectionDirection: I } = O;
-        O.value = "", O.value = k, I !== null ? O.setSelectionRange($, B, I) : O.setSelectionRange($, B);
+        let k = M(l.inputRef);
+        if (!k) return;
+        let O = k.value, { selectionStart: $, selectionEnd: B, selectionDirection: I } = k;
+        k.value = "", k.value = O, I !== null ? k.setSelectionRange($, B, I) : k.setSelectionRange($, B);
       }
     });
   });
-  let c = E(!1);
+  let f = E(!1);
   function h() {
-    c.value = !0;
+    f.value = !0;
   }
   function m() {
     It().nextFrame(() => {
-      c.value = !1;
+      f.value = !1;
     });
   }
   let p = Ys();
@@ -1552,7 +1552,7 @@ let hu = R({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
       d.value = !1;
     }), A.key) {
       case W.Enter:
-        if (d.value = !1, l.comboboxState.value !== 0 || c.value) return;
+        if (d.value = !1, l.comboboxState.value !== 0 || f.value) return;
         if (A.preventDefault(), A.stopPropagation(), l.activeOptionIndex.value === null) {
           l.closeCombobox();
           return;
@@ -1591,24 +1591,24 @@ let hu = R({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
     t("change", A), l.nullable.value && l.mode.value === 0 && A.target.value === "" && u(), l.openCombobox();
   }
   function y(A) {
-    var x, O, k;
+    var x, k, O;
     let $ = (x = A.relatedTarget) != null ? x : At.find((B) => B !== A.currentTarget);
-    if (d.value = !1, !((O = M(l.optionsRef)) != null && O.contains($)) && !((k = M(l.buttonRef)) != null && k.contains($)) && l.comboboxState.value === 0) return A.preventDefault(), l.mode.value === 0 && (l.nullable.value && l.value.value === null ? u() : l.activationTrigger.value !== 1 && l.selectActiveOption()), l.closeCombobox();
+    if (d.value = !1, !((k = M(l.optionsRef)) != null && k.contains($)) && !((O = M(l.buttonRef)) != null && O.contains($)) && l.comboboxState.value === 0) return A.preventDefault(), l.mode.value === 0 && (l.nullable.value && l.value.value === null ? u() : l.activationTrigger.value !== 1 && l.selectActiveOption()), l.closeCombobox();
   }
   function w(A) {
-    var x, O, k;
+    var x, k, O;
     let $ = (x = A.relatedTarget) != null ? x : At.find((B) => B !== A.currentTarget);
-    (O = M(l.buttonRef)) != null && O.contains($) || (k = M(l.optionsRef)) != null && k.contains($) || l.disabled.value || l.immediate.value && l.comboboxState.value !== 0 && (l.openCombobox(), It().nextFrame(() => {
+    (k = M(l.buttonRef)) != null && k.contains($) || (O = M(l.optionsRef)) != null && O.contains($) || l.disabled.value || l.immediate.value && l.comboboxState.value !== 0 && (l.openCombobox(), It().nextFrame(() => {
       l.setActivationTrigger(1);
     }));
   }
   let v = P(() => {
-    var A, x, O, k;
-    return (k = (O = (x = e.defaultValue) != null ? x : l.defaultValue.value !== void 0 ? (A = e.displayValue) == null ? void 0 : A.call(e, l.defaultValue.value) : null) != null ? O : l.defaultValue.value) != null ? k : "";
+    var A, x, k, O;
+    return (O = (k = (x = e.defaultValue) != null ? x : l.defaultValue.value !== void 0 ? (A = e.displayValue) == null ? void 0 : A.call(e, l.defaultValue.value) : null) != null ? k : l.defaultValue.value) != null ? O : "";
   });
   return () => {
-    var A, x, O, k, $, B, I;
-    let _ = { open: l.comboboxState.value === 0 }, { displayValue: L, onChange: z, ...Y } = e, G = { "aria-controls": (A = l.optionsRef.value) == null ? void 0 : A.id, "aria-expanded": l.comboboxState.value === 0, "aria-activedescendant": l.activeOptionIndex.value === null ? void 0 : l.virtual.value ? (x = 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 : x.id : (O = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : O.id, "aria-labelledby": (B = (k = M(l.labelRef)) == null ? void 0 : k.id) != null ? B : ($ = M(l.buttonRef)) == null ? void 0 : $.id, "aria-autocomplete": "list", id: o, onCompositionstart: h, onCompositionend: m, onKeydown: g, onInput: b, onFocus: w, 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 };
+    var A, x, k, O, $, B, I;
+    let _ = { open: l.comboboxState.value === 0 }, { displayValue: L, onChange: z, ...Y } = e, G = { "aria-controls": (A = l.optionsRef.value) == null ? void 0 : A.id, "aria-expanded": l.comboboxState.value === 0, "aria-activedescendant": l.activeOptionIndex.value === null ? void 0 : l.virtual.value ? (x = 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 : x.id : (k = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : k.id, "aria-labelledby": (B = (O = M(l.labelRef)) == null ? void 0 : O.id) != null ? B : ($ = M(l.buttonRef)) == null ? void 0 : $.id, "aria-autocomplete": "list", id: o, onCompositionstart: h, onCompositionend: m, onKeydown: g, onInput: b, onFocus: w, 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 ue({ ourProps: G, theirProps: Y, slot: _, attrs: n, slots: r, features: je.RenderStrategy | je.Static, name: "ComboboxInput" });
   };
 } }), bu = 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 }) {
@@ -1628,9 +1628,9 @@ let hu = R({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
     d.preventDefault();
   }
   return () => {
-    var d, u, f;
-    let c = { open: a.comboboxState.value === 0 }, h = { "aria-labelledby": (f = (d = M(a.labelRef)) == null ? void 0 : d.id) != null ? f : (u = M(a.buttonRef)) == null ? void 0 : u.id, id: i, ref: a.optionsRef, role: "listbox", "aria-multiselectable": a.mode.value === 1 ? !0 : void 0, onMousedown: s }, m = Lt(e, ["hold"]);
-    return ue({ ourProps: h, theirProps: m, slot: c, attrs: t, slots: a.virtual.value && a.comboboxState.value === 0 ? { ...n, default: () => [de(vu, {}, n.default)] } : n, features: je.RenderStrategy | je.Static, visible: l.value, name: "ComboboxOptions" });
+    var d, u, c;
+    let f = { open: a.comboboxState.value === 0 }, h = { "aria-labelledby": (c = (d = M(a.labelRef)) == null ? void 0 : d.id) != null ? c : (u = M(a.buttonRef)) == null ? void 0 : u.id, id: i, ref: a.optionsRef, role: "listbox", "aria-multiselectable": a.mode.value === 1 ? !0 : void 0, onMousedown: s }, m = Lt(e, ["hold"]);
+    return ue({ ourProps: h, theirProps: m, slot: f, attrs: t, slots: a.virtual.value && a.comboboxState.value === 0 ? { ...n, default: () => [de(vu, {}, n.default)] } : n, features: je.RenderStrategy | je.Static, visible: l.value, name: "ComboboxOptions" });
   };
 } }), yu = 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 = Jt("ComboboxOption"), i = `headlessui-combobox-option-${Ee()}`, o = E(null), l = P(() => e.disabled);
@@ -1638,8 +1638,8 @@ let hu = R({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
   let s = P(() => {
     var y;
     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) === i;
-  }), d = P(() => a.isSelected(e.value)), u = Pe(si, null), f = P(() => ({ disabled: e.disabled, value: e.value, domRef: o, order: P(() => e.order) }));
-  te(() => a.registerOption(i, f)), Ie(() => a.unregisterOption(i, s.value)), Te(() => {
+  }), d = P(() => a.isSelected(e.value)), u = Pe(si, null), c = P(() => ({ disabled: e.disabled, value: e.value, domRef: o, order: P(() => e.order) }));
+  te(() => a.registerOption(i, c)), Ie(() => a.unregisterOption(i, s.value)), Te(() => {
     let y = M(o);
     y && (u == null || u.value.measureElement(y));
   }), Te(() => {
@@ -1648,7 +1648,7 @@ let hu = R({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
       return (w = (y = M(o)) == null ? void 0 : y.scrollIntoView) == null ? void 0 : w.call(y, { block: "nearest" });
     }));
   });
-  function c(y) {
+  function f(y) {
     y.preventDefault(), y.button === ai.Left && (l.value || (a.selectOption(i), Zo() || requestAnimationFrame(() => {
       var w;
       return (w = M(a.inputRef)) == null ? void 0 : w.focus({ preventScroll: !0 });
@@ -1675,7 +1675,7 @@ let hu = R({ name: "ComboboxButton", props: { as: { type: [Object, String], defa
     m.wasMoved(y) && (e.disabled || (w = a.virtual.value) != null && w.disabled(e.value) || s.value && (a.optionsPropsRef.value.hold || a.goToOption(ee.Nothing)));
   }
   return () => {
-    let { disabled: y } = e, w = { active: s.value, selected: d.value, disabled: y }, v = { id: i, ref: o, role: "option", tabIndex: y === !0 ? void 0 : -1, "aria-disabled": y === !0 ? !0 : void 0, "aria-selected": d.value, disabled: void 0, onMousedown: c, onFocus: h, onPointerenter: p, onMouseenter: p, onPointermove: g, onMousemove: g, onPointerleave: b, onMouseleave: b }, A = Lt(e, ["order", "value"]);
+    let { disabled: y } = e, w = { active: s.value, selected: d.value, disabled: y }, v = { id: i, ref: o, 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: g, onMousemove: g, onPointerleave: b, onMouseleave: b }, A = Lt(e, ["order", "value"]);
     return ue({ ourProps: v, theirProps: A, slot: w, attrs: n, slots: t, name: "ComboboxOption" });
   };
 } });
@@ -1721,12 +1721,12 @@ let An = Object.assign(R({ name: "FocusTrap", props: { as: { type: [Object, Stri
     });
   }
   let u = E(!1);
-  function f(h) {
+  function c(h) {
     h.key === "Tab" && (u.value = !0, requestAnimationFrame(() => {
       u.value = !1;
     }));
   }
-  function c(h) {
+  function f(h) {
     if (!o.value) return;
     let m = di(e.containers);
     M(a) instanceof HTMLElement && m.add(M(a));
@@ -1734,7 +1734,7 @@ let An = Object.assign(R({ name: "FocusTrap", props: { as: { type: [Object, Stri
     p instanceof HTMLElement && p.dataset.headlessuiFocusGuard !== "true" && (fi(m, p) || (u.value ? qe(M(a), be(s.value, { [Cn.Forwards]: () => Ce.Next, [Cn.Backwards]: () => Ce.Previous }) | Ce.WrapAround, { relativeTo: h.target }) : h.target instanceof HTMLElement && Tt(h.target)));
   }
   return () => {
-    let h = {}, m = { ref: a, onKeydown: f, onFocusout: c }, { features: p, initialFocus: g, containers: b, ...y } = e;
+    let h = {}, m = { ref: a, onKeydown: c, onFocusout: f }, { features: p, initialFocus: g, containers: b, ...y } = e;
     return de(me, [!!(p & 4) && de($t, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: d, features: Mt.Focusable }), ue({ ourProps: m, theirProps: { ...t, ...y }, slot: h, attrs: t, slots: n, name: "FocusTrap" }), !!(p & 4) && de($t, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: d, features: Mt.Focusable })]);
   };
 } }), { features: ci });
@@ -1769,17 +1769,17 @@ function Su({ ownerDocument: e, container: t, initialFocus: n }, r) {
       s && br(() => {
         var d, u;
         if (!i.value) return;
-        let f = M(n), c = (d = e.value) == null ? void 0 : d.activeElement;
-        if (f) {
-          if (f === c) {
-            a.value = c;
+        let c = M(n), f = (d = e.value) == null ? void 0 : d.activeElement;
+        if (c) {
+          if (c === f) {
+            a.value = f;
             return;
           }
-        } else if (s.contains(c)) {
-          a.value = c;
+        } else if (s.contains(f)) {
+          a.value = f;
           return;
         }
-        f ? Tt(f) : qe(s, Ce.First | Ce.NoScroll) === Et.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), a.value = (u = e.value) == null ? void 0 : u.activeElement;
+        c ? Tt(c) : qe(s, Ce.First | Ce.NoScroll) === Et.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), a.value = (u = e.value) == null ? void 0 : u.activeElement;
       });
     }, { immediate: !0, flush: "post" });
   }), a;
@@ -1944,7 +1944,7 @@ function Iu({ 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 (o = a == null ? void 0 : a.querySelectorAll("html > *, body > *")) != null ? o : []) u !== document.body && u !== document.head && u instanceof HTMLElement && u.id !== "headlessui-portal-root" && (u.contains(M(r)) || u.contains((s = (l = M(r)) == null ? void 0 : l.getRootNode()) == null ? void 0 : s.host) || d.some((f) => u.contains(f)) || d.push(u));
+    for (let u of (o = a == null ? void 0 : a.querySelectorAll("html > *, body > *")) != null ? o : []) u !== document.body && u !== document.head && u instanceof HTMLElement && u.id !== "headlessui-portal-root" && (u.contains(M(r)) || u.contains((s = (l = M(r)) == null ? void 0 : l.getRootNode()) == null ? void 0 : s.host) || d.some((c) => u.contains(c)) || d.push(u));
     return d;
   }
   return { resolveContainers: i, contains(o) {
@@ -2001,7 +2001,7 @@ R({ name: "Description", props: { as: { type: [Object, String], default: "p" },
   var r;
   let a = (r = e.id) != null ? r : `headlessui-description-${Ee()}`, i = Lu();
   return te(() => Ie(i.register(a))), () => {
-    let { name: o = "Description", slot: l = E({}), props: s = {} } = i, { ...d } = e, u = { ...Object.entries(s).reduce((f, [c, h]) => Object.assign(f, { [c]: V(h) }), {}), id: a };
+    let { name: o = "Description", slot: l = E({}), props: s = {} } = i, { ...d } = e, u = { ...Object.entries(s).reduce((c, [f, h]) => Object.assign(c, { [f]: V(h) }), {}), id: a };
     return ue({ ourProps: u, theirProps: d, slot: l.value, attrs: t, slots: n, name: o });
   };
 } });
@@ -2027,26 +2027,26 @@ function no(e, t) {
 }
 let hi = R({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e, { slots: t, attrs: n }) {
   let r = E(null), a = P(() => He(r)), i = Mu(), o = Pe(gi, null), l = E(i === !0 || o == null ? _u(r.value) : o.resolveTarget());
-  l.value && no(l.value, (c) => c + 1);
+  l.value && no(l.value, (f) => f + 1);
   let s = E(!1);
   te(() => {
     s.value = !0;
   }), Te(() => {
     i || o != null && (l.value = o.resolveTarget());
   });
-  let d = Pe(ea, null), u = !1, f = Ho();
+  let d = Pe(ea, null), u = !1, c = Ho();
   return re(r, () => {
     if (u || !d) return;
-    let c = M(r);
-    c && (Ie(d.register(c), f), u = !0);
+    let f = M(r);
+    f && (Ie(d.register(f), c), u = !0);
   }), Ie(() => {
-    var c, h;
-    let m = (c = a.value) == null ? void 0 : c.getElementById("headlessui-portal-root");
+    var f, h;
+    let m = (f = a.value) == null ? void 0 : f.getElementById("headlessui-portal-root");
     !m || l.value !== m || no(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 c = { ref: r, "data-headlessui-portal": "" };
-    return de(_l, { to: l.value }, ue({ ourProps: c, theirProps: e, slot: {}, attrs: n, slots: t, name: "Portal" }));
+    let f = { ref: r, "data-headlessui-portal": "" };
+    return de(_l, { to: l.value }, ue({ ourProps: f, theirProps: e, slot: {}, attrs: n, slots: t, name: "Portal" }));
   };
 } }), ea = Symbol("PortalParentContext");
 function Vu() {
@@ -2091,23 +2091,23 @@ let er = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", ju = R({ name: "Dialog", inheri
   te(() => {
     s.value = !0;
   });
-  let d = !1, u = P(() => 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")), f = E(0), c = gn(), h = P(() => e.open === er && c !== null ? (c.value & Oe.Open) === Oe.Open : e.open), m = E(null), p = P(() => He(m));
-  if (a({ el: m, $el: m }), !(e.open !== er || c !== null)) throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
+  let d = !1, u = P(() => 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 = gn(), h = P(() => e.open === er && f !== null ? (f.value & Oe.Open) === Oe.Open : e.open), m = E(null), p = P(() => He(m));
+  if (a({ el: m, $el: m }), !(e.open !== er || 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 === er ? void 0 : e.open}`);
-  let g = P(() => s.value && h.value ? 0 : 1), b = P(() => g.value === 0), y = P(() => f.value > 1), w = Pe(ta, null) !== null, [v, A] = Vu(), { resolveContainers: x, mainTreeNodeRef: O, MainTreeNode: k } = Iu({ portals: v, defaultContainers: [P(() => {
+  let g = P(() => s.value && h.value ? 0 : 1), b = P(() => g.value === 0), y = P(() => c.value > 1), w = Pe(ta, null) !== null, [v, A] = Vu(), { resolveContainers: x, mainTreeNodeRef: k, MainTreeNode: O } = Iu({ portals: v, defaultContainers: [P(() => {
     var Z;
     return (Z = ae.panelRef.value) != null ? Z : m.value;
-  })] }), $ = P(() => y.value ? "parent" : "leaf"), B = P(() => c !== null ? (c.value & Oe.Closing) === Oe.Closing : !1), I = P(() => w || B.value ? !1 : b.value), _ = P(() => {
+  })] }), $ = P(() => y.value ? "parent" : "leaf"), B = P(() => f !== null ? (f.value & Oe.Closing) === Oe.Closing : !1), I = P(() => w || B.value ? !1 : b.value), _ = P(() => {
     var Z, ie, Se;
-    return (Se = Array.from((ie = (Z = p.value) == null ? void 0 : Z.querySelectorAll("body > *")) != null ? ie : []).find((ve) => ve.id === "headlessui-portal-root" ? !1 : ve.contains(M(O)) && ve instanceof HTMLElement)) != null ? Se : null;
+    return (Se = Array.from((ie = (Z = p.value) == null ? void 0 : Z.querySelectorAll("body > *")) != null ? ie : []).find((ve) => ve.id === "headlessui-portal-root" ? !1 : ve.contains(M(k)) && ve instanceof HTMLElement)) != null ? Se : null;
   });
   to(_, I);
   let L = P(() => y.value ? !0 : b.value), z = P(() => {
     var Z, ie, Se;
-    return (Se = Array.from((ie = (Z = p.value) == null ? void 0 : Z.querySelectorAll("[data-headlessui-portal]")) != null ? ie : []).find((ve) => ve.contains(M(O)) && ve instanceof HTMLElement)) != null ? Se : null;
+    return (Se = Array.from((ie = (Z = p.value) == null ? void 0 : Z.querySelectorAll("[data-headlessui-portal]")) != null ? ie : []).find((ve) => ve.contains(M(k)) && ve instanceof HTMLElement)) != null ? Se : null;
   });
   to(z, L), Ru({ type: "Dialog", enabled: P(() => g.value === 0), element: m, onUpdate: (Z, ie) => {
-    if (ie === "Dialog") return be(Z, { [Jr.Add]: () => f.value += 1, [Jr.Remove]: () => f.value -= 1 });
+    if (ie === "Dialog") return be(Z, { [Jr.Add]: () => c.value += 1, [Jr.Remove]: () => c.value -= 1 });
   } });
   let Y = Sa({ name: "DialogDescription", slot: P(() => ({ open: h.value })) }), G = E(null), ae = { titleId: G, panelRef: E(null), dialogState: g, setTitleId(Z) {
     G.value !== Z && (G.value = Z);
@@ -2140,7 +2140,7 @@ let er = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", ju = R({ name: "Dialog", inheri
     Se.observe(ie), Z(() => Se.disconnect());
   }), () => {
     let { open: Z, initialFocus: ie, ...Se } = e, ve = { ...n, ref: m, id: l, role: u.value, "aria-modal": g.value === 0 ? !0 : void 0, "aria-labelledby": G.value, "aria-describedby": Y.value }, we = { open: g.value === 0 };
-    return de(Kr, { force: !0 }, () => [de(hi, () => de(Nu, { target: m.value }, () => de(Kr, { force: !1 }, () => de(An, { initialFocus: ie, containers: x, features: b.value ? be($.value, { parent: An.features.RestoreFocus, leaf: An.features.All & ~An.features.FocusLock }) : An.features.None }, () => de(A, {}, () => ue({ ourProps: ve, theirProps: { ...Se, ...n }, slot: we, attrs: n, slots: r, visible: g.value === 0, features: je.RenderStrategy | je.Static, name: "Dialog" })))))), de(k)]);
+    return de(Kr, { force: !0 }, () => [de(hi, () => de(Nu, { target: m.value }, () => de(Kr, { force: !1 }, () => de(An, { initialFocus: ie, containers: x, features: b.value ? be($.value, { parent: An.features.RestoreFocus, leaf: An.features.All & ~An.features.FocusLock }) : An.features.None }, () => de(A, {}, () => ue({ ourProps: ve, theirProps: { ...Se, ...n }, slot: we, attrs: n, slots: r, visible: g.value === 0, features: je.RenderStrategy | je.Static, name: "Dialog" })))))), de(O)]);
   };
 } });
 R({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
@@ -2241,9 +2241,9 @@ function Wn(e) {
   return t;
 }
 let Gu = R({ name: "Listbox", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], default: () => Uu }, horizontal: { type: [Boolean], default: !1 }, 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 }, multiple: { type: [Boolean], default: !1 } }, inheritAttrs: !1, setup(e, { slots: t, attrs: n, emit: r }) {
-  let a = E(1), i = E(null), o = E(null), l = E(null), s = E([]), d = E(""), u = E(null), f = E(1);
-  function c(w = (v) => v) {
-    let v = u.value !== null ? s.value[u.value] : null, A = ct(w(s.value.slice()), (O) => M(O.dataRef.domRef)), x = v ? A.indexOf(v) : null;
+  let a = E(1), i = E(null), o = E(null), l = E(null), s = E([]), d = E(""), u = E(null), c = E(1);
+  function f(w = (v) => v) {
+    let v = u.value !== null ? s.value[u.value] : null, A = ct(w(s.value.slice()), (k) => M(k.dataRef.domRef)), x = v ? A.indexOf(v) : null;
     return x === -1 && (x = null), { options: A, activeOptionIndex: x };
   }
   let h = P(() => e.multiple ? 1 : 0), [m, p] = ya(P(() => e.modelValue), (w) => r("update:modelValue", w), P(() => e.defaultValue)), g = P(() => m.value === void 0 ? be(h.value, { 1: [], 0: void 0 }) : m.value), b = { listboxState: a, value: g, mode: h, compare(w, v) {
@@ -2252,36 +2252,36 @@ let Gu = R({ name: "Listbox", emits: { "update:modelValue": (e) => !0 }, props:
       return (w == null ? void 0 : w[A]) === (v == null ? void 0 : v[A]);
     }
     return e.by(w, v);
-  }, orientation: P(() => e.horizontal ? "horizontal" : "vertical"), labelRef: i, buttonRef: o, optionsRef: l, disabled: P(() => e.disabled), options: s, searchQuery: d, activeOptionIndex: u, activationTrigger: f, closeListbox() {
+  }, orientation: P(() => e.horizontal ? "horizontal" : "vertical"), labelRef: i, buttonRef: o, optionsRef: l, disabled: P(() => e.disabled), options: s, searchQuery: d, activeOptionIndex: u, activationTrigger: c, closeListbox() {
     e.disabled || a.value !== 1 && (a.value = 1, u.value = null);
   }, openListbox() {
     e.disabled || a.value !== 0 && (a.value = 0);
   }, goToOption(w, v, A) {
     if (e.disabled || a.value === 1) return;
-    let x = c(), O = fr(w === ee.Specific ? { focus: ee.Specific, id: v } : { focus: w }, { resolveItems: () => x.options, resolveActiveIndex: () => x.activeOptionIndex, resolveId: (k) => k.id, resolveDisabled: (k) => k.dataRef.disabled });
-    d.value = "", u.value = O, f.value = A ?? 1, s.value = x.options;
+    let x = f(), k = fr(w === ee.Specific ? { focus: ee.Specific, id: v } : { focus: w }, { resolveItems: () => x.options, resolveActiveIndex: () => x.activeOptionIndex, resolveId: (O) => O.id, resolveDisabled: (O) => O.dataRef.disabled });
+    d.value = "", u.value = k, c.value = A ?? 1, s.value = x.options;
   }, search(w) {
     if (e.disabled || a.value === 1) return;
     let v = d.value !== "" ? 0 : 1;
     d.value += w.toLowerCase();
-    let A = (u.value !== null ? s.value.slice(u.value + v).concat(s.value.slice(0, u.value + v)) : s.value).find((O) => O.dataRef.textValue.startsWith(d.value) && !O.dataRef.disabled), x = A ? s.value.indexOf(A) : -1;
-    x === -1 || x === u.value || (u.value = x, f.value = 1);
+    let A = (u.value !== null ? s.value.slice(u.value + v).concat(s.value.slice(0, u.value + v)) : s.value).find((k) => k.dataRef.textValue.startsWith(d.value) && !k.dataRef.disabled), x = A ? s.value.indexOf(A) : -1;
+    x === -1 || x === u.value || (u.value = x, c.value = 1);
   }, clearSearch() {
     e.disabled || a.value !== 1 && d.value !== "" && (d.value = "");
   }, registerOption(w, v) {
-    let A = c((x) => [...x, { id: w, dataRef: v }]);
+    let A = f((x) => [...x, { id: w, dataRef: v }]);
     s.value = A.options, u.value = A.activeOptionIndex;
   }, unregisterOption(w) {
-    let v = c((A) => {
-      let x = A.findIndex((O) => O.id === w);
+    let v = f((A) => {
+      let x = A.findIndex((k) => k.id === w);
       return x !== -1 && A.splice(x, 1), A;
     });
-    s.value = v.options, u.value = v.activeOptionIndex, f.value = 1;
+    s.value = v.options, u.value = v.activeOptionIndex, c.value = 1;
   }, theirOnChange(w) {
     e.disabled || p(w);
   }, select(w) {
     e.disabled || p(be(h.value, { 0: () => w, 1: () => {
-      let v = Ae(b.value.value).slice(), A = Ae(w), x = v.findIndex((O) => b.compare(A, Ae(O)));
+      let v = Ae(b.value.value).slice(), A = Ae(w), x = v.findIndex((k) => b.compare(A, Ae(k)));
       return x === -1 ? v.push(A) : v.splice(x, 1), v;
     } }));
   } };
@@ -2305,8 +2305,8 @@ let Gu = R({ name: "Listbox", emits: { "update:modelValue": (e) => !0 }, props:
       };
     }, { immediate: !0 });
   }), () => {
-    let { name: w, modelValue: v, disabled: A, form: x, ...O } = e, k = { open: a.value === 0, disabled: A, value: g.value };
-    return de(me, [...w != null && g.value != null ? Or({ [w]: g.value }).map(([$, B]) => de($t, xa({ features: Mt.Hidden, key: $, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: x, disabled: A, name: $, value: B }))) : [], ue({ ourProps: {}, theirProps: { ...n, ...Lt(O, ["defaultValue", "onUpdate:modelValue", "horizontal", "multiple", "by"]) }, slot: k, slots: t, attrs: n, name: "Listbox" })]);
+    let { name: w, modelValue: v, disabled: A, form: x, ...k } = e, O = { open: a.value === 0, disabled: A, value: g.value };
+    return de(me, [...w != null && g.value != null ? Or({ [w]: g.value }).map(([$, B]) => de($t, xa({ features: Mt.Hidden, key: $, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: x, disabled: A, name: $, value: B }))) : [], ue({ ourProps: {}, theirProps: { ...n, ...Lt(k, ["defaultValue", "onUpdate:modelValue", "horizontal", "multiple", "by"]) }, slot: O, slots: t, attrs: n, name: "Listbox" })]);
   };
 } });
 R({ name: "ListboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: null } }, setup(e, { attrs: t, slots: n }) {
@@ -2325,92 +2325,92 @@ let Ku = R({ name: "ListboxButton", props: { as: { type: [Object, String], defau
   var a;
   let i = (a = e.id) != null ? a : `headlessui-listbox-button-${Ee()}`, o = Wn("ListboxButton");
   r({ el: o.buttonRef, $el: o.buttonRef });
-  function l(f) {
-    switch (f.key) {
+  function l(c) {
+    switch (c.key) {
       case W.Space:
       case W.Enter:
       case W.ArrowDown:
-        f.preventDefault(), o.openListbox(), ye(() => {
-          var c;
-          (c = M(o.optionsRef)) == null || c.focus({ preventScroll: !0 }), o.value.value || o.goToOption(ee.First);
+        c.preventDefault(), o.openListbox(), ye(() => {
+          var f;
+          (f = M(o.optionsRef)) == null || f.focus({ preventScroll: !0 }), o.value.value || o.goToOption(ee.First);
         });
         break;
       case W.ArrowUp:
-        f.preventDefault(), o.openListbox(), ye(() => {
-          var c;
-          (c = M(o.optionsRef)) == null || c.focus({ preventScroll: !0 }), o.value.value || o.goToOption(ee.Last);
+        c.preventDefault(), o.openListbox(), ye(() => {
+          var f;
+          (f = M(o.optionsRef)) == null || f.focus({ preventScroll: !0 }), o.value.value || o.goToOption(ee.Last);
         });
         break;
     }
   }
-  function s(f) {
-    switch (f.key) {
+  function s(c) {
+    switch (c.key) {
       case W.Space:
-        f.preventDefault();
+        c.preventDefault();
         break;
     }
   }
-  function d(f) {
+  function d(c) {
     o.disabled.value || (o.listboxState.value === 0 ? (o.closeListbox(), ye(() => {
-      var c;
-      return (c = M(o.buttonRef)) == null ? void 0 : c.focus({ preventScroll: !0 });
-    })) : (f.preventDefault(), o.openListbox(), Qu(() => {
-      var c;
-      return (c = M(o.optionsRef)) == null ? void 0 : c.focus({ preventScroll: !0 });
+      var f;
+      return (f = M(o.buttonRef)) == null ? void 0 : f.focus({ preventScroll: !0 });
+    })) : (c.preventDefault(), o.openListbox(), Qu(() => {
+      var f;
+      return (f = M(o.optionsRef)) == null ? void 0 : f.focus({ preventScroll: !0 });
     })));
   }
   let u = xr(P(() => ({ as: e.as, type: t.type })), o.buttonRef);
   return () => {
-    var f, c;
-    let h = { open: o.listboxState.value === 0, disabled: o.disabled.value, value: o.value.value }, { ...m } = e, p = { ref: o.buttonRef, id: i, type: u.value, "aria-haspopup": "listbox", "aria-controls": (f = M(o.optionsRef)) == null ? void 0 : f.id, "aria-expanded": o.listboxState.value === 0, "aria-labelledby": o.labelRef.value ? [(c = M(o.labelRef)) == null ? void 0 : c.id, i].join(" ") : void 0, disabled: o.disabled.value === !0 ? !0 : void 0, onKeydown: l, onKeyup: s, onClick: d };
+    var c, f;
+    let h = { open: o.listboxState.value === 0, disabled: o.disabled.value, value: o.value.value }, { ...m } = e, p = { ref: o.buttonRef, id: i, type: u.value, "aria-haspopup": "listbox", "aria-controls": (c = M(o.optionsRef)) == null ? void 0 : c.id, "aria-expanded": o.listboxState.value === 0, "aria-labelledby": o.labelRef.value ? [(f = M(o.labelRef)) == null ? void 0 : f.id, i].join(" ") : void 0, disabled: o.disabled.value === !0 ? !0 : void 0, onKeydown: l, onKeyup: s, onClick: d };
     return ue({ ourProps: p, theirProps: m, slot: h, attrs: t, slots: n, name: "ListboxButton" });
   };
 } }), Ju = R({ name: "ListboxOptions", props: { as: { type: [Object, String], default: "ul" }, 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 i = (a = e.id) != null ? a : `headlessui-listbox-options-${Ee()}`, o = Wn("ListboxOptions"), l = E(null);
   r({ el: o.optionsRef, $el: o.optionsRef });
-  function s(f) {
-    switch (l.value && clearTimeout(l.value), f.key) {
+  function s(c) {
+    switch (l.value && clearTimeout(l.value), c.key) {
       case W.Space:
-        if (o.searchQuery.value !== "") return f.preventDefault(), f.stopPropagation(), o.search(f.key);
+        if (o.searchQuery.value !== "") return c.preventDefault(), c.stopPropagation(), o.search(c.key);
       case W.Enter:
-        if (f.preventDefault(), f.stopPropagation(), o.activeOptionIndex.value !== null) {
-          let c = o.options.value[o.activeOptionIndex.value];
-          o.select(c.dataRef.value);
+        if (c.preventDefault(), c.stopPropagation(), o.activeOptionIndex.value !== null) {
+          let f = o.options.value[o.activeOptionIndex.value];
+          o.select(f.dataRef.value);
         }
         o.mode.value === 0 && (o.closeListbox(), ye(() => {
-          var c;
-          return (c = M(o.buttonRef)) == null ? void 0 : c.focus({ preventScroll: !0 });
+          var f;
+          return (f = M(o.buttonRef)) == null ? void 0 : f.focus({ preventScroll: !0 });
         }));
         break;
       case be(o.orientation.value, { vertical: W.ArrowDown, horizontal: W.ArrowRight }):
-        return f.preventDefault(), f.stopPropagation(), o.goToOption(ee.Next);
+        return c.preventDefault(), c.stopPropagation(), o.goToOption(ee.Next);
       case be(o.orientation.value, { vertical: W.ArrowUp, horizontal: W.ArrowLeft }):
-        return f.preventDefault(), f.stopPropagation(), o.goToOption(ee.Previous);
+        return c.preventDefault(), c.stopPropagation(), o.goToOption(ee.Previous);
       case W.Home:
       case W.PageUp:
-        return f.preventDefault(), f.stopPropagation(), o.goToOption(ee.First);
+        return c.preventDefault(), c.stopPropagation(), o.goToOption(ee.First);
       case W.End:
       case W.PageDown:
-        return f.preventDefault(), f.stopPropagation(), o.goToOption(ee.Last);
+        return c.preventDefault(), c.stopPropagation(), o.goToOption(ee.Last);
       case W.Escape:
-        f.preventDefault(), f.stopPropagation(), o.closeListbox(), ye(() => {
-          var c;
-          return (c = M(o.buttonRef)) == null ? void 0 : c.focus({ preventScroll: !0 });
+        c.preventDefault(), c.stopPropagation(), o.closeListbox(), ye(() => {
+          var f;
+          return (f = M(o.buttonRef)) == null ? void 0 : f.focus({ preventScroll: !0 });
         });
         break;
       case W.Tab:
-        f.preventDefault(), f.stopPropagation();
+        c.preventDefault(), c.stopPropagation();
         break;
       default:
-        f.key.length === 1 && (o.search(f.key), l.value = setTimeout(() => o.clearSearch(), 350));
+        c.key.length === 1 && (o.search(c.key), l.value = setTimeout(() => o.clearSearch(), 350));
         break;
     }
   }
   let d = gn(), u = P(() => d !== null ? (d.value & Oe.Open) === Oe.Open : o.listboxState.value === 0);
   return () => {
-    var f, c;
-    let h = { open: o.listboxState.value === 0 }, { ...m } = e, p = { "aria-activedescendant": o.activeOptionIndex.value === null || (f = o.options.value[o.activeOptionIndex.value]) == null ? void 0 : f.id, "aria-multiselectable": o.mode.value === 1 ? !0 : void 0, "aria-labelledby": (c = M(o.buttonRef)) == null ? void 0 : c.id, "aria-orientation": o.orientation.value, id: i, onKeydown: s, role: "listbox", tabIndex: 0, ref: o.optionsRef };
+    var c, f;
+    let h = { open: o.listboxState.value === 0 }, { ...m } = e, p = { "aria-activedescendant": o.activeOptionIndex.value === null || (c = o.options.value[o.activeOptionIndex.value]) == null ? void 0 : c.id, "aria-multiselectable": o.mode.value === 1 ? !0 : void 0, "aria-labelledby": (f = M(o.buttonRef)) == null ? void 0 : f.id, "aria-orientation": o.orientation.value, id: i, onKeydown: s, role: "listbox", tabIndex: 0, ref: o.optionsRef };
     return ue({ ourProps: p, theirProps: m, slot: h, attrs: t, slots: n, features: je.RenderStrategy | je.Static, visible: u.value, name: "ListboxOptions" });
   };
 } }), Zu = R({ name: "ListboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: null } }, setup(e, { slots: t, attrs: n, expose: r }) {
@@ -2421,10 +2421,10 @@ let Ku = R({ name: "ListboxButton", props: { as: { type: [Object, String], defau
     var w;
     let v = Ae(o.value.value);
     return ((w = o.options.value.find((A) => v.some((x) => o.compare(Ae(x), Ae(A.dataRef.value))))) == null ? void 0 : w.id) === i;
-  }, 0: () => d.value })), f = bi(l), c = P(() => ({ disabled: e.disabled, value: e.value, get textValue() {
-    return f();
+  }, 0: () => d.value })), c = bi(l), f = P(() => ({ disabled: e.disabled, value: e.value, get textValue() {
+    return c();
   }, domRef: l }));
-  te(() => o.registerOption(i, c)), Ie(() => o.unregisterOption(i)), te(() => {
+  te(() => o.registerOption(i, f)), Ie(() => o.unregisterOption(i)), te(() => {
     re([o.listboxState, d], () => {
       o.listboxState.value === 0 && d.value && be(o.mode.value, { 1: () => {
         u.value && o.goToOption(ee.Specific, i);
@@ -2460,8 +2460,8 @@ let Ku = R({ name: "ListboxButton", props: { as: { type: [Object, String], defau
     p.wasMoved(w) && (e.disabled || s.value && o.goToOption(ee.Nothing));
   }
   return () => {
-    let { disabled: w } = e, v = { active: s.value, selected: d.value, disabled: w }, { value: A, disabled: x, ...O } = e, k = { id: i, ref: l, role: "option", tabIndex: w === !0 ? void 0 : -1, "aria-disabled": w === !0 ? !0 : void 0, "aria-selected": d.value, disabled: void 0, onClick: h, onFocus: m, onPointerenter: g, onMouseenter: g, onPointermove: b, onMousemove: b, onPointerleave: y, onMouseleave: y };
-    return ue({ ourProps: k, theirProps: O, slot: v, attrs: n, slots: t, name: "ListboxOption" });
+    let { disabled: w } = e, v = { active: s.value, selected: d.value, disabled: w }, { value: A, disabled: x, ...k } = e, O = { id: i, ref: l, role: "option", tabIndex: w === !0 ? void 0 : -1, "aria-disabled": w === !0 ? !0 : void 0, "aria-selected": d.value, disabled: void 0, onClick: h, onFocus: m, onPointerenter: g, onMouseenter: g, onPointermove: b, onMousemove: b, onPointerleave: y, onMouseleave: y };
+    return ue({ ourProps: O, theirProps: k, slot: v, attrs: n, slots: t, name: "ListboxOption" });
   };
 } });
 var ed = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(ed || {}), td = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Other = 1] = "Other", e))(td || {});
@@ -2479,139 +2479,139 @@ function kr(e) {
 }
 let rd = R({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: n }) {
   let r = E(1), a = E(null), i = E(null), o = E([]), l = E(""), s = E(null), d = E(1);
-  function u(c = (h) => h) {
-    let h = s.value !== null ? o.value[s.value] : null, m = ct(c(o.value.slice()), (g) => M(g.dataRef.domRef)), p = h ? m.indexOf(h) : null;
+  function u(f = (h) => h) {
+    let h = s.value !== null ? o.value[s.value] : null, m = ct(f(o.value.slice()), (g) => M(g.dataRef.domRef)), p = h ? m.indexOf(h) : null;
     return p === -1 && (p = null), { items: m, activeItemIndex: p };
   }
-  let f = { menuState: r, buttonRef: a, itemsRef: i, items: o, searchQuery: l, activeItemIndex: s, activationTrigger: d, closeMenu: () => {
+  let c = { menuState: r, buttonRef: a, itemsRef: i, items: o, searchQuery: l, activeItemIndex: s, activationTrigger: d, closeMenu: () => {
     r.value = 1, s.value = null;
-  }, openMenu: () => r.value = 0, goToItem(c, h, m) {
-    let p = u(), g = fr(c === ee.Specific ? { focus: ee.Specific, id: h } : { focus: c }, { resolveItems: () => p.items, resolveActiveIndex: () => p.activeItemIndex, resolveId: (b) => b.id, resolveDisabled: (b) => b.dataRef.disabled });
+  }, openMenu: () => r.value = 0, goToItem(f, h, m) {
+    let p = u(), g = fr(f === ee.Specific ? { focus: ee.Specific, id: h } : { focus: f }, { resolveItems: () => p.items, resolveActiveIndex: () => p.activeItemIndex, resolveId: (b) => b.id, resolveDisabled: (b) => b.dataRef.disabled });
     l.value = "", s.value = g, d.value = m ?? 1, o.value = p.items;
-  }, search(c) {
+  }, search(f) {
     let h = l.value !== "" ? 0 : 1;
-    l.value += c.toLowerCase();
+    l.value += f.toLowerCase();
     let m = (s.value !== null ? o.value.slice(s.value + h).concat(o.value.slice(0, s.value + h)) : o.value).find((g) => g.dataRef.textValue.startsWith(l.value) && !g.dataRef.disabled), p = m ? o.value.indexOf(m) : -1;
     p === -1 || p === s.value || (s.value = p, d.value = 1);
   }, clearSearch() {
     l.value = "";
-  }, registerItem(c, h) {
-    let m = u((p) => [...p, { id: c, dataRef: h }]);
+  }, registerItem(f, h) {
+    let m = u((p) => [...p, { id: f, dataRef: h }]);
     o.value = m.items, s.value = m.activeItemIndex, d.value = 1;
-  }, unregisterItem(c) {
+  }, unregisterItem(f) {
     let h = u((m) => {
-      let p = m.findIndex((g) => g.id === c);
+      let p = m.findIndex((g) => g.id === f);
       return p !== -1 && m.splice(p, 1), m;
     });
     o.value = h.items, s.value = h.activeItemIndex, d.value = 1;
   } };
-  return wr([a, i], (c, h) => {
+  return wr([a, i], (f, h) => {
     var m;
-    f.closeMenu(), Ar(h, yr.Loose) || (c.preventDefault(), (m = M(a)) == null || m.focus());
-  }, P(() => r.value === 0)), Be(Ai, f), Sr(P(() => be(r.value, { 0: Oe.Open, 1: Oe.Closed }))), () => {
-    let c = { open: r.value === 0, close: f.closeMenu };
-    return ue({ ourProps: {}, theirProps: e, slot: c, slots: t, attrs: n, name: "Menu" });
+    c.closeMenu(), Ar(h, yr.Loose) || (f.preventDefault(), (m = M(a)) == null || m.focus());
+  }, P(() => r.value === 0)), Be(Ai, c), Sr(P(() => be(r.value, { 0: Oe.Open, 1: Oe.Closed }))), () => {
+    let f = { open: r.value === 0, close: c.closeMenu };
+    return ue({ ourProps: {}, theirProps: e, slot: f, slots: t, attrs: n, name: "Menu" });
   };
 } }), ad = 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 i = (a = e.id) != null ? a : `headlessui-menu-button-${Ee()}`, o = kr("MenuButton");
   r({ el: o.buttonRef, $el: o.buttonRef });
-  function l(f) {
-    switch (f.key) {
+  function l(c) {
+    switch (c.key) {
       case W.Space:
       case W.Enter:
       case W.ArrowDown:
-        f.preventDefault(), f.stopPropagation(), o.openMenu(), ye(() => {
-          var c;
-          (c = M(o.itemsRef)) == null || c.focus({ preventScroll: !0 }), o.goToItem(ee.First);
+        c.preventDefault(), c.stopPropagation(), o.openMenu(), ye(() => {
+          var f;
+          (f = M(o.itemsRef)) == null || f.focus({ preventScroll: !0 }), o.goToItem(ee.First);
         });
         break;
       case W.ArrowUp:
-        f.preventDefault(), f.stopPropagation(), o.openMenu(), ye(() => {
-          var c;
-          (c = M(o.itemsRef)) == null || c.focus({ preventScroll: !0 }), o.goToItem(ee.Last);
+        c.preventDefault(), c.stopPropagation(), o.openMenu(), ye(() => {
+          var f;
+          (f = M(o.itemsRef)) == null || f.focus({ preventScroll: !0 }), o.goToItem(ee.Last);
         });
         break;
     }
   }
-  function s(f) {
-    switch (f.key) {
+  function s(c) {
+    switch (c.key) {
       case W.Space:
-        f.preventDefault();
+        c.preventDefault();
         break;
     }
   }
-  function d(f) {
+  function d(c) {
     e.disabled || (o.menuState.value === 0 ? (o.closeMenu(), ye(() => {
-      var c;
-      return (c = M(o.buttonRef)) == null ? void 0 : c.focus({ preventScroll: !0 });
-    })) : (f.preventDefault(), o.openMenu(), nd(() => {
-      var c;
-      return (c = M(o.itemsRef)) == null ? void 0 : c.focus({ preventScroll: !0 });
+      var f;
+      return (f = M(o.buttonRef)) == null ? void 0 : f.focus({ preventScroll: !0 });
+    })) : (c.preventDefault(), o.openMenu(), nd(() => {
+      var f;
+      return (f = M(o.itemsRef)) == null ? void 0 : f.focus({ preventScroll: !0 });
     })));
   }
   let u = xr(P(() => ({ as: e.as, type: t.type })), o.buttonRef);
   return () => {
-    var f;
-    let c = { open: o.menuState.value === 0 }, { ...h } = e, m = { ref: o.buttonRef, id: i, type: u.value, "aria-haspopup": "menu", "aria-controls": (f = M(o.itemsRef)) == null ? void 0 : f.id, "aria-expanded": o.menuState.value === 0, onKeydown: l, onKeyup: s, onClick: d };
-    return ue({ ourProps: m, theirProps: h, slot: c, attrs: t, slots: n, name: "MenuButton" });
+    var c;
+    let f = { open: o.menuState.value === 0 }, { ...h } = e, m = { ref: o.buttonRef, id: i, type: u.value, "aria-haspopup": "menu", "aria-controls": (c = M(o.itemsRef)) == null ? void 0 : c.id, "aria-expanded": o.menuState.value === 0, onKeydown: l, onKeyup: s, onClick: d };
+    return ue({ ourProps: m, theirProps: h, slot: f, attrs: t, slots: n, name: "MenuButton" });
   };
 } }), od = 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 i = (a = e.id) != null ? a : `headlessui-menu-items-${Ee()}`, o = kr("MenuItems"), l = E(null);
-  r({ el: o.itemsRef, $el: o.itemsRef }), wa({ container: P(() => M(o.itemsRef)), enabled: P(() => o.menuState.value === 0), accept(c) {
-    return c.getAttribute("role") === "menuitem" ? NodeFilter.FILTER_REJECT : c.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
-  }, walk(c) {
-    c.setAttribute("role", "none");
+  r({ el: o.itemsRef, $el: o.itemsRef }), wa({ container: P(() => M(o.itemsRef)), enabled: P(() => o.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");
   } });
-  function s(c) {
+  function s(f) {
     var h;
-    switch (l.value && clearTimeout(l.value), c.key) {
+    switch (l.value && clearTimeout(l.value), f.key) {
       case W.Space:
-        if (o.searchQuery.value !== "") return c.preventDefault(), c.stopPropagation(), o.search(c.key);
+        if (o.searchQuery.value !== "") return f.preventDefault(), f.stopPropagation(), o.search(f.key);
       case W.Enter:
-        if (c.preventDefault(), c.stopPropagation(), o.activeItemIndex.value !== null) {
+        if (f.preventDefault(), f.stopPropagation(), o.activeItemIndex.value !== null) {
           let m = o.items.value[o.activeItemIndex.value];
           (h = M(m.dataRef.domRef)) == null || h.click();
         }
         o.closeMenu(), Ko(M(o.buttonRef));
         break;
       case W.ArrowDown:
-        return c.preventDefault(), c.stopPropagation(), o.goToItem(ee.Next);
+        return f.preventDefault(), f.stopPropagation(), o.goToItem(ee.Next);
       case W.ArrowUp:
-        return c.preventDefault(), c.stopPropagation(), o.goToItem(ee.Previous);
+        return f.preventDefault(), f.stopPropagation(), o.goToItem(ee.Previous);
       case W.Home:
       case W.PageUp:
-        return c.preventDefault(), c.stopPropagation(), o.goToItem(ee.First);
+        return f.preventDefault(), f.stopPropagation(), o.goToItem(ee.First);
       case W.End:
       case W.PageDown:
-        return c.preventDefault(), c.stopPropagation(), o.goToItem(ee.Last);
+        return f.preventDefault(), f.stopPropagation(), o.goToItem(ee.Last);
       case W.Escape:
-        c.preventDefault(), c.stopPropagation(), o.closeMenu(), ye(() => {
+        f.preventDefault(), f.stopPropagation(), o.closeMenu(), ye(() => {
           var m;
           return (m = M(o.buttonRef)) == null ? void 0 : m.focus({ preventScroll: !0 });
         });
         break;
       case W.Tab:
-        c.preventDefault(), c.stopPropagation(), o.closeMenu(), ye(() => ru(M(o.buttonRef), c.shiftKey ? Ce.Previous : Ce.Next));
+        f.preventDefault(), f.stopPropagation(), o.closeMenu(), ye(() => ru(M(o.buttonRef), f.shiftKey ? Ce.Previous : Ce.Next));
         break;
       default:
-        c.key.length === 1 && (o.search(c.key), l.value = setTimeout(() => o.clearSearch(), 350));
+        f.key.length === 1 && (o.search(f.key), l.value = setTimeout(() => o.clearSearch(), 350));
         break;
     }
   }
-  function d(c) {
-    switch (c.key) {
+  function d(f) {
+    switch (f.key) {
       case W.Space:
-        c.preventDefault();
+        f.preventDefault();
         break;
     }
   }
-  let u = gn(), f = P(() => u !== null ? (u.value & Oe.Open) === Oe.Open : o.menuState.value === 0);
+  let u = gn(), c = P(() => u !== null ? (u.value & Oe.Open) === Oe.Open : o.menuState.value === 0);
   return () => {
-    var c, h;
-    let m = { open: o.menuState.value === 0 }, { ...p } = e, g = { "aria-activedescendant": o.activeItemIndex.value === null || (c = o.items.value[o.activeItemIndex.value]) == null ? void 0 : c.id, "aria-labelledby": (h = M(o.buttonRef)) == null ? void 0 : h.id, id: i, onKeydown: s, onKeyup: d, role: "menu", tabIndex: 0, ref: o.itemsRef };
-    return ue({ ourProps: g, theirProps: p, slot: m, attrs: t, slots: n, features: je.RenderStrategy | je.Static, visible: f.value, name: "MenuItems" });
+    var f, h;
+    let m = { open: o.menuState.value === 0 }, { ...p } = e, g = { "aria-activedescendant": o.activeItemIndex.value === null || (f = o.items.value[o.activeItemIndex.value]) == null ? void 0 : f.id, "aria-labelledby": (h = M(o.buttonRef)) == null ? void 0 : h.id, id: i, onKeydown: s, onKeyup: d, role: "menu", tabIndex: 0, ref: o.itemsRef };
+    return ue({ ourProps: g, theirProps: p, slot: m, attrs: t, slots: n, features: je.RenderStrategy | je.Static, visible: c.value, name: "MenuItems" });
   };
 } }), id = 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;
@@ -2626,11 +2626,11 @@ let rd = R({ name: "Menu", props: { as: { type: [Object, String], default: "temp
       return (y = (b = M(l)) == null ? void 0 : b.scrollIntoView) == null ? void 0 : y.call(b, { block: "nearest" });
     });
   });
-  function f(b) {
+  function c(b) {
     if (e.disabled) return b.preventDefault();
     o.closeMenu(), Ko(M(o.buttonRef));
   }
-  function c() {
+  function f() {
     if (e.disabled) return o.goToItem(ee.Nothing);
     o.goToItem(ee.Specific, i);
   }
@@ -2646,7 +2646,7 @@ let rd = R({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   }
   return () => {
     let { disabled: b, ...y } = e, w = { active: s.value, disabled: b, close: o.closeMenu };
-    return ue({ ourProps: { id: i, ref: l, role: "menuitem", tabIndex: b === !0 ? void 0 : -1, "aria-disabled": b === !0 ? !0 : void 0, onClick: f, onFocus: c, onPointerenter: m, onMouseenter: m, onPointermove: p, onMousemove: p, onPointerleave: g, onMouseleave: g }, theirProps: { ...n, ...y }, slot: w, attrs: n, slots: t, name: "MenuItem" });
+    return ue({ ourProps: { id: i, ref: l, role: "menuitem", tabIndex: b === !0 ? void 0 : -1, "aria-disabled": b === !0 ? !0 : void 0, onClick: c, onFocus: f, onPointerenter: m, onMouseenter: m, onPointermove: p, onMousemove: p, onPointerleave: g, onMouseleave: g }, theirProps: { ...n, ...y }, slot: w, attrs: n, slots: t, name: "MenuItem" });
   };
 } }), wi = Symbol("LabelContext");
 function xi() {
@@ -2671,8 +2671,8 @@ R({ name: "Label", props: { as: { type: [Object, String], default: "label" }, pa
   var r;
   let a = (r = e.id) != null ? r : `headlessui-label-${Ee()}`, i = xi();
   return te(() => Ie(i.register(a))), () => {
-    let { name: o = "Label", slot: l = {}, props: s = {} } = i, { passive: d, ...u } = e, f = { ...Object.entries(s).reduce((c, [h, m]) => Object.assign(c, { [h]: V(m) }), {}), id: a };
-    return d && (delete f.onClick, delete f.htmlFor, delete u.onClick), ue({ ourProps: f, theirProps: u, slot: l, attrs: n, slots: t, name: o });
+    let { name: o = "Label", slot: l = {}, props: s = {} } = i, { passive: d, ...u } = e, c = { ...Object.entries(s).reduce((f, [h, m]) => Object.assign(f, { [h]: V(m) }), {}), id: a };
+    return d && (delete c.onClick, delete c.htmlFor, delete u.onClick), ue({ ourProps: c, theirProps: u, slot: l, attrs: n, slots: t, name: o });
   };
 } });
 function ld(e, t) {
@@ -2691,7 +2691,7 @@ let sd = R({ name: "RadioGroup", emits: { "update:modelValue": (e) => !0 }, prop
   var i;
   let o = (i = e.id) != null ? i : `headlessui-radiogroup-${Ee()}`, l = E(null), s = E([]), d = Si({ name: "RadioGroupLabel" }), u = Sa({ name: "RadioGroupDescription" });
   a({ el: l, $el: l });
-  let [f, c] = ya(P(() => e.modelValue), (g) => t("update:modelValue", g), P(() => e.defaultValue)), h = { options: s, value: f, disabled: P(() => e.disabled), firstOption: P(() => s.value.find((g) => !g.propsRef.disabled)), containsCheckedOption: P(() => s.value.some((g) => h.compare(Ae(g.propsRef.value), Ae(e.modelValue)))), compare(g, b) {
+  let [c, f] = ya(P(() => e.modelValue), (g) => t("update:modelValue", g), P(() => e.defaultValue)), h = { options: s, value: c, disabled: P(() => e.disabled), firstOption: P(() => s.value.find((g) => !g.propsRef.disabled)), containsCheckedOption: P(() => s.value.some((g) => h.compare(Ae(g.propsRef.value), Ae(e.modelValue)))), compare(g, b) {
     if (typeof e.by == "string") {
       let y = e.by;
       return (g == null ? void 0 : g[y]) === (b == null ? void 0 : b[y]);
@@ -2699,9 +2699,9 @@ let sd = R({ name: "RadioGroup", emits: { "update:modelValue": (e) => !0 }, prop
     return e.by(g, b);
   }, change(g) {
     var b;
-    if (e.disabled || h.compare(Ae(f.value), Ae(g))) return !1;
+    if (e.disabled || h.compare(Ae(c.value), Ae(g))) return !1;
     let y = (b = s.value.find((w) => h.compare(Ae(w.propsRef.value), Ae(g)))) == null ? void 0 : b.propsRef;
-    return y != null && y.disabled ? !1 : (c(g), !0);
+    return y != null && y.disabled ? !1 : (f(g), !0);
   }, registerOption(g) {
     s.value.push(g), s.value = ct(s.value, (b) => b.element);
   }, unregisterOption(g) {
@@ -2769,33 +2769,33 @@ let sd = R({ name: "RadioGroup", emits: { "update:modelValue": (e) => !0 }, prop
     }, { immediate: !0 });
   }), () => {
     let { disabled: g, name: b, form: y, ...w } = e, v = { ref: l, id: o, role: "radiogroup", "aria-labelledby": d.value, "aria-describedby": u.value, onKeydown: m };
-    return de(me, [...b != null && f.value != null ? Or({ [b]: f.value }).map(([A, x]) => de($t, xa({ features: Mt.Hidden, key: A, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: y, disabled: g, name: A, value: x }))) : [], ue({ ourProps: v, theirProps: { ...n, ...Lt(w, ["modelValue", "defaultValue", "by"]) }, slot: {}, attrs: n, slots: r, name: "RadioGroup" })]);
+    return de(me, [...b != null && c.value != null ? Or({ [b]: c.value }).map(([A, x]) => de($t, xa({ features: Mt.Hidden, key: A, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: y, disabled: g, name: A, value: x }))) : [], ue({ ourProps: v, theirProps: { ...n, ...Lt(w, ["modelValue", "defaultValue", "by"]) }, slot: {}, attrs: n, slots: r, name: "RadioGroup" })]);
   };
 } });
 var ud = ((e) => (e[e.Empty = 1] = "Empty", e[e.Active = 2] = "Active", e))(ud || {});
 let dd = 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 i = (a = e.id) != null ? a : `headlessui-radiogroup-option-${Ee()}`, o = ki("RadioGroupOption"), l = Si({ name: "RadioGroupLabel" }), s = Sa({ name: "RadioGroupDescription" }), d = E(null), u = P(() => ({ value: e.value, disabled: e.disabled })), f = E(1);
+  let i = (a = e.id) != null ? a : `headlessui-radiogroup-option-${Ee()}`, o = ki("RadioGroupOption"), l = Si({ name: "RadioGroupLabel" }), s = Sa({ name: "RadioGroupDescription" }), d = E(null), u = P(() => ({ value: e.value, disabled: e.disabled })), c = E(1);
   r({ el: d, $el: d });
-  let c = P(() => M(d));
-  te(() => o.registerOption({ id: i, element: c, propsRef: u })), Ie(() => o.unregisterOption(i));
+  let f = P(() => M(d));
+  te(() => o.registerOption({ id: i, element: f, propsRef: u })), Ie(() => o.unregisterOption(i));
   let h = P(() => {
     var v;
     return ((v = o.firstOption.value) == null ? void 0 : v.id) === i;
   }), m = P(() => o.disabled.value || e.disabled), p = P(() => o.compare(Ae(o.value.value), Ae(e.value))), g = P(() => m.value ? -1 : p.value || !o.containsCheckedOption.value && h.value ? 0 : -1);
   function b() {
     var v;
-    o.change(e.value) && (f.value |= 2, (v = M(d)) == null || v.focus());
+    o.change(e.value) && (c.value |= 2, (v = M(d)) == null || v.focus());
   }
   function y() {
-    f.value |= 2;
+    c.value |= 2;
   }
   function w() {
-    f.value &= -3;
+    c.value &= -3;
   }
   return () => {
-    let { value: v, disabled: A, ...x } = e, O = { checked: p.value, disabled: m.value, active: !!(f.value & 2) }, k = { id: i, ref: d, role: "radio", "aria-checked": p.value ? "true" : "false", "aria-labelledby": l.value, "aria-describedby": s.value, "aria-disabled": m.value ? !0 : void 0, tabIndex: g.value, onClick: m.value ? void 0 : b, onFocus: m.value ? void 0 : y, onBlur: m.value ? void 0 : w };
-    return ue({ ourProps: k, theirProps: x, slot: O, attrs: t, slots: n, name: "RadioGroupOption" });
+    let { value: v, disabled: A, ...x } = e, k = { checked: p.value, disabled: m.value, active: !!(c.value & 2) }, O = { id: i, ref: d, role: "radio", "aria-checked": p.value ? "true" : "false", "aria-labelledby": l.value, "aria-describedby": s.value, "aria-disabled": m.value ? !0 : void 0, tabIndex: g.value, onClick: m.value ? void 0 : b, onFocus: m.value ? void 0 : y, onBlur: m.value ? void 0 : w };
+    return ue({ ourProps: O, theirProps: x, slot: k, attrs: t, slots: n, name: "RadioGroupOption" });
   };
 } }), cd = R({ props: { onFocus: { type: Function, required: !0 } }, setup(e) {
   let t = E(!0);
@@ -2832,21 +2832,21 @@ let Oa = Symbol("TabsSSRContext"), vd = R({ name: "TabGroup", emits: { change: (
   let i = E((a = e.selectedIndex) != null ? a : e.defaultIndex), o = E([]), l = E([]), s = P(() => e.selectedIndex !== null), d = P(() => s.value ? e.selectedIndex : i.value);
   function u(p) {
     var g;
-    let b = ct(f.tabs.value, M), y = ct(f.panels.value, M), w = b.filter((v) => {
+    let b = ct(c.tabs.value, M), y = ct(c.panels.value, M), w = b.filter((v) => {
       var A;
       return !((A = M(v)) != null && A.hasAttribute("disabled"));
     });
     if (p < 0 || p > b.length - 1) {
       let v = be(i.value === null ? 0 : Math.sign(p - i.value), { [-1]: () => 1, 0: () => be(Math.sign(p), { [-1]: () => 0, 0: () => 0, 1: () => 1 }), 1: () => 0 }), A = be(v, { 0: () => b.indexOf(w[0]), 1: () => b.indexOf(w[w.length - 1]) });
-      A !== -1 && (i.value = A), f.tabs.value = b, f.panels.value = y;
+      A !== -1 && (i.value = A), c.tabs.value = b, c.panels.value = y;
     } else {
-      let v = b.slice(0, p), A = [...b.slice(p), ...v].find((O) => w.includes(O));
+      let v = b.slice(0, p), A = [...b.slice(p), ...v].find((k) => w.includes(k));
       if (!A) return;
-      let x = (g = b.indexOf(A)) != null ? g : f.selectedIndex.value;
-      x === -1 && (x = f.selectedIndex.value), i.value = x, f.tabs.value = b, f.panels.value = y;
+      let x = (g = b.indexOf(A)) != null ? g : c.selectedIndex.value;
+      x === -1 && (x = c.selectedIndex.value), i.value = x, c.tabs.value = b, c.panels.value = y;
     }
   }
-  let f = { selectedIndex: P(() => {
+  let c = { selectedIndex: P(() => {
     var p, g;
     return (g = (p = i.value) != null ? p : e.defaultIndex) != null ? g : null;
   }), orientation: P(() => e.vertical ? "vertical" : "horizontal"), activation: P(() => e.manual ? "manual" : "auto"), tabs: o, panels: l, setSelectedIndex(p) {
@@ -2868,11 +2868,11 @@ let Oa = Symbol("TabsSSRContext"), vd = R({ name: "TabGroup", emits: { change: (
     let g = l.value.indexOf(p);
     g !== -1 && l.value.splice(g, 1);
   } };
-  Be(Ci, f);
-  let c = E({ tabs: [], panels: [] }), h = E(!1);
+  Be(Ci, c);
+  let f = E({ tabs: [], panels: [] }), h = E(!1);
   te(() => {
     h.value = !0;
-  }), Be(Oa, P(() => h.value ? null : c.value));
+  }), Be(Oa, P(() => h.value ? null : f.value));
   let m = P(() => e.selectedIndex);
   return te(() => {
     re([m], () => {
@@ -2880,9 +2880,9 @@ let Oa = Symbol("TabsSSRContext"), vd = R({ name: "TabGroup", emits: { change: (
       return u((p = e.selectedIndex) != null ? p : e.defaultIndex);
     }, { immediate: !0 });
   }), Te(() => {
-    if (!s.value || d.value == null || f.tabs.value.length <= 0) return;
-    let p = ct(f.tabs.value, M);
-    p.some((g, b) => M(f.tabs.value[b]) !== M(g)) && f.setSelectedIndex(p.findIndex((g) => M(g) === M(f.tabs.value[d.value])));
+    if (!s.value || d.value == null || c.tabs.value.length <= 0) return;
+    let p = ct(c.tabs.value, M);
+    p.some((g, b) => M(c.tabs.value[b]) !== M(g)) && c.setSelectedIndex(p.findIndex((g) => M(g) === M(c.tabs.value[d.value])));
   }), () => {
     let p = { selectedIndex: i.value };
     return de(me, [o.value.length <= 0 && de(cd, { onFocus: () => {
@@ -2912,12 +2912,12 @@ let Oa = Symbol("TabsSSRContext"), vd = R({ name: "TabGroup", emits: { change: (
   }), u = P(() => {
     let y = o.tabs.value.indexOf(l);
     return y === -1 ? d.value : y;
-  }), f = P(() => u.value === o.selectedIndex.value);
-  function c(y) {
+  }), c = P(() => u.value === o.selectedIndex.value);
+  function f(y) {
     var w;
     let v = y();
     if (v === Et.Success && o.activation.value === "auto") {
-      let A = (w = He(l)) == null ? void 0 : w.activeElement, x = o.tabs.value.findIndex((O) => M(O) === A);
+      let A = (w = He(l)) == null ? void 0 : w.activeElement, x = o.tabs.value.findIndex((k) => M(k) === A);
       x !== -1 && o.setSelectedIndex(x);
     }
     return v;
@@ -2931,12 +2931,12 @@ let Oa = Symbol("TabsSSRContext"), vd = R({ name: "TabGroup", emits: { change: (
     switch (y.key) {
       case W.Home:
       case W.PageUp:
-        return y.preventDefault(), y.stopPropagation(), c(() => qe(w, Ce.First));
+        return y.preventDefault(), y.stopPropagation(), f(() => qe(w, Ce.First));
       case W.End:
       case W.PageDown:
-        return y.preventDefault(), y.stopPropagation(), c(() => qe(w, Ce.Last));
+        return y.preventDefault(), y.stopPropagation(), f(() => qe(w, Ce.Last));
     }
-    if (c(() => be(o.orientation.value, { vertical() {
+    if (f(() => be(o.orientation.value, { vertical() {
       return y.key === W.ArrowUp ? qe(w, Ce.Previous | Ce.WrapAround) : y.key === W.ArrowDown ? qe(w, Ce.Next | Ce.WrapAround) : Et.Error;
     }, horizontal() {
       return y.key === W.ArrowLeft ? qe(w, Ce.Previous | Ce.WrapAround) : y.key === W.ArrowRight ? qe(w, Ce.Next | Ce.WrapAround) : Et.Error;
@@ -2955,7 +2955,7 @@ let Oa = Symbol("TabsSSRContext"), vd = R({ name: "TabGroup", emits: { change: (
   let b = xr(P(() => ({ as: e.as, type: t.type })), l);
   return () => {
     var y, w;
-    let v = { selected: f.value, disabled: (y = e.disabled) != null ? y : !1 }, { ...A } = e, x = { ref: l, onKeydown: h, onMousedown: g, onClick: p, id: i, role: "tab", type: b.value, "aria-controls": (w = M(o.panels.value[u.value])) == null ? void 0 : w.id, "aria-selected": f.value, tabIndex: f.value ? 0 : -1, disabled: e.disabled ? !0 : void 0 };
+    let v = { selected: c.value, disabled: (y = e.disabled) != null ? y : !1 }, { ...A } = e, x = { ref: l, onKeydown: h, onMousedown: g, onClick: p, id: i, role: "tab", type: b.value, "aria-controls": (w = M(o.panels.value[u.value])) == null ? void 0 : w.id, "aria-selected": c.value, tabIndex: c.value ? 0 : -1, disabled: e.disabled ? !0 : void 0 };
     return ue({ ourProps: x, theirProps: A, slot: v, attrs: t, slots: n, name: "Tab" });
   };
 } }), gd = R({ name: "TabPanels", props: { as: { type: [Object, String], default: "div" } }, setup(e, { slots: t, attrs: n }) {
@@ -2970,18 +2970,18 @@ let Oa = Symbol("TabsSSRContext"), vd = R({ name: "TabGroup", emits: { change: (
   r({ el: l, $el: l }), te(() => o.registerPanel(l)), Ie(() => o.unregisterPanel(l));
   let s = Pe(Oa), d = P(() => {
     if (s.value) {
-      let c = s.value.panels.indexOf(i);
-      return c === -1 ? s.value.panels.push(i) - 1 : c;
+      let f = s.value.panels.indexOf(i);
+      return f === -1 ? s.value.panels.push(i) - 1 : f;
     }
     return -1;
   }), u = P(() => {
-    let c = o.panels.value.indexOf(l);
-    return c === -1 ? d.value : c;
-  }), f = P(() => u.value === o.selectedIndex.value);
+    let f = o.panels.value.indexOf(l);
+    return f === -1 ? d.value : f;
+  }), c = P(() => u.value === o.selectedIndex.value);
   return () => {
-    var c;
-    let h = { selected: f.value }, { tabIndex: m, ...p } = e, g = { ref: l, id: i, role: "tabpanel", "aria-labelledby": (c = M(o.tabs.value[u.value])) == null ? void 0 : c.id, tabIndex: f.value ? m : -1 };
-    return !f.value && e.unmount && !e.static ? de($t, { as: "span", "aria-hidden": !0, ...g }) : ue({ ourProps: g, theirProps: p, slot: h, attrs: t, slots: n, features: je.Static | je.RenderStrategy, visible: f.value, name: "TabPanel" });
+    var f;
+    let h = { selected: c.value }, { tabIndex: m, ...p } = e, g = { ref: l, id: i, role: "tabpanel", "aria-labelledby": (f = M(o.tabs.value[u.value])) == null ? void 0 : f.id, tabIndex: c.value ? m : -1 };
+    return !c.value && e.unmount && !e.static ? de($t, { as: "span", "aria-hidden": !0, ...g }) : ue({ ourProps: g, theirProps: p, slot: h, attrs: t, slots: n, features: je.Static | je.RenderStrategy, visible: c.value, name: "TabPanel" });
   };
 } });
 function yd(e) {
@@ -3067,24 +3067,24 @@ let Pi = je.RenderStrategy, ra = R({ props: { as: { type: [Object, String], defa
     i.value &= ~Oe.Closing, t("afterLeave");
   }
   if (!xd() && iu()) return () => de(Ea, { ...e, onBeforeEnter: o, onAfterEnter: l, onBeforeLeave: s, onAfterLeave: d }, r);
-  let u = E(null), f = P(() => e.unmount ? Pt.Unmount : Pt.Hidden);
+  let u = E(null), c = P(() => e.unmount ? Pt.Unmount : Pt.Hidden);
   a({ el: u, $el: u });
-  let { show: c, appear: h } = Sd(), { register: m, unregister: p } = Od(), g = E(c.value ? "visible" : "hidden"), b = { value: !0 }, y = Ee(), w = { value: !1 }, v = Ei(() => {
+  let { show: f, appear: h } = Sd(), { register: m, unregister: p } = Od(), g = E(f.value ? "visible" : "hidden"), b = { value: !0 }, y = Ee(), w = { value: !1 }, v = Ei(() => {
     !w.value && g.value !== "hidden" && (g.value = "hidden", p(y), d());
   });
   te(() => {
     let L = m(y);
     Ie(L);
   }), Te(() => {
-    if (f.value === Pt.Hidden && y) {
-      if (c.value && g.value !== "visible") {
+    if (c.value === Pt.Hidden && y) {
+      if (f.value && g.value !== "visible") {
         g.value = "visible";
         return;
       }
       be(g.value, { hidden: () => p(y), visible: () => m(y) });
     }
   });
-  let A = Ht(e.enter), x = Ht(e.enterFrom), O = Ht(e.enterTo), k = Ht(e.entered), $ = Ht(e.leave), B = Ht(e.leaveFrom), I = Ht(e.leaveTo);
+  let A = Ht(e.enter), x = Ht(e.enterFrom), k = Ht(e.enterTo), O = Ht(e.entered), $ = Ht(e.leave), B = Ht(e.leaveFrom), I = Ht(e.leaveTo);
   te(() => {
     Te(() => {
       if (g.value === "visible") {
@@ -3095,18 +3095,18 @@ let Pi = je.RenderStrategy, ra = R({ props: { as: { type: [Object, String], defa
   });
   function _(L) {
     let z = b.value && !h.value, Y = M(u);
-    !Y || !(Y instanceof HTMLElement) || z || (w.value = !0, c.value && o(), c.value || s(), L(c.value ? oo(Y, A, x, O, k, (G) => {
+    !Y || !(Y instanceof HTMLElement) || z || (w.value = !0, f.value && o(), f.value || s(), L(f.value ? oo(Y, A, x, k, O, (G) => {
       w.value = !1, G === na.Finished && l();
-    }) : oo(Y, $, B, I, k, (G) => {
+    }) : oo(Y, $, B, I, O, (G) => {
       w.value = !1, G === na.Finished && (Cr(v) || (g.value = "hidden", p(y), d()));
     })));
   }
   return te(() => {
-    re([c], (L, z, Y) => {
+    re([f], (L, z, Y) => {
       _(Y), b.value = !1;
     }, { immediate: !0 });
   }), Be(Ca, v), Sr(P(() => be(g.value, { visible: Oe.Open, hidden: Oe.Closed }) | i.value)), () => {
-    let { appear: L, show: z, enter: Y, enterFrom: G, enterTo: ae, entered: ne, leave: fe, leaveFrom: pe, leaveTo: Z, ...ie } = e, Se = { ref: u }, ve = { ...ie, ...h.value && c.value && Vn.isServer ? { class: H([n.class, ie.class, ...A, ...x]) } : {} };
+    let { appear: L, show: z, enter: Y, enterFrom: G, enterTo: ae, entered: ne, leave: fe, leaveFrom: pe, leaveTo: Z, ...ie } = e, Se = { ref: u }, ve = { ...ie, ...h.value && f.value && Vn.isServer ? { class: H([n.class, ie.class, ...A, ...x]) } : {} };
     return ue({ theirProps: ve, ourProps: Se, slot: {}, slots: r, attrs: n, features: Pi, visible: g.value === "visible", name: "TransitionChild" });
   };
 } }), kd = ra, Ea = 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 }) {
@@ -3122,8 +3122,8 @@ let Pi = je.RenderStrategy, ra = R({ props: { as: { type: [Object, String], defa
       s.value = !1, i.value ? o.value = "visible" : Cr(l) || (o.value = "hidden");
     });
   }), Be(Ca, l), Be(ka, d), () => {
-    let u = Lt(e, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), f = { unmount: e.unmount };
-    return ue({ ourProps: { ...f, as: "template" }, theirProps: {}, slot: {}, slots: { ...r, default: () => [de(kd, { onBeforeEnter: () => t("beforeEnter"), onAfterEnter: () => t("afterEnter"), onBeforeLeave: () => t("beforeLeave"), onAfterLeave: () => t("afterLeave"), ...n, ...f, ...u }, r.default)] }, attrs: {}, features: Pi, visible: o.value === "visible", name: "Transition" });
+    let u = Lt(e, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), c = { unmount: e.unmount };
+    return ue({ ourProps: { ...c, as: "template" }, theirProps: {}, slot: {}, slots: { ...r, default: () => [de(kd, { onBeforeEnter: () => t("beforeEnter"), onAfterEnter: () => t("afterEnter"), onBeforeLeave: () => t("beforeLeave"), onAfterLeave: () => t("afterLeave"), ...n, ...c, ...u }, r.default)] }, attrs: {}, features: Pi, visible: o.value === "visible", name: "Transition" });
   };
 } });
 const Cd = { class: "dropdown-trigger-button" }, Ed = /* @__PURE__ */ R({
@@ -3372,16 +3372,16 @@ const Cd = { class: "dropdown-trigger-button" }, Ed = /* @__PURE__ */ R({
   emits: ["update:modelValue"],
   setup(e, { emit: t }) {
     const n = e, r = t, a = P({
-      set: (c) => {
-        r("update:modelValue", c);
+      set: (f) => {
+        r("update:modelValue", f);
       },
       get: () => n.modelValue
     }), i = P({
       set: () => {
       },
       get: () => Math.ceil(n.totalDocument / n.pageSize)
-    }), o = (c) => {
-      a.value = c;
+    }), o = (f) => {
+      a.value = f;
     }, l = () => {
       a.value = 1;
     }, s = () => {
@@ -3390,15 +3390,15 @@ const Cd = { class: "dropdown-trigger-button" }, Ed = /* @__PURE__ */ R({
       a.value < i.value && (a.value += 1);
     }, u = () => {
       a.value = i.value;
-    }, f = (c) => {
-      if (!(n.maxButton % 2) && a.value + Math.floor(n.maxButton / 2) >= c && a.value - Math.floor(n.maxButton / 2) < c || n.maxButton % 2 && a.value + Math.floor(n.maxButton / 2) >= c && a.value - Math.floor(n.maxButton / 2) <= c || c <= n.maxButton && a.value < Math.ceil(n.maxButton / 2) || c > i.value - n.maxButton && a.value > i.value - Math.floor(n.maxButton / 2))
+    }, c = (f) => {
+      if (!(n.maxButton % 2) && a.value + Math.floor(n.maxButton / 2) >= f && a.value - Math.floor(n.maxButton / 2) < f || n.maxButton % 2 && a.value + Math.floor(n.maxButton / 2) >= f && a.value - Math.floor(n.maxButton / 2) <= f || f <= n.maxButton && a.value < Math.ceil(n.maxButton / 2) || f > i.value - n.maxButton && a.value > i.value - Math.floor(n.maxButton / 2))
         return !0;
     };
-    return (c, h) => {
+    return (f, h) => {
       const m = $e("base-icon");
       return i.value > 1 ? (S(), T("div", jd, [
         C("div", null, [
-          C("p", qd, " Showing " + Q(1 + (a.value - 1) * c.pageSize) + " to " + Q(a.value * c.pageSize > c.totalDocument ? c.totalDocument : a.value * c.pageSize) + " of " + Q(c.totalDocument) + " entries ", 1)
+          C("p", qd, " Showing " + Q(1 + (a.value - 1) * f.pageSize) + " to " + Q(a.value * f.pageSize > f.totalDocument ? f.totalDocument : a.value * f.pageSize) + " of " + Q(f.totalDocument) + " entries ", 1)
         ]),
         C("div", Hd, [
           a.value > 1 ? (S(), N(oe(De), {
@@ -3424,7 +3424,7 @@ const Cd = { class: "dropdown-trigger-button" }, Ed = /* @__PURE__ */ R({
             _: 1
           })) : q("", !0),
           (S(!0), T(me, null, _e(i.value, (p) => (S(), T(me, { key: p }, [
-            f(p) ? (S(), N(oe(De), {
+            c(p) ? (S(), N(oe(De), {
               key: 0,
               type: "button",
               size: "xs",
@@ -3503,14 +3503,14 @@ function sr(...e) {
   Array.isArray(n) || (n = [n]), Array.isArray(r) || (r = [r]);
   const i = [], o = () => {
     i.forEach((u) => u()), i.length = 0;
-  }, l = (u, f, c, h) => (u.addEventListener(f, c, h), () => u.removeEventListener(f, c, h)), s = re(
+  }, l = (u, c, f, h) => (u.addEventListener(c, f, h), () => u.removeEventListener(c, f, h)), s = re(
     () => [En(t), Dt(a)],
-    ([u, f]) => {
+    ([u, c]) => {
       if (o(), !u)
         return;
-      const c = Xd(f) ? { ...f } : f;
+      const f = Xd(c) ? { ...c } : c;
       i.push(
-        ...n.flatMap((h) => r.map((m) => l(u, h, m, c)))
+        ...n.flatMap((h) => r.map((m) => l(u, h, m, f)))
       );
     },
     { immediate: !0, flush: "post" }
@@ -3542,7 +3542,7 @@ function lo(e, t, n = {}) {
     const b = Dt(p), y = b.$.subTree && b.$.subTree.children;
     return y == null || !Array.isArray(y) ? !1 : y.some((w) => w.el === g.target || g.composedPath().includes(w.el));
   }
-  const f = (p) => {
+  const c = (p) => {
     const g = En(e);
     if (p.target != null && !(!(g instanceof Element) && d(e) && u(e, p)) && !(!g || g === p.target || p.composedPath().includes(g))) {
       if (p.detail === 0 && (l = !s(p)), !l) {
@@ -3552,12 +3552,12 @@ function lo(e, t, n = {}) {
       t(p);
     }
   };
-  let c = !1;
+  let f = !1;
   const h = [
     sr(r, "click", (p) => {
-      c || (c = !0, setTimeout(() => {
-        c = !1;
-      }, 0), f(p));
+      f || (f = !0, setTimeout(() => {
+        f = !1;
+      }, 0), c(p));
     }, { passive: !0, capture: i }),
     sr(r, "pointerdown", (p) => {
       const g = En(e);
@@ -4052,25 +4052,25 @@ function ji(e, t) {
 }
 function $a(e, t) {
   t === void 0 && (t = {});
-  var n = t, r = n.placement, a = r === void 0 ? e.placement : r, i = n.boundary, o = i === void 0 ? dc : i, l = n.rootBoundary, s = l === void 0 ? Li : l, d = n.elementContext, u = d === void 0 ? xn : d, f = n.altBoundary, c = f === void 0 ? !1 : f, h = n.padding, m = h === void 0 ? 0 : h, p = Wi(typeof m != "number" ? m : ji(m, Hn)), g = u === xn ? cc : xn, b = e.rects.popper, y = e.elements[c ? g : u], w = Dc(In(y) ? y : y.contextElement || _t(e.elements.popper), o, s), v = sn(e.elements.reference), A = Vi({
+  var n = t, r = n.placement, a = r === void 0 ? e.placement : r, i = n.boundary, o = i === void 0 ? dc : i, l = n.rootBoundary, s = l === void 0 ? Li : l, d = n.elementContext, u = d === void 0 ? xn : d, c = n.altBoundary, f = c === void 0 ? !1 : c, h = n.padding, m = h === void 0 ? 0 : h, p = Wi(typeof m != "number" ? m : ji(m, Hn)), g = u === xn ? cc : xn, b = e.rects.popper, y = e.elements[f ? g : u], w = Dc(In(y) ? y : y.contextElement || _t(e.elements.popper), o, s), v = sn(e.elements.reference), A = Vi({
     reference: v,
     element: b,
     strategy: "absolute",
     placement: a
-  }), x = ia(Object.assign({}, b, A)), O = u === xn ? x : v, k = {
-    top: w.top - O.top + p.top,
-    bottom: O.bottom - w.bottom + p.bottom,
-    left: w.left - O.left + p.left,
-    right: O.right - w.right + p.right
+  }), x = ia(Object.assign({}, b, A)), k = u === xn ? x : v, O = {
+    top: w.top - k.top + p.top,
+    bottom: k.bottom - w.bottom + p.bottom,
+    left: w.left - k.left + p.left,
+    right: k.right - w.right + p.right
   }, $ = e.modifiersData.offset;
   if (u === xn && $) {
     var B = $[a];
-    Object.keys(k).forEach(function(I) {
+    Object.keys(O).forEach(function(I) {
       var _ = [at, rt].indexOf(I) >= 0 ? 1 : -1, L = [Xe, rt].indexOf(I) >= 0 ? "y" : "x";
-      k[I] += B[L] * _;
+      O[I] += B[L] * _;
     });
   }
-  return k;
+  return O;
 }
 var fo = {
   placement: "bottom",
@@ -4100,7 +4100,7 @@ function Bc(e) {
       },
       attributes: {},
       styles: {}
-    }, f = [], c = !1, h = {
+    }, c = [], f = !1, h = {
       state: u,
       setOptions: function(b) {
         var y = typeof b == "function" ? b(u.options) : b;
@@ -4119,7 +4119,7 @@ function Bc(e) {
       // For high frequency updates (e.g. `resize` and `scroll` events), always
       // prefer the async Popper#update method
       forceUpdate: function() {
-        if (!c) {
+        if (!f) {
           var b = u.elements, y = b.reference, w = b.popper;
           if (po(y, w)) {
             u.rects = {
@@ -4133,10 +4133,10 @@ function Bc(e) {
                 u.reset = !1, v = -1;
                 continue;
               }
-              var A = u.orderedModifiers[v], x = A.fn, O = A.options, k = O === void 0 ? {} : O, $ = A.name;
+              var A = u.orderedModifiers[v], x = A.fn, k = A.options, O = k === void 0 ? {} : k, $ = A.name;
               typeof x == "function" && (u = x({
                 state: u,
-                options: k,
+                options: O,
                 name: $,
                 instance: h
               }) || u);
@@ -4152,13 +4152,13 @@ function Bc(e) {
         });
       }),
       destroy: function() {
-        p(), c = !0;
+        p(), f = !0;
       }
     };
     if (!po(l, s))
       return h;
     h.setOptions(d).then(function(g) {
-      !c && d.onFirstUpdate && d.onFirstUpdate(g);
+      !f && d.onFirstUpdate && d.onFirstUpdate(g);
     });
     function m() {
       u.orderedModifiers.forEach(function(g) {
@@ -4171,14 +4171,14 @@ function Bc(e) {
             options: w
           }), x = function() {
           };
-          f.push(A || x);
+          c.push(A || x);
         }
       });
     }
     function p() {
-      f.forEach(function(g) {
+      c.forEach(function(g) {
         return g();
-      }), f = [];
+      }), c = [];
     }
     return h;
   };
@@ -4234,19 +4234,19 @@ function _c(e) {
   };
 }
 function vo(e) {
-  var t, n = e.popper, r = e.popperRect, a = e.placement, i = e.variation, o = e.offsets, l = e.position, s = e.gpuAcceleration, d = e.adaptive, u = e.roundOffsets, f = u === !0 ? _c(o) : typeof u == "function" ? u(o) : o, c = f.x, h = c === void 0 ? 0 : c, m = f.y, p = m === void 0 ? 0 : m, g = o.hasOwnProperty("x"), b = o.hasOwnProperty("y"), y = Qe, w = Xe, v = window;
+  var t, n = e.popper, r = e.popperRect, a = e.placement, i = e.variation, o = e.offsets, l = e.position, s = e.gpuAcceleration, d = e.adaptive, u = e.roundOffsets, c = u === !0 ? _c(o) : typeof u == "function" ? u(o) : o, f = c.x, h = f === void 0 ? 0 : f, m = c.y, p = m === void 0 ? 0 : m, g = o.hasOwnProperty("x"), b = o.hasOwnProperty("y"), y = Qe, w = Xe, v = window;
   if (d) {
-    var A = qn(n), x = "clientHeight", O = "clientWidth";
-    A === ot(n) && (A = _t(n), xt(A).position !== "static" && l === "absolute" && (x = "scrollHeight", O = "scrollWidth")), A = A, (a === Xe || (a === Qe || a === at) && i === Mn) && (w = rt, p -= A[x] - r.height, p *= s ? 1 : -1), (a === Qe || (a === Xe || a === rt) && i === Mn) && (y = at, h -= A[O] - r.width, h *= s ? 1 : -1);
+    var A = qn(n), x = "clientHeight", k = "clientWidth";
+    A === ot(n) && (A = _t(n), xt(A).position !== "static" && l === "absolute" && (x = "scrollHeight", k = "scrollWidth")), A = A, (a === Xe || (a === Qe || a === at) && i === Mn) && (w = rt, p -= A[x] - r.height, p *= s ? 1 : -1), (a === Qe || (a === Xe || a === rt) && i === Mn) && (y = at, h -= A[k] - r.width, h *= s ? 1 : -1);
   }
-  var k = Object.assign({
+  var O = Object.assign({
     position: l
   }, d && Lc);
   if (s) {
     var $;
-    return Object.assign({}, k, ($ = {}, $[w] = b ? "0" : "", $[y] = g ? "0" : "", $.transform = (v.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + p + "px)" : "translate3d(" + h + "px, " + p + "px, 0)", $));
+    return Object.assign({}, O, ($ = {}, $[w] = b ? "0" : "", $[y] = g ? "0" : "", $.transform = (v.devicePixelRatio || 1) <= 1 ? "translate(" + h + "px, " + p + "px)" : "translate3d(" + h + "px, " + p + "px, 0)", $));
   }
-  return Object.assign({}, k, (t = {}, t[w] = b ? p + "px" : "", t[y] = g ? h + "px" : "", t.transform = "", t));
+  return Object.assign({}, O, (t = {}, t[w] = b ? p + "px" : "", t[y] = g ? h + "px" : "", t.transform = "", t));
 }
 function Fc(e) {
   var t = e.state, n = e.options, r = n.gpuAcceleration, a = r === void 0 ? !0 : r, i = n.adaptive, o = i === void 0 ? !0 : i, l = n.roundOffsets, s = l === void 0 ? !0 : l, d = {
@@ -4328,12 +4328,12 @@ function ur(e, t, n) {
   return Bt(e, $n(t, n));
 }
 function zc(e) {
-  var t = e.state, n = e.options, r = e.name, a = n.mainAxis, i = a === void 0 ? !0 : a, o = n.altAxis, l = o === void 0 ? !1 : o, s = n.boundary, d = n.rootBoundary, u = n.altBoundary, f = n.padding, c = n.tether, h = c === void 0 ? !0 : c, m = n.tetherOffset, p = m === void 0 ? 0 : m, g = $a(t, {
+  var t = e.state, n = e.options, r = e.name, a = n.mainAxis, i = a === void 0 ? !0 : a, o = n.altAxis, l = o === void 0 ? !1 : o, s = n.boundary, d = n.rootBoundary, u = n.altBoundary, c = n.padding, f = n.tether, h = f === void 0 ? !0 : f, m = n.tetherOffset, p = m === void 0 ? 0 : m, g = $a(t, {
     boundary: s,
     rootBoundary: d,
-    padding: f,
+    padding: c,
     altBoundary: u
-  }), b = ft(t.placement), y = dn(t.placement), w = !y, v = Ma(b), A = Uc(v), x = t.modifiersData.popperOffsets, O = t.rects.reference, k = t.rects.popper, $ = typeof p == "function" ? p(Object.assign({}, t.rects, {
+  }), b = ft(t.placement), y = dn(t.placement), w = !y, v = Ma(b), A = Uc(v), x = t.modifiersData.popperOffsets, k = t.rects.reference, O = t.rects.popper, $ = typeof p == "function" ? p(Object.assign({}, t.rects, {
     placement: t.placement
   })) : p, B = {
     x: 0,
@@ -4341,10 +4341,10 @@ function zc(e) {
   };
   if (x) {
     if (i || l) {
-      var I = v === "y" ? Xe : Qe, _ = v === "y" ? rt : at, L = v === "y" ? "height" : "width", z = x[v], Y = x[v] + g[I], G = x[v] - g[_], ae = h ? -k[L] / 2 : 0, ne = y === un ? O[L] : k[L], fe = y === un ? -k[L] : -O[L], pe = t.elements.arrow, Z = h && pe ? Ba(pe) : {
+      var I = v === "y" ? Xe : Qe, _ = v === "y" ? rt : at, L = v === "y" ? "height" : "width", z = x[v], Y = x[v] + g[I], G = x[v] - g[_], ae = h ? -O[L] / 2 : 0, ne = y === un ? k[L] : O[L], fe = y === un ? -O[L] : -k[L], pe = t.elements.arrow, Z = h && pe ? Ba(pe) : {
         width: 0,
         height: 0
-      }, ie = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Ni(), Se = ie[I], ve = ie[_], we = ur(0, O[L], Z[L]), Me = w ? O[L] / 2 - ae - we - Se - $ : ne - we - Se - $, lt = w ? -O[L] / 2 + ae + we + ve + $ : fe + we + ve + $, Fe = t.elements.arrow && qn(t.elements.arrow), st = Fe ? v === "y" ? Fe.clientTop || 0 : Fe.clientLeft || 0 : 0, et = t.modifiersData.offset ? t.modifiersData.offset[t.placement][v] : 0, gt = x[v] + Me - et - st, Vt = x[v] + lt - et;
+      }, ie = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : Ni(), Se = ie[I], ve = ie[_], we = ur(0, k[L], Z[L]), Me = w ? k[L] / 2 - ae - we - Se - $ : ne - we - Se - $, lt = w ? -k[L] / 2 + ae + we + ve + $ : fe + we + ve + $, Fe = t.elements.arrow && qn(t.elements.arrow), st = Fe ? v === "y" ? Fe.clientTop || 0 : Fe.clientLeft || 0 : 0, et = t.modifiersData.offset ? t.modifiersData.offset[t.placement][v] : 0, gt = x[v] + Me - et - st, Vt = x[v] + lt - et;
       if (i) {
         var St = ur(h ? $n(Y, gt) : Y, z, h ? Bt(G, Vt) : G);
         x[v] = St, B[v] = St - z;
@@ -4385,13 +4385,13 @@ function mo(e) {
 }
 function Gc(e, t) {
   t === void 0 && (t = {});
-  var n = t, r = n.placement, a = n.boundary, i = n.rootBoundary, o = n.padding, l = n.flipVariations, s = n.allowedAutoPlacements, d = s === void 0 ? _i : s, u = dn(r), f = u ? l ? uo : uo.filter(function(m) {
+  var n = t, r = n.placement, a = n.boundary, i = n.rootBoundary, o = n.padding, l = n.flipVariations, s = n.allowedAutoPlacements, d = s === void 0 ? _i : s, u = dn(r), c = u ? l ? uo : uo.filter(function(m) {
     return dn(m) === u;
-  }) : Hn, c = f.filter(function(m) {
+  }) : Hn, f = c.filter(function(m) {
     return d.indexOf(m) >= 0;
   });
-  c.length === 0 && (c = f);
-  var h = c.reduce(function(m, p) {
+  f.length === 0 && (f = c);
+  var h = f.reduce(function(m, p) {
     return m[p] = $a(e, {
       placement: p,
       boundary: a,
@@ -4412,21 +4412,21 @@ function Kc(e) {
 function Jc(e) {
   var t = e.state, n = e.options, r = e.name;
   if (!t.modifiersData[r]._skip) {
-    for (var a = n.mainAxis, i = a === void 0 ? !0 : a, o = n.altAxis, l = o === void 0 ? !0 : o, s = n.fallbackPlacements, d = n.padding, u = n.boundary, f = n.rootBoundary, c = n.altBoundary, h = n.flipVariations, m = h === void 0 ? !0 : h, p = n.allowedAutoPlacements, g = t.options.placement, b = ft(g), y = b === g, w = s || (y || !m ? [dr(g)] : Kc(g)), v = [g].concat(w).reduce(function(ve, we) {
+    for (var a = n.mainAxis, i = a === void 0 ? !0 : a, o = n.altAxis, l = o === void 0 ? !0 : o, s = n.fallbackPlacements, d = n.padding, u = n.boundary, c = n.rootBoundary, f = n.altBoundary, h = n.flipVariations, m = h === void 0 ? !0 : h, p = n.allowedAutoPlacements, g = t.options.placement, b = ft(g), y = b === g, w = s || (y || !m ? [dr(g)] : Kc(g)), v = [g].concat(w).reduce(function(ve, we) {
       return ve.concat(ft(we) === Ia ? Gc(t, {
         placement: we,
         boundary: u,
-        rootBoundary: f,
+        rootBoundary: c,
         padding: d,
         flipVariations: m,
         allowedAutoPlacements: p
       }) : we);
-    }, []), A = t.rects.reference, x = t.rects.popper, O = /* @__PURE__ */ new Map(), k = !0, $ = v[0], B = 0; B < v.length; B++) {
+    }, []), A = t.rects.reference, x = t.rects.popper, k = /* @__PURE__ */ new Map(), O = !0, $ = v[0], B = 0; B < v.length; B++) {
       var I = v[B], _ = ft(I), L = dn(I) === un, z = [Xe, rt].indexOf(_) >= 0, Y = z ? "width" : "height", G = $a(t, {
         placement: I,
         boundary: u,
-        rootBoundary: f,
-        altBoundary: c,
+        rootBoundary: c,
+        altBoundary: f,
         padding: d
       }), ae = z ? L ? at : Qe : L ? rt : Xe;
       A[Y] > x[Y] && (ae = dr(ae));
@@ -4434,15 +4434,15 @@ function Jc(e) {
       if (i && fe.push(G[_] <= 0), l && fe.push(G[ae] <= 0, G[ne] <= 0), fe.every(function(ve) {
         return ve;
       })) {
-        $ = I, k = !1;
+        $ = I, O = !1;
         break;
       }
-      O.set(I, fe);
+      k.set(I, fe);
     }
-    if (k)
+    if (O)
       for (var pe = m ? 3 : 1, Z = function(we) {
         var Me = v.find(function(lt) {
-          var Fe = O.get(lt);
+          var Fe = k.get(lt);
           if (Fe)
             return Fe.slice(0, we).every(function(st) {
               return st;
@@ -4480,8 +4480,8 @@ function ef(e, t, n) {
   };
 }
 function tf(e) {
-  var t = e.state, n = e.options, r = e.name, a = n.offset, i = a === void 0 ? [0, 0] : a, o = _i.reduce(function(u, f) {
-    return u[f] = ef(f, t.rects, i), u;
+  var t = e.state, n = e.options, r = e.name, a = n.offset, i = a === void 0 ? [0, 0] : a, o = _i.reduce(function(u, c) {
+    return u[c] = ef(c, t.rects, i), u;
   }, {}), l = o[t.placement], s = l.x, d = l.y;
   t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += s, t.modifiersData.popperOffsets.y += d), t.modifiersData[r] = o;
 }
@@ -4499,8 +4499,8 @@ var nf = {
 function af(e) {
   var t, n = e.state, r = e.name, a = e.options, i = n.elements.arrow, o = n.modifiersData.popperOffsets, l = ft(n.placement), s = Ma(l), d = [Qe, at].indexOf(l) >= 0, u = d ? "height" : "width";
   if (!(!i || !o)) {
-    var f = rf(a.padding, n), c = Ba(i), h = s === "y" ? Xe : Qe, m = s === "y" ? rt : at, p = n.rects.reference[u] + n.rects.reference[s] - o[s] - n.rects.popper[u], g = o[s] - n.rects.reference[s], b = qn(i), y = b ? s === "y" ? b.clientHeight || 0 : b.clientWidth || 0 : 0, w = p / 2 - g / 2, v = f[h], A = y - c[u] - f[m], x = y / 2 - c[u] / 2 + w, O = ur(v, x, A), k = s;
-    n.modifiersData[r] = (t = {}, t[k] = O, t.centerOffset = O - x, t);
+    var c = rf(a.padding, n), f = Ba(i), h = s === "y" ? Xe : Qe, m = s === "y" ? rt : at, p = n.rects.reference[u] + n.rects.reference[s] - o[s] - n.rects.popper[u], g = o[s] - n.rects.reference[s], b = qn(i), y = b ? s === "y" ? b.clientHeight || 0 : b.clientWidth || 0 : 0, w = p / 2 - g / 2, v = c[h], A = y - f[u] - c[m], x = y / 2 - f[u] / 2 + w, k = ur(v, x, A), O = s;
+    n.modifiersData[r] = (t = {}, t[O] = k, t.centerOffset = k - x, t);
   }
 }
 function of(e) {
@@ -4539,13 +4539,13 @@ function sf({
         enabled: p
       }]
     }));
-  }, u = () => d(!0), f = () => d(!1), c = () => {
+  }, u = () => d(!0), c = () => d(!1), f = () => {
     s.isOpen && (s.isOpen = !1, t("close:popper"));
   }, h = () => {
     s.isOpen || (s.isOpen = !0, t("open:popper"));
   };
   re([() => s.isOpen, i], async ([p]) => {
-    p ? (await m(), u()) : f();
+    p ? (await m(), u()) : c();
   });
   const m = async () => {
     await ye(), s.popperInstance = Hc(l.value, o.value, {
@@ -4572,7 +4572,7 @@ function sf({
   }), {
     ...Uo(s),
     open: h,
-    close: c
+    close: f
   };
 }
 const uf = {
@@ -4782,8 +4782,8 @@ var Hi = {
       arrowPadding: s,
       closeDelay: d,
       content: u,
-      disableClickAway: f,
-      disabled: c,
+      disableClickAway: c,
+      disabled: f,
       interactive: h,
       locked: m,
       offsetDistance: p,
@@ -4805,22 +4805,22 @@ var Hi = {
       popperNode: i,
       triggerNode: o
     }), {
-      hasContent: O
-    } = rc(r, i, u), k = P(() => w.value !== null), $ = P(() => c.value || !O.value), B = P(() => v.value && !$.value), I = P(() => !f.value && !k.value), _ = P(() => h.value ? `border: ${p.value}px solid transparent; margin: -${p.value}px;` : null), L = Nr.debounce(A, b.value), z = Nr.debounce(x, d.value), Y = async () => {
-      $.value || k.value || (z.clear(), L());
+      hasContent: k
+    } = rc(r, i, u), O = P(() => w.value !== null), $ = P(() => f.value || !k.value), B = P(() => v.value && !$.value), I = P(() => !c.value && !O.value), _ = P(() => h.value ? `border: ${p.value}px solid transparent; margin: -${p.value}px;` : null), L = Nr.debounce(A, b.value), z = Nr.debounce(x, d.value), Y = async () => {
+      $.value || O.value || (z.clear(), L());
     }, G = async () => {
-      k.value || (L.clear(), z());
+      O.value || (L.clear(), z());
     }, ae = () => {
       v.value ? G() : Y();
     };
-    return re([O, c], ([ne, fe]) => {
+    return re([k, f], ([ne, fe]) => {
       v.value && (!ne || fe) && x();
     }), re(v, (ne) => {
       ne ? l.value = !0 : Nr.debounce(() => {
         l.value = !1;
       }, 200);
     }), Te(() => {
-      k.value && (w.value ? L() : z());
+      O.value && (w.value ? L() : z());
     }), Te(() => {
       I.value && nc(a, G);
     }), (ne, fe) => (S(), T("div", {
@@ -5085,7 +5085,7 @@ const la = /* @__PURE__ */ R({
         (S(!0), T(me, null, _e(a.value, (d, u) => (S(), T(me, { key: u }, [
           C("div", {
             class: "step-body",
-            onClick: (f) => i(d)
+            onClick: (c) => i(d)
           }, [
             C("div", {
               class: H(["step-icon-container", { active: d.active }])
@@ -5497,8 +5497,8 @@ var Ip = function(t, n) {
 function Mp(e) {
   var t, n = e.state, r = e.name, a = e.options, i = n.elements.arrow, o = n.modifiersData.popperOffsets, l = pt(n.placement), s = Fa(l), d = [We, Je].indexOf(l) >= 0, u = d ? "height" : "width";
   if (!(!i || !o)) {
-    var f = Ip(a.padding, n), c = _a(i), h = s === "y" ? Ne : We, m = s === "y" ? Ke : Je, p = n.rects.reference[u] + n.rects.reference[s] - o[s] - n.rects.popper[u], g = o[s] - n.rects.reference[s], b = zn(i), y = b ? s === "y" ? b.clientHeight || 0 : b.clientWidth || 0 : 0, w = p / 2 - g / 2, v = f[h], A = y - c[u] - f[m], x = y / 2 - c[u] / 2 + w, O = Dn(v, x, A), k = s;
-    n.modifiersData[r] = (t = {}, t[k] = O, t.centerOffset = O - x, t);
+    var c = Ip(a.padding, n), f = _a(i), h = s === "y" ? Ne : We, m = s === "y" ? Ke : Je, p = n.rects.reference[u] + n.rects.reference[s] - o[s] - n.rects.popper[u], g = o[s] - n.rects.reference[s], b = zn(i), y = b ? s === "y" ? b.clientHeight || 0 : b.clientWidth || 0 : 0, w = p / 2 - g / 2, v = c[h], A = y - f[u] - c[m], x = y / 2 - f[u] / 2 + w, k = Dn(v, x, A), O = s;
+    n.modifiersData[r] = (t = {}, t[O] = k, t.centerOffset = k - x, t);
   }
 }
 function $p(e) {
@@ -5531,22 +5531,22 @@ function _p(e) {
   };
 }
 function yo(e) {
-  var t, n = e.popper, r = e.popperRect, a = e.placement, i = e.variation, o = e.offsets, l = e.position, s = e.gpuAcceleration, d = e.adaptive, u = e.roundOffsets, f = e.isFixed, c = u === !0 ? _p(o) : typeof u == "function" ? u(o) : o, h = c.x, m = h === void 0 ? 0 : h, p = c.y, g = p === void 0 ? 0 : p, b = o.hasOwnProperty("x"), y = o.hasOwnProperty("y"), w = We, v = Ne, A = window;
+  var t, n = e.popper, r = e.popperRect, a = e.placement, i = e.variation, o = e.offsets, l = e.position, s = e.gpuAcceleration, d = e.adaptive, u = e.roundOffsets, c = e.isFixed, f = u === !0 ? _p(o) : typeof u == "function" ? u(o) : o, h = f.x, m = h === void 0 ? 0 : h, p = f.y, g = p === void 0 ? 0 : p, b = o.hasOwnProperty("x"), y = o.hasOwnProperty("y"), w = We, v = Ne, A = window;
   if (d) {
-    var x = zn(n), O = "clientHeight", k = "clientWidth";
-    if (x === it(n) && (x = Ft(n), ht(x).position !== "static" && l === "absolute" && (O = "scrollHeight", k = "scrollWidth")), x = x, a === Ne || (a === We || a === Je) && i === Rn) {
+    var x = zn(n), k = "clientHeight", O = "clientWidth";
+    if (x === it(n) && (x = Ft(n), ht(x).position !== "static" && l === "absolute" && (k = "scrollHeight", O = "scrollWidth")), x = x, a === Ne || (a === We || a === Je) && i === Rn) {
       v = Ke;
-      var $ = f && A.visualViewport ? A.visualViewport.height : (
+      var $ = c && A.visualViewport ? A.visualViewport.height : (
         // $FlowFixMe[prop-missing]
-        x[O]
+        x[k]
       );
       g -= $ - r.height, g *= s ? 1 : -1;
     }
     if (a === We || (a === Ne || a === Ke) && i === Rn) {
       w = Je;
-      var B = f && A.visualViewport ? A.visualViewport.width : (
+      var B = c && A.visualViewport ? A.visualViewport.width : (
         // $FlowFixMe[prop-missing]
-        x[k]
+        x[O]
       );
       m -= B - r.width, m *= s ? 1 : -1;
     }
@@ -5751,35 +5751,35 @@ function al(e) {
 }
 function Ln(e, t) {
   t === void 0 && (t = {});
-  var n = t, r = n.placement, a = r === void 0 ? e.placement : r, i = n.boundary, o = i === void 0 ? mp : i, l = n.rootBoundary, s = l === void 0 ? Qi : l, d = n.elementContext, u = d === void 0 ? Sn : d, f = n.altBoundary, c = f === void 0 ? !1 : f, h = n.padding, m = h === void 0 ? 0 : h, p = tl(typeof m != "number" ? m : nl(m, Un)), g = u === Sn ? hp : Sn, b = e.rects.popper, y = e.elements[c ? g : u], w = Xp(fn(y) ? y : y.contextElement || Ft(e.elements.popper), o, s), v = vn(e.elements.reference), A = al({
+  var n = t, r = n.placement, a = r === void 0 ? e.placement : r, i = n.boundary, o = i === void 0 ? mp : i, l = n.rootBoundary, s = l === void 0 ? Qi : l, d = n.elementContext, u = d === void 0 ? Sn : d, c = n.altBoundary, f = c === void 0 ? !1 : c, h = n.padding, m = h === void 0 ? 0 : h, p = tl(typeof m != "number" ? m : nl(m, Un)), g = u === Sn ? hp : Sn, b = e.rects.popper, y = e.elements[f ? g : u], w = Xp(fn(y) ? y : y.contextElement || Ft(e.elements.popper), o, s), v = vn(e.elements.reference), A = al({
     reference: v,
     element: b,
     strategy: "absolute",
     placement: a
-  }), x = da(Object.assign({}, b, A)), O = u === Sn ? x : v, k = {
-    top: w.top - O.top + p.top,
-    bottom: O.bottom - w.bottom + p.bottom,
-    left: w.left - O.left + p.left,
-    right: O.right - w.right + p.right
+  }), x = da(Object.assign({}, b, A)), k = u === Sn ? x : v, O = {
+    top: w.top - k.top + p.top,
+    bottom: k.bottom - w.bottom + p.bottom,
+    left: w.left - k.left + p.left,
+    right: k.right - w.right + p.right
   }, $ = e.modifiersData.offset;
   if (u === Sn && $) {
     var B = $[a];
-    Object.keys(k).forEach(function(I) {
+    Object.keys(O).forEach(function(I) {
       var _ = [Je, Ke].indexOf(I) >= 0 ? 1 : -1, L = [Ne, Ke].indexOf(I) >= 0 ? "y" : "x";
-      k[I] += B[L] * _;
+      O[I] += B[L] * _;
     });
   }
-  return k;
+  return O;
 }
 function Qp(e, t) {
   t === void 0 && (t = {});
-  var n = t, r = n.placement, a = n.boundary, i = n.rootBoundary, o = n.padding, l = n.flipVariations, s = n.allowedAutoPlacements, d = s === void 0 ? Gi : s, u = mn(r), f = u ? l ? go : go.filter(function(m) {
+  var n = t, r = n.placement, a = n.boundary, i = n.rootBoundary, o = n.padding, l = n.flipVariations, s = n.allowedAutoPlacements, d = s === void 0 ? Gi : s, u = mn(r), c = u ? l ? go : go.filter(function(m) {
     return mn(m) === u;
-  }) : Un, c = f.filter(function(m) {
+  }) : Un, f = c.filter(function(m) {
     return d.indexOf(m) >= 0;
   });
-  c.length === 0 && (c = f);
-  var h = c.reduce(function(m, p) {
+  f.length === 0 && (f = c);
+  var h = f.reduce(function(m, p) {
     return m[p] = Ln(e, {
       placement: p,
       boundary: a,
@@ -5800,21 +5800,21 @@ function Gp(e) {
 function Kp(e) {
   var t = e.state, n = e.options, r = e.name;
   if (!t.modifiersData[r]._skip) {
-    for (var a = n.mainAxis, i = a === void 0 ? !0 : a, o = n.altAxis, l = o === void 0 ? !0 : o, s = n.fallbackPlacements, d = n.padding, u = n.boundary, f = n.rootBoundary, c = n.altBoundary, h = n.flipVariations, m = h === void 0 ? !0 : h, p = n.allowedAutoPlacements, g = t.options.placement, b = pt(g), y = b === g, w = s || (y || !m ? [cr(g)] : Gp(g)), v = [g].concat(w).reduce(function(ve, we) {
+    for (var a = n.mainAxis, i = a === void 0 ? !0 : a, o = n.altAxis, l = o === void 0 ? !0 : o, s = n.fallbackPlacements, d = n.padding, u = n.boundary, c = n.rootBoundary, f = n.altBoundary, h = n.flipVariations, m = h === void 0 ? !0 : h, p = n.allowedAutoPlacements, g = t.options.placement, b = pt(g), y = b === g, w = s || (y || !m ? [cr(g)] : Gp(g)), v = [g].concat(w).reduce(function(ve, we) {
       return ve.concat(pt(we) === La ? Qp(t, {
         placement: we,
         boundary: u,
-        rootBoundary: f,
+        rootBoundary: c,
         padding: d,
         flipVariations: m,
         allowedAutoPlacements: p
       }) : we);
-    }, []), A = t.rects.reference, x = t.rects.popper, O = /* @__PURE__ */ new Map(), k = !0, $ = v[0], B = 0; B < v.length; B++) {
+    }, []), A = t.rects.reference, x = t.rects.popper, k = /* @__PURE__ */ new Map(), O = !0, $ = v[0], B = 0; B < v.length; B++) {
       var I = v[B], _ = pt(I), L = mn(I) === cn, z = [Ne, Ke].indexOf(_) >= 0, Y = z ? "width" : "height", G = Ln(t, {
         placement: I,
         boundary: u,
-        rootBoundary: f,
-        altBoundary: c,
+        rootBoundary: c,
+        altBoundary: f,
         padding: d
       }), ae = z ? L ? Je : We : L ? Ke : Ne;
       A[Y] > x[Y] && (ae = cr(ae));
@@ -5822,15 +5822,15 @@ function Kp(e) {
       if (i && fe.push(G[_] <= 0), l && fe.push(G[ae] <= 0, G[ne] <= 0), fe.every(function(ve) {
         return ve;
       })) {
-        $ = I, k = !1;
+        $ = I, O = !1;
         break;
       }
-      O.set(I, fe);
+      k.set(I, fe);
     }
-    if (k)
+    if (O)
       for (var pe = m ? 3 : 1, Z = function(we) {
         var Me = v.find(function(lt) {
-          var Fe = O.get(lt);
+          var Fe = k.get(lt);
           if (Fe)
             return Fe.slice(0, we).every(function(st) {
               return st;
@@ -5876,15 +5876,15 @@ function Zp(e) {
     elementContext: "reference"
   }), l = Ln(t, {
     altBoundary: !0
-  }), s = xo(o, r), d = xo(l, a, i), u = So(s), f = So(d);
+  }), s = xo(o, r), d = xo(l, a, i), u = So(s), c = So(d);
   t.modifiersData[n] = {
     referenceClippingOffsets: s,
     popperEscapeOffsets: d,
     isReferenceHidden: u,
-    hasPopperEscaped: f
+    hasPopperEscaped: c
   }, t.attributes.popper = Object.assign({}, t.attributes.popper, {
     "data-popper-reference-hidden": u,
-    "data-popper-escaped": f
+    "data-popper-escaped": c
   });
 }
 var ev = {
@@ -5907,8 +5907,8 @@ function tv(e, t, n) {
   };
 }
 function nv(e) {
-  var t = e.state, n = e.options, r = e.name, a = n.offset, i = a === void 0 ? [0, 0] : a, o = Gi.reduce(function(u, f) {
-    return u[f] = tv(f, t.rects, i), u;
+  var t = e.state, n = e.options, r = e.name, a = n.offset, i = a === void 0 ? [0, 0] : a, o = Gi.reduce(function(u, c) {
+    return u[c] = tv(c, t.rects, i), u;
   }, {}), l = o[t.placement], s = l.x, d = l.y;
   t.modifiersData.popperOffsets != null && (t.modifiersData.popperOffsets.x += s, t.modifiersData.popperOffsets.y += d), t.modifiersData[r] = o;
 }
@@ -5939,12 +5939,12 @@ function iv(e) {
   return e === "x" ? "y" : "x";
 }
 function lv(e) {
-  var t = e.state, n = e.options, r = e.name, a = n.mainAxis, i = a === void 0 ? !0 : a, o = n.altAxis, l = o === void 0 ? !1 : o, s = n.boundary, d = n.rootBoundary, u = n.altBoundary, f = n.padding, c = n.tether, h = c === void 0 ? !0 : c, m = n.tetherOffset, p = m === void 0 ? 0 : m, g = Ln(t, {
+  var t = e.state, n = e.options, r = e.name, a = n.mainAxis, i = a === void 0 ? !0 : a, o = n.altAxis, l = o === void 0 ? !1 : o, s = n.boundary, d = n.rootBoundary, u = n.altBoundary, c = n.padding, f = n.tether, h = f === void 0 ? !0 : f, m = n.tetherOffset, p = m === void 0 ? 0 : m, g = Ln(t, {
     boundary: s,
     rootBoundary: d,
-    padding: f,
+    padding: c,
     altBoundary: u
-  }), b = pt(t.placement), y = mn(t.placement), w = !y, v = Fa(b), A = iv(v), x = t.modifiersData.popperOffsets, O = t.rects.reference, k = t.rects.popper, $ = typeof p == "function" ? p(Object.assign({}, t.rects, {
+  }), b = pt(t.placement), y = mn(t.placement), w = !y, v = Fa(b), A = iv(v), x = t.modifiersData.popperOffsets, k = t.rects.reference, O = t.rects.popper, $ = typeof p == "function" ? p(Object.assign({}, t.rects, {
     placement: t.placement
   })) : p, B = typeof $ == "number" ? {
     mainAxis: $,
@@ -5958,14 +5958,14 @@ function lv(e) {
   };
   if (x) {
     if (i) {
-      var L, z = v === "y" ? Ne : We, Y = v === "y" ? Ke : Je, G = v === "y" ? "height" : "width", ae = x[v], ne = ae + g[z], fe = ae - g[Y], pe = h ? -k[G] / 2 : 0, Z = y === cn ? O[G] : k[G], ie = y === cn ? -k[G] : -O[G], Se = t.elements.arrow, ve = h && Se ? _a(Se) : {
+      var L, z = v === "y" ? Ne : We, Y = v === "y" ? Ke : Je, G = v === "y" ? "height" : "width", ae = x[v], ne = ae + g[z], fe = ae - g[Y], pe = h ? -O[G] / 2 : 0, Z = y === cn ? k[G] : O[G], ie = y === cn ? -O[G] : -k[G], Se = t.elements.arrow, ve = h && Se ? _a(Se) : {
         width: 0,
         height: 0
-      }, we = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : el(), Me = we[z], lt = we[Y], Fe = Dn(0, O[G], ve[G]), st = w ? O[G] / 2 - pe - Fe - Me - B.mainAxis : Z - Fe - Me - B.mainAxis, et = w ? -O[G] / 2 + pe + Fe + lt + B.mainAxis : ie + Fe + lt + B.mainAxis, gt = t.elements.arrow && zn(t.elements.arrow), Vt = gt ? v === "y" ? gt.clientTop || 0 : gt.clientLeft || 0 : 0, St = (L = I == null ? void 0 : I[v]) != null ? L : 0, Zt = ae + st - St - Vt, en = ae + et - St, ut = Dn(h ? pr(ne, Zt) : ne, ae, h ? Gt(fe, en) : fe);
+      }, we = t.modifiersData["arrow#persistent"] ? t.modifiersData["arrow#persistent"].padding : el(), Me = we[z], lt = we[Y], Fe = Dn(0, k[G], ve[G]), st = w ? k[G] / 2 - pe - Fe - Me - B.mainAxis : Z - Fe - Me - B.mainAxis, et = w ? -k[G] / 2 + pe + Fe + lt + B.mainAxis : ie + Fe + lt + B.mainAxis, gt = t.elements.arrow && zn(t.elements.arrow), Vt = gt ? v === "y" ? gt.clientTop || 0 : gt.clientLeft || 0 : 0, St = (L = I == null ? void 0 : I[v]) != null ? L : 0, Zt = ae + st - St - Vt, en = ae + et - St, ut = Dn(h ? pr(ne, Zt) : ne, ae, h ? Gt(fe, en) : fe);
       x[v] = ut, _[v] = ut - ae;
     }
     if (l) {
-      var Ot, Nt = v === "x" ? Ne : We, Wt = v === "x" ? Ke : Je, bt = x[A], kt = A === "y" ? "height" : "width", bn = bt + g[Nt], jt = bt - g[Wt], yn = [Ne, We].indexOf(b) !== -1, Yn = (Ot = I == null ? void 0 : I[A]) != null ? Ot : 0, Xn = yn ? bn : bt - O[kt] - k[kt] - Yn + B.altAxis, Qn = yn ? bt + O[kt] + k[kt] - Yn - B.altAxis : jt, Gn = h && yn ? Bp(Xn, bt, Qn) : Dn(h ? Xn : bn, bt, h ? Qn : jt);
+      var Ot, Nt = v === "x" ? Ne : We, Wt = v === "x" ? Ke : Je, bt = x[A], kt = A === "y" ? "height" : "width", bn = bt + g[Nt], jt = bt - g[Wt], yn = [Ne, We].indexOf(b) !== -1, Yn = (Ot = I == null ? void 0 : I[A]) != null ? Ot : 0, Xn = yn ? bn : bt - k[kt] - O[kt] - Yn + B.altAxis, Qn = yn ? bt + k[kt] + O[kt] - Yn - B.altAxis : jt, Gn = h && yn ? Bp(Xn, bt, Qn) : Dn(h ? Xn : bn, bt, h ? Qn : jt);
       x[A] = Gn, _[A] = Gn - bt;
     }
     t.modifiersData[r] = _;
@@ -6085,7 +6085,7 @@ function gv(e) {
       },
       attributes: {},
       styles: {}
-    }, f = [], c = !1, h = {
+    }, c = [], f = !1, h = {
       state: u,
       setOptions: function(b) {
         var y = typeof b == "function" ? b(u.options) : b;
@@ -6104,7 +6104,7 @@ function gv(e) {
       // For high frequency updates (e.g. `resize` and `scroll` events), always
       // prefer the async Popper#update method
       forceUpdate: function() {
-        if (!c) {
+        if (!f) {
           var b = u.elements, y = b.reference, w = b.popper;
           if (ko(y, w)) {
             u.rects = {
@@ -6118,10 +6118,10 @@ function gv(e) {
                 u.reset = !1, v = -1;
                 continue;
               }
-              var A = u.orderedModifiers[v], x = A.fn, O = A.options, k = O === void 0 ? {} : O, $ = A.name;
+              var A = u.orderedModifiers[v], x = A.fn, k = A.options, O = k === void 0 ? {} : k, $ = A.name;
               typeof x == "function" && (u = x({
                 state: u,
-                options: k,
+                options: O,
                 name: $,
                 instance: h
               }) || u);
@@ -6137,13 +6137,13 @@ function gv(e) {
         });
       }),
       destroy: function() {
-        p(), c = !0;
+        p(), f = !0;
       }
     };
     if (!ko(l, s))
       return h;
     h.setOptions(d).then(function(g) {
-      !c && d.onFirstUpdate && d.onFirstUpdate(g);
+      !f && d.onFirstUpdate && d.onFirstUpdate(g);
     });
     function m() {
       u.orderedModifiers.forEach(function(g) {
@@ -6156,14 +6156,14 @@ function gv(e) {
             options: w
           }), x = function() {
           };
-          f.push(A || x);
+          c.push(A || x);
         }
       });
     }
     function p() {
-      f.forEach(function(g) {
+      c.forEach(function(g) {
         return g();
-      }), f = [];
+      }), c = [];
     }
     return h;
   };
@@ -6271,7 +6271,7 @@ function Ev(e, t) {
     var i = a.popperRect, o = a.popperState, l = a.props, s = l.interactiveBorder, d = cl(o.placement), u = o.modifiersData.offset;
     if (!u)
       return !0;
-    var f = d === "bottom" ? u.top.y : 0, c = d === "top" ? u.bottom.y : 0, h = d === "right" ? u.left.x : 0, m = d === "left" ? u.right.x : 0, p = i.top - r + f > s, g = r - i.bottom - c > s, b = i.left - n + h > s, y = n - i.right - m > s;
+    var c = d === "bottom" ? u.top.y : 0, f = d === "top" ? u.bottom.y : 0, h = d === "right" ? u.left.x : 0, m = d === "left" ? u.right.x : 0, p = i.top - r + c > s, g = r - i.bottom - f > s, b = i.left - n + h > s, y = n - i.right - m > s;
     return p || g || b || y;
   });
 }
@@ -6466,7 +6466,7 @@ function ml(e) {
 ml.$$tippy = !0;
 var Vv = 1, or = [], zr = [];
 function Nv(e, t) {
-  var n = Bo(e, Object.assign({}, tt, vl(Po(t)))), r, a, i, o = !1, l = !1, s = !1, d = !1, u, f, c, h = [], m = Co(Zt, n.interactiveDebounce), p, g = Vv++, b = null, y = Sv(n.plugins), w = {
+  var n = Bo(e, Object.assign({}, tt, vl(Po(t)))), r, a, i, o = !1, l = !1, s = !1, d = !1, u, c, f, h = [], m = Co(Zt, n.interactiveDebounce), p, g = Vv++, b = null, y = Sv(n.plugins), w = {
     // Is the instance currently enabled?
     isEnabled: !0,
     // Is the tippy currently showing and not transitioning out?
@@ -6500,9 +6500,9 @@ function Nv(e, t) {
   };
   if (!n.render)
     return v;
-  var A = n.render(v), x = A.popper, O = A.onUpdate;
+  var A = n.render(v), x = A.popper, k = A.onUpdate;
   x.setAttribute("data-tippy-root", ""), x.id = "tippy-" + v.id, v.popper = x, e._tippy = v, x._tippy = v;
-  var k = y.map(function(D) {
+  var O = y.map(function(D) {
     return D.fn(v);
   }), $ = e.hasAttribute("aria-expanded");
   return gt(), pe(), ae(), ne("onCreate", [v]), n.showOnCreate && bn(), x.addEventListener("mouseenter", function() {
@@ -6538,7 +6538,7 @@ function Nv(e, t) {
     D === void 0 && (D = !1), x.style.pointerEvents = v.props.interactive && !D ? "" : "none", x.style.zIndex = "" + v.props.zIndex;
   }
   function ne(D, j, J) {
-    if (J === void 0 && (J = !0), k.forEach(function(ce) {
+    if (J === void 0 && (J = !0), O.forEach(function(ce) {
       ce[D] && ce[D].apply(ce, j);
     }), J) {
       var he;
@@ -6619,7 +6619,7 @@ function Nv(e, t) {
     }
     if (D === 0)
       return j();
-    Ur(J, "remove", f), Ur(J, "add", he), f = he;
+    Ur(J, "remove", c), Ur(J, "add", he), c = he;
   }
   function et(D, j, J) {
     J === void 0 && (J = !1);
@@ -6751,7 +6751,7 @@ function Nv(e, t) {
       }
     }), qt.push.apply(qt, (j == null ? void 0 : j.modifiers) || []), v.popperInstance = yv(tn, x, Object.assign({}, j, {
       placement: J,
-      onFirstUpdate: c,
+      onFirstUpdate: f,
       modifiers: qt
     }));
   }
@@ -6803,7 +6803,7 @@ function Nv(e, t) {
       }));
       v.props = J, gt(), j.interactiveDebounce !== J.interactiveDebounce && (Z(), m = Co(Zt, J.interactiveDebounce)), j.triggerTarget && !J.triggerTarget ? Yt(j.triggerTarget).forEach(function(he) {
         he.removeAttribute("aria-expanded");
-      }) : J.triggerTarget && e.removeAttribute("aria-expanded"), pe(), ae(), O && O(j, J), v.popperInstance && (Nt(), kt().forEach(function(he) {
+      }) : J.triggerTarget && e.removeAttribute("aria-expanded"), pe(), ae(), k && k(j, J), v.popperInstance && (Nt(), kt().forEach(function(he) {
         requestAnimationFrame(he._tippy.popperInstance.forceUpdate);
       })), ne("onAfterUpdate", [v, D]);
     }
@@ -6820,7 +6820,7 @@ function Nv(e, t) {
         var Ve = Y(), ze = Ve.box, tn = Ve.content;
         Hr([ze, tn], 0);
       }
-      c = function() {
+      f = function() {
         var qt;
         if (!(!v.state.isVisible || d)) {
           if (d = !0, x.offsetHeight, x.style.transition = v.props.moveTransition, _() && v.props.animation) {
@@ -6893,14 +6893,14 @@ var Wv = Object.assign({}, Ji, {
   var r;
   n === void 0 && (n = {});
   var a = t, i = [], o = [], l, s = n.overrides, d = [], u = !1;
-  function f() {
+  function c() {
     o = a.map(function(v) {
       return Yt(v.props.triggerTarget || v.reference);
     }).reduce(function(v, A) {
       return v.concat(A);
     }, []);
   }
-  function c() {
+  function f() {
     i = a.map(function(v) {
       return v.reference;
     });
@@ -6913,8 +6913,8 @@ var Wv = Object.assign({}, Ji, {
   function m(v) {
     return a.map(function(A) {
       var x = A.setProps;
-      return A.setProps = function(O) {
-        x(O), A.reference === l && v.setProps(O);
+      return A.setProps = function(k) {
+        x(k), A.reference === l && v.setProps(k);
       }, function() {
         A.setProps = x;
       };
@@ -6924,18 +6924,18 @@ var Wv = Object.assign({}, Ji, {
     var x = o.indexOf(A);
     if (A !== l) {
       l = A;
-      var O = (s || []).concat("content").reduce(function(k, $) {
-        return k[$] = a[x].props[$], k;
+      var k = (s || []).concat("content").reduce(function(O, $) {
+        return O[$] = a[x].props[$], O;
       }, {});
-      v.setProps(Object.assign({}, O, {
-        getReferenceClientRect: typeof O.getReferenceClientRect == "function" ? O.getReferenceClientRect : function() {
-          var k;
-          return (k = i[x]) == null ? void 0 : k.getBoundingClientRect();
+      v.setProps(Object.assign({}, k, {
+        getReferenceClientRect: typeof k.getReferenceClientRect == "function" ? k.getReferenceClientRect : function() {
+          var O;
+          return (O = i[x]) == null ? void 0 : O.getBoundingClientRect();
         }
       }));
     }
   }
-  h(!1), c(), f();
+  h(!1), f(), c();
   var g = {
     fn: function() {
       return {
@@ -6951,8 +6951,8 @@ var Wv = Object.assign({}, Ji, {
         onShow: function(x) {
           x.props.showOnCreate && !u && (u = !0, p(x, i[0]));
         },
-        onTrigger: function(x, O) {
-          p(x, O.currentTarget);
+        onTrigger: function(x, k) {
+          p(x, k.currentTarget);
         }
       };
     }
@@ -6995,7 +6995,7 @@ var Wv = Object.assign({}, Ji, {
   }, b.setInstances = function(v) {
     h(!0), d.forEach(function(A) {
       return A();
-    }), a = v, h(!1), c(), f(), d = m(b), b.setProps({
+    }), a = v, h(!1), f(), c(), d = m(b), b.setProps({
       triggerTarget: o
     });
   }, d = m(b), b;
@@ -7059,24 +7059,24 @@ var Yv = {
       return t.props.followCursor === "initial" && t.state.isVisible;
     }
     function d() {
-      r.addEventListener("mousemove", c);
+      r.addEventListener("mousemove", f);
     }
     function u() {
-      r.removeEventListener("mousemove", c);
+      r.removeEventListener("mousemove", f);
     }
-    function f() {
+    function c() {
       a = !0, t.setProps({
         getReferenceClientRect: null
       }), a = !1;
     }
-    function c(p) {
+    function f(p) {
       var g = p.target ? n.contains(p.target) : !0, b = t.props.followCursor, y = p.clientX, w = p.clientY, v = n.getBoundingClientRect(), A = y - v.left, x = w - v.top;
       (g || !t.props.interactive) && t.setProps({
         // @ts-ignore - unneeded DOMRect properties
         getReferenceClientRect: function() {
-          var k = n.getBoundingClientRect(), $ = y, B = w;
-          b === "initial" && ($ = k.left + A, B = k.top + x);
-          var I = b === "horizontal" ? k.top : B, _ = b === "vertical" ? k.right : $, L = b === "horizontal" ? k.bottom : B, z = b === "vertical" ? k.left : $;
+          var O = n.getBoundingClientRect(), $ = y, B = w;
+          b === "initial" && ($ = O.left + A, B = O.top + x);
+          var I = b === "horizontal" ? O.top : B, _ = b === "vertical" ? O.right : $, L = b === "horizontal" ? O.bottom : B, z = b === "vertical" ? O.left : $;
           return {
             width: _ - z,
             height: L - I,
@@ -7109,10 +7109,10 @@ var Yv = {
       },
       onAfterUpdate: function(g, b) {
         var y = b.followCursor;
-        a || y !== void 0 && l.followCursor !== y && (m(), y ? (h(), t.state.isMounted && !i && !s() && d()) : (u(), f()));
+        a || y !== void 0 && l.followCursor !== y && (m(), y ? (h(), t.state.isMounted && !i && !s() && d()) : (u(), c()));
       },
       onMount: function() {
-        t.props.followCursor && !i && (o && (c(fa), o = !1), s() || d());
+        t.props.followCursor && !i && (o && (f(fa), o = !1), s() || d());
       },
       onTrigger: function(g, b) {
         qa(b) && (fa = {
@@ -7121,7 +7121,7 @@ var Yv = {
         }), i = b.type === "focus";
       },
       onHidden: function() {
-        t.props.followCursor && (f(), u(), o = !0);
+        t.props.followCursor && (c(), u(), o = !0);
       }
     };
   }
@@ -7159,18 +7159,18 @@ var Qv = {
         })), a = m.placement);
       }
     };
-    function d(c) {
-      return Gv(cl(c), n.getBoundingClientRect(), hn(n.getClientRects()), i);
+    function d(f) {
+      return Gv(cl(f), n.getBoundingClientRect(), hn(n.getClientRects()), i);
     }
-    function u(c) {
-      o = !0, t.setProps(c), o = !1;
+    function u(f) {
+      o = !0, t.setProps(f), o = !1;
     }
-    function f() {
+    function c() {
       o || u(Xv(t.props, s));
     }
     return {
-      onCreate: f,
-      onAfterUpdate: f,
+      onCreate: c,
+      onAfterUpdate: c,
       onTrigger: function(h, m) {
         if (qa(m)) {
           var p = hn(t.reference.getClientRects()), g = p.find(function(y) {
@@ -7193,14 +7193,14 @@ function Gv(e, t, n, r) {
   switch (e) {
     case "top":
     case "bottom": {
-      var a = n[0], i = n[n.length - 1], o = e === "top", l = a.top, s = i.bottom, d = o ? a.left : i.left, u = o ? a.right : i.right, f = u - d, c = s - l;
+      var a = n[0], i = n[n.length - 1], o = e === "top", l = a.top, s = i.bottom, d = o ? a.left : i.left, u = o ? a.right : i.right, c = u - d, f = s - l;
       return {
         top: l,
         bottom: s,
         left: d,
         right: u,
-        width: f,
-        height: c
+        width: c,
+        height: f
       };
     }
     case "left":
@@ -7271,18 +7271,18 @@ function gl(e, t = {}, n = { mount: !0, appName: "Tippy" }) {
     isShown: !1
   }), o = ha();
   let l = null;
-  const s = () => l || (l = document.createDocumentFragment(), l), d = (O) => {
-    let k, $ = yt(O) ? O.value : O;
+  const s = () => l || (l = document.createDocumentFragment(), l), d = (k) => {
+    let O, $ = yt(k) ? k.value : k;
     return Ql($) ? (o.value || (o.value = Qa({
       name: n.appName,
-      setup: () => () => yt(O) ? O.value : O
-    }), r && Object.assign(o.value._context, r.appContext), o.value.mount(s())), k = () => s()) : typeof $ == "object" ? (o.value || (o.value = Qa({
+      setup: () => () => yt(k) ? k.value : k
+    }), r && Object.assign(o.value._context, r.appContext), o.value.mount(s())), O = () => s()) : typeof $ == "object" ? (o.value || (o.value = Qa({
       name: n.appName,
-      setup: () => () => de(yt(O) ? O.value : O)
-    }), r && Object.assign(o.value._context, r.appContext), o.value.mount(s())), k = () => s()) : k = $, k;
-  }, u = (O) => {
-    let k = {};
-    return yt(O) ? k = O.value || {} : Xa(O) ? k = { ...O } : k = { ...O }, k.content && (k.content = d(k.content)), k.triggerTarget && (k.triggerTarget = yt(k.triggerTarget) ? k.triggerTarget.value : k.triggerTarget), (!k.plugins || !Array.isArray(k.plugins)) && (k.plugins = []), k.plugins = k.plugins.filter(($) => $.name !== "vueTippyReactiveState"), k.plugins.push({
+      setup: () => () => de(yt(k) ? k.value : k)
+    }), r && Object.assign(o.value._context, r.appContext), o.value.mount(s())), O = () => s()) : O = $, O;
+  }, u = (k) => {
+    let O = {};
+    return yt(k) ? O = k.value || {} : Xa(k) ? O = { ...k } : O = { ...k }, O.content && (O.content = d(O.content)), O.triggerTarget && (O.triggerTarget = yt(O.triggerTarget) ? O.triggerTarget.value : O.triggerTarget), (!O.plugins || !Array.isArray(O.plugins)) && (O.plugins = []), O.plugins = O.plugins.filter(($) => $.name !== "vueTippyReactiveState"), O.plugins.push({
       name: "vueTippyReactiveState",
       fn: () => ({
         onCreate() {
@@ -7310,44 +7310,44 @@ function gl(e, t = {}, n = { mount: !0, appName: "Tippy" }) {
           i.value.isDestroyed = !0;
         }
       })
-    }), k;
-  }, f = () => {
-    a.value && a.value.setProps(u(t));
+    }), O;
   }, c = () => {
+    a.value && a.value.setProps(u(t));
+  }, f = () => {
     !a.value || !t.content || a.value.setContent(d(t.content));
-  }, h = (O) => {
-    var k;
-    (k = a.value) === null || k === void 0 || k.setContent(d(O));
-  }, m = (O) => {
-    var k;
-    (k = a.value) === null || k === void 0 || k.setProps(u(O));
-  }, p = () => {
+  }, h = (k) => {
     var O;
-    a.value && (a.value.destroy(), a.value = void 0), l = null, (O = o.value) === null || O === void 0 || O.unmount(), o.value = void 0;
-  }, g = () => {
+    (O = a.value) === null || O === void 0 || O.setContent(d(k));
+  }, m = (k) => {
     var O;
-    (O = a.value) === null || O === void 0 || O.show();
+    (O = a.value) === null || O === void 0 || O.setProps(u(k));
+  }, p = () => {
+    var k;
+    a.value && (a.value.destroy(), a.value = void 0), l = null, (k = o.value) === null || k === void 0 || k.unmount(), o.value = void 0;
+  }, g = () => {
+    var k;
+    (k = a.value) === null || k === void 0 || k.show();
   }, b = () => {
-    var O;
-    (O = a.value) === null || O === void 0 || O.hide();
+    var k;
+    (k = a.value) === null || k === void 0 || k.hide();
   }, y = () => {
-    var O;
-    (O = a.value) === null || O === void 0 || O.disable(), i.value.isEnabled = !1;
+    var k;
+    (k = a.value) === null || k === void 0 || k.disable(), i.value.isEnabled = !1;
   }, w = () => {
-    var O;
-    (O = a.value) === null || O === void 0 || O.enable(), i.value.isEnabled = !0;
+    var k;
+    (k = a.value) === null || k === void 0 || k.enable(), i.value.isEnabled = !0;
   }, v = () => {
-    var O;
-    (O = a.value) === null || O === void 0 || O.unmount();
+    var k;
+    (k = a.value) === null || k === void 0 || k.unmount();
   }, A = () => {
     if (!e)
       return;
-    let O = yt(e) ? e.value : e;
-    typeof O == "function" && (O = O()), O && (a.value = U(O, u(t)), O.$tippy = x);
+    let k = yt(e) ? e.value : e;
+    typeof k == "function" && (k = k()), k && (a.value = U(k, u(t)), k.$tippy = x);
   }, x = {
     tippy: a,
-    refresh: f,
-    refreshContent: c,
+    refresh: c,
+    refreshContent: f,
     setContent: h,
     setProps: m,
     destroy: p,
@@ -7361,7 +7361,7 @@ function gl(e, t = {}, n = { mount: !0, appName: "Tippy" }) {
   };
   return n.mount && (r ? r.isMounted ? A() : te(A) : A()), r && Ie(() => {
     p();
-  }), yt(t) || Xa(t) ? re(t, f, { immediate: !1 }) : yt(t.content) && re(t.content, c, { immediate: !1 }), x;
+  }), yt(t) || Xa(t) ? re(t, c, { immediate: !1 }) : yt(t.content) && re(t.content, f, { immediate: !1 }), x;
 }
 function Jv(e, t) {
   const n = E();
@@ -7457,28 +7457,28 @@ const bl = R({
       return h || (h = a.value = i.value.parentElement), h;
     } : (typeof e.to == "string" || e.to instanceof String) && (d = () => document.querySelector(e.to)));
     const u = gl(d, s());
-    let f = t.content;
-    !f && e.to === "parent" && (f = t.default), te(() => {
+    let c = t.content;
+    !c && e.to === "parent" && (c = t.default), te(() => {
       l.value = !0, ye(() => {
-        f && u.setContent(() => o.value);
+        c && u.setContent(() => o.value);
       });
     }), re(u.state, () => {
       n("state", V(u.state));
     }, { immediate: !0, deep: !0 }), re(() => e, () => {
-      u.setProps(s()), f && u.setContent(() => o.value);
+      u.setProps(s()), c && u.setContent(() => o.value);
     }, { deep: !0 });
-    let c = hr({
+    let f = hr({
       elem: a,
       contentElem: o,
       mounted: l,
       ...u
     });
-    return r(c), () => {
-      const h = (typeof e.contentTag == "string", e.contentTag), m = f ? de(h, {
+    return r(f), () => {
+      const h = (typeof e.contentTag == "string", e.contentTag), m = c ? de(h, {
         ref: o,
         style: { display: l.value ? "inherit" : "none" },
         class: e.contentClass
-      }, f(c)) : null;
+      }, c(f)) : null;
       if (e.to === "parent") {
         const b = [];
         if (!a.value) {
@@ -7491,7 +7491,7 @@ const bl = R({
         }
         return m && b.push(m), b;
       }
-      const p = t.default ? t.default(c) : [];
+      const p = t.default ? t.default(f) : [];
       if (!e.tag) {
         const b = de(p[0], {
           ref: a,
@@ -7765,25 +7765,25 @@ const im = /* @__PURE__ */ R({
   setup(e, { expose: t }) {
     const n = e, r = xe(e, "modelValue"), a = xe(e, "isLoading"), i = xe(e, "query"), o = xe(e, "errors"), l = P(
       () => i.value === "" ? n.options : n.options.filter(
-        (c) => {
+        (f) => {
           var h;
-          return (h = c == null ? void 0 : c.label) == null ? void 0 : h.toLowerCase().replace(/\s+/g, "").includes(i.value.toLowerCase().replace(/\s+/g, ""));
+          return (h = f == null ? void 0 : f.label) == null ? void 0 : h.toLowerCase().replace(/\s+/g, "").includes(i.value.toLowerCase().replace(/\s+/g, ""));
         }
       )
     ), s = () => {
       n.disabled || (r.value = void 0);
     }, d = E(null), u = () => {
       d.value && d.value.el.click();
-    }, f = E();
+    }, c = E();
     return re(
       () => r.value,
       () => {
-        var c;
-        (c = o.value) != null && c.length && (o.value = []);
+        var f;
+        (f = o.value) != null && f.length && (o.value = []);
       }
     ), t({
-      inputRef: f
-    }), (c, h) => {
+      inputRef: c
+    }), (f, h) => {
       const m = $e("base-icon");
       return S(), N(oe(Ue), {
         label: n.label,
@@ -7803,18 +7803,18 @@ const im = /* @__PURE__ */ R({
                 C("div", Cm, [
                   X(V(gu), {
                     ref_key: "inputRef",
-                    ref: f,
+                    ref: c,
                     class: H(["form-input", {
-                      "border-simple pl-0!": c.border === "simple",
-                      "border-full": c.border === "full",
-                      "border-none pl-0!": c.border === "none"
+                      "border-simple pl-0!": f.border === "simple",
+                      "border-full": f.border === "full",
+                      "border-none pl-0!": f.border === "none"
                     }]),
                     onClick: u,
                     autocomplete: "off",
                     autofocus: n.autofocus,
                     required: n.required,
                     disabled: n.disabled,
-                    placeholder: c.placeholder,
+                    placeholder: f.placeholder,
                     displayValue: () => {
                       var p;
                       return ((p = r.value) == null ? void 0 : p.label) ?? "";
@@ -7933,7 +7933,7 @@ const im = /* @__PURE__ */ R({
             ref_key: "inputRef",
             ref: l,
             id: V(o),
-            "onUpdate:modelValue": u[0] || (u[0] = (f) => i.value = f),
+            "onUpdate:modelValue": u[0] || (u[0] = (c) => i.value = c),
             required: d.required,
             disabled: d.disabled,
             "true-value": !0,
@@ -8011,12 +8011,12 @@ const im = /* @__PURE__ */ R({
         });
       }
     );
-    const f = P(() => {
+    const c = P(() => {
       var p;
       return !i.value || i.value === "" ? o.value : (p = o.value) == null ? void 0 : p.filter(
         (g) => g.label.toLowerCase().replace(/\s+/g, "").includes(i.value.toLowerCase().replace(/\s+/g, ""))
       );
-    }), c = (p) => {
+    }), f = (p) => {
       a.value = p, n.value = p.label, m();
     };
     re(
@@ -8084,11 +8084,11 @@ const im = /* @__PURE__ */ R({
               C("div", Nm, [
                 C("div", Wm, [
                   r.value ? (S(), T("div", jm, " Loading data... ")) : q("", !0),
-                  !r.value && f.value.length === 0 ? (S(), T("div", qm, " Nothing found. ")) : q("", !0),
-                  (S(!0), T(me, null, _e(f.value, (v, A) => (S(), T("div", {
+                  !r.value && c.value.length === 0 ? (S(), T("div", qm, " Nothing found. ")) : q("", !0),
+                  (S(!0), T(me, null, _e(c.value, (v, A) => (S(), T("div", {
                     key: A,
                     class: "py-4 px-8 border-b dark:border-b-slate-800 hover:bg-blue-100 dark:hover-bg-slate-800 cursor-pointer",
-                    onClick: (x) => c(v)
+                    onClick: (x) => f(v)
                   }, [
                     K(p.$slots, "default", { option: v }, () => [
                       Le(Q(v == null ? void 0 : v.label), 1)
@@ -8457,9 +8457,9 @@ function kn(e) {
     const r = n.width, a = r && e.matchPatterns[r] || e.matchPatterns[e.defaultMatchWidth], i = t.match(a);
     if (!i)
       return null;
-    const o = i[0], l = r && e.parsePatterns[r] || e.parsePatterns[e.defaultParseWidth], s = Array.isArray(l) ? gh(l, (f) => f.test(o)) : (
+    const o = i[0], l = r && e.parsePatterns[r] || e.parsePatterns[e.defaultParseWidth], s = Array.isArray(l) ? gh(l, (c) => c.test(o)) : (
       // [TODO] -- I challenge you to fix the type
-      hh(l, (f) => f.test(o))
+      hh(l, (c) => c.test(o))
     );
     let d;
     d = e.valueCallback ? e.valueCallback(s) : s, d = n.valueCallback ? (
@@ -8617,8 +8617,8 @@ function $h(e, t) {
   return Math.round(r / yl) + 1;
 }
 function wl(e, t) {
-  var u, f, c, h;
-  const n = Ze(e, t == null ? void 0 : t.in), r = n.getFullYear(), a = Dr(), i = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((f = (u = t == null ? void 0 : t.locale) == null ? void 0 : u.options) == null ? void 0 : f.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((h = (c = a.locale) == null ? void 0 : c.options) == null ? void 0 : h.firstWeekContainsDate) ?? 1, o = Rt((t == null ? void 0 : t.in) || e, 0);
+  var u, c, f, h;
+  const n = Ze(e, t == null ? void 0 : t.in), r = n.getFullYear(), a = Dr(), i = (t == null ? void 0 : t.firstWeekContainsDate) ?? ((c = (u = t == null ? void 0 : t.locale) == null ? void 0 : u.options) == null ? void 0 : c.firstWeekContainsDate) ?? a.firstWeekContainsDate ?? ((h = (f = a.locale) == null ? void 0 : f.options) == null ? void 0 : h.firstWeekContainsDate) ?? 1, o = Rt((t == null ? void 0 : t.in) || e, 0);
   o.setFullYear(r + 1, 0, i), o.setHours(0, 0, 0, 0);
   const l = Fn(o, t), s = Rt((t == null ? void 0 : t.in) || e, 0);
   s.setFullYear(r, 0, i), s.setHours(0, 0, 0, 0);
@@ -9332,8 +9332,8 @@ function Uh(e, t, n) {
 }
 const zh = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, Yh = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, Xh = /^'([^]*?)'?$/, Qh = /''/g, Gh = /[a-zA-Z]/;
 function Kh(e, t, n) {
-  var u, f, c, h;
-  const r = Dr(), a = r.locale ?? Ih, i = r.firstWeekContainsDate ?? ((f = (u = r.locale) == null ? void 0 : u.options) == null ? void 0 : f.firstWeekContainsDate) ?? 1, o = r.weekStartsOn ?? ((h = (c = r.locale) == null ? void 0 : c.options) == null ? void 0 : h.weekStartsOn) ?? 0, l = Ze(e, n == null ? void 0 : n.in);
+  var u, c, f, h;
+  const r = Dr(), a = r.locale ?? Ih, i = r.firstWeekContainsDate ?? ((c = (u = r.locale) == null ? void 0 : u.options) == null ? void 0 : c.firstWeekContainsDate) ?? 1, o = r.weekStartsOn ?? ((h = (f = r.locale) == null ? void 0 : f.options) == null ? void 0 : h.weekStartsOn) ?? 0, l = Ze(e, n == null ? void 0 : n.in);
   if (!Jm(l))
     throw new RangeError("Invalid time value");
   let s = t.match(Yh).map((m) => {
@@ -9392,8 +9392,8 @@ function Zh(e, t) {
       a = `${l < 0 ? "+" : "-"}${m}:${p}`;
     } else
       a = "Z";
-    const s = se(n.getHours(), 2), d = se(n.getMinutes(), 2), u = se(n.getSeconds(), 2), f = r === "" ? "" : "T", c = [s, d, u].join(o);
-    r = `${r}${f}${c}${a}`;
+    const s = se(n.getHours(), 2), d = se(n.getMinutes(), 2), u = se(n.getSeconds(), 2), c = r === "" ? "" : "T", f = [s, d, u].join(o);
+    r = `${r}${c}${f}${a}`;
   }
   return r;
 }
@@ -9417,38 +9417,38 @@ const eg = ["autofocus", "required", "disabled"], tg = /* @__PURE__ */ R({
   emits: /* @__PURE__ */ ke(["isoValue", "update:modelValue"], ["update:errors"]),
   setup(e, { expose: t, emit: n }) {
     const r = e, a = n, i = xe(e, "errors"), o = P({
-      set: (f) => {
+      set: (c) => {
         if (!r.disabled) {
           i.value = [];
-          const c = f.split("-");
-          if (c.length !== 3 || Number(c[0]) < 1e3) {
+          const f = c.split("-");
+          if (f.length !== 3 || Number(f[0]) < 1e3) {
             i.value = ["Invalid date format."], d.value = "", a("update:modelValue", "");
             return;
           }
           const h = /* @__PURE__ */ new Date();
-          h.setDate(Number(c[2])), h.setMonth(Number(c[1])), h.setFullYear(Number(c[0])), d.value = `${c[0]}-${c[1]}-${c[2]}`, a("isoValue", Zh(h)), a("update:modelValue", f);
+          h.setDate(Number(f[2])), h.setMonth(Number(f[1])), h.setFullYear(Number(f[0])), d.value = `${f[0]}-${f[1]}-${f[2]}`, a("isoValue", Zh(h)), a("update:modelValue", c);
         }
       },
       get: () => r.modelValue
     }), l = E(), s = () => {
       r.disabled || (l.value.focus(), l.value.showPicker());
     }, d = E();
-    re(o, (f) => {
-      const c = f.split("-");
-      if (c.length !== 3 || Number(c[0]) < 1e3) {
+    re(o, (c) => {
+      const f = c.split("-");
+      if (f.length !== 3 || Number(f[0]) < 1e3) {
         i.value = ["Invalid date format."], d.value = "", a("update:modelValue", "");
         return;
       }
       const h = /* @__PURE__ */ new Date();
-      h.setDate(Number(c[2])), h.setMonth(Number(c[1])), h.setFullYear(Number(c[0])), d.value = `${c[0]}-${c[1]}-${c[2]}`;
-    }), re(d, (f) => {
-      f ? o.value = Kh(new Date(f), "yyyy-MM-dd") : a("update:modelValue", ""), l.value.blur();
+      h.setDate(Number(f[2])), h.setMonth(Number(f[1])), h.setFullYear(Number(f[0])), d.value = `${f[0]}-${f[1]}-${f[2]}`;
+    }), re(d, (c) => {
+      c ? o.value = Kh(new Date(c), "yyyy-MM-dd") : a("update:modelValue", ""), l.value.blur();
     });
     const u = E();
     return t({
       inputRef: u,
       dateRef: l
-    }), (f, c) => {
+    }), (c, f) => {
       const h = $e("base-icon"), m = Yo("input-mask");
       return S(), N(oe(Ue), {
         label: r.label,
@@ -9462,10 +9462,10 @@ const eg = ["autofocus", "required", "disabled"], tg = /* @__PURE__ */ R({
           nt(C("input", {
             ref_key: "dateRef",
             ref: l,
-            "onUpdate:modelValue": c[0] || (c[0] = (p) => d.value = p),
+            "onUpdate:modelValue": f[0] || (f[0] = (p) => d.value = p),
             type: "date",
             class: H(["form-input absolute! -z-50 text-transparent bg-transparent", {
-              "pl-0!": f.border === "simple" || f.border === "none"
+              "pl-0!": c.border === "simple" || c.border === "none"
             }])
           }, null, 2), [
             [ln, d.value]
@@ -9474,9 +9474,9 @@ const eg = ["autofocus", "required", "disabled"], tg = /* @__PURE__ */ R({
             variant: "text",
             type: "button",
             class: H(["absolute left-0 px-0! py-2", {
-              "px-2!": f.border === "full"
+              "px-2!": c.border === "full"
             }]),
-            onClick: c[1] || (c[1] = (p) => s())
+            onClick: f[1] || (f[1] = (p) => s())
           }, {
             default: F(() => [
               X(h, { icon: "i-far-calendar" })
@@ -9486,12 +9486,12 @@ const eg = ["autofocus", "required", "disabled"], tg = /* @__PURE__ */ R({
           nt(C("input", {
             ref_key: "inputRef",
             ref: u,
-            "onUpdate:modelValue": c[2] || (c[2] = (p) => o.value = p),
+            "onUpdate:modelValue": f[2] || (f[2] = (p) => o.value = p),
             type: "text",
             class: H(["form-input bg-inherit", {
-              "border-simple pl-6!": f.border === "simple",
-              "border-full pl-8!": f.border === "full",
-              "border-none pl-6!": f.border === "none"
+              "border-simple pl-6!": c.border === "simple",
+              "border-full pl-8!": c.border === "full",
+              "border-none pl-6!": c.border === "none"
             }]),
             placeholder: "YYYY-MM-DD",
             autofocus: r.autofocus,
@@ -9556,7 +9556,7 @@ const eg = ["autofocus", "required", "disabled"], tg = /* @__PURE__ */ R({
               "border-full": d.border === "full",
               "border-none": d.border === "none"
             }]),
-            onChange: u[0] || (u[0] = (f) => i(f)),
+            onChange: u[0] || (u[0] = (c) => i(c)),
             type: "file",
             multiple: d.multiple,
             autofocus: r.autofocus,
@@ -9568,7 +9568,7 @@ const eg = ["autofocus", "required", "disabled"], tg = /* @__PURE__ */ R({
           ref_key: "fileRef",
           ref: o,
           class: "hidden",
-          onChange: u[1] || (u[1] = (f) => i(f)),
+          onChange: u[1] || (u[1] = (c) => i(c)),
           type: "file",
           multiple: d.multiple,
           required: r.required,
@@ -9594,8 +9594,8 @@ const eg = ["autofocus", "required", "disabled"], tg = /* @__PURE__ */ R({
     required: { type: Boolean, default: !1 },
     readonly: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
-    helpers: {},
-    errors: {}
+    resetErrorsOnUpdate: { type: Boolean, default: !0 },
+    helpers: {}
   }, {
     errors: {},
     errorsModifiers: {}
@@ -9603,40 +9603,42 @@ const eg = ["autofocus", "required", "disabled"], tg = /* @__PURE__ */ R({
   emits: /* @__PURE__ */ ke(["update:modelValue"], ["update:errors"]),
   setup(e, { expose: t, emit: n }) {
     const r = e, a = n, i = P({
-      set: (c) => {
-        var h;
-        a("update:modelValue", c), (h = f.value) != null && h.length && (f.value = []);
+      set: (h) => {
+        var m;
+        a("update:modelValue", h), r.resetErrorsOnUpdate === !0 && ((m = c.value) != null && m.length) && (c.value = []);
       },
       get: () => r.modelValue
-    }), o = E(), l = E(), s = E(0), d = E(0);
+    }), o = E(), l = E(), s = E(), d = E(0), u = E(0), c = xe(e, "errors");
     te(() => {
-      var c, h, m, p, g, b;
-      (r.border === "full" || (c = o.value) != null && c.clientWidth) && (s.value = ((h = o.value) == null ? void 0 : h.clientWidth) === 0 ? 10 : (m = o.value) == null ? void 0 : m.clientWidth), (r.border === "full" || (p = l.value) != null && p.clientWidth) && (d.value = ((g = l.value) == null ? void 0 : g.clientWidth) === 0 ? 10 : (b = l.value) == null ? void 0 : b.clientWidth), setTimeout(() => {
-        var y, w, v, A, x, O;
-        (r.border === "full" || (y = o.value) != null && y.clientWidth) && (s.value = ((w = o.value) == null ? void 0 : w.clientWidth) === 0 ? 10 : (v = o.value) == null ? void 0 : v.clientWidth), (r.border === "full" || (A = l.value) != null && A.clientWidth) && (d.value = ((x = l.value) == null ? void 0 : x.clientWidth) === 0 ? 10 : (O = l.value) == null ? void 0 : O.clientWidth);
-      }, 1e3);
+      f();
     });
-    const u = E(), f = xe(e, "errors");
+    const f = () => {
+      var m, p, g, b, y, w;
+      (r.border === "full" || (m = l.value) != null && m.clientWidth) && (d.value = ((p = l.value) == null ? void 0 : p.clientWidth) === 0 ? 10 : (g = l.value) == null ? void 0 : g.clientWidth), (r.border === "full" || (b = s.value) != null && b.clientWidth) && (u.value = ((y = s.value) == null ? void 0 : y.clientWidth) === 0 ? 10 : (w = s.value) == null ? void 0 : w.clientWidth), setTimeout(() => {
+        var v, A, x, k, O, $;
+        (r.border === "full" || (v = l.value) != null && v.clientWidth) && (d.value = ((A = l.value) == null ? void 0 : A.clientWidth) === 0 ? 10 : (x = l.value) == null ? void 0 : x.clientWidth), (r.border === "full" || (k = s.value) != null && k.clientWidth) && (u.value = ((O = s.value) == null ? void 0 : O.clientWidth) === 0 ? 10 : ($ = s.value) == null ? void 0 : $.clientWidth);
+      }, 1e3);
+    };
     return t({
-      inputRef: u
-    }), (c, h) => (S(), N(oe(Ue), {
+      inputRef: o
+    }), (h, m) => (S(), N(oe(Ue), {
       label: r.label,
       layout: r.layout,
       description: r.description,
       required: r.required,
       helpers: r.helpers,
-      errors: f.value
+      errors: c.value
     }, {
       default: F(() => [
         nt(C("input", {
           ref_key: "inputRef",
-          ref: u,
+          ref: o,
           class: H(["form-input", {
-            "border-simple": c.border === "simple",
-            "border-full": c.border === "full",
-            "border-none": c.border === "none"
+            "border-simple": h.border === "simple",
+            "border-full": h.border === "full",
+            "border-none": h.border === "none"
           }]),
-          "onUpdate:modelValue": h[0] || (h[0] = (m) => i.value = m),
+          "onUpdate:modelValue": m[0] || (m[0] = (p) => i.value = p),
           type: r.type,
           maxlength: r.maxlength,
           placeholder: r.placeholder,
@@ -9645,8 +9647,8 @@ const eg = ["autofocus", "required", "disabled"], tg = /* @__PURE__ */ R({
           readonly: r.readonly,
           disabled: r.disabled,
           style: wt({
-            paddingLeft: `${s.value}px`,
-            paddingRight: `${d.value}px`
+            paddingLeft: `${d.value}px`,
+            paddingRight: `${u.value}px`
           })
         }, null, 14, lg), [
           [
@@ -9658,23 +9660,23 @@ const eg = ["autofocus", "required", "disabled"], tg = /* @__PURE__ */ R({
         ]),
         C("div", {
           ref_key: "suffixRef",
-          ref: l,
+          ref: s,
           class: "absolute right-0 h-full flex items-center justify-center text-slate-400 dark:text-slate-300"
         }, [
-          K(c.$slots, "suffix", {}, void 0, !0)
+          K(h.$slots, "suffix", {}, void 0, !0)
         ], 512),
         C("div", {
           ref_key: "prefixRef",
-          ref: o,
+          ref: l,
           class: "absolute h-full flex items-center justify-center text-slate-400 dark:text-slate-300"
         }, [
-          K(c.$slots, "prefix", {}, void 0, !0)
+          K(h.$slots, "prefix", {}, void 0, !0)
         ], 512)
       ]),
       _: 3
     }, 8, ["label", "layout", "description", "required", "helpers", "errors"]));
   }
-}), ug = /* @__PURE__ */ le(sg, [["__scopeId", "data-v-a24f5f17"]]), dg = ["placeholder", "autofocus", "required", "disabled"], cg = /* @__PURE__ */ R({
+}), ug = /* @__PURE__ */ le(sg, [["__scopeId", "data-v-566d5cfc"]]), dg = ["placeholder", "autofocus", "required", "disabled"], cg = /* @__PURE__ */ R({
   __name: "base-input-mask",
   props: /* @__PURE__ */ ke({
     modelValue: { type: [String, Number, Boolean, null] },
@@ -9723,7 +9725,7 @@ const eg = ["autofocus", "required", "disabled"], tg = /* @__PURE__ */ R({
               "border-full": s.border === "full",
               "border-none px-0!": s.border === "none"
             }]),
-            "onUpdate:modelValue": d[0] || (d[0] = (f) => i.value = f),
+            "onUpdate:modelValue": d[0] || (d[0] = (c) => i.value = c),
             placeholder: r.placeholder,
             autofocus: r.autofocus,
             required: r.required,
@@ -9813,8 +9815,8 @@ Sl.prototype = {
     }), this.getFixedDateString(n);
   },
   getFixedDateString: function(e) {
-    var t = this, n = t.datePattern, r = [], a = 0, i = 0, o = 0, l = 0, s = 0, d = 0, u, f, c, 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), f = parseInt(e.slice(s, s + 2), 10), r = this.getFixedDate(u, f, 0)), e.length === 8 && (n.forEach(function(p, g) {
+    var t = this, n = t.datePattern, r = [], a = 0, i = 0, o = 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(p, g) {
       switch (p) {
         case "d":
           a = g;
@@ -9826,7 +9828,7 @@ Sl.prototype = {
           o = g;
           break;
       }
-    }), d = o * 2, l = a <= o ? a * 2 : a * 2 + 2, s = i <= o ? i * 2 : i * 2 + 2, u = parseInt(e.slice(l, l + 2), 10), f = parseInt(e.slice(s, s + 2), 10), c = parseInt(e.slice(d, d + 4), 10), h = e.slice(d, d + 4).length === 4, r = this.getFixedDate(u, f, c)), e.length === 4 && (n[0] === "y" || n[1] === "y") && (s = n[0] === "m" ? 0 : 2, d = 2 - s, f = parseInt(e.slice(s, s + 2), 10), c = parseInt(e.slice(d, d + 2), 10), h = e.slice(d, d + 2).length === 2, r = [0, f, c]), e.length === 6 && (n[0] === "Y" || n[1] === "Y") && (s = n[0] === "m" ? 0 : 4, d = 2 - 0.5 * s, f = parseInt(e.slice(s, s + 2), 10), c = parseInt(e.slice(d, d + 4), 10), h = e.slice(d, d + 4).length === 4, r = [0, f, c]), r = t.getRangeFixedDate(r), t.date = r;
+    }), d = o * 2, l = a <= o ? a * 2 : a * 2 + 2, s = i <= o ? i * 2 : i * 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 m = r.length === 0 ? e : n.reduce(function(p, g) {
       switch (g) {
         case "d":
@@ -9913,7 +9915,7 @@ Ol.prototype = {
     }), this.getFixedTimeString(n);
   },
   getFixedTimeString: function(e) {
-    var t = this, n = t.timePattern, r = [], a = 0, i = 0, o = 0, l = 0, s = 0, d = 0, u, f, c;
+    var t = this, n = t.timePattern, r = [], a = 0, i = 0, o = 0, l = 0, s = 0, d = 0, u, c, f;
     return e.length === 6 && (n.forEach(function(h, m) {
       switch (h) {
         case "s":
@@ -9926,7 +9928,7 @@ Ol.prototype = {
           o = m * 2;
           break;
       }
-    }), d = o, s = i, l = a, u = parseInt(e.slice(l, l + 2), 10), f = parseInt(e.slice(s, s + 2), 10), c = parseInt(e.slice(d, d + 2), 10), r = this.getFixedTime(c, f, u)), e.length === 4 && t.timePattern.indexOf("s") < 0 && (n.forEach(function(h, m) {
+    }), d = o, s = i, l = a, u = parseInt(e.slice(l, l + 2), 10), c = parseInt(e.slice(s, s + 2), 10), f = parseInt(e.slice(d, d + 2), 10), r = this.getFixedTime(f, c, u)), e.length === 4 && t.timePattern.indexOf("s") < 0 && (n.forEach(function(h, m) {
       switch (h) {
         case "m":
           i = m * 2;
@@ -9935,7 +9937,7 @@ Ol.prototype = {
           o = m * 2;
           break;
       }
-    }), d = o, s = i, u = 0, f = parseInt(e.slice(s, s + 2), 10), c = parseInt(e.slice(d, d + 2), 10), r = this.getFixedTime(c, f, u)), t.time = r, r.length === 0 ? e : n.reduce(function(h, m) {
+    }), d = o, s = i, u = 0, c = parseInt(e.slice(s, s + 2), 10), f = parseInt(e.slice(d, d + 2), 10), r = this.getFixedTime(f, c, u)), t.time = r, r.length === 0 ? e : n.reduce(function(h, m) {
       switch (m) {
         case "s":
           return h + t.addLeadingZero(r[2]);
@@ -10112,8 +10114,8 @@ var hg = kl, ma = {
     var o = "", l = a.length > 0, s = "";
     return n === 0 ? e : (t.forEach(function(d, u) {
       if (e.length > 0) {
-        var f = e.slice(0, d), c = e.slice(d);
-        l ? s = a[i ? u - 1 : u] || s : s = r, i ? (u > 0 && (o += s), o += f) : (o += f, f.length === d && u < n - 1 && (o += s)), e = c;
+        var c = e.slice(0, d), f = e.slice(d);
+        l ? s = a[i ? u - 1 : u] || s : s = r, i ? (u > 0 && (o += s), o += c) : (o += c, c.length === d && u < n - 1 && (o += s)), e = f;
       }
     }), o);
   },
@@ -10367,6 +10369,7 @@ const xg = ["placeholder", "autofocus", "required", "disabled"], Sg = /* @__PURE
     autofocus: { type: Boolean, default: !1 },
     required: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
+    resetErrorsOnUpdate: { type: Boolean, default: !0 },
     helpers: {}
   }, {
     modelValue: {},
@@ -10387,19 +10390,19 @@ const xg = ["placeholder", "autofocus", "required", "disabled"], Sg = /* @__PURE
         numeralDecimalScale: r.decimalLength,
         onValueChanged: m
       }), (r.border === "full" || (g = l.value) != null && g.clientWidth) && (d.value = ((b = l.value) == null ? void 0 : b.clientWidth) === 0 ? 10 : (y = l.value) == null ? void 0 : y.clientWidth), (r.border === "full" || (w = s.value) != null && w.clientWidth) && (u.value = ((v = s.value) == null ? void 0 : v.clientWidth) === 0 ? 10 : (A = s.value) == null ? void 0 : A.clientWidth), setTimeout(() => {
-        var x, O, k, $, B, I;
-        (r.border === "full" || (x = l.value) != null && x.clientWidth) && (d.value = ((O = l.value) == null ? void 0 : O.clientWidth) === 0 ? 10 : (k = l.value) == null ? void 0 : k.clientWidth), (r.border === "full" || ($ = s.value) != null && $.clientWidth) && (u.value = ((B = s.value) == null ? void 0 : B.clientWidth) === 0 ? 10 : (I = s.value) == null ? void 0 : I.clientWidth);
+        var x, k, O, $, B, I;
+        (r.border === "full" || (x = l.value) != null && x.clientWidth) && (d.value = ((k = l.value) == null ? void 0 : k.clientWidth) === 0 ? 10 : (O = l.value) == null ? void 0 : O.clientWidth), (r.border === "full" || ($ = s.value) != null && $.clientWidth) && (u.value = ((B = s.value) == null ? void 0 : B.clientWidth) === 0 ? 10 : (I = s.value) == null ? void 0 : I.clientWidth);
       }, 1e3);
     });
-    const f = xe(e, "modelValue"), c = xe(e, "errors"), h = n, m = (g) => {
+    const c = xe(e, "modelValue"), f = xe(e, "errors"), h = n, m = (g) => {
       var b;
-      h("update:modelValue", Number(g.target.rawValue)), (b = c.value) != null && b.length && (c.value = []);
+      h("update:modelValue", Number(g.target.rawValue)), r.resetErrorsOnUpdate === !0 && ((b = f.value) != null && b.length) && (f.value = []);
     }, p = P({
       set: () => {
       },
       get: () => new Intl.NumberFormat("en-US", {
         maximumFractionDigits: r.decimalLength
-      }).format(f.value)
+      }).format(c.value)
     });
     return t({
       inputRef: i
@@ -10409,7 +10412,7 @@ const xg = ["placeholder", "autofocus", "required", "disabled"], Sg = /* @__PURE
       description: r.description,
       required: r.required,
       helpers: r.helpers,
-      errors: c.value
+      errors: f.value
     }, {
       default: F(() => [
         nt(C("input", {
@@ -10452,7 +10455,7 @@ const xg = ["placeholder", "autofocus", "required", "disabled"], Sg = /* @__PURE
       _: 3
     }, 8, ["label", "layout", "description", "required", "helpers", "errors"]));
   }
-}), Og = /* @__PURE__ */ le(Sg, [["__scopeId", "data-v-3550ebc5"]]), kg = { class: "cursor-pointer" }, Cg = { class: "flex items-center justify-between gap-2" }, Eg = {
+}), Og = /* @__PURE__ */ le(Sg, [["__scopeId", "data-v-ed3969cf"]]), kg = { class: "cursor-pointer" }, Cg = { class: "flex items-center justify-between gap-2" }, Eg = {
   key: 0,
   class: "shrink-0 text-white"
 }, Pg = {
@@ -10511,18 +10514,18 @@ const xg = ["placeholder", "autofocus", "required", "disabled"], Sg = /* @__PURE
                   disabled: o.disabled,
                   value: d
                 }, {
-                  default: F(({ active: u, checked: f }) => [
+                  default: F(({ active: u, checked: c }) => [
                     K(o.$slots, "default", {
                       active: u,
-                      checked: f,
+                      checked: c,
                       option: d
                     }, () => [
                       C("div", kg, [
                         C("div", {
-                          class: H([[f ? "bg-primary text-white " : "bg-white text-slate-900"], "border rounded p-2"])
+                          class: H([[c ? "bg-primary text-white " : "bg-white text-slate-900"], "border rounded p-2"])
                         }, [
                           C("div", Cg, [
-                            f ? (S(), T("div", Eg, [
+                            c ? (S(), T("div", Eg, [
                               X(s, { icon: "i-fas-circle-check" })
                             ])) : (S(), T("div", Pg, [
                               X(s, { icon: "i-far-circle" })
@@ -10657,14 +10660,14 @@ const xg = ["placeholder", "autofocus", "required", "disabled"], Sg = /* @__PURE
                 }])
               }, {
                 default: F(() => {
-                  var d, u, f;
+                  var d, u, c;
                   return [
                     (d = i.value) != null && d.label ? (S(), T("span", Fg, Q((u = i.value) == null ? void 0 : u.label), 1)) : (S(), T("span", _g, Q(n.placeholder), 1)),
                     C("span", Vg, [
-                      (f = i.value) != null && f.label ? (S(), T("i", {
+                      (c = i.value) != null && c.label ? (S(), T("i", {
                         key: 1,
                         class: "i-fas-xmark block h-5 w-5 text-gray-400",
-                        onClick: s[0] || (s[0] = (c) => o())
+                        onClick: s[0] || (s[0] = (f) => o())
                       })) : (S(), T("i", Ng))
                     ])
                   ];
@@ -10680,15 +10683,15 @@ const xg = ["placeholder", "autofocus", "required", "disabled"], Sg = /* @__PURE
                         value: d,
                         as: "template"
                       }, {
-                        default: F(({ active: f, selected: c }) => [
+                        default: F(({ active: c, selected: f }) => [
                           C("li", {
                             class: H([
-                              f ? "list-box-option-active" : "list-box-option-inactive",
+                              c ? "list-box-option-active" : "list-box-option-inactive",
                               "list-box-option"
                             ])
                           }, [
                             C("span", {
-                              class: H([c ? "font-extrabold" : "font-normal", "block "])
+                              class: H([f ? "font-extrabold" : "font-normal", "block "])
                             }, Q(d.label), 3)
                           ], 2)
                         ]),
@@ -10799,8 +10802,8 @@ const xg = ["placeholder", "autofocus", "required", "disabled"], Sg = /* @__PURE
   setup(e, { expose: t, emit: n }) {
     const r = e, a = xe(e, "errors"), i = n, o = P({
       set: (u) => {
-        var f;
-        i("update:modelValue", u), (f = a.value) != null && f.length && (a.value = []), d();
+        var c;
+        i("update:modelValue", u), (c = a.value) != null && c.length && (a.value = []), d();
       },
       get: () => r.modelValue
     }), l = E(0), s = E();
@@ -10817,7 +10820,7 @@ const xg = ["placeholder", "autofocus", "required", "disabled"], Sg = /* @__PURE
     };
     return t({
       textareaRef: s
-    }), (u, f) => (S(), N(oe(Ue), {
+    }), (u, c) => (S(), N(oe(Ue), {
       label: r.label,
       layout: r.layout,
       description: r.description,
@@ -10845,7 +10848,7 @@ const xg = ["placeholder", "autofocus", "required", "disabled"], Sg = /* @__PURE
             minHeight: u.minHeight ? u.minHeight + "px" : "inherit",
             maxHeight: u.maxHeight ? u.maxHeight + "px" : "inherit"
           }),
-          "onUpdate:modelValue": f[0] || (f[0] = (c) => o.value = c)
+          "onUpdate:modelValue": c[0] || (c[0] = (f) => o.value = f)
         }, null, 14, Ug), [
           [ln, o.value]
         ])
@@ -11048,11 +11051,11 @@ const iy = ba("websocket", () => {
     }, e.value.onerror = (p) => {
     };
   };
-  function f() {
+  function c() {
     var m;
     (m = e.value) == null || m.close();
   }
-  function c(m) {
+  function f(m) {
     var p;
     (p = e.value) == null || p.send(pm(m));
   }
@@ -11063,9 +11066,9 @@ const iy = ba("websocket", () => {
   return {
     readyState: h,
     socket: e,
-    send: c,
+    send: f,
     open: u,
-    close: f,
+    close: c,
     status: i,
     isOpen: l,
     isClosed: s
@@ -11408,24 +11411,24 @@ const iy = ba("websocket", () => {
     te(() => {
       for (const u of r.value)
         if (o.value === u && (o.value = u.name), u.submenu)
-          for (const f of u.submenu)
-            a.path.includes(f.path) && (o.value = u.name);
+          for (const c of u.submenu)
+            a.path.includes(c.path) && (o.value = u.name);
     });
     const d = (u) => u.substring(0, 8) === "https://" ? "external" : "internal";
-    return (u, f) => {
-      const c = $e("base-icon"), h = $e("router-link");
+    return (u, c) => {
+      const f = $e("base-icon"), h = $e("router-link");
       return S(), T("div", bb, [
         C("div", yb, [
           C("div", Ab, [
             C("p", wb, Q(u.title), 1),
             n.value ? (S(), N(oe(V(De)), {
               key: 0,
-              onClick: f[0] || (f[0] = (m) => V(i).closeSidebar()),
+              onClick: c[0] || (c[0] = (m) => V(i).closeSidebar()),
               class: "mr-2"
             }, {
               default: F(() => [
                 V(i).isSidebarOpen ? (S(), T("div", xb, [
-                  X(c, {
+                  X(f, {
                     icon: "i-fas-angle-left",
                     class: "text-white"
                   })
@@ -11497,7 +11500,7 @@ const iy = ba("websocket", () => {
                     key: 0,
                     to: m.path,
                     class: "menu-link-button",
-                    onClick: f[1] || (f[1] = (p) => s())
+                    onClick: c[1] || (c[1] = (p) => s())
                   }, {
                     default: F(() => [
                       Le(Q(m.name), 1)
@@ -11507,12 +11510,12 @@ const iy = ba("websocket", () => {
                   m.path && d(m.path) === "external" ? (S(), T("a", {
                     key: 1,
                     href: m.path,
-                    onClick: f[2] || (f[2] = (p) => s()),
+                    onClick: c[2] || (c[2] = (p) => s()),
                     target: "_blank",
                     class: "menu-link-button"
                   }, [
                     Le(Q(m.name) + " ", 1),
-                    X(c, { icon: "i-fas-up-right-from-square" })
+                    X(f, { icon: "i-fas-up-right-from-square" })
                   ], 8, Pb)) : q("", !0)
                 ], 64)),
                 m.separator ? (S(), T("div", Tb)) : q("", !0)
@@ -11549,11 +11552,11 @@ const iy = ba("websocket", () => {
       return S(), T("div", Ib, [
         C("div", Mb, [
           C("div", $b, [
-            (S(!0), T(me, null, _e(n.apps, (u, f) => (S(), T(me, null, [
+            (S(!0), T(me, null, _e(n.apps, (u, c) => (S(), T(me, null, [
               a(u.path) === "internal" ? (S(), N(d, {
-                key: `internal-${f}`,
+                key: `internal-${c}`,
                 to: u.path,
-                onClick: (c) => o(u.path),
+                onClick: (f) => o(u.path),
                 class: "sidebar-panel-link"
               }, {
                 default: F(() => [
@@ -11568,7 +11571,7 @@ const iy = ba("websocket", () => {
                 ]),
                 _: 2
               }, 1032, ["to", "onClick"])) : a(u.path) === "external" ? (S(), T("a", {
-                key: `external-${f}`,
+                key: `external-${c}`,
                 href: u.path,
                 class: "sidebar-panel-link"
               }, [
@@ -11601,7 +11604,7 @@ const iy = ba("websocket", () => {
     const n = Br(), r = e, a = t, i = P(() => r.title), o = P(() => r.isMobile), l = P(() => r.isSidebarOpen), s = P(() => r.menus), d = (u) => {
       a("choose", u);
     };
-    return (u, f) => (S(), T(me, null, [
+    return (u, c) => (S(), T(me, null, [
       C("div", zb, [
         (S(), N(oe(Ub), {
           apps: u.apps,
@@ -11616,7 +11619,7 @@ const iy = ba("websocket", () => {
       ]),
       C("div", {
         class: "sidebar-backdrop",
-        onClick: f[0] || (f[0] = (c) => V(n).closeSidebar())
+        onClick: c[0] || (c[0] = (f) => V(n).closeSidebar())
       })
     ], 64));
   }