@hotelinking/ui 1.19.0 → 1.19.2

package/dist/ui.es.js

@@ -1,4 +1,4 @@
-import { openBlock as g, createBlock as le, resolveDynamicComponent as yn, normalizeClass as R, createElementBlock as x, createVNode as S, renderSlot as Ie, ref as w, createElementVNode as c, cloneVNode as xn, h as q, Fragment as Z, inject as ne, provide as ie, onMounted as U, watchEffect as ee, nextTick as oe, computed as y, defineComponent as A, toRaw as H, watch as be, onUnmounted as se, Teleport as wn, reactive as Sn, unref as C, shallowRef as kn, withCtx as Y, createTextVNode as ye, toDisplayString as O, Transition as Ot, renderList as ue, createCommentVNode as W, withDirectives as G, vModelDynamic as $n, vShow as re, withModifiers as ht, vModelText as Cn, resolveComponent as Oe, vModelCheckbox as _n } from "vue";
+import { openBlock as g, createBlock as oe, resolveDynamicComponent as yn, normalizeClass as R, createElementBlock as x, createVNode as S, renderSlot as Ie, ref as w, createElementVNode as c, cloneVNode as xn, h as q, Fragment as Z, inject as ne, provide as ie, onMounted as U, watchEffect as ee, nextTick as le, computed as y, defineComponent as A, toRaw as H, watch as be, onUnmounted as se, Teleport as wn, reactive as Sn, unref as C, shallowRef as kn, withCtx as Y, createTextVNode as ye, toDisplayString as O, Transition as Ot, renderList as ue, createCommentVNode as W, withDirectives as G, vModelDynamic as $n, vShow as re, withModifiers as ht, vModelText as Cn, resolveComponent as Oe, vModelCheckbox as _n } from "vue";
 import V from "dayjs";
 import On from "vue3-apexcharts";
 const Dn = { name: "uiIcon" }, ve = /* @__PURE__ */ Object.assign(Dn, {
@@ -17,7 +17,7 @@ const Dn = { name: "uiIcon" }, ve = /* @__PURE__ */ Object.assign(Dn, {
     color: { type: String, default: "primary" }
   },
   setup(e) {
-    return (t, o) => (g(), le(yn(e.icon), {
+    return (t, l) => (g(), oe(yn(e.icon), {
       class: R({
         "h-4 w-4": e.size === "normal",
         "h-6 w-6": e.size === "big",
@@ -69,7 +69,7 @@ const Dn = { name: "uiIcon" }, ve = /* @__PURE__ */ Object.assign(Dn, {
     }
   },
   setup(e) {
-    return (t, o) => (g(), x("button", {
+    return (t, l) => (g(), x("button", {
       disabled: e.disabled,
       class: R([{
         "bg-indigo-600 hover:bg-indigo-800": e.color === "primary",
@@ -118,13 +118,13 @@ const Dn = { name: "uiIcon" }, ve = /* @__PURE__ */ Object.assign(Dn, {
   },
   emits: ["checkboxChanged"],
   setup(e, { emit: t }) {
-    const o = e, r = w(o.check), n = () => {
-      o.disabled || (r.value = !r.value, t("checkboxChanged", {
+    const l = e, r = w(l.check), n = () => {
+      l.disabled || (r.value = !r.value, t("checkboxChanged", {
         checked: r.value,
-        value: o.value
+        value: l.value
       }));
     };
-    return (l, a) => (g(), x("div", En, [
+    return (o, a) => (g(), x("div", En, [
       c("div", Pn, [
         c("input", {
           checked: e.check,
@@ -137,28 +137,28 @@ const Dn = { name: "uiIcon" }, ve = /* @__PURE__ */ Object.assign(Dn, {
       ]),
       c("div", Rn, [
         c("span", jn, [
-          Ie(l.$slots, "default")
+          Ie(o.$slots, "default")
         ])
       ])
     ]));
   }
 });
-function K(e, t, ...o) {
+function K(e, t, ...l) {
   if (e in t) {
     let n = t[e];
-    return typeof n == "function" ? n(...o) : n;
+    return typeof n == "function" ? n(...l) : n;
   }
   let r = new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(t).map((n) => `"${n}"`).join(", ")}.`);
   throw Error.captureStackTrace && Error.captureStackTrace(r, K), r;
 }
 var me = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(me || {}), xe = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(xe || {});
-function B({ visible: e = !0, features: t = 0, ourProps: o, theirProps: r, ...n }) {
-  var l;
-  let a = Tt(r, o), i = Object.assign(n, { props: a });
+function B({ visible: e = !0, features: t = 0, ourProps: l, theirProps: r, ...n }) {
+  var o;
+  let a = Tt(r, l), i = Object.assign(n, { props: a });
   if (e || t & 2 && a.static)
     return Xe(i);
   if (t & 1) {
-    let s = (l = a.unmount) == null || l ? 0 : 1;
+    let s = (o = a.unmount) == null || o ? 0 : 1;
     return K(s, { [0]() {
       return null;
     }, [1]() {
@@ -167,9 +167,9 @@ function B({ visible: e = !0, features: t = 0, ourProps: o, theirProps: r, ...n
   }
   return Xe(i);
 }
-function Xe({ props: e, attrs: t, slots: o, slot: r, name: n }) {
-  var l, a;
-  let { as: i, ...s } = Ae(e, ["unmount", "static"]), u = (l = o.default) == null ? void 0 : l.call(o, r), d = {};
+function Xe({ props: e, attrs: t, slots: l, slot: r, name: n }) {
+  var o, a;
+  let { as: i, ...s } = Ae(e, ["unmount", "static"]), u = (o = l.default) == null ? void 0 : o.call(l, r), d = {};
   if (r) {
     let m = !1, v = [];
     for (let [p, b] of Object.entries(r))
@@ -201,34 +201,34 @@ function Tt(...e) {
     return {};
   if (e.length === 1)
     return e[0];
-  let t = {}, o = {};
+  let t = {}, l = {};
   for (let r of e)
     for (let n in r)
-      n.startsWith("on") && typeof r[n] == "function" ? (o[n] != null || (o[n] = []), o[n].push(r[n])) : t[n] = r[n];
+      n.startsWith("on") && typeof r[n] == "function" ? (l[n] != null || (l[n] = []), l[n].push(r[n])) : t[n] = r[n];
   if (t.disabled || t["aria-disabled"])
-    return Object.assign(t, Object.fromEntries(Object.keys(o).map((r) => [r, void 0])));
-  for (let r in o)
-    Object.assign(t, { [r](n, ...l) {
-      let a = o[r];
+    return Object.assign(t, Object.fromEntries(Object.keys(l).map((r) => [r, void 0])));
+  for (let r in l)
+    Object.assign(t, { [r](n, ...o) {
+      let a = l[r];
       for (let i of a) {
         if (n instanceof Event && n.defaultPrevented)
           return;
-        i(n, ...l);
+        i(n, ...o);
       }
     } });
   return t;
 }
 function Et(e) {
   let t = Object.assign({}, e);
-  for (let o in t)
-    t[o] === void 0 && delete t[o];
+  for (let l in t)
+    t[l] === void 0 && delete t[l];
   return t;
 }
 function Ae(e, t = []) {
-  let o = Object.assign({}, e);
+  let l = Object.assign({}, e);
   for (let r of t)
-    r in o && delete o[r];
-  return o;
+    r in l && delete l[r];
+  return l;
 }
 function Fn(e) {
   return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
@@ -246,32 +246,32 @@ function Hn(e) {
 }
 var I = ((e) => (e[e.First = 0] = "First", e[e.Previous = 1] = "Previous", e[e.Next = 2] = "Next", e[e.Last = 3] = "Last", e[e.Specific = 4] = "Specific", e[e.Nothing = 5] = "Nothing", e))(I || {});
 function Pt(e, t) {
-  let o = t.resolveItems();
-  if (o.length <= 0)
+  let l = t.resolveItems();
+  if (l.length <= 0)
     return null;
-  let r = t.resolveActiveIndex(), n = r ?? -1, l = (() => {
+  let r = t.resolveActiveIndex(), n = r ?? -1, o = (() => {
     switch (e.focus) {
       case 0:
-        return o.findIndex((a) => !t.resolveDisabled(a));
+        return l.findIndex((a) => !t.resolveDisabled(a));
       case 1: {
-        let a = o.slice().reverse().findIndex((i, s, u) => n !== -1 && u.length - s - 1 >= n ? !1 : !t.resolveDisabled(i));
-        return a === -1 ? a : o.length - 1 - a;
+        let a = l.slice().reverse().findIndex((i, s, u) => n !== -1 && u.length - s - 1 >= n ? !1 : !t.resolveDisabled(i));
+        return a === -1 ? a : l.length - 1 - a;
       }
       case 2:
-        return o.findIndex((a, i) => i <= n ? !1 : !t.resolveDisabled(a));
+        return l.findIndex((a, i) => i <= n ? !1 : !t.resolveDisabled(a));
       case 3: {
-        let a = o.slice().reverse().findIndex((i) => !t.resolveDisabled(i));
-        return a === -1 ? a : o.length - 1 - a;
+        let a = l.slice().reverse().findIndex((i) => !t.resolveDisabled(i));
+        return a === -1 ? a : l.length - 1 - a;
       }
       case 4:
-        return o.findIndex((a) => t.resolveId(a) === e.id);
+        return l.findIndex((a) => t.resolveId(a) === e.id);
       case 5:
         return null;
       default:
         Hn(e);
     }
   })();
-  return l === -1 ? r : l;
+  return o === -1 ? r : o;
 }
 function k(e) {
   var t;
@@ -291,20 +291,20 @@ function st(e) {
 function bt(e, t) {
   if (e)
     return e;
-  let o = t ?? "button";
-  if (typeof o == "string" && o.toLowerCase() === "button")
+  let l = t ?? "button";
+  if (typeof l == "string" && l.toLowerCase() === "button")
     return "button";
 }
 function ut(e, t) {
-  let o = w(bt(e.value.type, e.value.as));
+  let l = w(bt(e.value.type, e.value.as));
   return U(() => {
-    o.value = bt(e.value.type, e.value.as);
+    l.value = bt(e.value.type, e.value.as);
   }), ee(() => {
     var r;
-    o.value || k(t) && k(t) instanceof HTMLButtonElement && !((r = k(t)) != null && r.hasAttribute("type")) && (o.value = "button");
-  }), o;
+    l.value || k(t) && k(t) instanceof HTMLButtonElement && !((r = k(t)) != null && r.hasAttribute("type")) && (l.value = "button");
+  }), l;
 }
-var Yn = Object.defineProperty, Un = (e, t, o) => t in e ? Yn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[t] = o, yt = (e, t, o) => (Un(e, typeof t != "symbol" ? t + "" : t, o), o);
+var Yn = Object.defineProperty, Un = (e, t, l) => t in e ? Yn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[t] = l, yt = (e, t, l) => (Un(e, typeof t != "symbol" ? t + "" : t, l), l);
 let qn = class {
   constructor() {
     yt(this, "current", this.detect()), yt(this, "currentId", 0);
@@ -340,28 +340,28 @@ function Se(e) {
   }
   return document;
 }
-function Rt({ container: e, accept: t, walk: o, enabled: r }) {
+function Rt({ container: e, accept: t, walk: l, enabled: r }) {
   ee(() => {
     let n = e.value;
     if (!n || r !== void 0 && !r.value)
       return;
-    let l = Se(e);
-    if (!l)
+    let o = Se(e);
+    if (!o)
       return;
-    let a = Object.assign((s) => t(s), { acceptNode: t }), i = l.createTreeWalker(n, NodeFilter.SHOW_ELEMENT, a, !1);
+    let a = Object.assign((s) => t(s), { acceptNode: t }), i = o.createTreeWalker(n, NodeFilter.SHOW_ELEMENT, a, !1);
     for (; i.nextNode(); )
-      o(i.currentNode);
+      l(i.currentNode);
   });
 }
 let et = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
 var pe = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e))(pe || {}), jt = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(jt || {}), zn = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(zn || {});
 function It(e = document.body) {
-  return e == null ? [] : Array.from(e.querySelectorAll(et)).sort((t, o) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (o.tabIndex || Number.MAX_SAFE_INTEGER)));
+  return e == null ? [] : Array.from(e.querySelectorAll(et)).sort((t, l) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (l.tabIndex || Number.MAX_SAFE_INTEGER)));
 }
 var dt = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(dt || {});
 function ct(e, t = 0) {
-  var o;
-  return e === ((o = Se(e)) == null ? void 0 : o.body) ? !1 : K(t, { [0]() {
+  var l;
+  return e === ((l = Se(e)) == null ? void 0 : l.body) ? !1 : K(t, { [0]() {
     return e.matches(et);
   }, [1]() {
     let r = e;
@@ -375,7 +375,7 @@ function ct(e, t = 0) {
 }
 function At(e) {
   let t = Se(e);
-  oe(() => {
+  le(() => {
     t && !ct(t.activeElement, 0) && we(e);
   });
 }
@@ -390,24 +390,24 @@ function we(e) {
 }
 let Kn = ["textarea", "input"].join(",");
 function Jn(e) {
-  var t, o;
-  return (o = (t = e == null ? void 0 : e.matches) == null ? void 0 : t.call(e, Kn)) != null ? o : !1;
+  var t, l;
+  return (l = (t = e == null ? void 0 : e.matches) == null ? void 0 : t.call(e, Kn)) != null ? l : !1;
 }
-function ft(e, t = (o) => o) {
-  return e.slice().sort((o, r) => {
-    let n = t(o), l = t(r);
-    if (n === null || l === null)
+function ft(e, t = (l) => l) {
+  return e.slice().sort((l, r) => {
+    let n = t(l), o = t(r);
+    if (n === null || o === null)
       return 0;
-    let a = n.compareDocumentPosition(l);
+    let a = n.compareDocumentPosition(o);
     return a & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : a & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
   });
 }
 function Gn(e, t) {
   return Re(It(), t, { relativeTo: e });
 }
-function Re(e, t, { sorted: o = !0, relativeTo: r = null, skipElements: n = [] } = {}) {
-  var l;
-  let a = (l = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e == null ? void 0 : e.ownerDocument) != null ? l : document, i = Array.isArray(e) ? o ? ft(e) : e : It(e);
+function Re(e, t, { sorted: l = !0, relativeTo: r = null, skipElements: n = [] } = {}) {
+  var o;
+  let a = (o = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e == null ? void 0 : e.ownerDocument) != null ? o : document, i = Array.isArray(e) ? l ? ft(e) : e : It(e);
   n.length > 0 && i.length > 1 && (i = i.filter((b) => !n.includes(b))), r = r ?? a.activeElement;
   let s = (() => {
     if (t & 5)
@@ -442,21 +442,21 @@ function Re(e, t, { sorted: o = !0, relativeTo: r = null, skipElements: n = [] }
   } while (p !== a.activeElement);
   return t & 6 && Jn(p) && p.select(), 2;
 }
-function xt(e, t, o) {
+function xt(e, t, l) {
   Be.isServer || ee((r) => {
-    document.addEventListener(e, t, o), r(() => document.removeEventListener(e, t, o));
+    document.addEventListener(e, t, l), r(() => document.removeEventListener(e, t, l));
   });
 }
-function Ft(e, t, o) {
+function Ft(e, t, l) {
   Be.isServer || ee((r) => {
-    window.addEventListener(e, t, o), r(() => window.removeEventListener(e, t, o));
+    window.addEventListener(e, t, l), r(() => window.removeEventListener(e, t, l));
   });
 }
-function vt(e, t, o = y(() => !0)) {
-  function r(l, a) {
-    if (!o.value || l.defaultPrevented)
+function vt(e, t, l = y(() => !0)) {
+  function r(o, a) {
+    if (!l.value || o.defaultPrevented)
       return;
-    let i = a(l);
+    let i = a(o);
     if (i === null || !i.getRootNode().contains(i))
       return;
     let s = function u(d) {
@@ -466,56 +466,56 @@ function vt(e, t, o = y(() => !0)) {
       if (u === null)
         continue;
       let d = u instanceof HTMLElement ? u : k(u);
-      if (d != null && d.contains(i) || l.composed && l.composedPath().includes(d))
+      if (d != null && d.contains(i) || o.composed && o.composedPath().includes(d))
         return;
     }
-    return !ct(i, dt.Loose) && i.tabIndex !== -1 && l.preventDefault(), t(l, i);
+    return !ct(i, dt.Loose) && i.tabIndex !== -1 && o.preventDefault(), t(o, i);
   }
   let n = w(null);
-  xt("mousedown", (l) => {
+  xt("mousedown", (o) => {
     var a, i;
-    o.value && (n.value = ((i = (a = l.composedPath) == null ? void 0 : a.call(l)) == null ? void 0 : i[0]) || l.target);
-  }, !0), xt("click", (l) => {
-    n.value && (r(l, () => n.value), n.value = null);
-  }, !0), Ft("blur", (l) => r(l, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
+    l.value && (n.value = ((i = (a = o.composedPath) == null ? void 0 : a.call(o)) == null ? void 0 : i[0]) || o.target);
+  }, !0), xt("click", (o) => {
+    n.value && (r(o, () => n.value), n.value = null);
+  }, !0), Ft("blur", (o) => r(o, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
 }
 var De = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(De || {});
-let je = A({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: t, attrs: o }) {
+let je = A({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: t, attrs: l }) {
   return () => {
-    let { features: r, ...n } = e, l = { "aria-hidden": (r & 2) === 2 ? !0 : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(r & 4) === 4 && (r & 2) !== 2 && { display: "none" } } };
-    return B({ ourProps: l, theirProps: n, slot: {}, attrs: o, slots: t, name: "Hidden" });
+    let { features: r, ...n } = e, o = { "aria-hidden": (r & 2) === 2 ? !0 : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(r & 4) === 4 && (r & 2) !== 2 && { display: "none" } } };
+    return B({ ourProps: o, theirProps: n, slot: {}, attrs: l, slots: t, name: "Hidden" });
   };
 } });
-function Bt(e = {}, t = null, o = []) {
+function Bt(e = {}, t = null, l = []) {
   for (let [r, n] of Object.entries(e))
-    Ht(o, Nt(t, r), n);
-  return o;
+    Ht(l, Nt(t, r), n);
+  return l;
 }
 function Nt(e, t) {
   return e ? e + "[" + t + "]" : t;
 }
-function Ht(e, t, o) {
-  if (Array.isArray(o))
-    for (let [r, n] of o.entries())
+function Ht(e, t, l) {
+  if (Array.isArray(l))
+    for (let [r, n] of l.entries())
       Ht(e, Nt(t, r.toString()), n);
   else
-    o instanceof Date ? e.push([t, o.toISOString()]) : typeof o == "boolean" ? e.push([t, o ? "1" : "0"]) : typeof o == "string" ? e.push([t, o]) : typeof o == "number" ? e.push([t, `${o}`]) : o == null ? e.push([t, ""]) : Bt(o, t, e);
+    l instanceof Date ? e.push([t, l.toISOString()]) : typeof l == "boolean" ? e.push([t, l ? "1" : "0"]) : typeof l == "string" ? e.push([t, l]) : typeof l == "number" ? e.push([t, `${l}`]) : l == null ? e.push([t, ""]) : Bt(l, t, e);
 }
 function Xn(e) {
   var t;
-  let o = (t = e == null ? void 0 : e.form) != null ? t : e.closest("form");
-  if (o) {
-    for (let r of o.elements)
+  let l = (t = e == null ? void 0 : e.form) != null ? t : e.closest("form");
+  if (l) {
+    for (let r of l.elements)
       if (r.tagName === "INPUT" && r.type === "submit" || r.tagName === "BUTTON" && r.type === "submit" || r.nodeName === "INPUT" && r.type === "image") {
         r.click();
         return;
       }
   }
 }
-function Vt(e, t, o) {
-  let r = w(o == null ? void 0 : o.value), n = y(() => e.value !== void 0);
-  return [y(() => n.value ? e.value : r.value), function(l) {
-    return n.value || (r.value = l), t == null ? void 0 : t(l);
+function Vt(e, t, l) {
+  let r = w(l == null ? void 0 : l.value), n = y(() => e.value !== void 0);
+  return [y(() => n.value ? e.value : r.value), function(o) {
+    return n.value || (r.value = o), t == null ? void 0 : t(o);
   }];
 }
 function wt(e) {
@@ -524,8 +524,8 @@ function wt(e) {
 function Yt() {
   let e = w([-1, -1]);
   return { wasMoved(t) {
-    let o = wt(t);
-    return e.value[0] === o[0] && e.value[1] === o[1] ? !1 : (e.value = o, !0);
+    let l = wt(t);
+    return e.value[0] === l[0] && e.value[1] === l[1] ? !1 : (e.value = l, !0);
   }, update(t) {
     e.value = wt(t);
   } };
@@ -540,54 +540,54 @@ function Zn() {
   return Ut() || Qn();
 }
 function Ne() {
-  let e = [], t = { addEventListener(o, r, n, l) {
-    return o.addEventListener(r, n, l), t.add(() => o.removeEventListener(r, n, l));
-  }, requestAnimationFrame(...o) {
-    let r = requestAnimationFrame(...o);
+  let e = [], t = { addEventListener(l, r, n, o) {
+    return l.addEventListener(r, n, o), t.add(() => l.removeEventListener(r, n, o));
+  }, requestAnimationFrame(...l) {
+    let r = requestAnimationFrame(...l);
     t.add(() => cancelAnimationFrame(r));
-  }, nextFrame(...o) {
+  }, nextFrame(...l) {
     t.requestAnimationFrame(() => {
-      t.requestAnimationFrame(...o);
+      t.requestAnimationFrame(...l);
     });
-  }, setTimeout(...o) {
-    let r = setTimeout(...o);
+  }, setTimeout(...l) {
+    let r = setTimeout(...l);
     t.add(() => clearTimeout(r));
-  }, style(o, r, n) {
-    let l = o.style.getPropertyValue(r);
-    return Object.assign(o.style, { [r]: n }), this.add(() => {
-      Object.assign(o.style, { [r]: l });
+  }, style(l, r, n) {
+    let o = l.style.getPropertyValue(r);
+    return Object.assign(l.style, { [r]: n }), this.add(() => {
+      Object.assign(l.style, { [r]: o });
     });
-  }, group(o) {
+  }, group(l) {
     let r = Ne();
-    return o(r), this.add(() => r.dispose());
-  }, add(o) {
-    return e.push(o), () => {
-      let r = e.indexOf(o);
+    return l(r), this.add(() => r.dispose());
+  }, add(l) {
+    return e.push(l), () => {
+      let r = e.indexOf(l);
       if (r >= 0)
         for (let n of e.splice(r, 1))
           n();
     };
   }, dispose() {
-    for (let o of e.splice(0))
-      o();
+    for (let l of e.splice(0))
+      l();
   } };
   return t;
 }
-function eo(e, t) {
+function el(e, t) {
   return e === t;
 }
-var to = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(to || {}), no = ((e) => (e[e.Single = 0] = "Single", e[e.Multi = 1] = "Multi", e))(no || {}), oo = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Other = 1] = "Other", e))(oo || {});
+var tl = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(tl || {}), nl = ((e) => (e[e.Single = 0] = "Single", e[e.Multi = 1] = "Multi", e))(nl || {}), ll = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Other = 1] = "Other", e))(ll || {});
 let qt = Symbol("ComboboxContext");
 function Me(e) {
   let t = ne(qt, null);
   if (t === null) {
-    let o = new Error(`<${e} /> is missing a parent <Combobox /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(o, Me), o;
+    let l = new Error(`<${e} /> is missing a parent <Combobox /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(l, Me), l;
   }
   return t;
 }
-let lo = A({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], default: () => eo }, 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 } }, inheritAttrs: !1, setup(e, { slots: t, attrs: o, emit: r }) {
-  let n = w(1), l = w(null), a = w(null), i = w(null), s = w(null), u = w({ static: !1, hold: !1 }), d = w([]), m = w(null), v = w(1), p = w(!1);
+let ol = A({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], default: () => el }, 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 } }, inheritAttrs: !1, setup(e, { slots: t, attrs: l, emit: r }) {
+  let n = w(1), o = w(null), a = w(null), i = w(null), s = w(null), u = w({ static: !1, hold: !1 }), d = w([]), m = w(null), v = w(1), p = w(!1);
   function b(_ = (E) => E) {
     let E = m.value !== null ? d.value[m.value] : null, L = ft(_(d.value.slice()), (j) => k(j.dataRef.domRef)), T = E ? L.indexOf(E) : null;
     return T === -1 && (T = null), { options: L, activeOptionIndex: T };
@@ -598,7 +598,7 @@ let lo = A({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props:
       return (_ == null ? void 0 : _[L]) === (E == null ? void 0 : E[L]);
     }
     return e.by(_, E);
-  }, defaultValue: y(() => e.defaultValue), nullable: f, inputRef: a, labelRef: l, buttonRef: i, optionsRef: s, disabled: y(() => e.disabled), options: d, change(_) {
+  }, defaultValue: y(() => e.defaultValue), nullable: f, inputRef: a, labelRef: o, buttonRef: i, optionsRef: s, disabled: y(() => e.disabled), options: d, change(_) {
     M(_);
   }, activeOptionIndex: y(() => {
     if (p.value && m.value === null && d.value.length > 0) {
@@ -681,23 +681,23 @@ let lo = A({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props:
     }, { immediate: !0 });
   }), () => {
     let { name: _, disabled: E, form: L, ...T } = e, j = { open: n.value === 0, disabled: E, activeIndex: D.activeOptionIndex.value, activeOption: X.value, value: $.value };
-    return q(Z, [..._ != null && $.value != null ? Bt({ [_]: $.value }).map(([N, de]) => q(je, Et({ features: De.Hidden, key: N, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: L, name: N, value: de }))) : [], B({ theirProps: { ...o, ...Ae(T, ["modelValue", "defaultValue", "nullable", "multiple", "onUpdate:modelValue", "by"]) }, ourProps: {}, slot: j, slots: t, attrs: o, name: "Combobox" })]);
+    return q(Z, [..._ != null && $.value != null ? Bt({ [_]: $.value }).map(([N, de]) => q(je, Et({ features: De.Hidden, key: N, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: L, name: N, value: de }))) : [], B({ theirProps: { ...l, ...Ae(T, ["modelValue", "defaultValue", "nullable", "multiple", "onUpdate:modelValue", "by"]) }, ourProps: {}, slot: j, slots: t, attrs: l, name: "Combobox" })]);
   };
-} }), ro = A({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: () => `headlessui-combobox-label-${te()}` } }, setup(e, { attrs: t, slots: o }) {
+} }), rl = A({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: () => `headlessui-combobox-label-${te()}` } }, setup(e, { attrs: t, slots: l }) {
   let r = Me("ComboboxLabel");
   function n() {
-    var l;
-    (l = k(r.inputRef)) == null || l.focus({ preventScroll: !0 });
+    var o;
+    (o = k(r.inputRef)) == null || o.focus({ preventScroll: !0 });
   }
   return () => {
-    let l = { open: r.comboboxState.value === 0, disabled: r.disabled.value }, { id: a, ...i } = e, s = { id: a, ref: r.labelRef, onClick: n };
-    return B({ ourProps: s, theirProps: i, slot: l, attrs: t, slots: o, name: "ComboboxLabel" });
+    let o = { open: r.comboboxState.value === 0, disabled: r.disabled.value }, { id: a, ...i } = e, s = { id: a, ref: r.labelRef, onClick: n };
+    return B({ ourProps: s, theirProps: i, slot: o, attrs: t, slots: l, name: "ComboboxLabel" });
   };
-} }), ao = A({ name: "ComboboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-combobox-button-${te()}` } }, setup(e, { attrs: t, slots: o, expose: r }) {
+} }), al = A({ name: "ComboboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-combobox-button-${te()}` } }, setup(e, { attrs: t, slots: l, expose: r }) {
   let n = Me("ComboboxButton");
   r({ el: n.buttonRef, $el: n.buttonRef });
-  function l(s) {
-    n.disabled.value || (n.comboboxState.value === 0 ? n.closeCombobox() : (s.preventDefault(), n.openCombobox()), oe(() => {
+  function o(s) {
+    n.disabled.value || (n.comboboxState.value === 0 ? n.closeCombobox() : (s.preventDefault(), n.openCombobox()), le(() => {
       var u;
       return (u = k(n.inputRef)) == null ? void 0 : u.focus({ preventScroll: !0 });
     }));
@@ -705,15 +705,15 @@ let lo = A({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props:
   function a(s) {
     switch (s.key) {
       case P.ArrowDown:
-        s.preventDefault(), s.stopPropagation(), n.comboboxState.value === 1 && n.openCombobox(), oe(() => {
+        s.preventDefault(), s.stopPropagation(), n.comboboxState.value === 1 && n.openCombobox(), le(() => {
           var u;
           return (u = n.inputRef.value) == null ? void 0 : u.focus({ preventScroll: !0 });
         });
         return;
       case P.ArrowUp:
-        s.preventDefault(), s.stopPropagation(), n.comboboxState.value === 1 && (n.openCombobox(), oe(() => {
+        s.preventDefault(), s.stopPropagation(), n.comboboxState.value === 1 && (n.openCombobox(), le(() => {
           n.value.value || n.goToOption(I.Last);
-        })), oe(() => {
+        })), le(() => {
           var u;
           return (u = n.inputRef.value) == null ? void 0 : u.focus({ preventScroll: !0 });
         });
@@ -721,7 +721,7 @@ let lo = A({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props:
       case P.Escape:
         if (n.comboboxState.value !== 0)
           return;
-        s.preventDefault(), n.optionsRef.value && !n.optionsPropsRef.value.static && s.stopPropagation(), n.closeCombobox(), oe(() => {
+        s.preventDefault(), n.optionsRef.value && !n.optionsPropsRef.value.static && s.stopPropagation(), n.closeCombobox(), le(() => {
           var u;
           return (u = n.inputRef.value) == null ? void 0 : u.focus({ preventScroll: !0 });
         });
@@ -731,26 +731,26 @@ let lo = A({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props:
   let i = ut(y(() => ({ as: e.as, type: t.type })), n.buttonRef);
   return () => {
     var s, u;
-    let d = { open: n.comboboxState.value === 0, disabled: n.disabled.value, value: n.value.value }, { id: m, ...v } = e, p = { ref: n.buttonRef, id: m, type: i.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (s = k(n.optionsRef)) == null ? void 0 : s.id, "aria-expanded": n.disabled.value ? void 0 : n.comboboxState.value === 0, "aria-labelledby": n.labelRef.value ? [(u = k(n.labelRef)) == null ? void 0 : u.id, m].join(" ") : void 0, disabled: n.disabled.value === !0 ? !0 : void 0, onKeydown: a, onClick: l };
-    return B({ ourProps: p, theirProps: v, slot: d, attrs: t, slots: o, name: "ComboboxButton" });
+    let d = { open: n.comboboxState.value === 0, disabled: n.disabled.value, value: n.value.value }, { id: m, ...v } = e, p = { ref: n.buttonRef, id: m, type: i.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (s = k(n.optionsRef)) == null ? void 0 : s.id, "aria-expanded": n.disabled.value ? void 0 : n.comboboxState.value === 0, "aria-labelledby": n.labelRef.value ? [(u = k(n.labelRef)) == null ? void 0 : u.id, m].join(" ") : void 0, disabled: n.disabled.value === !0 ? !0 : void 0, onKeydown: a, onClick: o };
+    return B({ ourProps: p, theirProps: v, slot: d, attrs: t, slots: l, name: "ComboboxButton" });
   };
-} }), io = A({ 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: () => `headlessui-combobox-input-${te()}` } }, emits: { change: (e) => !0 }, setup(e, { emit: t, attrs: o, slots: r, expose: n }) {
-  let l = Me("ComboboxInput"), a = { value: !1 };
-  n({ el: l.inputRef, $el: l.inputRef });
+} }), il = A({ 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: () => `headlessui-combobox-input-${te()}` } }, emits: { change: (e) => !0 }, setup(e, { emit: t, attrs: l, slots: r, expose: n }) {
+  let o = Me("ComboboxInput"), a = { value: !1 };
+  n({ el: o.inputRef, $el: o.inputRef });
   let i = y(() => {
     var f;
-    let $ = l.value.value;
-    return k(l.inputRef) ? typeof e.displayValue < "u" && $ !== void 0 ? (f = e.displayValue($)) != null ? f : "" : typeof $ == "string" ? $ : "" : "";
+    let $ = o.value.value;
+    return k(o.inputRef) ? typeof e.displayValue < "u" && $ !== void 0 ? (f = e.displayValue($)) != null ? f : "" : typeof $ == "string" ? $ : "" : "";
   });
   U(() => {
-    be([i, l.comboboxState], ([f, $], [M, D]) => {
+    be([i, o.comboboxState], ([f, $], [M, D]) => {
       if (a.value)
         return;
-      let X = k(l.inputRef);
+      let X = k(o.inputRef);
       X && (D === 0 && $ === 1 || f !== M) && (X.value = f);
-    }, { immediate: !0 }), be([l.comboboxState], ([f], [$]) => {
+    }, { immediate: !0 }), be([o.comboboxState], ([f], [$]) => {
       if (f === 0 && $ === 1) {
-        let M = k(l.inputRef);
+        let M = k(o.inputRef);
         if (!M)
           return;
         let D = M.value, { selectionStart: X, selectionEnd: Q, selectionDirection: _ } = M;
@@ -764,62 +764,62 @@ let lo = A({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props:
   }
   function m() {
     Ne().nextFrame(() => {
-      s.value = !1, u.value && (l.openCombobox(), t("change", u.value), u.value = null);
+      s.value = !1, u.value && (o.openCombobox(), t("change", u.value), u.value = null);
     });
   }
   function v(f) {
     switch (a.value = !0, f.key) {
       case P.Backspace:
       case P.Delete:
-        if (l.mode.value !== 0 || !l.nullable.value)
+        if (o.mode.value !== 0 || !o.nullable.value)
           return;
         let $ = f.currentTarget;
         requestAnimationFrame(() => {
           if ($.value === "") {
-            l.change(null);
-            let M = k(l.optionsRef);
-            M && (M.scrollTop = 0), l.goToOption(I.Nothing);
+            o.change(null);
+            let M = k(o.optionsRef);
+            M && (M.scrollTop = 0), o.goToOption(I.Nothing);
           }
         });
         break;
       case P.Enter:
-        if (a.value = !1, l.comboboxState.value !== 0 || s.value)
+        if (a.value = !1, o.comboboxState.value !== 0 || s.value)
           return;
-        if (f.preventDefault(), f.stopPropagation(), l.activeOptionIndex.value === null) {
-          l.closeCombobox();
+        if (f.preventDefault(), f.stopPropagation(), o.activeOptionIndex.value === null) {
+          o.closeCombobox();
           return;
         }
-        l.selectActiveOption(), l.mode.value === 0 && l.closeCombobox();
+        o.selectActiveOption(), o.mode.value === 0 && o.closeCombobox();
         break;
       case P.ArrowDown:
-        return a.value = !1, f.preventDefault(), f.stopPropagation(), K(l.comboboxState.value, { [0]: () => l.goToOption(I.Next), [1]: () => l.openCombobox() });
+        return a.value = !1, f.preventDefault(), f.stopPropagation(), K(o.comboboxState.value, { [0]: () => o.goToOption(I.Next), [1]: () => o.openCombobox() });
       case P.ArrowUp:
-        return a.value = !1, f.preventDefault(), f.stopPropagation(), K(l.comboboxState.value, { [0]: () => l.goToOption(I.Previous), [1]: () => {
-          l.openCombobox(), oe(() => {
-            l.value.value || l.goToOption(I.Last);
+        return a.value = !1, f.preventDefault(), f.stopPropagation(), K(o.comboboxState.value, { [0]: () => o.goToOption(I.Previous), [1]: () => {
+          o.openCombobox(), le(() => {
+            o.value.value || o.goToOption(I.Last);
           });
         } });
       case P.Home:
         if (f.shiftKey)
           break;
-        return a.value = !1, f.preventDefault(), f.stopPropagation(), l.goToOption(I.First);
+        return a.value = !1, f.preventDefault(), f.stopPropagation(), o.goToOption(I.First);
       case P.PageUp:
-        return a.value = !1, f.preventDefault(), f.stopPropagation(), l.goToOption(I.First);
+        return a.value = !1, f.preventDefault(), f.stopPropagation(), o.goToOption(I.First);
       case P.End:
         if (f.shiftKey)
           break;
-        return a.value = !1, f.preventDefault(), f.stopPropagation(), l.goToOption(I.Last);
+        return a.value = !1, f.preventDefault(), f.stopPropagation(), o.goToOption(I.Last);
       case P.PageDown:
-        return a.value = !1, f.preventDefault(), f.stopPropagation(), l.goToOption(I.Last);
+        return a.value = !1, f.preventDefault(), f.stopPropagation(), o.goToOption(I.Last);
       case P.Escape:
-        if (a.value = !1, l.comboboxState.value !== 0)
+        if (a.value = !1, o.comboboxState.value !== 0)
           return;
-        f.preventDefault(), l.optionsRef.value && !l.optionsPropsRef.value.static && f.stopPropagation(), l.closeCombobox();
+        f.preventDefault(), o.optionsRef.value && !o.optionsPropsRef.value.static && f.stopPropagation(), o.closeCombobox();
         break;
       case P.Tab:
-        if (a.value = !1, l.comboboxState.value !== 0)
+        if (a.value = !1, o.comboboxState.value !== 0)
           return;
-        l.mode.value === 0 && l.selectActiveOption(), l.closeCombobox();
+        o.mode.value === 0 && o.selectActiveOption(), o.closeCombobox();
         break;
     }
   }
@@ -828,22 +828,22 @@ let lo = A({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props:
       u.value = f;
       return;
     }
-    l.openCombobox(), t("change", f);
+    o.openCombobox(), t("change", f);
   }
   function b() {
     a.value = !1;
   }
   let h = y(() => {
     var f, $, M, D;
-    return (D = (M = ($ = e.defaultValue) != null ? $ : l.defaultValue.value !== void 0 ? (f = e.displayValue) == null ? void 0 : f.call(e, l.defaultValue.value) : null) != null ? M : l.defaultValue.value) != null ? D : "";
+    return (D = (M = ($ = e.defaultValue) != null ? $ : o.defaultValue.value !== void 0 ? (f = e.displayValue) == null ? void 0 : f.call(e, o.defaultValue.value) : null) != null ? M : o.defaultValue.value) != null ? D : "";
   });
   return () => {
     var f, $, M, D, X, Q;
-    let _ = { open: l.comboboxState.value === 0 }, { id: E, displayValue: L, onChange: T, ...j } = e, N = { "aria-controls": (f = l.optionsRef.value) == null ? void 0 : f.id, "aria-expanded": l.disabled.value ? void 0 : l.comboboxState.value === 0, "aria-activedescendant": l.activeOptionIndex.value === null || ($ = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : $.id, "aria-labelledby": (X = (M = k(l.labelRef)) == null ? void 0 : M.id) != null ? X : (D = k(l.buttonRef)) == null ? void 0 : D.id, "aria-autocomplete": "list", id: E, onCompositionstart: d, onCompositionend: m, onKeydown: v, onInput: p, onBlur: b, role: "combobox", type: (Q = o.type) != null ? Q : "text", tabIndex: 0, ref: l.inputRef, defaultValue: h.value, disabled: l.disabled.value === !0 ? !0 : void 0 };
-    return B({ ourProps: N, theirProps: j, slot: _, attrs: o, slots: r, features: me.RenderStrategy | me.Static, name: "ComboboxInput" });
+    let _ = { open: o.comboboxState.value === 0 }, { id: E, displayValue: L, onChange: T, ...j } = e, N = { "aria-controls": (f = o.optionsRef.value) == null ? void 0 : f.id, "aria-expanded": o.disabled.value ? void 0 : o.comboboxState.value === 0, "aria-activedescendant": o.activeOptionIndex.value === null || ($ = o.options.value[o.activeOptionIndex.value]) == null ? void 0 : $.id, "aria-labelledby": (X = (M = k(o.labelRef)) == null ? void 0 : M.id) != null ? X : (D = k(o.buttonRef)) == null ? void 0 : D.id, "aria-autocomplete": "list", id: E, onCompositionstart: d, onCompositionend: m, onKeydown: v, onInput: p, onBlur: b, role: "combobox", type: (Q = l.type) != null ? Q : "text", tabIndex: 0, ref: o.inputRef, defaultValue: h.value, disabled: o.disabled.value === !0 ? !0 : void 0 };
+    return B({ ourProps: N, theirProps: j, slot: _, attrs: l, slots: r, features: me.RenderStrategy | me.Static, name: "ComboboxInput" });
   };
-} }), so = A({ 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: o, expose: r }) {
-  let n = Me("ComboboxOptions"), l = `headlessui-combobox-options-${te()}`;
+} }), sl = A({ 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: l, expose: r }) {
+  let n = Me("ComboboxOptions"), o = `headlessui-combobox-options-${te()}`;
   r({ el: n.optionsRef, $el: n.optionsRef }), ee(() => {
     n.optionsPropsRef.value.static = e.static;
   }), ee(() => {
@@ -856,15 +856,15 @@ let lo = A({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props:
     s.setAttribute("role", "none");
   } }), () => {
     var s, u, d;
-    let m = { open: n.comboboxState.value === 0 }, v = { "aria-labelledby": (d = (s = k(n.labelRef)) == null ? void 0 : s.id) != null ? d : (u = k(n.buttonRef)) == null ? void 0 : u.id, id: l, ref: n.optionsRef, role: "listbox", "aria-multiselectable": n.mode.value === 1 ? !0 : void 0 }, p = Ae(e, ["hold"]);
-    return B({ ourProps: v, theirProps: p, slot: m, attrs: t, slots: o, features: me.RenderStrategy | me.Static, visible: i.value, name: "ComboboxOptions" });
+    let m = { open: n.comboboxState.value === 0 }, v = { "aria-labelledby": (d = (s = k(n.labelRef)) == null ? void 0 : s.id) != null ? d : (u = k(n.buttonRef)) == null ? void 0 : u.id, id: o, ref: n.optionsRef, role: "listbox", "aria-multiselectable": n.mode.value === 1 ? !0 : void 0 }, p = Ae(e, ["hold"]);
+    return B({ ourProps: v, theirProps: p, slot: m, attrs: t, slots: l, features: me.RenderStrategy | me.Static, visible: i.value, name: "ComboboxOptions" });
   };
-} }), uo = A({ name: "ComboboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 } }, setup(e, { slots: t, attrs: o, expose: r }) {
-  let n = Me("ComboboxOption"), l = `headlessui-combobox-option-${te()}`, a = w(null);
+} }), ul = A({ name: "ComboboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 } }, setup(e, { slots: t, attrs: l, expose: r }) {
+  let n = Me("ComboboxOption"), o = `headlessui-combobox-option-${te()}`, a = w(null);
   r({ el: a, $el: a });
-  let i = y(() => n.activeOptionIndex.value !== null ? n.options.value[n.activeOptionIndex.value].id === l : !1), s = y(() => K(n.mode.value, { [0]: () => n.compare(H(n.value.value), H(e.value)), [1]: () => H(n.value.value).some((f) => n.compare(H(f), H(e.value))) })), u = y(() => ({ disabled: e.disabled, value: e.value, domRef: a }));
-  U(() => n.registerOption(l, u)), se(() => n.unregisterOption(l)), ee(() => {
-    n.comboboxState.value === 0 && i.value && n.activationTrigger.value !== 0 && oe(() => {
+  let i = y(() => n.activeOptionIndex.value !== null ? n.options.value[n.activeOptionIndex.value].id === o : !1), s = y(() => K(n.mode.value, { [0]: () => n.compare(H(n.value.value), H(e.value)), [1]: () => H(n.value.value).some((f) => n.compare(H(f), H(e.value))) })), u = y(() => ({ disabled: e.disabled, value: e.value, domRef: a }));
+  U(() => n.registerOption(o, u)), se(() => n.unregisterOption(o)), ee(() => {
+    n.comboboxState.value === 0 && i.value && n.activationTrigger.value !== 0 && le(() => {
       var f, $;
       return ($ = (f = k(a)) == null ? void 0 : f.scrollIntoView) == null ? void 0 : $.call(f, { block: "nearest" });
     });
@@ -872,7 +872,7 @@ let lo = A({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props:
   function d(f) {
     if (e.disabled)
       return f.preventDefault();
-    n.selectOption(l), n.mode.value === 0 && n.closeCombobox(), Zn() || requestAnimationFrame(() => {
+    n.selectOption(o), n.mode.value === 0 && n.closeCombobox(), Zn() || requestAnimationFrame(() => {
       var $;
       return ($ = k(n.inputRef)) == null ? void 0 : $.focus();
     });
@@ -880,33 +880,33 @@ let lo = A({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props:
   function m() {
     if (e.disabled)
       return n.goToOption(I.Nothing);
-    n.goToOption(I.Specific, l);
+    n.goToOption(I.Specific, o);
   }
   let v = Yt();
   function p(f) {
     v.update(f);
   }
   function b(f) {
-    v.wasMoved(f) && (e.disabled || i.value || n.goToOption(I.Specific, l, 0));
+    v.wasMoved(f) && (e.disabled || i.value || n.goToOption(I.Specific, o, 0));
   }
   function h(f) {
     v.wasMoved(f) && (e.disabled || i.value && (n.optionsPropsRef.value.hold || n.goToOption(I.Nothing)));
   }
   return () => {
-    let { disabled: f } = e, $ = { active: i.value, selected: s.value, disabled: f }, M = { id: l, ref: a, role: "option", tabIndex: f === !0 ? void 0 : -1, "aria-disabled": f === !0 ? !0 : void 0, "aria-selected": s.value, disabled: void 0, onClick: d, onFocus: m, onPointerenter: p, onMouseenter: p, onPointermove: b, onMousemove: b, onPointerleave: h, onMouseleave: h };
-    return B({ ourProps: M, theirProps: e, slot: $, attrs: o, slots: t, name: "ComboboxOption" });
+    let { disabled: f } = e, $ = { active: i.value, selected: s.value, disabled: f }, M = { id: o, ref: a, role: "option", tabIndex: f === !0 ? void 0 : -1, "aria-disabled": f === !0 ? !0 : void 0, "aria-selected": s.value, disabled: void 0, onClick: d, onFocus: m, onPointerenter: p, onMouseenter: p, onPointermove: b, onMousemove: b, onPointerleave: h, onMouseleave: h };
+    return B({ ourProps: M, theirProps: e, slot: $, attrs: l, slots: t, name: "ComboboxOption" });
   };
 } });
 var Le = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(Le || {});
-function co() {
+function dl() {
   let e = w(0);
   return Ft("keydown", (t) => {
     t.key === "Tab" && (e.value = t.shiftKey ? 1 : 0);
   }), e;
 }
-function zt(e, t, o, r) {
+function zt(e, t, l, r) {
   Be.isServer || ee((n) => {
-    e = e ?? window, e.addEventListener(t, o, r), n(() => e.removeEventListener(t, o, r));
+    e = e ?? window, e.addEventListener(t, l, r), n(() => e.removeEventListener(t, l, r));
   });
 }
 function Wt(e) {
@@ -914,7 +914,7 @@ function Wt(e) {
     throw t;
   }));
 }
-function fo(e) {
+function cl(e) {
   function t() {
     document.readyState !== "loading" && (e(), document.removeEventListener("DOMContentLoaded", t));
   }
@@ -926,21 +926,21 @@ function Kt(e) {
   if (typeof e == "function")
     return new Set(e());
   let t = /* @__PURE__ */ new Set();
-  for (let o of e.value) {
-    let r = k(o);
+  for (let l of e.value) {
+    let r = k(l);
     r instanceof HTMLElement && t.add(r);
   }
   return t;
 }
 var Jt = ((e) => (e[e.None = 1] = "None", e[e.InitialFocus = 2] = "InitialFocus", e[e.TabLock = 4] = "TabLock", e[e.FocusLock = 8] = "FocusLock", e[e.RestoreFocus = 16] = "RestoreFocus", e[e.All = 30] = "All", e))(Jt || {});
-let Ee = Object.assign(A({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: w(/* @__PURE__ */ new Set()) } }, inheritAttrs: !1, setup(e, { attrs: t, slots: o, expose: r }) {
+let Ee = Object.assign(A({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: w(/* @__PURE__ */ new Set()) } }, inheritAttrs: !1, setup(e, { attrs: t, slots: l, expose: r }) {
   let n = w(null);
   r({ el: n, $el: n });
-  let l = y(() => Se(n)), a = w(!1);
-  U(() => a.value = !0), se(() => a.value = !1), po({ ownerDocument: l }, y(() => a.value && !!(e.features & 16)));
-  let i = mo({ ownerDocument: l, container: n, initialFocus: y(() => e.initialFocus) }, y(() => a.value && !!(e.features & 2)));
-  go({ ownerDocument: l, container: n, containers: e.containers, previousActiveElement: i }, y(() => a.value && !!(e.features & 8)));
-  let s = co();
+  let o = y(() => Se(n)), a = w(!1);
+  U(() => a.value = !0), se(() => a.value = !1), vl({ ownerDocument: o }, y(() => a.value && !!(e.features & 16)));
+  let i = pl({ ownerDocument: o, container: n, initialFocus: y(() => e.initialFocus) }, y(() => a.value && !!(e.features & 2)));
+  ml({ ownerDocument: o, container: n, containers: e.containers, previousActiveElement: i }, y(() => a.value && !!(e.features & 8)));
+  let s = dl();
   function u(p) {
     let b = k(n);
     b && ((h) => h())(() => {
@@ -967,49 +967,49 @@ let Ee = Object.assign(A({ name: "FocusTrap", props: { as: { type: [Object, Stri
   }
   return () => {
     let p = {}, b = { ref: n, onKeydown: m, onFocusout: v }, { features: h, initialFocus: f, containers: $, ...M } = e;
-    return q(Z, [!!(h & 4) && q(je, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: u, features: De.Focusable }), B({ ourProps: b, theirProps: { ...t, ...M }, slot: p, attrs: t, slots: o, name: "FocusTrap" }), !!(h & 4) && q(je, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: u, features: De.Focusable })]);
+    return q(Z, [!!(h & 4) && q(je, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: u, features: De.Focusable }), B({ ourProps: b, theirProps: { ...t, ...M }, slot: p, attrs: t, slots: l, name: "FocusTrap" }), !!(h & 4) && q(je, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: u, features: De.Focusable })]);
   };
 } }), { features: Jt }), $e = [];
-fo(() => {
+cl(() => {
   function e(t) {
-    t.target instanceof HTMLElement && t.target !== document.body && $e[0] !== t.target && ($e.unshift(t.target), $e = $e.filter((o) => o != null && o.isConnected), $e.splice(10));
+    t.target instanceof HTMLElement && t.target !== document.body && $e[0] !== t.target && ($e.unshift(t.target), $e = $e.filter((l) => l != null && l.isConnected), $e.splice(10));
   }
   window.addEventListener("click", e, { capture: !0 }), window.addEventListener("mousedown", e, { capture: !0 }), window.addEventListener("focus", e, { capture: !0 }), document.body.addEventListener("click", e, { capture: !0 }), document.body.addEventListener("mousedown", e, { capture: !0 }), document.body.addEventListener("focus", e, { capture: !0 });
 });
-function vo(e) {
+function fl(e) {
   let t = w($e.slice());
-  return be([e], ([o], [r]) => {
-    r === !0 && o === !1 ? Wt(() => {
+  return be([e], ([l], [r]) => {
+    r === !0 && l === !1 ? Wt(() => {
       t.value.splice(0);
-    }) : r === !1 && o === !0 && (t.value = $e.slice());
+    }) : r === !1 && l === !0 && (t.value = $e.slice());
   }, { flush: "post" }), () => {
-    var o;
-    return (o = t.value.find((r) => r != null && r.isConnected)) != null ? o : null;
+    var l;
+    return (l = t.value.find((r) => r != null && r.isConnected)) != null ? l : null;
   };
 }
-function po({ ownerDocument: e }, t) {
-  let o = vo(t);
+function vl({ ownerDocument: e }, t) {
+  let l = fl(t);
   U(() => {
     ee(() => {
       var r, n;
-      t.value || ((r = e.value) == null ? void 0 : r.activeElement) === ((n = e.value) == null ? void 0 : n.body) && we(o());
+      t.value || ((r = e.value) == null ? void 0 : r.activeElement) === ((n = e.value) == null ? void 0 : n.body) && we(l());
     }, { flush: "post" });
   }), se(() => {
-    t.value && we(o());
+    t.value && we(l());
   });
 }
-function mo({ ownerDocument: e, container: t, initialFocus: o }, r) {
-  let n = w(null), l = w(!1);
-  return U(() => l.value = !0), se(() => l.value = !1), U(() => {
-    be([t, o, r], (a, i) => {
+function pl({ ownerDocument: e, container: t, initialFocus: l }, r) {
+  let n = w(null), o = w(!1);
+  return U(() => o.value = !0), se(() => o.value = !1), U(() => {
+    be([t, l, r], (a, i) => {
       if (a.every((u, d) => (i == null ? void 0 : i[d]) === u) || !r.value)
         return;
       let s = k(t);
       s && Wt(() => {
         var u, d;
-        if (!l.value)
+        if (!o.value)
           return;
-        let m = k(o), v = (u = e.value) == null ? void 0 : u.activeElement;
+        let m = k(l), v = (u = e.value) == null ? void 0 : u.activeElement;
         if (m) {
           if (m === v) {
             n.value = v;
@@ -1024,12 +1024,12 @@ function mo({ ownerDocument: e, container: t, initialFocus: o }, r) {
     }, { immediate: !0, flush: "post" });
   }), n;
 }
-function go({ ownerDocument: e, container: t, containers: o, previousActiveElement: r }, n) {
-  var l;
-  zt((l = e.value) == null ? void 0 : l.defaultView, "focus", (a) => {
+function ml({ ownerDocument: e, container: t, containers: l, previousActiveElement: r }, n) {
+  var o;
+  zt((o = e.value) == null ? void 0 : o.defaultView, "focus", (a) => {
     if (!n.value)
       return;
-    let i = Kt(o);
+    let i = Kt(l);
     k(t) instanceof HTMLElement && i.add(k(t));
     let s = r.value;
     if (!s)
@@ -1039,21 +1039,21 @@ function go({ ownerDocument: e, container: t, containers: o, previousActiveEleme
   }, !0);
 }
 function Gt(e, t) {
-  for (let o of e)
-    if (o.contains(t))
+  for (let l of e)
+    if (l.contains(t))
       return !0;
   return !1;
 }
 let Qe = /* @__PURE__ */ new Map(), Pe = /* @__PURE__ */ new Map();
 function St(e, t = w(!0)) {
-  ee((o) => {
+  ee((l) => {
     var r;
     if (!t.value)
       return;
     let n = k(e);
     if (!n)
       return;
-    o(function() {
+    l(function() {
       var a;
       if (!n)
         return;
@@ -1063,37 +1063,37 @@ function St(e, t = w(!0)) {
       let s = Qe.get(n);
       s && (s["aria-hidden"] === null ? n.removeAttribute("aria-hidden") : n.setAttribute("aria-hidden", s["aria-hidden"]), n.inert = s.inert, Qe.delete(n));
     });
-    let l = (r = Pe.get(n)) != null ? r : 0;
-    Pe.set(n, l + 1), l === 0 && (Qe.set(n, { "aria-hidden": n.getAttribute("aria-hidden"), inert: n.inert }), n.setAttribute("aria-hidden", "true"), n.inert = !0);
+    let o = (r = Pe.get(n)) != null ? r : 0;
+    Pe.set(n, o + 1), o === 0 && (Qe.set(n, { "aria-hidden": n.getAttribute("aria-hidden"), inert: n.inert }), n.setAttribute("aria-hidden", "true"), n.inert = !0);
   });
 }
 let Xt = Symbol("ForcePortalRootContext");
-function ho() {
+function gl() {
   return ne(Xt, !1);
 }
-let tt = A({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: !1 } }, setup(e, { slots: t, attrs: o }) {
+let tt = A({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: !1 } }, setup(e, { slots: t, attrs: l }) {
   return ie(Xt, e.force), () => {
     let { force: r, ...n } = e;
-    return B({ theirProps: n, ourProps: {}, slot: {}, slots: t, attrs: o, name: "ForcePortalRoot" });
+    return B({ theirProps: n, ourProps: {}, slot: {}, slots: t, attrs: l, name: "ForcePortalRoot" });
   };
 } });
-function bo(e) {
+function hl(e) {
   let t = Se(e);
   if (!t) {
     if (e === null)
       return null;
     throw new Error(`[Headless UI]: Cannot find ownerDocument for contextElement: ${e}`);
   }
-  let o = t.getElementById("headlessui-portal-root");
-  if (o)
-    return o;
+  let l = t.getElementById("headlessui-portal-root");
+  if (l)
+    return l;
   let r = t.createElement("div");
   return r.setAttribute("id", "headlessui-portal-root"), t.body.appendChild(r);
 }
-let Qt = A({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e, { slots: t, attrs: o }) {
-  let r = w(null), n = y(() => Se(r)), l = ho(), a = ne(Zt, null), i = w(l === !0 || a == null ? bo(r.value) : a.resolveTarget());
+let Qt = A({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e, { slots: t, attrs: l }) {
+  let r = w(null), n = y(() => Se(r)), o = gl(), a = ne(Zt, null), i = w(o === !0 || a == null ? hl(r.value) : a.resolveTarget());
   ee(() => {
-    l || a != null && (i.value = a.resolveTarget());
+    o || a != null && (i.value = a.resolveTarget());
   });
   let s = ne(nt, null);
   return U(() => {
@@ -1107,155 +1107,155 @@ let Qt = A({ name: "Portal", props: { as: { type: [Object, String], default: "di
     if (i.value === null)
       return null;
     let u = { ref: r, "data-headlessui-portal": "" };
-    return q(wn, { to: i.value }, B({ ourProps: u, theirProps: e, slot: {}, attrs: o, slots: t, name: "Portal" }));
+    return q(wn, { to: i.value }, B({ ourProps: u, theirProps: e, slot: {}, attrs: l, slots: t, name: "Portal" }));
   };
 } }), nt = Symbol("PortalParentContext");
-function yo() {
+function bl() {
   let e = ne(nt, null), t = w([]);
-  function o(l) {
-    return t.value.push(l), e && e.register(l), () => r(l);
+  function l(o) {
+    return t.value.push(o), e && e.register(o), () => r(o);
   }
-  function r(l) {
-    let a = t.value.indexOf(l);
-    a !== -1 && t.value.splice(a, 1), e && e.unregister(l);
+  function r(o) {
+    let a = t.value.indexOf(o);
+    a !== -1 && t.value.splice(a, 1), e && e.unregister(o);
   }
-  let n = { register: o, unregister: r, portals: t };
-  return [t, A({ name: "PortalWrapper", setup(l, { slots: a }) {
+  let n = { register: l, unregister: r, portals: t };
+  return [t, A({ name: "PortalWrapper", setup(o, { slots: a }) {
     return ie(nt, n), () => {
       var i;
       return (i = a.default) == null ? void 0 : i.call(a);
     };
   } })];
 }
-let Zt = Symbol("PortalGroupContext"), xo = A({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(e, { attrs: t, slots: o }) {
+let Zt = Symbol("PortalGroupContext"), yl = A({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(e, { attrs: t, slots: l }) {
   let r = Sn({ resolveTarget() {
     return e.target;
   } });
   return ie(Zt, r), () => {
-    let { target: n, ...l } = e;
-    return B({ theirProps: l, ourProps: {}, slot: {}, attrs: t, slots: o, name: "PortalGroup" });
+    let { target: n, ...o } = e;
+    return B({ theirProps: o, ourProps: {}, slot: {}, attrs: t, slots: l, name: "PortalGroup" });
   };
 } }), en = Symbol("StackContext");
-var ot = ((e) => (e[e.Add = 0] = "Add", e[e.Remove = 1] = "Remove", e))(ot || {});
-function wo() {
+var lt = ((e) => (e[e.Add = 0] = "Add", e[e.Remove = 1] = "Remove", e))(lt || {});
+function xl() {
   return ne(en, () => {
   });
 }
-function So({ type: e, enabled: t, element: o, onUpdate: r }) {
-  let n = wo();
-  function l(...a) {
+function wl({ type: e, enabled: t, element: l, onUpdate: r }) {
+  let n = xl();
+  function o(...a) {
     r == null || r(...a), n(...a);
   }
   U(() => {
     be(t, (a, i) => {
-      a ? l(0, e, o) : i === !0 && l(1, e, o);
+      a ? o(0, e, l) : i === !0 && o(1, e, l);
     }, { immediate: !0, flush: "sync" });
   }), se(() => {
-    t.value && l(1, e, o);
-  }), ie(en, l);
+    t.value && o(1, e, l);
+  }), ie(en, o);
 }
 let tn = Symbol("DescriptionContext");
-function ko() {
+function Sl() {
   let e = ne(tn, null);
   if (e === null)
     throw new Error("Missing parent");
   return e;
 }
-function nn({ slot: e = w({}), name: t = "Description", props: o = {} } = {}) {
+function nn({ slot: e = w({}), name: t = "Description", props: l = {} } = {}) {
   let r = w([]);
-  function n(l) {
-    return r.value.push(l), () => {
-      let a = r.value.indexOf(l);
+  function n(o) {
+    return r.value.push(o), () => {
+      let a = r.value.indexOf(o);
       a !== -1 && r.value.splice(a, 1);
     };
   }
-  return ie(tn, { register: n, slot: e, name: t, props: o }), y(() => r.value.length > 0 ? r.value.join(" ") : void 0);
+  return ie(tn, { register: n, slot: e, name: t, props: l }), y(() => r.value.length > 0 ? r.value.join(" ") : void 0);
 }
-A({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${te()}` } }, setup(e, { attrs: t, slots: o }) {
-  let r = ko();
+A({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${te()}` } }, setup(e, { attrs: t, slots: l }) {
+  let r = Sl();
   return U(() => se(r.register(e.id))), () => {
-    let { name: n = "Description", slot: l = w({}), props: a = {} } = r, { id: i, ...s } = e, u = { ...Object.entries(a).reduce((d, [m, v]) => Object.assign(d, { [m]: C(v) }), {}), id: i };
-    return B({ ourProps: u, theirProps: s, slot: l.value, attrs: t, slots: o, name: n });
+    let { name: n = "Description", slot: o = w({}), props: a = {} } = r, { id: i, ...s } = e, u = { ...Object.entries(a).reduce((d, [m, v]) => Object.assign(d, { [m]: C(v) }), {}), id: i };
+    return B({ ourProps: u, theirProps: s, slot: o.value, attrs: t, slots: l, name: n });
   };
 } });
-function $o(e) {
+function kl(e) {
   let t = kn(e.getSnapshot());
   return se(e.subscribe(() => {
     t.value = e.getSnapshot();
   })), t;
 }
-function Co(e, t) {
-  let o = e(), r = /* @__PURE__ */ new Set();
+function $l(e, t) {
+  let l = e(), r = /* @__PURE__ */ new Set();
   return { getSnapshot() {
-    return o;
+    return l;
   }, subscribe(n) {
     return r.add(n), () => r.delete(n);
-  }, dispatch(n, ...l) {
-    let a = t[n].call(o, ...l);
-    a && (o = a, r.forEach((i) => i()));
+  }, dispatch(n, ...o) {
+    let a = t[n].call(l, ...o);
+    a && (l = a, r.forEach((i) => i()));
   } };
 }
-function _o() {
+function Cl() {
   let e;
   return { before({ doc: t }) {
-    var o;
+    var l;
     let r = t.documentElement;
-    e = ((o = t.defaultView) != null ? o : window).innerWidth - r.clientWidth;
-  }, after({ doc: t, d: o }) {
-    let r = t.documentElement, n = r.clientWidth - r.offsetWidth, l = e - n;
-    o.style(r, "paddingRight", `${l}px`);
+    e = ((l = t.defaultView) != null ? l : window).innerWidth - r.clientWidth;
+  }, after({ doc: t, d: l }) {
+    let r = t.documentElement, n = r.clientWidth - r.offsetWidth, o = e - n;
+    l.style(r, "paddingRight", `${o}px`);
   } };
 }
-function Oo() {
+function _l() {
   if (!Ut())
     return {};
   let e;
   return { before() {
     e = window.pageYOffset;
-  }, after({ doc: t, d: o, meta: r }) {
+  }, after({ doc: t, d: l, meta: r }) {
     function n(a) {
       return r.containers.flatMap((i) => i()).some((i) => i.contains(a));
     }
-    o.style(t.body, "marginTop", `-${e}px`), window.scrollTo(0, 0);
-    let l = null;
-    o.addEventListener(t, "click", (a) => {
+    l.style(t.body, "marginTop", `-${e}px`), window.scrollTo(0, 0);
+    let o = null;
+    l.addEventListener(t, "click", (a) => {
       if (a.target instanceof HTMLElement)
         try {
           let i = a.target.closest("a");
           if (!i)
             return;
           let { hash: s } = new URL(i.href), u = t.querySelector(s);
-          u && !n(u) && (l = u);
+          u && !n(u) && (o = u);
         } catch {
         }
-    }, !0), o.addEventListener(t, "touchmove", (a) => {
+    }, !0), l.addEventListener(t, "touchmove", (a) => {
       a.target instanceof HTMLElement && !n(a.target) && a.preventDefault();
-    }, { passive: !1 }), o.add(() => {
-      window.scrollTo(0, window.pageYOffset + e), l && l.isConnected && (l.scrollIntoView({ block: "nearest" }), l = null);
+    }, { passive: !1 }), l.add(() => {
+      window.scrollTo(0, window.pageYOffset + e), o && o.isConnected && (o.scrollIntoView({ block: "nearest" }), o = null);
     });
   } };
 }
-function Do() {
+function Ol() {
   return { before({ doc: e, d: t }) {
     t.style(e.documentElement, "overflow", "hidden");
   } };
 }
-function Mo(e) {
+function Dl(e) {
   let t = {};
-  for (let o of e)
-    Object.assign(t, o(t));
+  for (let l of e)
+    Object.assign(t, l(t));
   return t;
 }
-let Ce = Co(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
-  var o;
-  let r = (o = this.get(e)) != null ? o : { doc: e, count: 0, d: Ne(), meta: /* @__PURE__ */ new Set() };
+let Ce = $l(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
+  var l;
+  let r = (l = this.get(e)) != null ? l : { doc: e, count: 0, d: Ne(), meta: /* @__PURE__ */ new Set() };
   return r.count++, r.meta.add(t), this.set(e, r), this;
 }, POP(e, t) {
-  let o = this.get(e);
-  return o && (o.count--, o.meta.delete(t)), this;
-}, SCROLL_PREVENT({ doc: e, d: t, meta: o }) {
-  let r = { doc: e, d: t, meta: Mo(o) }, n = [Oo(), _o(), Do()];
-  n.forEach(({ before: l }) => l == null ? void 0 : l(r)), n.forEach(({ after: l }) => l == null ? void 0 : l(r));
+  let l = this.get(e);
+  return l && (l.count--, l.meta.delete(t)), this;
+}, SCROLL_PREVENT({ doc: e, d: t, meta: l }) {
+  let r = { doc: e, d: t, meta: Dl(l) }, n = [_l(), Cl(), Ol()];
+  n.forEach(({ before: o }) => o == null ? void 0 : o(r)), n.forEach(({ after: o }) => o == null ? void 0 : o(r));
 }, SCROLL_ALLOW({ d: e }) {
   e.dispose();
 }, TEARDOWN({ doc: e }) {
@@ -1263,60 +1263,60 @@ let Ce = Co(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
 } });
 Ce.subscribe(() => {
   let e = Ce.getSnapshot(), t = /* @__PURE__ */ new Map();
-  for (let [o] of e)
-    t.set(o, o.documentElement.style.overflow);
-  for (let o of e.values()) {
-    let r = t.get(o.doc) === "hidden", n = o.count !== 0;
-    (n && !r || !n && r) && Ce.dispatch(o.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", o), o.count === 0 && Ce.dispatch("TEARDOWN", o);
+  for (let [l] of e)
+    t.set(l, l.documentElement.style.overflow);
+  for (let l of e.values()) {
+    let r = t.get(l.doc) === "hidden", n = l.count !== 0;
+    (n && !r || !n && r) && Ce.dispatch(l.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", l), l.count === 0 && Ce.dispatch("TEARDOWN", l);
   }
 });
-function To(e, t, o) {
-  let r = $o(Ce), n = y(() => {
-    let l = e.value ? r.value.get(e.value) : void 0;
-    return l ? l.count > 0 : !1;
+function Ml(e, t, l) {
+  let r = kl(Ce), n = y(() => {
+    let o = e.value ? r.value.get(e.value) : void 0;
+    return o ? o.count > 0 : !1;
   });
-  return be([e, t], ([l, a], [i], s) => {
-    if (!l || !a)
+  return be([e, t], ([o, a], [i], s) => {
+    if (!o || !a)
       return;
-    Ce.dispatch("PUSH", l, o);
+    Ce.dispatch("PUSH", o, l);
     let u = !1;
     s(() => {
-      u || (Ce.dispatch("POP", i ?? l, o), u = !0);
+      u || (Ce.dispatch("POP", i ?? o, l), u = !0);
     });
   }, { immediate: !0 }), n;
 }
-function Eo({ defaultContainers: e = [], portals: t } = {}) {
-  let o = w(null), r = Se(o);
+function Tl({ defaultContainers: e = [], portals: t } = {}) {
+  let l = w(null), r = Se(l);
   function n() {
-    var l;
+    var o;
     let a = [];
     for (let i of e)
       i !== null && (i instanceof HTMLElement ? a.push(i) : "value" in i && i.value instanceof HTMLElement && a.push(i.value));
     if (t != null && t.value)
       for (let i of t.value)
         a.push(i);
-    for (let i of (l = r == null ? void 0 : r.querySelectorAll("html > *, body > *")) != null ? l : [])
-      i !== document.body && i !== document.head && i instanceof HTMLElement && i.id !== "headlessui-portal-root" && (i.contains(k(o)) || a.some((s) => i.contains(s)) || a.push(i));
+    for (let i of (o = r == null ? void 0 : r.querySelectorAll("html > *, body > *")) != null ? o : [])
+      i !== document.body && i !== document.head && i instanceof HTMLElement && i.id !== "headlessui-portal-root" && (i.contains(k(l)) || a.some((s) => i.contains(s)) || a.push(i));
     return a;
   }
-  return { resolveContainers: n, contains(l) {
-    return n().some((a) => a.contains(l));
-  }, mainTreeNodeRef: o, MainTreeNode() {
-    return q(je, { features: De.Hidden, ref: o });
+  return { resolveContainers: n, contains(o) {
+    return n().some((a) => a.contains(o));
+  }, mainTreeNodeRef: l, MainTreeNode() {
+    return q(je, { features: De.Hidden, ref: l });
   } };
 }
-var Po = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Po || {});
-let lt = Symbol("DialogContext");
+var El = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(El || {});
+let ot = Symbol("DialogContext");
 function He(e) {
-  let t = ne(lt, null);
+  let t = ne(ot, null);
   if (t === null) {
-    let o = new Error(`<${e} /> is missing a parent <Dialog /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(o, He), o;
+    let l = new Error(`<${e} /> is missing a parent <Dialog /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(l, He), l;
   }
   return t;
 }
-let ze = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Lo = A({ name: "Dialog", inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, open: { type: [Boolean, String], default: ze }, initialFocus: { type: Object, default: null }, id: { type: String, default: () => `headlessui-dialog-${te()}` } }, emits: { close: (e) => !0 }, setup(e, { emit: t, attrs: o, slots: r, expose: n }) {
-  var l;
+let ze = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Pl = A({ name: "Dialog", inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, open: { type: [Boolean, String], default: ze }, initialFocus: { type: Object, default: null }, id: { type: String, default: () => `headlessui-dialog-${te()}` } }, emits: { close: (e) => !0 }, setup(e, { emit: t, attrs: l, slots: r, expose: n }) {
+  var o;
   let a = w(!1);
   U(() => {
     a.value = !0;
@@ -1326,7 +1326,7 @@ let ze = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Lo = A({ name: "Dialog", inheri
     throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
   if (typeof u.value != "boolean")
     throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${u.value === ze ? void 0 : e.open}`);
-  let v = y(() => a.value && u.value ? 0 : 1), p = y(() => v.value === 0), b = y(() => i.value > 1), h = ne(lt, null) !== null, [f, $] = yo(), { resolveContainers: M, mainTreeNodeRef: D, MainTreeNode: X } = Eo({ portals: f, defaultContainers: [y(() => {
+  let v = y(() => a.value && u.value ? 0 : 1), p = y(() => v.value === 0), b = y(() => i.value > 1), h = ne(ot, null) !== null, [f, $] = bl(), { resolveContainers: M, mainTreeNodeRef: D, MainTreeNode: X } = Tl({ portals: f, defaultContainers: [y(() => {
     var F;
     return (F = ae.panelRef.value) != null ? F : d.value;
   })] }), Q = y(() => b.value ? "parent" : "leaf"), _ = y(() => s !== null ? (s.value & z.Closing) === z.Closing : !1), E = y(() => h || _.value ? !1 : p.value), L = y(() => {
@@ -1338,26 +1338,26 @@ let ze = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Lo = A({ name: "Dialog", inheri
     var F, J, ce;
     return (ce = Array.from((J = (F = m.value) == null ? void 0 : F.querySelectorAll("[data-headlessui-portal]")) != null ? J : []).find((fe) => fe.contains(k(D)) && fe instanceof HTMLElement)) != null ? ce : null;
   });
-  St(j, T), So({ type: "Dialog", enabled: y(() => v.value === 0), element: d, onUpdate: (F, J) => {
+  St(j, T), wl({ type: "Dialog", enabled: y(() => v.value === 0), element: d, onUpdate: (F, J) => {
     if (J === "Dialog")
-      return K(F, { [ot.Add]: () => i.value += 1, [ot.Remove]: () => i.value -= 1 });
+      return K(F, { [lt.Add]: () => i.value += 1, [lt.Remove]: () => i.value -= 1 });
   } });
   let N = nn({ name: "DialogDescription", slot: y(() => ({ open: u.value })) }), de = w(null), ae = { titleId: de, panelRef: w(null), dialogState: v, setTitleId(F) {
     de.value !== F && (de.value = F);
   }, close() {
     t("close", !1);
   } };
-  ie(lt, ae);
+  ie(ot, ae);
   let Te = y(() => !(!p.value || b.value));
   vt(M, (F, J) => {
-    ae.close(), oe(() => J == null ? void 0 : J.focus());
+    ae.close(), le(() => J == null ? void 0 : J.focus());
   }, Te);
   let ge = y(() => !(b.value || v.value !== 0));
-  zt((l = m.value) == null ? void 0 : l.defaultView, "keydown", (F) => {
+  zt((o = m.value) == null ? void 0 : o.defaultView, "keydown", (F) => {
     ge.value && (F.defaultPrevented || F.key === P.Escape && (F.preventDefault(), F.stopPropagation(), ae.close()));
   });
   let _e = y(() => !(_.value || v.value !== 0 || h));
-  return To(m, _e, (F) => {
+  return Ml(m, _e, (F) => {
     var J;
     return { containers: [...(J = F.containers) != null ? J : [], M] };
   }), ee((F) => {
@@ -1374,71 +1374,71 @@ let ze = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Lo = A({ name: "Dialog", inheri
     });
     ce.observe(J), F(() => ce.disconnect());
   }), () => {
-    let { id: F, open: J, initialFocus: ce, ...fe } = e, qe = { ...o, ref: d, id: F, role: "dialog", "aria-modal": v.value === 0 ? !0 : void 0, "aria-labelledby": de.value, "aria-describedby": N.value }, he = { open: v.value === 0 };
-    return q(tt, { force: !0 }, () => [q(Qt, () => q(xo, { target: d.value }, () => q(tt, { force: !1 }, () => q(Ee, { initialFocus: ce, containers: M, features: p.value ? K(Q.value, { parent: Ee.features.RestoreFocus, leaf: Ee.features.All & ~Ee.features.FocusLock }) : Ee.features.None }, () => q($, {}, () => B({ ourProps: qe, theirProps: { ...fe, ...o }, slot: he, attrs: o, slots: r, visible: v.value === 0, features: me.RenderStrategy | me.Static, name: "Dialog" })))))), q(X)]);
+    let { id: F, open: J, initialFocus: ce, ...fe } = e, qe = { ...l, ref: d, id: F, role: "dialog", "aria-modal": v.value === 0 ? !0 : void 0, "aria-labelledby": de.value, "aria-describedby": N.value }, he = { open: v.value === 0 };
+    return q(tt, { force: !0 }, () => [q(Qt, () => q(yl, { target: d.value }, () => q(tt, { force: !1 }, () => q(Ee, { initialFocus: ce, containers: M, features: p.value ? K(Q.value, { parent: Ee.features.RestoreFocus, leaf: Ee.features.All & ~Ee.features.FocusLock }) : Ee.features.None }, () => q($, {}, () => B({ ourProps: qe, theirProps: { ...fe, ...l }, slot: he, attrs: l, slots: r, visible: v.value === 0, features: me.RenderStrategy | me.Static, name: "Dialog" })))))), q(X)]);
   };
 } });
-A({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-overlay-${te()}` } }, setup(e, { attrs: t, slots: o }) {
+A({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-overlay-${te()}` } }, setup(e, { attrs: t, slots: l }) {
   let r = He("DialogOverlay");
-  function n(l) {
-    l.target === l.currentTarget && (l.preventDefault(), l.stopPropagation(), r.close());
+  function n(o) {
+    o.target === o.currentTarget && (o.preventDefault(), o.stopPropagation(), r.close());
   }
   return () => {
-    let { id: l, ...a } = e;
-    return B({ ourProps: { id: l, "aria-hidden": !0, onClick: n }, theirProps: a, slot: { open: r.dialogState.value === 0 }, attrs: t, slots: o, name: "DialogOverlay" });
+    let { id: o, ...a } = e;
+    return B({ ourProps: { id: o, "aria-hidden": !0, onClick: n }, theirProps: a, slot: { open: r.dialogState.value === 0 }, attrs: t, slots: l, name: "DialogOverlay" });
   };
 } });
-A({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-backdrop-${te()}` } }, inheritAttrs: !1, setup(e, { attrs: t, slots: o, expose: r }) {
-  let n = He("DialogBackdrop"), l = w(null);
-  return r({ el: l, $el: l }), U(() => {
+A({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-backdrop-${te()}` } }, inheritAttrs: !1, setup(e, { attrs: t, slots: l, expose: r }) {
+  let n = He("DialogBackdrop"), o = w(null);
+  return r({ el: o, $el: o }), U(() => {
     if (n.panelRef.value === null)
       throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
   }), () => {
-    let { id: a, ...i } = e, s = { id: a, ref: l, "aria-hidden": !0 };
-    return q(tt, { force: !0 }, () => q(Qt, () => B({ ourProps: s, theirProps: { ...t, ...i }, slot: { open: n.dialogState.value === 0 }, attrs: t, slots: o, name: "DialogBackdrop" })));
+    let { id: a, ...i } = e, s = { id: a, ref: o, "aria-hidden": !0 };
+    return q(tt, { force: !0 }, () => q(Qt, () => B({ ourProps: s, theirProps: { ...t, ...i }, slot: { open: n.dialogState.value === 0 }, attrs: t, slots: l, name: "DialogBackdrop" })));
   };
 } });
-let Ro = A({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-panel-${te()}` } }, setup(e, { attrs: t, slots: o, expose: r }) {
+let Ll = A({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-panel-${te()}` } }, setup(e, { attrs: t, slots: l, expose: r }) {
   let n = He("DialogPanel");
   r({ el: n.panelRef, $el: n.panelRef });
-  function l(a) {
+  function o(a) {
     a.stopPropagation();
   }
   return () => {
-    let { id: a, ...i } = e, s = { id: a, ref: n.panelRef, onClick: l };
-    return B({ ourProps: s, theirProps: i, slot: { open: n.dialogState.value === 0 }, attrs: t, slots: o, name: "DialogPanel" });
+    let { id: a, ...i } = e, s = { id: a, ref: n.panelRef, onClick: o };
+    return B({ ourProps: s, theirProps: i, slot: { open: n.dialogState.value === 0 }, attrs: t, slots: l, name: "DialogPanel" });
   };
-} }), jo = A({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: () => `headlessui-dialog-title-${te()}` } }, setup(e, { attrs: t, slots: o }) {
+} }), Rl = A({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: () => `headlessui-dialog-title-${te()}` } }, setup(e, { attrs: t, slots: l }) {
   let r = He("DialogTitle");
   return U(() => {
     r.setTitleId(e.id), se(() => r.setTitleId(null));
   }), () => {
-    let { id: n, ...l } = e;
-    return B({ ourProps: { id: n }, theirProps: l, slot: { open: r.dialogState.value === 0 }, attrs: t, slots: o, name: "DialogTitle" });
+    let { id: n, ...o } = e;
+    return B({ ourProps: { id: n }, theirProps: o, slot: { open: r.dialogState.value === 0 }, attrs: t, slots: l, name: "DialogTitle" });
   };
 } }), kt = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
 function $t(e) {
-  var t, o;
+  var t, l;
   let r = (t = e.innerText) != null ? t : "", n = e.cloneNode(!0);
   if (!(n instanceof HTMLElement))
     return r;
-  let l = !1;
+  let o = !1;
   for (let i of n.querySelectorAll('[hidden],[aria-hidden],[role="img"]'))
-    i.remove(), l = !0;
-  let a = l ? (o = n.innerText) != null ? o : "" : r;
+    i.remove(), o = !0;
+  let a = o ? (l = n.innerText) != null ? l : "" : r;
   return kt.test(a) && (a = a.replace(kt, "")), a;
 }
-function Io(e) {
+function jl(e) {
   let t = e.getAttribute("aria-label");
   if (typeof t == "string")
     return t.trim();
-  let o = e.getAttribute("aria-labelledby");
-  if (o) {
-    let r = o.split(" ").map((n) => {
-      let l = document.getElementById(n);
-      if (l) {
-        let a = l.getAttribute("aria-label");
-        return typeof a == "string" ? a.trim() : $t(l).trim();
+  let l = e.getAttribute("aria-labelledby");
+  if (l) {
+    let r = l.split(" ").map((n) => {
+      let o = document.getElementById(n);
+      if (o) {
+        let a = o.getAttribute("aria-label");
+        return typeof a == "string" ? a.trim() : $t(o).trim();
       }
       return null;
     }).filter(Boolean);
@@ -1447,39 +1447,39 @@ function Io(e) {
   }
   return $t(e).trim();
 }
-function Ao(e) {
-  let t = w(""), o = w("");
+function Il(e) {
+  let t = w(""), l = w("");
   return () => {
     let r = k(e);
     if (!r)
       return "";
     let n = r.innerText;
     if (t.value === n)
-      return o.value;
-    let l = Io(r).trim().toLowerCase();
-    return t.value = n, o.value = l, l;
+      return l.value;
+    let o = jl(r).trim().toLowerCase();
+    return t.value = n, l.value = o, o;
   };
 }
-var Fo = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Fo || {}), Bo = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Other = 1] = "Other", e))(Bo || {});
-function No(e) {
+var Al = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Al || {}), Fl = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Other = 1] = "Other", e))(Fl || {});
+function Bl(e) {
   requestAnimationFrame(() => requestAnimationFrame(e));
 }
-let on = Symbol("MenuContext");
+let ln = Symbol("MenuContext");
 function Ke(e) {
-  let t = ne(on, null);
+  let t = ne(ln, null);
   if (t === null) {
-    let o = new Error(`<${e} /> is missing a parent <Menu /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(o, Ke), o;
+    let l = new Error(`<${e} /> is missing a parent <Menu /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(l, Ke), l;
   }
   return t;
 }
-let Ho = A({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: o }) {
-  let r = w(1), n = w(null), l = w(null), a = w([]), i = w(""), s = w(null), u = w(1);
+let Nl = A({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: l }) {
+  let r = w(1), n = w(null), o = w(null), a = w([]), i = w(""), s = w(null), u = w(1);
   function d(v = (p) => p) {
     let p = s.value !== null ? a.value[s.value] : null, b = ft(v(a.value.slice()), (f) => k(f.dataRef.domRef)), h = p ? b.indexOf(p) : null;
     return h === -1 && (h = null), { items: b, activeItemIndex: h };
   }
-  let m = { menuState: r, buttonRef: n, itemsRef: l, items: a, searchQuery: i, activeItemIndex: s, activationTrigger: u, closeMenu: () => {
+  let m = { menuState: r, buttonRef: n, itemsRef: o, items: a, searchQuery: i, activeItemIndex: s, activationTrigger: u, closeMenu: () => {
     r.value = 1, s.value = null;
   }, openMenu: () => r.value = 0, goToItem(v, p, b) {
     let h = d(), f = Pt(v === I.Specific ? { focus: I.Specific, id: p } : { focus: v }, { resolveItems: () => h.items, resolveActiveIndex: () => h.activeItemIndex, resolveId: ($) => $.id, resolveDisabled: ($) => $.dataRef.disabled });
@@ -1501,28 +1501,28 @@ let Ho = A({ name: "Menu", props: { as: { type: [Object, String], default: "temp
     });
     a.value = p.items, s.value = p.activeItemIndex, u.value = 1;
   } };
-  return vt([n, l], (v, p) => {
+  return vt([n, o], (v, p) => {
     var b;
     m.closeMenu(), ct(p, dt.Loose) || (v.preventDefault(), (b = k(n)) == null || b.focus());
-  }, y(() => r.value === 0)), ie(on, m), st(y(() => K(r.value, { [0]: z.Open, [1]: z.Closed }))), () => {
+  }, y(() => r.value === 0)), ie(ln, m), st(y(() => K(r.value, { [0]: z.Open, [1]: z.Closed }))), () => {
     let v = { open: r.value === 0, close: m.closeMenu };
-    return B({ ourProps: {}, theirProps: e, slot: v, slots: t, attrs: o, name: "Menu" });
+    return B({ ourProps: {}, theirProps: e, slot: v, slots: t, attrs: l, name: "Menu" });
   };
-} }), Vo = A({ name: "MenuButton", props: { disabled: { type: Boolean, default: !1 }, as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-menu-button-${te()}` } }, setup(e, { attrs: t, slots: o, expose: r }) {
+} }), Hl = A({ name: "MenuButton", props: { disabled: { type: Boolean, default: !1 }, as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-menu-button-${te()}` } }, setup(e, { attrs: t, slots: l, expose: r }) {
   let n = Ke("MenuButton");
   r({ el: n.buttonRef, $el: n.buttonRef });
-  function l(u) {
+  function o(u) {
     switch (u.key) {
       case P.Space:
       case P.Enter:
       case P.ArrowDown:
-        u.preventDefault(), u.stopPropagation(), n.openMenu(), oe(() => {
+        u.preventDefault(), u.stopPropagation(), n.openMenu(), le(() => {
           var d;
           (d = k(n.itemsRef)) == null || d.focus({ preventScroll: !0 }), n.goToItem(I.First);
         });
         break;
       case P.ArrowUp:
-        u.preventDefault(), u.stopPropagation(), n.openMenu(), oe(() => {
+        u.preventDefault(), u.stopPropagation(), n.openMenu(), le(() => {
           var d;
           (d = k(n.itemsRef)) == null || d.focus({ preventScroll: !0 }), n.goToItem(I.Last);
         });
@@ -1537,10 +1537,10 @@ let Ho = A({ name: "Menu", props: { as: { type: [Object, String], default: "temp
     }
   }
   function i(u) {
-    e.disabled || (n.menuState.value === 0 ? (n.closeMenu(), oe(() => {
+    e.disabled || (n.menuState.value === 0 ? (n.closeMenu(), le(() => {
       var d;
       return (d = k(n.buttonRef)) == null ? void 0 : d.focus({ preventScroll: !0 });
-    })) : (u.preventDefault(), n.openMenu(), No(() => {
+    })) : (u.preventDefault(), n.openMenu(), Bl(() => {
       var d;
       return (d = k(n.itemsRef)) == null ? void 0 : d.focus({ preventScroll: !0 });
     })));
@@ -1548,11 +1548,11 @@ let Ho = A({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   let s = ut(y(() => ({ as: e.as, type: t.type })), n.buttonRef);
   return () => {
     var u;
-    let d = { open: n.menuState.value === 0 }, { id: m, ...v } = e, p = { ref: n.buttonRef, id: m, type: s.value, "aria-haspopup": "menu", "aria-controls": (u = k(n.itemsRef)) == null ? void 0 : u.id, "aria-expanded": e.disabled ? void 0 : n.menuState.value === 0, onKeydown: l, onKeyup: a, onClick: i };
-    return B({ ourProps: p, theirProps: v, slot: d, attrs: t, slots: o, name: "MenuButton" });
+    let d = { open: n.menuState.value === 0 }, { id: m, ...v } = e, p = { ref: n.buttonRef, id: m, type: s.value, "aria-haspopup": "menu", "aria-controls": (u = k(n.itemsRef)) == null ? void 0 : u.id, "aria-expanded": e.disabled ? void 0 : n.menuState.value === 0, onKeydown: o, onKeyup: a, onClick: i };
+    return B({ ourProps: p, theirProps: v, slot: d, attrs: t, slots: l, name: "MenuButton" });
   };
-} }), Yo = A({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: () => `headlessui-menu-items-${te()}` } }, setup(e, { attrs: t, slots: o, expose: r }) {
-  let n = Ke("MenuItems"), l = w(null);
+} }), Vl = A({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, id: { type: String, default: () => `headlessui-menu-items-${te()}` } }, setup(e, { attrs: t, slots: l, expose: r }) {
+  let n = Ke("MenuItems"), o = w(null);
   r({ el: n.itemsRef, $el: n.itemsRef }), Rt({ container: y(() => k(n.itemsRef)), enabled: y(() => n.menuState.value === 0), accept(d) {
     return d.getAttribute("role") === "menuitem" ? NodeFilter.FILTER_REJECT : d.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
   }, walk(d) {
@@ -1560,7 +1560,7 @@ let Ho = A({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   } });
   function a(d) {
     var m;
-    switch (l.value && clearTimeout(l.value), d.key) {
+    switch (o.value && clearTimeout(o.value), d.key) {
       case P.Space:
         if (n.searchQuery.value !== "")
           return d.preventDefault(), d.stopPropagation(), n.search(d.key);
@@ -1582,16 +1582,16 @@ let Ho = A({ name: "Menu", props: { as: { type: [Object, String], default: "temp
       case P.PageDown:
         return d.preventDefault(), d.stopPropagation(), n.goToItem(I.Last);
       case P.Escape:
-        d.preventDefault(), d.stopPropagation(), n.closeMenu(), oe(() => {
+        d.preventDefault(), d.stopPropagation(), n.closeMenu(), le(() => {
           var v;
           return (v = k(n.buttonRef)) == null ? void 0 : v.focus({ preventScroll: !0 });
         });
         break;
       case P.Tab:
-        d.preventDefault(), d.stopPropagation(), n.closeMenu(), oe(() => Gn(k(n.buttonRef), d.shiftKey ? pe.Previous : pe.Next));
+        d.preventDefault(), d.stopPropagation(), n.closeMenu(), le(() => Gn(k(n.buttonRef), d.shiftKey ? pe.Previous : pe.Next));
         break;
       default:
-        d.key.length === 1 && (n.search(d.key), l.value = setTimeout(() => n.clearSearch(), 350));
+        d.key.length === 1 && (n.search(d.key), o.value = setTimeout(() => n.clearSearch(), 350));
         break;
     }
   }
@@ -1606,18 +1606,18 @@ let Ho = A({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   return () => {
     var d, m;
     let v = { open: n.menuState.value === 0 }, { id: p, ...b } = e, h = { "aria-activedescendant": n.activeItemIndex.value === null || (d = n.items.value[n.activeItemIndex.value]) == null ? void 0 : d.id, "aria-labelledby": (m = k(n.buttonRef)) == null ? void 0 : m.id, id: p, onKeydown: a, onKeyup: i, role: "menu", tabIndex: 0, ref: n.itemsRef };
-    return B({ ourProps: h, theirProps: b, slot: v, attrs: t, slots: o, features: me.RenderStrategy | me.Static, visible: u.value, name: "MenuItems" });
+    return B({ ourProps: h, theirProps: b, slot: v, attrs: t, slots: l, features: me.RenderStrategy | me.Static, visible: u.value, name: "MenuItems" });
   };
-} }), Uo = A({ name: "MenuItem", inheritAttrs: !1, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: () => `headlessui-menu-item-${te()}` } }, setup(e, { slots: t, attrs: o, expose: r }) {
-  let n = Ke("MenuItem"), l = w(null);
-  r({ el: l, $el: l });
-  let a = y(() => n.activeItemIndex.value !== null ? n.items.value[n.activeItemIndex.value].id === e.id : !1), i = Ao(l), s = y(() => ({ disabled: e.disabled, get textValue() {
+} }), Yl = A({ name: "MenuItem", inheritAttrs: !1, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: () => `headlessui-menu-item-${te()}` } }, setup(e, { slots: t, attrs: l, expose: r }) {
+  let n = Ke("MenuItem"), o = w(null);
+  r({ el: o, $el: o });
+  let a = y(() => n.activeItemIndex.value !== null ? n.items.value[n.activeItemIndex.value].id === e.id : !1), i = Il(o), s = y(() => ({ disabled: e.disabled, get textValue() {
     return i();
-  }, domRef: l }));
+  }, domRef: o }));
   U(() => n.registerItem(e.id, s)), se(() => n.unregisterItem(e.id)), ee(() => {
-    n.menuState.value === 0 && a.value && n.activationTrigger.value !== 0 && oe(() => {
+    n.menuState.value === 0 && a.value && n.activationTrigger.value !== 0 && le(() => {
       var h, f;
-      return (f = (h = k(l)) == null ? void 0 : h.scrollIntoView) == null ? void 0 : f.call(h, { block: "nearest" });
+      return (f = (h = k(o)) == null ? void 0 : h.scrollIntoView) == null ? void 0 : f.call(h, { block: "nearest" });
     });
   });
   function u(h) {
@@ -1642,47 +1642,47 @@ let Ho = A({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   }
   return () => {
     let { disabled: h } = e, f = { active: a.value, disabled: h, close: n.closeMenu }, { id: $, ...M } = e;
-    return B({ ourProps: { id: $, ref: l, role: "menuitem", tabIndex: h === !0 ? void 0 : -1, "aria-disabled": h === !0 ? !0 : void 0, disabled: void 0, onClick: u, onFocus: d, onPointerenter: v, onMouseenter: v, onPointermove: p, onMousemove: p, onPointerleave: b, onMouseleave: b }, theirProps: { ...o, ...M }, slot: f, attrs: o, slots: t, name: "MenuItem" });
+    return B({ ourProps: { id: $, ref: o, role: "menuitem", tabIndex: h === !0 ? void 0 : -1, "aria-disabled": h === !0 ? !0 : void 0, disabled: void 0, onClick: u, onFocus: d, onPointerenter: v, onMouseenter: v, onPointermove: p, onMousemove: p, onPointerleave: b, onMouseleave: b }, theirProps: { ...l, ...M }, slot: f, attrs: l, slots: t, name: "MenuItem" });
   };
-} }), ln = Symbol("LabelContext");
+} }), on = Symbol("LabelContext");
 function rn() {
-  let e = ne(ln, null);
+  let e = ne(on, null);
   if (e === null) {
     let t = new Error("You used a <Label /> component, but it is not inside a parent.");
     throw Error.captureStackTrace && Error.captureStackTrace(t, rn), t;
   }
   return e;
 }
-function qo({ slot: e = {}, name: t = "Label", props: o = {} } = {}) {
+function Ul({ slot: e = {}, name: t = "Label", props: l = {} } = {}) {
   let r = w([]);
-  function n(l) {
-    return r.value.push(l), () => {
-      let a = r.value.indexOf(l);
+  function n(o) {
+    return r.value.push(o), () => {
+      let a = r.value.indexOf(o);
       a !== -1 && r.value.splice(a, 1);
     };
   }
-  return ie(ln, { register: n, slot: e, name: t, props: o }), y(() => r.value.length > 0 ? r.value.join(" ") : void 0);
+  return ie(on, { register: n, slot: e, name: t, props: l }), y(() => r.value.length > 0 ? r.value.join(" ") : void 0);
 }
-let zo = A({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: () => `headlessui-label-${te()}` } }, setup(e, { slots: t, attrs: o }) {
+let ql = A({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: () => `headlessui-label-${te()}` } }, setup(e, { slots: t, attrs: l }) {
   let r = rn();
   return U(() => se(r.register(e.id))), () => {
-    let { name: n = "Label", slot: l = {}, props: a = {} } = r, { id: i, passive: s, ...u } = e, d = { ...Object.entries(a).reduce((m, [v, p]) => Object.assign(m, { [v]: C(p) }), {}), id: i };
-    return s && (delete d.onClick, delete d.htmlFor, delete u.onClick), B({ ourProps: d, theirProps: u, slot: l, attrs: o, slots: t, name: n });
+    let { name: n = "Label", slot: o = {}, props: a = {} } = r, { id: i, passive: s, ...u } = e, d = { ...Object.entries(a).reduce((m, [v, p]) => Object.assign(m, { [v]: C(p) }), {}), id: i };
+    return s && (delete d.onClick, delete d.htmlFor, delete u.onClick), B({ ourProps: d, theirProps: u, slot: o, attrs: l, slots: t, name: n });
   };
-} }), an = Symbol("GroupContext"), Wo = A({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: o }) {
-  let r = w(null), n = qo({ name: "SwitchLabel", props: { htmlFor: y(() => {
+} }), an = Symbol("GroupContext"), zl = A({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: l }) {
+  let r = w(null), n = Ul({ name: "SwitchLabel", props: { htmlFor: y(() => {
     var a;
     return (a = r.value) == null ? void 0 : a.id;
   }), onClick(a) {
     r.value && (a.currentTarget.tagName === "LABEL" && a.preventDefault(), r.value.click(), r.value.focus({ preventScroll: !0 }));
-  } } }), l = nn({ name: "SwitchDescription" });
-  return ie(an, { switchRef: r, labelledby: n, describedby: l }), () => B({ theirProps: e, ourProps: {}, slot: {}, slots: t, attrs: o, name: "SwitchGroup" });
-} }), Ko = A({ name: "Switch", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "button" }, modelValue: { type: Boolean, default: void 0 }, defaultChecked: { type: Boolean, optional: !0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, value: { type: String, optional: !0 }, id: { type: String, default: () => `headlessui-switch-${te()}` } }, inheritAttrs: !1, setup(e, { emit: t, attrs: o, slots: r, expose: n }) {
-  let l = ne(an, null), [a, i] = Vt(y(() => e.modelValue), (f) => t("update:modelValue", f), y(() => e.defaultChecked));
+  } } }), o = nn({ name: "SwitchDescription" });
+  return ie(an, { switchRef: r, labelledby: n, describedby: o }), () => B({ theirProps: e, ourProps: {}, slot: {}, slots: t, attrs: l, name: "SwitchGroup" });
+} }), Wl = A({ name: "Switch", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "button" }, modelValue: { type: Boolean, default: void 0 }, defaultChecked: { type: Boolean, optional: !0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, value: { type: String, optional: !0 }, id: { type: String, default: () => `headlessui-switch-${te()}` } }, inheritAttrs: !1, setup(e, { emit: t, attrs: l, slots: r, expose: n }) {
+  let o = ne(an, null), [a, i] = Vt(y(() => e.modelValue), (f) => t("update:modelValue", f), y(() => e.defaultChecked));
   function s() {
     i(!a.value);
   }
-  let u = w(null), d = l === null ? u : l.switchRef, m = ut(y(() => ({ as: e.as, type: o.type })), d);
+  let u = w(null), d = o === null ? u : o.switchRef, m = ut(y(() => ({ as: e.as, type: l.type })), d);
   n({ el: d, $el: d });
   function v(f) {
     f.preventDefault(), s();
@@ -1710,15 +1710,15 @@ let zo = A({ name: "Label", props: { as: { type: [Object, String], default: "lab
       };
     }, { immediate: !0 });
   }), () => {
-    let { id: f, name: $, value: M, form: D, ...X } = e, Q = { checked: a.value }, _ = { id: f, ref: d, role: "switch", type: m.value, tabIndex: 0, "aria-checked": a.value, "aria-labelledby": l == null ? void 0 : l.labelledby.value, "aria-describedby": l == null ? void 0 : l.describedby.value, onClick: v, onKeyup: p, onKeypress: b };
-    return q(Z, [$ != null && a.value != null ? q(je, Et({ features: De.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: a.value, form: D, name: $, value: M })) : null, B({ ourProps: _, theirProps: { ...o, ...Ae(X, ["modelValue", "defaultChecked"]) }, slot: Q, attrs: o, slots: r, name: "Switch" })]);
+    let { id: f, name: $, value: M, form: D, ...X } = e, Q = { checked: a.value }, _ = { id: f, ref: d, role: "switch", type: m.value, tabIndex: 0, "aria-checked": a.value, "aria-labelledby": o == null ? void 0 : o.labelledby.value, "aria-describedby": o == null ? void 0 : o.describedby.value, onClick: v, onKeyup: p, onKeypress: b };
+    return q(Z, [$ != null && a.value != null ? q(je, Et({ features: De.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: a.value, form: D, name: $, value: M })) : null, B({ ourProps: _, theirProps: { ...l, ...Ae(X, ["modelValue", "defaultChecked"]) }, slot: Q, attrs: l, slots: r, name: "Switch" })]);
   };
-} }), Jo = zo;
-function Go(e) {
+} }), Kl = ql;
+function Jl(e) {
   let t = { called: !1 };
-  return (...o) => {
+  return (...l) => {
     if (!t.called)
-      return t.called = !0, e(...o);
+      return t.called = !0, e(...l);
   };
 }
 function Ze(e, ...t) {
@@ -1728,38 +1728,38 @@ function We(e, ...t) {
   e && t.length > 0 && e.classList.remove(...t);
 }
 var rt = ((e) => (e.Finished = "finished", e.Cancelled = "cancelled", e))(rt || {});
-function Xo(e, t) {
-  let o = Ne();
+function Gl(e, t) {
+  let l = Ne();
   if (!e)
-    return o.dispose;
-  let { transitionDuration: r, transitionDelay: n } = getComputedStyle(e), [l, a] = [r, n].map((i) => {
+    return l.dispose;
+  let { transitionDuration: r, transitionDelay: n } = getComputedStyle(e), [o, a] = [r, n].map((i) => {
     let [s = 0] = i.split(",").filter(Boolean).map((u) => u.includes("ms") ? parseFloat(u) : parseFloat(u) * 1e3).sort((u, d) => d - u);
     return s;
   });
-  return l !== 0 ? o.setTimeout(() => t("finished"), l + a) : t("finished"), o.add(() => t("cancelled")), o.dispose;
+  return o !== 0 ? l.setTimeout(() => t("finished"), o + a) : t("finished"), l.add(() => t("cancelled")), l.dispose;
 }
-function Ct(e, t, o, r, n, l) {
-  let a = Ne(), i = l !== void 0 ? Go(l) : () => {
+function Ct(e, t, l, r, n, o) {
+  let a = Ne(), i = o !== void 0 ? Jl(o) : () => {
   };
-  return We(e, ...n), Ze(e, ...t, ...o), a.nextFrame(() => {
-    We(e, ...o), Ze(e, ...r), a.add(Xo(e, (s) => (We(e, ...r, ...t), Ze(e, ...n), i(s))));
-  }), a.add(() => We(e, ...t, ...o, ...r, ...n)), a.add(() => i("cancelled")), a.dispose;
+  return We(e, ...n), Ze(e, ...t, ...l), a.nextFrame(() => {
+    We(e, ...l), Ze(e, ...r), a.add(Gl(e, (s) => (We(e, ...r, ...t), Ze(e, ...n), i(s))));
+  }), a.add(() => We(e, ...t, ...l, ...r, ...n)), a.add(() => i("cancelled")), a.dispose;
 }
 function ke(e = "") {
   return e.split(" ").filter((t) => t.trim().length > 1);
 }
 let pt = Symbol("TransitionContext");
-var Qo = ((e) => (e.Visible = "visible", e.Hidden = "hidden", e))(Qo || {});
-function Zo() {
+var Xl = ((e) => (e.Visible = "visible", e.Hidden = "hidden", e))(Xl || {});
+function Ql() {
   return ne(pt, null) !== null;
 }
-function el() {
+function Zl() {
   let e = ne(pt, null);
   if (e === null)
     throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
   return e;
 }
-function tl() {
+function eo() {
   let e = ne(mt, null);
   if (e === null)
     throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
@@ -1770,41 +1770,41 @@ function Je(e) {
   return "children" in e ? Je(e.children) : e.value.filter(({ state: t }) => t === "visible").length > 0;
 }
 function sn(e) {
-  let t = w([]), o = w(!1);
-  U(() => o.value = !0), se(() => o.value = !1);
-  function r(l, a = xe.Hidden) {
-    let i = t.value.findIndex(({ id: s }) => s === l);
+  let t = w([]), l = w(!1);
+  U(() => l.value = !0), se(() => l.value = !1);
+  function r(o, a = xe.Hidden) {
+    let i = t.value.findIndex(({ id: s }) => s === o);
     i !== -1 && (K(a, { [xe.Unmount]() {
       t.value.splice(i, 1);
     }, [xe.Hidden]() {
       t.value[i].state = "hidden";
-    } }), !Je(t) && o.value && (e == null || e()));
+    } }), !Je(t) && l.value && (e == null || e()));
   }
-  function n(l) {
-    let a = t.value.find(({ id: i }) => i === l);
-    return a ? a.state !== "visible" && (a.state = "visible") : t.value.push({ id: l, state: "visible" }), () => r(l, xe.Unmount);
+  function n(o) {
+    let a = t.value.find(({ id: i }) => i === o);
+    return a ? a.state !== "visible" && (a.state = "visible") : t.value.push({ id: o, state: "visible" }), () => r(o, xe.Unmount);
   }
   return { children: t, register: n, unregister: r };
 }
-let un = me.RenderStrategy, at = A({ 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: o, slots: r, expose: n }) {
-  let l = w(0);
+let un = me.RenderStrategy, at = A({ 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: l, slots: r, expose: n }) {
+  let o = w(0);
   function a() {
-    l.value |= z.Opening, t("beforeEnter");
+    o.value |= z.Opening, t("beforeEnter");
   }
   function i() {
-    l.value &= ~z.Opening, t("afterEnter");
+    o.value &= ~z.Opening, t("afterEnter");
   }
   function s() {
-    l.value |= z.Closing, t("beforeLeave");
+    o.value |= z.Closing, t("beforeLeave");
   }
   function u() {
-    l.value &= ~z.Closing, t("afterLeave");
+    o.value &= ~z.Closing, t("afterLeave");
   }
-  if (!Zo() && Vn())
+  if (!Ql() && Vn())
     return () => q(dn, { ...e, onBeforeEnter: a, onAfterEnter: i, onBeforeLeave: s, onAfterLeave: u }, r);
   let d = w(null), m = y(() => e.unmount ? xe.Unmount : xe.Hidden);
   n({ el: d, $el: d });
-  let { show: v, appear: p } = el(), { register: b, unregister: h } = tl(), f = w(v.value ? "visible" : "hidden"), $ = { value: !0 }, M = te(), D = { value: !1 }, X = sn(() => {
+  let { show: v, appear: p } = Zl(), { register: b, unregister: h } = eo(), f = w(v.value ? "visible" : "hidden"), $ = { value: !0 }, M = te(), D = { value: !1 }, X = sn(() => {
     !D.value && f.value !== "hidden" && (f.value = "hidden", h(M), u());
   });
   U(() => {
@@ -1841,29 +1841,29 @@ let un = me.RenderStrategy, at = A({ props: { as: { type: [Object, String], defa
     be([v], (ae, Te, ge) => {
       de(ge), $.value = !1;
     }, { immediate: !0 });
-  }), ie(mt, X), st(y(() => K(f.value, { visible: z.Open, hidden: z.Closed }) | l.value)), () => {
-    let { appear: ae, show: Te, enter: ge, enterFrom: _e, enterTo: F, entered: J, leave: ce, leaveFrom: fe, leaveTo: qe, ...he } = e, hn = { ref: d }, bn = { ...he, ...p.value && v.value && Be.isServer ? { class: R([o.class, he.class, ...Q, ..._]) } : {} };
-    return B({ theirProps: bn, ourProps: hn, slot: {}, slots: r, attrs: o, features: un, visible: f.value === "visible", name: "TransitionChild" });
+  }), ie(mt, X), st(y(() => K(f.value, { visible: z.Open, hidden: z.Closed }) | o.value)), () => {
+    let { appear: ae, show: Te, enter: ge, enterFrom: _e, enterTo: F, entered: J, leave: ce, leaveFrom: fe, leaveTo: qe, ...he } = e, hn = { ref: d }, bn = { ...he, ...p.value && v.value && Be.isServer ? { class: R([l.class, he.class, ...Q, ..._]) } : {} };
+    return B({ theirProps: bn, ourProps: hn, slot: {}, slots: r, attrs: l, features: un, visible: f.value === "visible", name: "TransitionChild" });
   };
-} }), nl = at, dn = A({ 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: o, slots: r }) {
-  let n = Fe(), l = y(() => e.show === null && n !== null ? (n.value & z.Open) === z.Open : e.show);
+} }), to = at, dn = A({ 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: l, slots: r }) {
+  let n = Fe(), o = y(() => e.show === null && n !== null ? (n.value & z.Open) === z.Open : e.show);
   ee(() => {
-    if (![!0, !1].includes(l.value))
+    if (![!0, !1].includes(o.value))
       throw new Error('A <Transition /> is used but it is missing a `:show="true | false"` prop.');
   });
-  let a = w(l.value ? "visible" : "hidden"), i = sn(() => {
+  let a = w(o.value ? "visible" : "hidden"), i = sn(() => {
     a.value = "hidden";
-  }), s = w(!0), u = { show: l, appear: y(() => e.appear || !s.value) };
+  }), s = w(!0), u = { show: o, appear: y(() => e.appear || !s.value) };
   return U(() => {
     ee(() => {
-      s.value = !1, l.value ? a.value = "visible" : Je(i) || (a.value = "hidden");
+      s.value = !1, o.value ? a.value = "visible" : Je(i) || (a.value = "hidden");
     });
   }), ie(mt, i), ie(pt, u), () => {
     let d = Ae(e, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), m = { unmount: e.unmount };
-    return B({ ourProps: { ...m, as: "template" }, theirProps: {}, slot: {}, slots: { ...r, default: () => [q(nl, { onBeforeEnter: () => t("beforeEnter"), onAfterEnter: () => t("afterEnter"), onBeforeLeave: () => t("beforeLeave"), onAfterLeave: () => t("afterLeave"), ...o, ...m, ...d }, r.default)] }, attrs: {}, features: un, visible: a.value === "visible", name: "Transition" });
+    return B({ ourProps: { ...m, as: "template" }, theirProps: {}, slot: {}, slots: { ...r, default: () => [q(to, { onBeforeEnter: () => t("beforeEnter"), onAfterEnter: () => t("afterEnter"), onBeforeLeave: () => t("beforeLeave"), onAfterLeave: () => t("afterLeave"), ...l, ...m, ...d }, r.default)] }, attrs: {}, features: un, visible: a.value === "visible", name: "Transition" });
   };
 } });
-function ol(e, t) {
+function no(e, t) {
   return g(), x("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1911,7 +1911,7 @@ function gt(e, t) {
     })
   ]);
 }
-function ll(e, t) {
+function lo(e, t) {
   return g(), x("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1927,7 +1927,7 @@ function ll(e, t) {
     })
   ]);
 }
-function rl(e, t) {
+function oo(e, t) {
   return g(), x("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1959,7 +1959,7 @@ function fn(e, t) {
     })
   ]);
 }
-function al(e, t) {
+function ro(e, t) {
   return g(), x("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -1975,7 +1975,7 @@ function al(e, t) {
     })
   ]);
 }
-function il(e, t) {
+function ao(e, t) {
   return g(), x("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2007,7 +2007,7 @@ function Ge(e, t) {
     })
   ]);
 }
-function sl(e, t) {
+function io(e, t) {
   return g(), x("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2023,7 +2023,7 @@ function sl(e, t) {
     })
   ]);
 }
-function ul(e, t) {
+function so(e, t) {
   return g(), x("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -2087,9 +2087,9 @@ function it(e, t) {
     })
   ]);
 }
-const dl = { class: "py-1" }, cl = ["onClick"], fl = {
+const uo = { class: "py-1" }, co = ["onClick"], fo = {
   name: "uiDropdown"
-}, pn = /* @__PURE__ */ Object.assign(fl, {
+}, pn = /* @__PURE__ */ Object.assign(fo, {
   props: {
     /**
      * Array de elementos que componen el dropdown
@@ -2116,22 +2116,22 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
   },
   emits: ["optionSelected"],
   setup(e, { emit: t }) {
-    const o = e, r = y(() => {
-      let l = o.items.find((a) => a.active === !0);
-      return l ? l.name : o.label;
-    }), n = (l) => {
-      o.disabled || t("optionSelected", l.value);
+    const l = e, r = y(() => {
+      let o = l.items.find((a) => a.active === !0);
+      return o ? o.name : l.label;
+    }), n = (o) => {
+      l.disabled || t("optionSelected", o.value);
     };
-    return (l, a) => (g(), le(C(Ho), {
+    return (o, a) => (g(), oe(C(Nl), {
       as: "div",
       class: R(["relative inline-block text-left", { "opacity-25": e.disabled }])
     }, {
       default: Y(() => [
         c("div", null, [
-          S(C(Vo), { class: "inline-flex justify-center w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500" }, {
+          S(C(Hl), { class: "inline-flex justify-center w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500" }, {
             default: Y(() => [
               ye(O(r.value) + " ", 1),
-              S(C(ll), {
+              S(C(lo), {
                 "aria-hidden": "true",
                 class: "-mr-1 ml-2 h-5 w-5"
               })
@@ -2148,13 +2148,13 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
           "leave-to-class": "transform opacity-0 scale-95"
         }, {
           default: Y(() => [
-            e.disabled ? W("", !0) : (g(), le(C(Yo), {
+            e.disabled ? W("", !0) : (g(), oe(C(Vl), {
               key: 0,
               class: R([{ "right-0": e.position === "right", "left-0": e.position === "left" }, "origin-top-right absolute mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none z-10"])
             }, {
               default: Y(() => [
-                c("div", dl, [
-                  (g(!0), x(Z, null, ue(e.items, (i, s) => (g(), le(C(Uo), { key: s }, {
+                c("div", uo, [
+                  (g(!0), x(Z, null, ue(e.items, (i, s) => (g(), oe(C(Yl), { key: s }, {
                     default: Y(() => [
                       c("a", {
                         onClick: (u) => n(i),
@@ -2162,7 +2162,7 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
                           i.active ? "bg-gray-100 text-gray-900" : "text-gray-700",
                           "block px-4 py-2 text-sm cursor-pointer"
                         ])
-                      }, O(i.name), 11, cl)
+                      }, O(i.name), 11, co)
                     ]),
                     _: 2
                   }, 1024))), 128))
@@ -2177,21 +2177,21 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
       _: 1
     }, 8, ["class"]));
   }
-}), vl = { class: "flex justify-between" }, pl = {
+}), vo = { class: "flex justify-between" }, po = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
-}, ml = {
+}, mo = {
   key: 1,
   class: "text-[10px] text-gray-500 uppercase justify-self-end"
-}, gl = {
+}, go = {
   key: 0,
   class: "inline-flex items-center px-3 rounded-l-md border border-r-0 border-gray-300 bg-gray-50 text-gray-500 sm:text-sm"
-}, hl = ["disabled", "name", "placeholder", "type"], bl = {
+}, ho = ["disabled", "name", "placeholder", "type"], bo = {
   key: 1,
   class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none"
-}, yl = {
+}, yo = {
   name: "uiInput"
-}, xl = /* @__PURE__ */ Object.assign(yl, {
+}, xo = /* @__PURE__ */ Object.assign(yo, {
   props: {
     /**
      * Texto sobre el campo
@@ -2256,18 +2256,18 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
   },
   emits: ["inputChanged"],
   setup(e, { emit: t }) {
-    const o = e, r = (l) => {
-      t("inputChanged", { value: l.target.value, name: l.target.name });
-    }, n = w(o.value);
-    return (l, a) => (g(), x("div", null, [
-      c("div", vl, [
-        e.label ? (g(), x("label", pl, O(e.label), 1)) : W("", !0),
-        e.optional ? (g(), x("span", ml, O(e.optional), 1)) : W("", !0)
+    const l = e, r = (o) => {
+      t("inputChanged", { value: o.target.value, name: o.target.name });
+    }, n = w(l.value);
+    return (o, a) => (g(), x("div", null, [
+      c("div", vo, [
+        e.label ? (g(), x("label", po, O(e.label), 1)) : W("", !0),
+        e.optional ? (g(), x("span", mo, O(e.optional), 1)) : W("", !0)
       ]),
       c("div", {
         class: R([{ "mt-1": e.label }, "relative flex"])
       }, [
-        e.addOn ? (g(), x("span", gl, O(e.addOn), 1)) : W("", !0),
+        e.addOn ? (g(), x("span", go, O(e.addOn), 1)) : W("", !0),
         G(c("input", {
           "onUpdate:modelValue": a[0] || (a[0] = (i) => n.value = i),
           class: R([{
@@ -2288,10 +2288,10 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
           placeholder: e.placeholder,
           type: e.type,
           onInput: r
-        }, null, 42, hl), [
+        }, null, 42, ho), [
           [$n, n.value]
         ]),
-        e.icon ? (g(), x("div", bl, [
+        e.icon ? (g(), x("div", bo, [
           S(ve, {
             icon: e.icon,
             color: e.color
@@ -2309,7 +2309,7 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
             [re, e.color === "warning"]
           ]),
           G(S(ve, {
-            icon: C(il),
+            icon: C(ao),
             color: "red"
           }, null, 8, ["icon"]), [
             [re, e.color === "danger"]
@@ -2335,18 +2335,18 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
       ])
     ]));
   }
-}), wl = { class: "flex justify-between" }, Sl = {
+}), wo = { class: "flex justify-between" }, So = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
-}, kl = {
+}, ko = {
   key: 1,
   class: "text-[10px] text-gray-500 uppercase"
-}, $l = ["onDrop"], Cl = { class: "space-y-1 flex flex-col items-center justify-center" }, _l = { class: "flex text-sm text-gray-600 flex flex-col sm:flex-row text-center" }, Ol = {
+}, $o = ["onDrop"], Co = { class: "space-y-1 flex flex-col items-center justify-center" }, _o = { class: "flex text-sm text-gray-600 flex flex-col sm:flex-row text-center" }, Oo = {
   for: "file-upload",
   class: "relative cursor-pointer rounded-md font-medium text-indigo-600 focus-within:outline-none focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:text-indigo-500"
-}, Dl = ["accept"], Ml = { class: "pl-1" }, Tl = { class: "text-xs text-gray-500 pb-4" }, El = { class: "mt-2 text-xs flex flex-row items-center text-red-300" }, Pl = {
+}, Do = ["accept"], Mo = { class: "pl-1" }, To = { class: "text-xs text-gray-500 pb-4" }, Eo = { class: "mt-2 text-xs flex flex-row items-center text-red-300" }, Po = {
   name: "uiInputFile"
-}, Ll = /* @__PURE__ */ Object.assign(Pl, {
+}, Lo = /* @__PURE__ */ Object.assign(Po, {
   props: {
     name: String,
     label: String,
@@ -2358,21 +2358,21 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
     accept: String,
     icon: {
       type: Function,
-      default: ol
+      default: no
     }
   },
   emits: ["filesUploaded"],
   setup(e, { emit: t }) {
-    const o = e, r = w(""), n = (a) => {
+    const l = e, r = w(""), n = (a) => {
       let s = a.dataTransfer.files;
-      t("filesUploaded", s), o.filename = s[0].name;
-    }, l = (a) => {
-      t("filesUploaded", a.target.files), o.filename = a.target.files[0].name;
+      t("filesUploaded", s), l.filename = s[0].name;
+    }, o = (a) => {
+      t("filesUploaded", a.target.files), l.filename = a.target.files[0].name;
     };
     return (a, i) => (g(), x("div", null, [
-      c("div", wl, [
-        e.label ? (g(), x("label", Sl, O(e.label), 1)) : W("", !0),
-        e.optional ? (g(), x("span", kl, O(e.optional), 1)) : W("", !0)
+      c("div", wo, [
+        e.label ? (g(), x("label", So, O(e.label), 1)) : W("", !0),
+        e.optional ? (g(), x("span", ko, O(e.optional), 1)) : W("", !0)
       ]),
       c("div", {
         class: R([
@@ -2387,7 +2387,7 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
         }, ["prevent"])),
         onDrop: ht(n, ["prevent"])
       }, [
-        c("div", Cl, [
+        c("div", Co, [
           S(ve, {
             icon: e.icon,
             size: "massive",
@@ -2395,8 +2395,8 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
             "aria-hidden": "true",
             class: "mb-4"
           }, null, 8, ["icon"]),
-          c("div", _l, [
-            c("label", Ol, [
+          c("div", _o, [
+            c("label", Oo, [
               c("span", null, O(e.placeholder), 1),
               c("input", {
                 id: "file-upload",
@@ -2404,18 +2404,18 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
                 type: "file",
                 class: "sr-only",
                 accept: e.accept,
-                onChange: l
-              }, null, 40, Dl)
+                onChange: o
+              }, null, 40, Do)
             ]),
-            c("p", Ml, O(e.dragAndDrop), 1)
+            c("p", Mo, O(e.dragAndDrop), 1)
           ]),
-          c("p", Tl, O(e.fileTypesAndSizes), 1),
+          c("p", To, O(e.fileTypesAndSizes), 1),
           G(c("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, O(r.value), 513), [
             [re, r.value !== ""]
           ])
         ])
-      ], 42, $l),
-      G(c("p", El, [
+      ], 42, $o),
+      G(c("p", Eo, [
         S(ve, {
           icon: C(Ve),
           color: "red",
@@ -2427,9 +2427,9 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
       ])
     ]));
   }
-}), Rl = { class: "relative mt-1" }, jl = {
+}), Ro = { class: "relative mt-1" }, jo = {
   name: "uiSelect"
-}, Il = /* @__PURE__ */ Object.assign(jl, {
+}, Io = /* @__PURE__ */ Object.assign(jo, {
   props: {
     /**
      * Array de Items del select
@@ -2449,10 +2449,10 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
   },
   emits: ["selectChanged"],
   setup(e, { emit: t }) {
-    const o = e, r = w(""), n = w(o.select), l = y(() => r.value === "" ? o.items : o.items.filter((i) => i.name.toLowerCase().includes(r.value.toLowerCase()))), a = () => {
+    const l = e, r = w(""), n = w(l.select), o = y(() => r.value === "" ? l.items : l.items.filter((i) => i.name.toLowerCase().includes(r.value.toLowerCase()))), a = () => {
       t("selectChanged", n.value);
     };
-    return (i, s) => (g(), le(C(lo), {
+    return (i, s) => (g(), oe(C(ol), {
       modelValue: n.value,
       "onUpdate:modelValue": [
         s[1] || (s[1] = (u) => n.value = u),
@@ -2462,33 +2462,33 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
       onClick: s[2] || (s[2] = (u) => a())
     }, {
       default: Y(() => [
-        S(C(ro), { class: "block text-sm font-medium text-gray-700" }, {
+        S(C(rl), { class: "block text-sm font-medium text-gray-700" }, {
           default: Y(() => [
             ye(O(e.label), 1)
           ]),
           _: 1
         }),
-        c("div", Rl, [
-          S(C(io), {
+        c("div", Ro, [
+          S(C(il), {
             "display-value": (u) => u == null ? void 0 : u.name,
             class: "w-full rounded-md border border-gray-300 bg-white py-2 pl-3 pr-10 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm",
             onChange: s[0] || (s[0] = (u) => r.value = u.target.value)
           }, null, 8, ["display-value"]),
-          S(C(ao), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
+          S(C(al), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
             default: Y(() => [
-              S(C(al), {
+              S(C(ro), {
                 "aria-hidden": "true",
                 class: "h-5 w-5 text-gray-400"
               })
             ]),
             _: 1
           }),
-          l.value.length > 0 ? (g(), le(C(so), {
+          o.value.length > 0 ? (g(), oe(C(sl), {
             key: 0,
             class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
           }, {
             default: Y(() => [
-              (g(!0), x(Z, null, ue(l.value, (u) => (g(), le(C(uo), {
+              (g(!0), x(Z, null, ue(o.value, (u) => (g(), oe(C(ul), {
                 key: u.id,
                 value: u,
                 as: "template"
@@ -2527,9 +2527,9 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Al = {
+}), Ao = {
   name: "uiTag"
-}, mn = /* @__PURE__ */ Object.assign(Al, {
+}, mn = /* @__PURE__ */ Object.assign(Ao, {
   props: {
     /**
      * Color del tag
@@ -2540,7 +2540,7 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
     }
   },
   setup(e) {
-    return (t, o) => (g(), x("span", {
+    return (t, l) => (g(), x("span", {
       class: R([{
         "bg-indigo-100 text-indigo-800 border border-indigo-200": e.color === "primary",
         "bg-red-100 text-red-800 border border-red-200": e.color === "danger",
@@ -2553,12 +2553,12 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
       Ie(t.$slots, "default")
     ], 2));
   }
-}), Fl = {
+}), Fo = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
-}, Bl = ["disabled", "placeholder"], Nl = {
+}, Bo = ["disabled", "placeholder"], No = {
   name: "uiTextArea"
-}, Hl = /* @__PURE__ */ Object.assign(Nl, {
+}, Ho = /* @__PURE__ */ Object.assign(No, {
   props: {
     /**
      * Nombre del Campo de texto
@@ -2593,11 +2593,11 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
   },
   emits: ["inputChanged"],
   setup(e, { emit: t }) {
-    const o = e, r = (l) => {
-      t("inputChanged", { value: l.target.value, name: l.target.value });
-    }, n = w(o.value);
-    return (l, a) => (g(), x("div", null, [
-      e.label ? (g(), x("label", Fl, O(e.label), 1)) : W("", !0),
+    const l = e, r = (o) => {
+      t("inputChanged", { value: o.target.value, name: o.target.value });
+    }, n = w(l.value);
+    return (o, a) => (g(), x("div", null, [
+      e.label ? (g(), x("label", Fo, O(e.label), 1)) : W("", !0),
       c("div", {
         class: R({ "mt-1": e.label })
       }, [
@@ -2618,7 +2618,7 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
             "text-green-400": e.color === "success"
           }]),
           onChange: r
-        }, null, 42, Bl), [
+        }, null, 42, Bo), [
           [Cn, n.value]
         ])
       ], 2),
@@ -2641,12 +2641,12 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
       ])
     ]));
   }
-}), Vl = { class: "text-sm font-medium text-gray-900" }, Yl = {
+}), Vo = { class: "text-sm font-medium text-gray-900" }, Yo = {
   key: 0,
   class: "text-sm text-gray-500 ml-2"
-}, Ul = {
+}, Uo = {
   name: "uiToggle"
-}, ql = /* @__PURE__ */ Object.assign(Ul, {
+}, qo = /* @__PURE__ */ Object.assign(Uo, {
   props: {
     /**
      * Item del toggle
@@ -2671,19 +2671,19 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
     }
   },
   setup(e) {
-    const o = w(e.checked);
-    return (r, n) => (g(), le(C(Wo), {
+    const l = w(e.checked);
+    return (r, n) => (g(), oe(C(zl), {
       as: "div",
       class: "flex items-center relative"
     }, {
       default: Y(() => [
-        S(C(Ko), {
+        S(C(Wl), {
           disabled: e.disabled,
-          onClick: n[0] || (n[0] = (l) => r.$emit("toggleChanged", { item: e.item, active: !o.value })),
-          modelValue: o.value,
-          "onUpdate:modelValue": n[1] || (n[1] = (l) => o.value = l),
+          onClick: n[0] || (n[0] = (o) => r.$emit("toggleChanged", { item: e.item, active: !l.value })),
+          modelValue: l.value,
+          "onUpdate:modelValue": n[1] || (n[1] = (o) => l.value = o),
           class: R([
-            o.value ? "bg-indigo-600" : "bg-gray-200",
+            l.value ? "bg-indigo-600" : "bg-gray-200",
             "relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2"
           ])
         }, {
@@ -2691,7 +2691,7 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
             c("span", {
               "aria-hidden": "true",
               class: R([
-                o.value ? "translate-x-5" : "translate-x-0",
+                l.value ? "translate-x-5" : "translate-x-0",
                 e.disabled ? "bg-gray-300" : "",
                 "pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out"
               ])
@@ -2699,28 +2699,28 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
           ]),
           _: 1
         }, 8, ["disabled", "modelValue", "class"]),
-        S(C(Jo), {
+        S(C(Kl), {
           as: "span",
           class: "ml-3"
         }, {
           default: Y(() => [
-            c("span", Vl, O(e.item.title), 1),
-            e.item.subtitle ? (g(), x("span", Yl, O(e.item.subtitle), 1)) : W("", !0)
+            c("span", Vo, O(e.item.title), 1),
+            e.item.subtitle ? (g(), x("span", Yo, O(e.item.subtitle), 1)) : W("", !0)
           ]),
           _: 1
         }),
         e.item.action ? (g(), x("span", {
           key: 0,
           class: "cursor-pointer text-indigo-600 hover:text-indigo-400 uppercase text-xs absolute right-0 bottom-0.5",
-          onClick: n[2] || (n[2] = (l) => r.$emit("actionClicked", e.item))
+          onClick: n[2] || (n[2] = (o) => r.$emit("actionClicked", e.item))
         }, O(e.item.action), 1)) : W("", !0)
       ]),
       _: 1
     }));
   }
-}), zl = { class: "flex flex-col" }, Wl = { class: "flex" }, Kl = { class: "flex-shrink-0" }, Jl = { class: "ml-3" }, Gl = { class: "mt-4" }, Xl = { class: "-mx-2 -my-1.5 flex" }, Ql = ["onClick"], Zl = {
+}), zo = { class: "flex flex-col" }, Wo = { class: "flex" }, Ko = { class: "flex-shrink-0" }, Jo = { class: "ml-3" }, Go = { class: "mt-4" }, Xo = { class: "-mx-2 -my-1.5 flex" }, Qo = ["onClick"], Zo = {
   name: "uiAlert"
-}, er = /* @__PURE__ */ Object.assign(Zl, {
+}, er = /* @__PURE__ */ Object.assign(Zo, {
   props: {
     /**
      * Acciones que se pueden hacer en la notificación
@@ -2743,7 +2743,7 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
     }
   },
   setup(e) {
-    return (t, o) => (g(), x("div", zl, [
+    return (t, l) => (g(), x("div", zo, [
       c("div", {
         class: R([{
           "bg-indigo-50 border-indigo-400": e.type === "info",
@@ -2752,30 +2752,30 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
           "bg-green-50 border-green-400": e.type === "success"
         }, "p-4 border-l-4"])
       }, [
-        c("div", Wl, [
-          c("div", Kl, [
-            e.type === "info" ? (g(), le(C(vn), {
+        c("div", Wo, [
+          c("div", Ko, [
+            e.type === "info" ? (g(), oe(C(vn), {
               key: 0,
               class: "h-8 w-8 text-indigo-400",
               "aria-hidden": "true"
             })) : W("", !0),
-            e.type === "danger" ? (g(), le(C(Ve), {
+            e.type === "danger" ? (g(), oe(C(Ve), {
               key: 1,
               class: "h-8 w-8 text-red-400",
               "aria-hidden": "true"
             })) : W("", !0),
-            e.type === "warning" ? (g(), le(C(Ge), {
+            e.type === "warning" ? (g(), oe(C(Ge), {
               key: 2,
               class: "h-8 w-8 text-yellow-400",
               "aria-hidden": "true"
             })) : W("", !0),
-            e.type === "success" ? (g(), le(C(cn), {
+            e.type === "success" ? (g(), oe(C(cn), {
               key: 3,
               class: "h-8 w-8 text-green-400",
               "aria-hidden": "true"
             })) : W("", !0)
           ]),
-          c("div", Jl, [
+          c("div", Jo, [
             c("h3", {
               class: R([{
                 "text-red-800": e.type === "danger",
@@ -2792,10 +2792,10 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
             }, [
               Ie(t.$slots, "default")
             ], 2),
-            c("div", Gl, [
-              c("div", Xl, [
+            c("div", Go, [
+              c("div", Xo, [
                 (g(!0), x(Z, null, ue(e.actions, (r, n) => (g(), x("button", {
-                  onClick: (l) => t.$emit("alertEvent", r.event),
+                  onClick: (o) => t.$emit("alertEvent", r.event),
                   type: "button",
                   key: n,
                   class: R([
@@ -2807,7 +2807,7 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
                     },
                     "px-2 py-1.5 text-sm font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2"
                   ])
-                }, O(r.name), 11, Ql))), 128))
+                }, O(r.name), 11, Qo))), 128))
               ])
             ])
           ])
@@ -2821,7 +2821,7 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
 }, nr = {
   role: "list",
   class: "flex items-center space-x-4 text-xs"
-}, or = { key: 0 }, lr = ["onClick"], rr = {
+}, lr = { key: 0 }, or = ["onClick"], rr = {
   key: 1,
   class: "flex items-center"
 }, ar = ["onClick", "aria-current"], ir = {
@@ -2835,27 +2835,27 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
     required: !0
   },
   setup(e) {
-    return (t, o) => (g(), x("nav", tr, [
+    return (t, l) => (g(), x("nav", tr, [
       c("ol", nr, [
         (g(!0), x(Z, null, ue(e.pages, (r, n) => (g(), x("li", { key: n }, [
-          n === 0 ? (g(), x("div", or, [
+          n === 0 ? (g(), x("div", lr, [
             c("p", {
-              onClick: (l) => t.$emit("breadCrumbClicked", r.routeName),
+              onClick: (o) => t.$emit("breadCrumbClicked", r.routeName),
               class: "flex flex-row items-center justify-center text-indigo-600 hover:text-indigo-800 cursor-pointer"
             }, [
-              S(C(ul), {
+              S(C(so), {
                 class: "flex-shrink-0 h-3 w-3 text-gray-400 mr-4",
                 "aria-hidden": "true"
               }),
               c("span", null, O(r.name), 1)
-            ], 8, lr)
+            ], 8, or)
           ])) : (g(), x("div", rr, [
             S(C(fn), {
               class: "flex-shrink-0 h-3 w-3 text-gray-400",
               "aria-hidden": "true"
             }),
             c("span", {
-              onClick: (l) => t.$emit("breadCrumbClicked", r.routeName),
+              onClick: (o) => t.$emit("breadCrumbClicked", r.routeName),
               class: R(["cursor-pointer ml-4 text-xs text-gray-400 hover:text-gray-500", { "text-indigo-600 hover:text-indigo-800": !r.current }]),
               "aria-current": r.current ? "page" : ""
             }, O(r.name), 11, ar)
@@ -2884,11 +2884,11 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
     logo: String
   },
   setup(e) {
-    return (t, o) => {
+    return (t, l) => {
       var r;
       return g(), x("div", {
         class: "rounded-lg bg-white shadow p-6 cursor-pointer",
-        onClick: o[0] || (o[0] = (n) => t.$emit("cardSelected", { id: e.id, name: e.name, type: e.type, tags: e.tags }))
+        onClick: l[0] || (l[0] = (n) => t.$emit("cardSelected", { id: e.id, name: e.name, type: e.type, tags: e.tags }))
       }, [
         c("div", ur, [
           c("img", {
@@ -2901,7 +2901,7 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
           ])
         ]),
         ((r = e.tags) == null ? void 0 : r.length) > 0 ? (g(), x("div", vr, [
-          (g(!0), x(Z, null, ue(e.tags, (n) => (g(), le(mn, {
+          (g(!0), x(Z, null, ue(e.tags, (n) => (g(), oe(mn, {
             class: "my-1 mr-1",
             key: n.name,
             color: n.color
@@ -2934,12 +2934,12 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
   },
   emits: ["filterSelected"],
   setup(e, { emit: t }) {
-    const o = e, r = (l) => {
+    const l = e, r = (o) => {
       n.value.forEach((a) => {
-        a.value !== l ? a.active = !1 : a.active = !0;
-      }), t("filterSelected", l);
-    }, n = w(o.items);
-    return (l, a) => (g(), le(pn, {
+        a.value !== o ? a.active = !1 : a.active = !0;
+      }), t("filterSelected", o);
+    }, n = w(l.items);
+    return (o, a) => (g(), oe(pn, {
       onOptionSelected: a[0] || (a[0] = (i) => r(i)),
       position: e.position,
       items: n.value,
@@ -2967,18 +2967,18 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
   },
   emits: ["modalAction"],
   setup(e, { emit: t }) {
-    const o = e, r = (n) => {
-      t("modalAction", { modal: o.modalName, action: n });
+    const l = e, r = (n) => {
+      t("modalAction", { modal: l.modalName, action: n });
     };
-    return (n, l) => (g(), le(C(dn), {
+    return (n, o) => (g(), oe(C(dn), {
       as: "template",
       show: e.open
     }, {
       default: Y(() => [
-        S(C(Lo), {
+        S(C(Pl), {
           as: "div",
           class: "relative z-10",
-          onClose: l[1] || (l[1] = (a) => r("close"))
+          onClose: o[1] || (o[1] = (a) => r("close"))
         }, {
           default: Y(() => [
             S(C(at), {
@@ -3007,13 +3007,13 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
                   default: Y(() => [
-                    S(C(Ro), { class: "relative transform overflow-hidden rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all sm:my-8 w-9/12 sm:w-full sm:max-w-lg sm:p-6" }, {
+                    S(C(Ll), { class: "relative transform overflow-hidden rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all sm:my-8 w-9/12 sm:w-full sm:max-w-lg sm:p-6" }, {
                       default: Y(() => [
                         c("div", wr, [
                           c("button", {
                             type: "button",
                             class: "rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none",
-                            onClick: l[0] || (l[0] = (a) => r("close"))
+                            onClick: o[0] || (o[0] = (a) => r("close"))
                           }, [
                             Sr,
                             S(ve, {
@@ -3049,7 +3049,7 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
                             }, null, 512), [
                               [re, e.type === "warning"]
                             ]),
-                            G(S(C(sl), {
+                            G(S(C(io), {
                               class: "h-6 w-6 text-indigo-600",
                               "aria-hidden": "true"
                             }, null, 512), [
@@ -3057,7 +3057,7 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
                             ])
                           ], 2),
                           c("div", $r, [
-                            S(C(jo), {
+                            S(C(Rl), {
                               as: "h3",
                               class: "text-lg font-medium leading-6 text-gray-900"
                             }, {
@@ -3114,7 +3114,7 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
     }
   },
   setup(e) {
-    const t = e, o = y(() => t.show);
+    const t = e, l = y(() => t.show);
     return (r, n) => (g(), x("div", {
       "aria-live": "assertive",
       class: R([{ fixed: e.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"])
@@ -3129,7 +3129,7 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
           "leave-to-class": "opacity-0"
         }, {
           default: Y(() => [
-            o.value ? (g(), x("div", Er, [
+            l.value ? (g(), x("div", Er, [
               c("div", Pr, [
                 c("div", Lr, [
                   c("div", Rr, [
@@ -3166,7 +3166,7 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
                     c("button", {
                       class: "bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500",
                       type: "button",
-                      onClick: n[0] || (n[0] = (l) => r.$emit("closeNotification"))
+                      onClick: n[0] || (n[0] = (o) => r.$emit("closeNotification"))
                     }, [
                       Br,
                       S(C(it), {
@@ -3197,7 +3197,7 @@ const dl = { class: "py-1" }, cl = ["onClick"], fl = {
     }
   },
   setup(e) {
-    return (t, o) => (g(), x("ul", Vr, [
+    return (t, l) => (g(), x("ul", Vr, [
       (g(!0), x(Z, null, ue(e.tasks, (r) => (g(), x("li", {
         key: r.id,
         class: "flex items-center justify-between gap-x-6 py-5"
@@ -3239,29 +3239,29 @@ function Zr(e) {
 }
 var ea = { exports: {} };
 (function(e, t) {
-  (function(o, r) {
+  (function(l, r) {
     e.exports = r(V);
-  })(Ye, function(o) {
+  })(Ye, function(l) {
     function r(a) {
       return a && typeof a == "object" && "default" in a ? a : { default: a };
     }
-    var n = r(o), l = { name: "es", monthsShort: "ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"), weekdays: "domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"), weekdaysShort: "dom._lun._mar._mié._jue._vie._sáb.".split("_"), weekdaysMin: "do_lu_ma_mi_ju_vi_sá".split("_"), months: "enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"), weekStart: 1, formats: { LT: "H:mm", LTS: "H:mm:ss", L: "DD/MM/YYYY", LL: "D [de] MMMM [de] YYYY", LLL: "D [de] MMMM [de] YYYY H:mm", LLLL: "dddd, D [de] MMMM [de] YYYY H:mm" }, relativeTime: { future: "en %s", past: "hace %s", s: "unos segundos", m: "un minuto", mm: "%d minutos", h: "una hora", hh: "%d horas", d: "un día", dd: "%d días", M: "un mes", MM: "%d meses", y: "un año", yy: "%d años" }, ordinal: function(a) {
+    var n = r(l), o = { name: "es", monthsShort: "ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"), weekdays: "domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"), weekdaysShort: "dom._lun._mar._mié._jue._vie._sáb.".split("_"), weekdaysMin: "do_lu_ma_mi_ju_vi_sá".split("_"), months: "enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"), weekStart: 1, formats: { LT: "H:mm", LTS: "H:mm:ss", L: "DD/MM/YYYY", LL: "D [de] MMMM [de] YYYY", LLL: "D [de] MMMM [de] YYYY H:mm", LLLL: "dddd, D [de] MMMM [de] YYYY H:mm" }, relativeTime: { future: "en %s", past: "hace %s", s: "unos segundos", m: "un minuto", mm: "%d minutos", h: "una hora", hh: "%d horas", d: "un día", dd: "%d días", M: "un mes", MM: "%d meses", y: "un año", yy: "%d años" }, ordinal: function(a) {
       return a + "º";
     } };
-    return n.default.locale(l, null, !0), l;
+    return n.default.locale(o, null, !0), o;
   });
 })(ea);
 var ta = { exports: {} };
 (function(e, t) {
-  (function(o, r) {
+  (function(l, r) {
     e.exports = r(V);
-  })(Ye, function(o) {
+  })(Ye, function(l) {
     function r(s) {
       return s && typeof s == "object" && "default" in s ? s : { default: s };
     }
-    var n = r(o), l = { s: "ein paar Sekunden", m: ["eine Minute", "einer Minute"], mm: "%d Minuten", h: ["eine Stunde", "einer Stunde"], hh: "%d Stunden", d: ["ein Tag", "einem Tag"], dd: ["%d Tage", "%d Tagen"], M: ["ein Monat", "einem Monat"], MM: ["%d Monate", "%d Monaten"], y: ["ein Jahr", "einem Jahr"], yy: ["%d Jahre", "%d Jahren"] };
+    var n = r(l), o = { s: "ein paar Sekunden", m: ["eine Minute", "einer Minute"], mm: "%d Minuten", h: ["eine Stunde", "einer Stunde"], hh: "%d Stunden", d: ["ein Tag", "einem Tag"], dd: ["%d Tage", "%d Tagen"], M: ["ein Monat", "einem Monat"], MM: ["%d Monate", "%d Monaten"], y: ["ein Jahr", "einem Jahr"], yy: ["%d Jahre", "%d Jahren"] };
     function a(s, u, d) {
-      var m = l[d];
+      var m = o[d];
       return Array.isArray(m) && (m = m[u ? 0 : 1]), m.replace("%d", s);
     }
     var i = { name: "de", weekdays: "Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"), weekdaysShort: "So._Mo._Di._Mi._Do._Fr._Sa.".split("_"), weekdaysMin: "So_Mo_Di_Mi_Do_Fr_Sa".split("_"), months: "Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"), monthsShort: "Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sept._Okt._Nov._Dez.".split("_"), ordinal: function(s) {
@@ -3272,37 +3272,37 @@ var ta = { exports: {} };
 })(ta);
 var na = { exports: {} };
 (function(e, t) {
-  (function(o, r) {
+  (function(l, r) {
     e.exports = r();
   })(Ye, function() {
-    return { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(o) {
-      var r = ["th", "st", "nd", "rd"], n = o % 100;
-      return "[" + o + (r[(n - 20) % 10] || r[n] || r[0]) + "]";
+    return { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(l) {
+      var r = ["th", "st", "nd", "rd"], n = l % 100;
+      return "[" + l + (r[(n - 20) % 10] || r[n] || r[0]) + "]";
     } };
   });
 })(na);
-var oa = { exports: {} };
+var la = { exports: {} };
 (function(e, t) {
-  (function(o, r) {
+  (function(l, r) {
     e.exports = r(V);
-  })(Ye, function(o) {
+  })(Ye, function(l) {
     function r(a) {
       return a && typeof a == "object" && "default" in a ? a : { default: a };
     }
-    var n = r(o), l = { name: "fr", weekdays: "dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"), weekdaysShort: "dim._lun._mar._mer._jeu._ven._sam.".split("_"), weekdaysMin: "di_lu_ma_me_je_ve_sa".split("_"), months: "janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"), monthsShort: "janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"), weekStart: 1, yearStart: 4, formats: { LT: "HH:mm", LTS: "HH:mm:ss", L: "DD/MM/YYYY", LL: "D MMMM YYYY", LLL: "D MMMM YYYY HH:mm", LLLL: "dddd D MMMM YYYY HH:mm" }, relativeTime: { future: "dans %s", past: "il y a %s", s: "quelques secondes", m: "une minute", mm: "%d minutes", h: "une heure", hh: "%d heures", d: "un jour", dd: "%d jours", M: "un mois", MM: "%d mois", y: "un an", yy: "%d ans" }, ordinal: function(a) {
+    var n = r(l), o = { name: "fr", weekdays: "dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"), weekdaysShort: "dim._lun._mar._mer._jeu._ven._sam.".split("_"), weekdaysMin: "di_lu_ma_me_je_ve_sa".split("_"), months: "janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"), monthsShort: "janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"), weekStart: 1, yearStart: 4, formats: { LT: "HH:mm", LTS: "HH:mm:ss", L: "DD/MM/YYYY", LL: "D MMMM YYYY", LLL: "D MMMM YYYY HH:mm", LLLL: "dddd D MMMM YYYY HH:mm" }, relativeTime: { future: "dans %s", past: "il y a %s", s: "quelques secondes", m: "une minute", mm: "%d minutes", h: "une heure", hh: "%d heures", d: "un jour", dd: "%d jours", M: "un mois", MM: "%d mois", y: "un an", yy: "%d ans" }, ordinal: function(a) {
       return "" + a + (a === 1 ? "er" : "");
     } };
-    return n.default.locale(l, null, !0), l;
+    return n.default.locale(o, null, !0), o;
   });
-})(oa);
+})(la);
 const Ue = (e, t) => {
-  const o = e.__vccOpts || e;
+  const l = e.__vccOpts || e;
   for (const [r, n] of t)
-    o[r] = n;
-  return o;
-}, la = {
+    l[r] = n;
+  return l;
+}, oa = {
   name: "dateSelector",
-  components: { ChevronLeftIcon: rl, ChevronRightIcon: fn },
+  components: { ChevronLeftIcon: oo, ChevronRightIcon: fn },
   computed: {
     currentDate() {
       return V(this.selectedDate).locale("es").format("DD MMM. YYYY");
@@ -3316,18 +3316,18 @@ const Ue = (e, t) => {
   },
   methods: {
     selectDate(e, t) {
-      let o;
-      t === "previous" && (e === "day" && (o = V(this.selectedDate).subtract(1, "day")), e === "month" && (o = V(this.selectedDate).subtract(1, "month")), e === "year" && (o = V(this.selectedDate).subtract(1, "year"))), t === "next" && (e === "day" && (o = V(this.selectedDate).add(1, "day")), e === "month" && (o = V(this.selectedDate).add(1, "month")), e === "year" && (o = V(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", o);
+      let l;
+      t === "previous" && (e === "day" && (l = V(this.selectedDate).subtract(1, "day")), e === "month" && (l = V(this.selectedDate).subtract(1, "month")), e === "year" && (l = V(this.selectedDate).subtract(1, "year"))), t === "next" && (e === "day" && (l = V(this.selectedDate).add(1, "day")), e === "month" && (l = V(this.selectedDate).add(1, "month")), e === "year" && (l = V(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", l);
     }
   }
 }, ra = { class: "dateSelector flex items-center text-white flex-row" }, aa = { class: "pagination flex items-center my-1 md:my-0" }, ia = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, sa = { class: "pagination flex items-center my-1 sm:my-0" };
-function ua(e, t, o, r, n, l) {
+function ua(e, t, l, r, n, o) {
   const a = Oe("ChevronLeftIcon"), i = Oe("ChevronRightIcon");
   return g(), x("div", ra, [
     c("div", aa, [
       c("div", {
         class: "previousYear flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm",
-        onClick: t[0] || (t[0] = (s) => l.selectDate("year", "previous"))
+        onClick: t[0] || (t[0] = (s) => o.selectDate("year", "previous"))
       }, [
         S(a, { class: "h-4" }),
         S(a, { class: "h-4 -ml-3" }),
@@ -3335,36 +3335,36 @@ function ua(e, t, o, r, n, l) {
       ]),
       c("div", {
         class: "previousMonth flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm",
-        onClick: t[1] || (t[1] = (s) => l.selectDate("month", "previous"))
+        onClick: t[1] || (t[1] = (s) => o.selectDate("month", "previous"))
       }, [
         S(a, { class: "h-4" }),
         S(a, { class: "h-4 -ml-3" })
       ]),
       c("div", {
         class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm",
-        onClick: t[2] || (t[2] = (s) => l.selectDate("day", "previous"))
+        onClick: t[2] || (t[2] = (s) => o.selectDate("day", "previous"))
       }, [
         S(a, { class: "h-4" })
       ])
     ]),
-    c("div", ia, O(l.currentDate), 1),
+    c("div", ia, O(o.currentDate), 1),
     c("div", sa, [
       c("div", {
         class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm",
-        onClick: t[3] || (t[3] = (s) => l.selectDate("day", "next"))
+        onClick: t[3] || (t[3] = (s) => o.selectDate("day", "next"))
       }, [
         S(i, { class: "h-4" })
       ]),
       c("div", {
         class: "previousMonth flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm",
-        onClick: t[4] || (t[4] = (s) => l.selectDate("month", "next"))
+        onClick: t[4] || (t[4] = (s) => o.selectDate("month", "next"))
       }, [
         S(i, { class: "h-4" }),
         S(i, { class: "h-4 -ml-3" })
       ]),
       c("div", {
         class: "previousYear flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm",
-        onClick: t[5] || (t[5] = (s) => l.selectDate("year", "next"))
+        onClick: t[5] || (t[5] = (s) => o.selectDate("year", "next"))
       }, [
         S(i, { class: "h-4" }),
         S(i, { class: "h-4 -ml-3" }),
@@ -3373,16 +3373,16 @@ function ua(e, t, o, r, n, l) {
     ])
   ]);
 }
-const da = /* @__PURE__ */ Ue(la, [["render", ua]]);
+const da = /* @__PURE__ */ Ue(oa, [["render", ua]]);
 var gn = { exports: {} };
 (function(e, t) {
-  (function(o, r) {
+  (function(l, r) {
     e.exports = r();
   })(Ye, function() {
-    return function(o, r, n) {
+    return function(l, r, n) {
       r.prototype.isToday = function() {
-        var l = "YYYY-MM-DD", a = n();
-        return this.format(l) === a.format(l);
+        var o = "YYYY-MM-DD", a = n();
+        return this.format(o) === a.format(o);
       };
     };
   });
@@ -3405,19 +3405,19 @@ const fa = /* @__PURE__ */ Zr(ca), va = {
     }
   }
 }, pa = { class: "text-xs" }, ma = { class: "font-bold text-lg" }, ga = { class: "text-xs font-medium" };
-function ha(e, t, o, r, n, l) {
+function ha(e, t, l, r, n, o) {
   return g(), x("div", {
     class: R([
       "day select-none text-center",
       {
-        "bg-indigo-200 text-white": l.currentDay.isWeekend,
-        "bg-[#0ff] text-white": l.currentDay.isToday
+        "bg-indigo-200 text-white": o.currentDay.isWeekend,
+        "bg-[#0ff] text-white": o.currentDay.isToday
       }
     ])
   }, [
-    c("p", pa, O(l.currentDay.dayName), 1),
-    c("p", ma, O(l.currentDay.day), 1),
-    c("p", ga, O(l.currentDay.month), 1)
+    c("p", pa, O(o.currentDay.dayName), 1),
+    c("p", ma, O(o.currentDay.day), 1),
+    c("p", ga, O(o.currentDay.month), 1)
   ], 2);
 }
 const ba = /* @__PURE__ */ Ue(va, [["render", ha]]), ya = {
@@ -3440,18 +3440,18 @@ const ba = /* @__PURE__ */ Ue(va, [["render", ha]]), ya = {
     }
   }
 }, xa = { class: "priceDay" };
-function wa(e, t, o, r, n, l) {
+function wa(e, t, l, r, n, o) {
   return g(), x("div", xa, [
     c("div", {
       class: R([
         {
-          "bg-indigo-200 text-white": l.currentDay.isWeekend,
-          "bg-green-300 text-white": o.price.price > o.basePrice,
-          "bg-yellow-300 text-white": o.price.price < o.basePrice
+          "bg-indigo-200 text-white": o.currentDay.isWeekend,
+          "bg-green-300 text-white": l.price.price > l.basePrice,
+          "bg-yellow-300 text-white": l.price.price < l.basePrice
         },
         "select-none text-center rounded-lg p-1"
       ])
-    }, O(l.currentDay.price) + O(o.currency), 3)
+    }, O(o.currentDay.price) + O(l.currency), 3)
   ]);
 }
 const Sa = /* @__PURE__ */ Ue(ya, [["render", wa]]), ka = {
@@ -3492,7 +3492,7 @@ const Sa = /* @__PURE__ */ Ue(ya, [["render", wa]]), ka = {
       V(e).isBefore(this.today) || (this.date = e, this.$emit("dateChanged", this.date));
     },
     getSelectionBasePrice(e) {
-      let t = this.category.selectionPrices.find((o) => V(o.date).isSame(e.date));
+      let t = this.category.selectionPrices.find((l) => V(l.date).isSame(e.date));
       return t ? t.price : e.price;
     },
     changeCategoryBulkPrices() {
@@ -3561,7 +3561,7 @@ const Sa = /* @__PURE__ */ Ue(ya, [["render", wa]]), ka = {
   colspan: "2",
   class: "pl-4"
 };
-function Xa(e, t, o, r, n, l) {
+function Xa(e, t, l, r, n, o) {
   var d, m;
   const a = Oe("DateSelector"), i = Oe("Day"), s = Oe("uiButton"), u = Oe("Price");
   return g(), x("div", $a, [
@@ -3574,10 +3574,10 @@ function Xa(e, t, o, r, n, l) {
                 c("th", Ta, [
                   S(a, {
                     selectedDate: e.date,
-                    onDateSelected: t[0] || (t[0] = (v) => l.changeDate(v))
+                    onDateSelected: t[0] || (t[0] = (v) => o.changeDate(v))
                   }, null, 8, ["selectedDate"])
                 ]),
-                (g(!0), x(Z, null, ue(l.days, (v, p) => (g(), x("th", {
+                (g(!0), x(Z, null, ue(o.days, (v, p) => (g(), x("th", {
                   scope: "col",
                   key: p,
                   class: "text-sm font-semibold text-gray-900 p-0"
@@ -3594,7 +3594,7 @@ function Xa(e, t, o, r, n, l) {
                   S(s, {
                     class: "ml-4",
                     size: "small",
-                    onClick: l.changeCategoryBulkPrices
+                    onClick: o.changeCategoryBulkPrices
                   }, {
                     default: Y(() => [
                       ye("Cambiar precios en bloque ")
@@ -3605,39 +3605,39 @@ function Xa(e, t, o, r, n, l) {
               ]),
               c("tr", null, [
                 La,
-                (g(!0), x(Z, null, ue(o.category.selectionPrices, (v, p) => (g(), x("td", {
+                (g(!0), x(Z, null, ue(l.category.selectionPrices, (v, p) => (g(), x("td", {
                   key: p,
                   class: "p-0"
                 }, [
                   S(u, {
-                    onClick: (b) => l.changeCategorySelectionPrice(v),
+                    onClick: (b) => o.changeCategorySelectionPrice(v),
                     class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer",
                     price: v,
-                    currency: o.currency.symbol,
+                    currency: l.currency.symbol,
                     isBasePrice: !0
                   }, null, 8, ["onClick", "price", "currency"])
                 ]))), 128))
               ]),
               c("tr", null, [
                 Ra,
-                (g(!0), x(Z, null, ue(o.category.upgradePrices, (v, p) => (g(), x("td", {
+                (g(!0), x(Z, null, ue(l.category.upgradePrices, (v, p) => (g(), x("td", {
                   key: p,
                   class: "p-0"
                 }, [
                   S(u, {
-                    onClick: (b) => l.changeCategoryUpgradePrice(v),
+                    onClick: (b) => o.changeCategoryUpgradePrice(v),
                     class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer bg-gray-100",
                     price: v,
-                    currency: o.currency.symbol,
+                    currency: l.currency.symbol,
                     isBasePrice: !0
                   }, null, 8, ["onClick", "price", "currency"])
                 ]))), 128))
               ]),
               c("tr", null, [
                 c("th", ja, [
-                  ((d = e.selectedRooms) == null ? void 0 : d.length) > 0 && ((m = o.actions) == null ? void 0 : m.length) > 0 ? (g(), x("div", Ia, [
-                    (g(!0), x(Z, null, ue(o.actions, (v, p) => (g(), x("button", {
-                      onClick: (b) => l.tableAction({ action: v.id, items: e.selectedRooms }),
+                  ((d = e.selectedRooms) == null ? void 0 : d.length) > 0 && ((m = l.actions) == null ? void 0 : m.length) > 0 ? (g(), x("div", Ia, [
+                    (g(!0), x(Z, null, ue(l.actions, (v, p) => (g(), x("button", {
+                      onClick: (b) => o.tableAction({ action: v.id, items: e.selectedRooms }),
                       key: p,
                       type: "button",
                       class: "inline-flex items-center rounded bg-indigo-600 hover:bg-indigo-800 px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30"
@@ -3651,9 +3651,9 @@ function Xa(e, t, o, r, n, l) {
                   c("input", {
                     type: "checkbox",
                     class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600",
-                    checked: l.indeterminate || e.selectedRooms.length === o.rooms.length,
-                    indeterminate: l.indeterminate,
-                    onChange: t[1] || (t[1] = (v) => e.selectedRooms = v.target.checked ? o.rooms.map((p) => p.name) : [])
+                    checked: o.indeterminate || e.selectedRooms.length === l.rooms.length,
+                    indeterminate: o.indeterminate,
+                    onChange: t[1] || (t[1] = (v) => e.selectedRooms = v.target.checked ? l.rooms.map((p) => p.name) : [])
                   }, null, 40, Na),
                   Ha
                 ]),
@@ -3661,7 +3661,7 @@ function Xa(e, t, o, r, n, l) {
                 Ya,
                 Ua
               ]),
-              (g(!0), x(Z, null, ue(o.rooms, (v) => (g(), x("tr", {
+              (g(!0), x(Z, null, ue(l.rooms, (v) => (g(), x("tr", {
                 key: v.name,
                 class: "even:bg-gray-100"
               }, [
@@ -3684,11 +3684,11 @@ function Xa(e, t, o, r, n, l) {
                   key: b
                 }, [
                   S(u, {
-                    onClick: (h) => l.changeRoomPrice(p),
+                    onClick: (h) => o.changeRoomPrice(p),
                     class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 cursor-pointer",
                     price: p,
-                    currency: o.currency.symbol,
-                    basePrice: l.getSelectionBasePrice(p)
+                    currency: l.currency.symbol,
+                    basePrice: o.getSelectionBasePrice(p)
                   }, null, 8, ["onClick", "price", "currency", "basePrice"])
                 ]))), 128))
               ]))), 128))
@@ -3705,37 +3705,37 @@ const Za = { class: "chart-selector flex flex-row items-center justify-center" }
 }, ti = /* @__PURE__ */ Object.assign(ei, {
   emits: ["rangeSelected"],
   setup(e, { emit: t }) {
-    let o = w("24h");
+    let l = w("24h");
     const r = (n) => {
-      o.value = n, t("rangeSelected", n);
+      l.value = n, t("rangeSelected", n);
     };
-    return (n, l) => (g(), x("ul", Za, [
+    return (n, o) => (g(), x("ul", Za, [
       c("li", {
-        class: R({ selected: C(o) === "24h" }),
-        onClick: l[0] || (l[0] = (a) => r("24h"))
+        class: R({ selected: C(l) === "24h" }),
+        onClick: o[0] || (o[0] = (a) => r("24h"))
       }, " 24H ", 2),
       c("li", {
-        class: R({ selected: C(o) === "7d" }),
-        onClick: l[1] || (l[1] = (a) => r("7d"))
+        class: R({ selected: C(l) === "7d" }),
+        onClick: o[1] || (o[1] = (a) => r("7d"))
       }, "7D", 2),
       c("li", {
-        class: R({ selected: C(o) === "1m" }),
-        onClick: l[2] || (l[2] = (a) => r("1m"))
+        class: R({ selected: C(l) === "1m" }),
+        onClick: o[2] || (o[2] = (a) => r("1m"))
       }, "1M", 2),
       c("li", {
-        class: R({ selected: C(o) === "3m" }),
-        onClick: l[3] || (l[3] = (a) => r("3m"))
+        class: R({ selected: C(l) === "3m" }),
+        onClick: o[3] || (o[3] = (a) => r("3m"))
       }, "3M", 2)
     ]));
   }
-}), ni = /* @__PURE__ */ Ue(ti, [["__scopeId", "data-v-e8fe3015"]]), oi = {
+}), ni = /* @__PURE__ */ Ue(ti, [["__scopeId", "data-v-e8fe3015"]]), li = {
   toolbar: {
     show: !1
   },
   zoom: {
     enabled: !1
   }
-}, li = [
+}, oi = [
   "#715aff",
   "#00ffff",
   "#aba9ba"
@@ -3754,13 +3754,12 @@ const Za = { class: "chart-selector flex flex-row items-center justify-center" }
     size: 8
   }
 }, si = {
-  chart: oi,
-  colors: li,
+  chart: li,
+  colors: oi,
   stroke: ri,
   dataLabels: ai,
   markers: ii
-};
-const ui = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, di = { class: "chart-header flex flex-row justify-between" }, ci = { class: "text-sm font-medium text-gray-500 truncate" }, fi = { class: "chart-content" }, vi = {
+}, ui = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, di = { class: "chart-header flex flex-row justify-between" }, ci = { class: "text-sm font-medium text-gray-500 truncate" }, fi = { class: "chart-content" }, vi = {
   name: "uiChart"
 }, pi = /* @__PURE__ */ Object.assign(vi, {
   props: {
@@ -3780,7 +3779,7 @@ const ui = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg
   },
   emits: ["selectedRange", "chartUpdated"],
   setup(e, { emit: t }) {
-    const o = e, r = y(() => ({ ...o.options, ...si })), n = y(() => o.series), l = () => t("chartUpdated");
+    const l = e, r = y(() => ({ ...l.options, ...si })), n = y(() => l.series), o = () => t("chartUpdated");
     return (a, i) => (g(), x("div", ui, [
       c("div", di, [
         c("div", ci, O(e.title), 1),
@@ -3795,7 +3794,7 @@ const ui = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg
           width: "100%",
           height: "100%",
           options: r.value,
-          onUpdated: l,
+          onUpdated: o,
           onMounted: a.emitEvent
         }, null, 8, ["type", "series", "options", "onMounted"])
       ])
@@ -3806,12 +3805,12 @@ const ui = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg
   uiIcon: ve,
   uiCheckbox: An,
   uiDropdown: pn,
-  uiInput: xl,
-  uiInputFile: Ll,
-  uiSelect: Il,
+  uiInput: xo,
+  uiInputFile: Lo,
+  uiSelect: Io,
   uiTag: mn,
-  uiTextArea: Hl,
-  uiToggle: ql,
+  uiTextArea: Ho,
+  uiToggle: qo,
   uiAlert: er,
   uiBreadcrumbs: sr,
   uiCard: mr,