@hotelinking/ui 1.19.2 → 1.21.0

package/dist/ui.es.js

@@ -1,4 +1,4 @@
-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 { openBlock as p, createBlock as re, resolveDynamicComponent as yn, normalizeClass as L, createElementBlock as y, createVNode as S, renderSlot as Ie, ref as w, createElementVNode as d, cloneVNode as xn, h as q, Fragment as Z, inject as oe, provide as ie, onMounted as U, watchEffect as te, nextTick as le, computed as x, 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 J, vModelDynamic as $n, vShow as ee, 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,8 +17,8 @@ const Dn = { name: "uiIcon" }, ve = /* @__PURE__ */ Object.assign(Dn, {
     color: { type: String, default: "primary" }
   },
   setup(e) {
-    return (t, l) => (g(), oe(yn(e.icon), {
-      class: R({
+    return (t, o) => (p(), re(yn(e.icon), {
+      class: L({
         "h-4 w-4": e.size === "normal",
         "h-6 w-6": e.size === "big",
         "h-12 w-12": e.size === "huge",
@@ -69,9 +69,9 @@ const Dn = { name: "uiIcon" }, ve = /* @__PURE__ */ Object.assign(Dn, {
     }
   },
   setup(e) {
-    return (t, l) => (g(), x("button", {
+    return (t, o) => (p(), y("button", {
       disabled: e.disabled,
-      class: R([{
+      class: L([{
         "bg-indigo-600 hover:bg-indigo-800": e.color === "primary",
         "bg-cyan-300 hover:bg-cyan-500": e.color === "secondary",
         "bg-red-400 hover:bg-red-600": e.color === "red",
@@ -118,15 +118,15 @@ const Dn = { name: "uiIcon" }, ve = /* @__PURE__ */ Object.assign(Dn, {
   },
   emits: ["checkboxChanged"],
   setup(e, { emit: t }) {
-    const l = e, r = w(l.check), n = () => {
-      l.disabled || (r.value = !r.value, t("checkboxChanged", {
+    const o = e, r = w(o.check), n = () => {
+      o.disabled || (r.value = !r.value, t("checkboxChanged", {
         checked: r.value,
-        value: l.value
+        value: o.value
       }));
     };
-    return (o, a) => (g(), x("div", En, [
-      c("div", Pn, [
-        c("input", {
+    return (l, a) => (p(), y("div", En, [
+      d("div", Pn, [
+        d("input", {
           checked: e.check,
           value: e.value,
           disabled: e.disabled,
@@ -135,30 +135,30 @@ const Dn = { name: "uiIcon" }, ve = /* @__PURE__ */ Object.assign(Dn, {
           onChange: a[0] || (a[0] = (i) => n())
         }, null, 40, Ln)
       ]),
-      c("div", Rn, [
-        c("span", jn, [
-          Ie(o.$slots, "default")
+      d("div", Rn, [
+        d("span", jn, [
+          Ie(l.$slots, "default")
         ])
       ])
     ]));
   }
 });
-function K(e, t, ...l) {
+function K(e, t, ...o) {
   if (e in t) {
     let n = t[e];
-    return typeof n == "function" ? n(...l) : n;
+    return typeof n == "function" ? n(...o) : 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: l, theirProps: r, ...n }) {
-  var o;
-  let a = Tt(r, l), i = Object.assign(n, { props: a });
+var pe = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(pe || {}), 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 });
   if (e || t & 2 && a.static)
     return Xe(i);
   if (t & 1) {
-    let s = (o = a.unmount) == null || o ? 0 : 1;
+    let s = (l = a.unmount) == null || l ? 0 : 1;
     return K(s, { [0]() {
       return null;
     }, [1]() {
@@ -167,31 +167,31 @@ function B({ visible: e = !0, features: t = 0, ourProps: l, theirProps: r, ...n
   }
   return Xe(i);
 }
-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 = {};
+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), c = {};
   if (r) {
-    let m = !1, v = [];
-    for (let [p, b] of Object.entries(r))
-      typeof b == "boolean" && (m = !0), b === !0 && v.push(p);
-    m && (d["data-headlessui-state"] = v.join(" "));
+    let g = !1, v = [];
+    for (let [m, b] of Object.entries(r))
+      typeof b == "boolean" && (g = !0), b === !0 && v.push(m);
+    g && (c["data-headlessui-state"] = v.join(" "));
   }
   if (i === "template") {
     if (u = Mt(u ?? []), Object.keys(s).length > 0 || Object.keys(t).length > 0) {
-      let [m, ...v] = u ?? [];
-      if (!Fn(m) || v.length > 0)
+      let [g, ...v] = u ?? [];
+      if (!Fn(g) || v.length > 0)
         throw new Error(['Passing props on "template"!', "", `The current component <${n} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(s).concat(Object.keys(t)).map((h) => h.trim()).filter((h, f, $) => $.indexOf(h) === f).sort((h, f) => h.localeCompare(f)).map((h) => `  - ${h}`).join(`
 `), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((h) => `  - ${h}`).join(`
 `)].join(`
 `));
-      let p = Tt((a = m.props) != null ? a : {}, s), b = xn(m, p);
-      for (let h in p)
-        h.startsWith("on") && (b.props || (b.props = {}), b.props[h] = p[h]);
+      let m = Tt((a = g.props) != null ? a : {}, s), b = xn(g, m);
+      for (let h in m)
+        h.startsWith("on") && (b.props || (b.props = {}), b.props[h] = m[h]);
       return b;
     }
     return Array.isArray(u) && u.length === 1 ? u[0] : u;
   }
-  return q(i, Object.assign({}, s, d), { default: () => u });
+  return q(i, Object.assign({}, s, c), { default: () => u });
 }
 function Mt(e) {
   return e.flatMap((t) => t.type === Z ? Mt(t.children) : [t]);
@@ -201,34 +201,34 @@ function Tt(...e) {
     return {};
   if (e.length === 1)
     return e[0];
-  let t = {}, l = {};
+  let t = {}, o = {};
   for (let r of e)
     for (let n in r)
-      n.startsWith("on") && typeof r[n] == "function" ? (l[n] != null || (l[n] = []), l[n].push(r[n])) : t[n] = r[n];
+      n.startsWith("on") && typeof r[n] == "function" ? (o[n] != null || (o[n] = []), o[n].push(r[n])) : t[n] = r[n];
   if (t.disabled || t["aria-disabled"])
-    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];
+    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];
       for (let i of a) {
         if (n instanceof Event && n.defaultPrevented)
           return;
-        i(n, ...o);
+        i(n, ...l);
       }
     } });
   return t;
 }
 function Et(e) {
   let t = Object.assign({}, e);
-  for (let l in t)
-    t[l] === void 0 && delete t[l];
+  for (let o in t)
+    t[o] === void 0 && delete t[o];
   return t;
 }
 function Ae(e, t = []) {
-  let l = Object.assign({}, e);
+  let o = Object.assign({}, e);
   for (let r of t)
-    r in l && delete l[r];
-  return l;
+    r in o && delete o[r];
+  return o;
 }
 function Fn(e) {
   return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
@@ -237,7 +237,7 @@ let Bn = 0;
 function Nn() {
   return ++Bn;
 }
-function te() {
+function ne() {
   return Nn();
 }
 var P = ((e) => (e.Space = " ", e.Enter = "Enter", e.Escape = "Escape", e.Backspace = "Backspace", e.Delete = "Delete", e.ArrowLeft = "ArrowLeft", e.ArrowUp = "ArrowUp", e.ArrowRight = "ArrowRight", e.ArrowDown = "ArrowDown", e.Home = "Home", e.End = "End", e.PageUp = "PageUp", e.PageDown = "PageDown", e.Tab = "Tab", e))(P || {});
@@ -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 l = t.resolveItems();
-  if (l.length <= 0)
+  let o = t.resolveItems();
+  if (o.length <= 0)
     return null;
-  let r = t.resolveActiveIndex(), n = r ?? -1, o = (() => {
+  let r = t.resolveActiveIndex(), n = r ?? -1, l = (() => {
     switch (e.focus) {
       case 0:
-        return l.findIndex((a) => !t.resolveDisabled(a));
+        return o.findIndex((a) => !t.resolveDisabled(a));
       case 1: {
-        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;
+        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;
       }
       case 2:
-        return l.findIndex((a, i) => i <= n ? !1 : !t.resolveDisabled(a));
+        return o.findIndex((a, i) => i <= n ? !1 : !t.resolveDisabled(a));
       case 3: {
-        let a = l.slice().reverse().findIndex((i) => !t.resolveDisabled(i));
-        return a === -1 ? a : l.length - 1 - a;
+        let a = o.slice().reverse().findIndex((i) => !t.resolveDisabled(i));
+        return a === -1 ? a : o.length - 1 - a;
       }
       case 4:
-        return l.findIndex((a) => t.resolveId(a) === e.id);
+        return o.findIndex((a) => t.resolveId(a) === e.id);
       case 5:
         return null;
       default:
         Hn(e);
     }
   })();
-  return o === -1 ? r : o;
+  return l === -1 ? r : l;
 }
 function k(e) {
   var t;
@@ -283,7 +283,7 @@ function Vn() {
   return Fe() !== null;
 }
 function Fe() {
-  return ne(Lt, null);
+  return oe(Lt, null);
 }
 function st(e) {
   ie(Lt, e);
@@ -291,20 +291,20 @@ function st(e) {
 function bt(e, t) {
   if (e)
     return e;
-  let l = t ?? "button";
-  if (typeof l == "string" && l.toLowerCase() === "button")
+  let o = t ?? "button";
+  if (typeof o == "string" && o.toLowerCase() === "button")
     return "button";
 }
 function ut(e, t) {
-  let l = w(bt(e.value.type, e.value.as));
+  let o = w(bt(e.value.type, e.value.as));
   return U(() => {
-    l.value = bt(e.value.type, e.value.as);
-  }), ee(() => {
+    o.value = bt(e.value.type, e.value.as);
+  }), te(() => {
     var r;
-    l.value || k(t) && k(t) instanceof HTMLButtonElement && !((r = k(t)) != null && r.hasAttribute("type")) && (l.value = "button");
-  }), l;
+    o.value || k(t) && k(t) instanceof HTMLButtonElement && !((r = k(t)) != null && r.hasAttribute("type")) && (o.value = "button");
+  }), 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);
+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);
 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: l, enabled: r }) {
-  ee(() => {
+function Rt({ container: e, accept: t, walk: o, enabled: r }) {
+  te(() => {
     let n = e.value;
     if (!n || r !== void 0 && !r.value)
       return;
-    let o = Se(e);
-    if (!o)
+    let l = Se(e);
+    if (!l)
       return;
-    let a = Object.assign((s) => t(s), { acceptNode: t }), i = o.createTreeWalker(n, NodeFilter.SHOW_ELEMENT, a, !1);
+    let a = Object.assign((s) => t(s), { acceptNode: t }), i = l.createTreeWalker(n, NodeFilter.SHOW_ELEMENT, a, !1);
     for (; i.nextNode(); )
-      l(i.currentNode);
+      o(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 || {});
+var me = ((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))(me || {}), 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, l) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (l.tabIndex || Number.MAX_SAFE_INTEGER)));
+  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)));
 }
 var dt = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(dt || {});
 function ct(e, t = 0) {
-  var l;
-  return e === ((l = Se(e)) == null ? void 0 : l.body) ? !1 : K(t, { [0]() {
+  var o;
+  return e === ((o = Se(e)) == null ? void 0 : o.body) ? !1 : K(t, { [0]() {
     return e.matches(et);
   }, [1]() {
     let r = e;
@@ -390,24 +390,24 @@ function we(e) {
 }
 let Kn = ["textarea", "input"].join(",");
 function Jn(e) {
-  var t, l;
-  return (l = (t = e == null ? void 0 : e.matches) == null ? void 0 : t.call(e, Kn)) != null ? l : !1;
+  var t, o;
+  return (o = (t = e == null ? void 0 : e.matches) == null ? void 0 : t.call(e, Kn)) != null ? o : !1;
 }
-function ft(e, t = (l) => l) {
-  return e.slice().sort((l, r) => {
-    let n = t(l), o = t(r);
-    if (n === null || o === null)
+function ft(e, t = (o) => o) {
+  return e.slice().sort((o, r) => {
+    let n = t(o), l = t(r);
+    if (n === null || l === null)
       return 0;
-    let a = n.compareDocumentPosition(o);
+    let a = n.compareDocumentPosition(l);
     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: 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);
+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);
   n.length > 0 && i.length > 1 && (i = i.filter((b) => !n.includes(b))), r = r ?? a.activeElement;
   let s = (() => {
     if (t & 5)
@@ -425,11 +425,11 @@ function Re(e, t, { sorted: l = !0, relativeTo: r = null, skipElements: n = [] }
     if (t & 8)
       return i.length - 1;
     throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
-  })(), d = t & 32 ? { preventScroll: !0 } : {}, m = 0, v = i.length, p;
+  })(), c = t & 32 ? { preventScroll: !0 } : {}, g = 0, v = i.length, m;
   do {
-    if (m >= v || m + v <= 0)
+    if (g >= v || g + v <= 0)
       return 0;
-    let b = u + m;
+    let b = u + g;
     if (t & 16)
       b = (b + v) % v;
     else {
@@ -438,84 +438,84 @@ function Re(e, t, { sorted: l = !0, relativeTo: r = null, skipElements: n = [] }
       if (b >= v)
         return 1;
     }
-    p = i[b], p == null || p.focus(d), m += s;
-  } while (p !== a.activeElement);
-  return t & 6 && Jn(p) && p.select(), 2;
+    m = i[b], m == null || m.focus(c), g += s;
+  } while (m !== a.activeElement);
+  return t & 6 && Jn(m) && m.select(), 2;
 }
-function xt(e, t, l) {
-  Be.isServer || ee((r) => {
-    document.addEventListener(e, t, l), r(() => document.removeEventListener(e, t, l));
+function xt(e, t, o) {
+  Be.isServer || te((r) => {
+    document.addEventListener(e, t, o), r(() => document.removeEventListener(e, t, o));
   });
 }
-function Ft(e, t, l) {
-  Be.isServer || ee((r) => {
-    window.addEventListener(e, t, l), r(() => window.removeEventListener(e, t, l));
+function Ft(e, t, o) {
+  Be.isServer || te((r) => {
+    window.addEventListener(e, t, o), r(() => window.removeEventListener(e, t, o));
   });
 }
-function vt(e, t, l = y(() => !0)) {
-  function r(o, a) {
-    if (!l.value || o.defaultPrevented)
+function vt(e, t, o = x(() => !0)) {
+  function r(l, a) {
+    if (!o.value || l.defaultPrevented)
       return;
-    let i = a(o);
+    let i = a(l);
     if (i === null || !i.getRootNode().contains(i))
       return;
-    let s = function u(d) {
-      return typeof d == "function" ? u(d()) : Array.isArray(d) || d instanceof Set ? d : [d];
+    let s = function u(c) {
+      return typeof c == "function" ? u(c()) : Array.isArray(c) || c instanceof Set ? c : [c];
     }(e);
     for (let u of s) {
       if (u === null)
         continue;
-      let d = u instanceof HTMLElement ? u : k(u);
-      if (d != null && d.contains(i) || o.composed && o.composedPath().includes(d))
+      let c = u instanceof HTMLElement ? u : k(u);
+      if (c != null && c.contains(i) || l.composed && l.composedPath().includes(c))
         return;
     }
-    return !ct(i, dt.Loose) && i.tabIndex !== -1 && o.preventDefault(), t(o, i);
+    return !ct(i, dt.Loose) && i.tabIndex !== -1 && l.preventDefault(), t(l, i);
   }
   let n = w(null);
-  xt("mousedown", (o) => {
+  xt("mousedown", (l) => {
     var a, i;
-    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);
+    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);
 }
 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: l }) {
+let je = A({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: t, attrs: o }) {
   return () => {
-    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" });
+    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" });
   };
 } });
-function Bt(e = {}, t = null, l = []) {
+function Bt(e = {}, t = null, o = []) {
   for (let [r, n] of Object.entries(e))
-    Ht(l, Nt(t, r), n);
-  return l;
+    Ht(o, Nt(t, r), n);
+  return o;
 }
 function Nt(e, t) {
   return e ? e + "[" + t + "]" : t;
 }
-function Ht(e, t, l) {
-  if (Array.isArray(l))
-    for (let [r, n] of l.entries())
+function Ht(e, t, o) {
+  if (Array.isArray(o))
+    for (let [r, n] of o.entries())
       Ht(e, Nt(t, r.toString()), n);
   else
-    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);
+    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);
 }
 function Xn(e) {
   var t;
-  let l = (t = e == null ? void 0 : e.form) != null ? t : e.closest("form");
-  if (l) {
-    for (let r of l.elements)
+  let o = (t = e == null ? void 0 : e.form) != null ? t : e.closest("form");
+  if (o) {
+    for (let r of o.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, 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 Vt(e, t, o) {
+  let r = w(o == null ? void 0 : o.value), n = x(() => e.value !== void 0);
+  return [x(() => n.value ? e.value : r.value), function(l) {
+    return n.value || (r.value = l), t == null ? void 0 : t(l);
   }];
 }
 function wt(e) {
@@ -524,8 +524,8 @@ function wt(e) {
 function Yt() {
   let e = w([-1, -1]);
   return { wasMoved(t) {
-    let l = wt(t);
-    return e.value[0] === l[0] && e.value[1] === l[1] ? !1 : (e.value = l, !0);
+    let o = wt(t);
+    return e.value[0] === o[0] && e.value[1] === o[1] ? !1 : (e.value = o, !0);
   }, update(t) {
     e.value = wt(t);
   } };
@@ -540,84 +540,84 @@ function Zn() {
   return Ut() || Qn();
 }
 function Ne() {
-  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);
+  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);
     t.add(() => cancelAnimationFrame(r));
-  }, nextFrame(...l) {
+  }, nextFrame(...o) {
     t.requestAnimationFrame(() => {
-      t.requestAnimationFrame(...l);
+      t.requestAnimationFrame(...o);
     });
-  }, setTimeout(...l) {
-    let r = setTimeout(...l);
+  }, setTimeout(...o) {
+    let r = setTimeout(...o);
     t.add(() => clearTimeout(r));
-  }, 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 });
+  }, 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 });
     });
-  }, group(l) {
+  }, group(o) {
     let r = Ne();
-    return l(r), this.add(() => r.dispose());
-  }, add(l) {
-    return e.push(l), () => {
-      let r = e.indexOf(l);
+    return o(r), this.add(() => r.dispose());
+  }, add(o) {
+    return e.push(o), () => {
+      let r = e.indexOf(o);
       if (r >= 0)
         for (let n of e.splice(r, 1))
           n();
     };
   }, dispose() {
-    for (let l of e.splice(0))
-      l();
+    for (let o of e.splice(0))
+      o();
   } };
   return t;
 }
-function el(e, t) {
+function eo(e, t) {
   return e === t;
 }
-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 || {});
+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 || {});
 let qt = Symbol("ComboboxContext");
 function Me(e) {
-  let t = ne(qt, null);
+  let t = oe(qt, null);
   if (t === null) {
-    let l = new Error(`<${e} /> is missing a parent <Combobox /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(l, Me), l;
+    let o = new Error(`<${e} /> is missing a parent <Combobox /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(o, Me), o;
   }
   return t;
 }
-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);
+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 }), c = w([]), g = w(null), v = w(1), m = 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 };
+    let E = g.value !== null ? c.value[g.value] : null, R = ft(_(c.value.slice()), (j) => k(j.dataRef.domRef)), T = E ? R.indexOf(E) : null;
+    return T === -1 && (T = null), { options: R, activeOptionIndex: T };
   }
-  let h = y(() => e.multiple ? 1 : 0), f = y(() => e.nullable), [$, M] = Vt(y(() => e.modelValue === void 0 ? K(h.value, { [1]: [], [0]: void 0 }) : e.modelValue), (_) => r("update:modelValue", _), y(() => e.defaultValue)), D = { comboboxState: n, value: $, mode: h, compare(_, E) {
+  let h = x(() => e.multiple ? 1 : 0), f = x(() => e.nullable), [$, M] = Vt(x(() => e.modelValue === void 0 ? K(h.value, { [1]: [], [0]: void 0 }) : e.modelValue), (_) => r("update:modelValue", _), x(() => e.defaultValue)), D = { comboboxState: n, value: $, mode: h, compare(_, E) {
     if (typeof e.by == "string") {
-      let L = e.by;
-      return (_ == null ? void 0 : _[L]) === (E == null ? void 0 : E[L]);
+      let R = e.by;
+      return (_ == null ? void 0 : _[R]) === (E == null ? void 0 : E[R]);
     }
     return e.by(_, E);
-  }, defaultValue: y(() => e.defaultValue), nullable: f, inputRef: a, labelRef: o, buttonRef: i, optionsRef: s, disabled: y(() => e.disabled), options: d, change(_) {
+  }, defaultValue: x(() => e.defaultValue), nullable: f, inputRef: a, labelRef: l, buttonRef: i, optionsRef: s, disabled: x(() => e.disabled), options: c, change(_) {
     M(_);
-  }, activeOptionIndex: y(() => {
-    if (p.value && m.value === null && d.value.length > 0) {
-      let _ = d.value.findIndex((E) => !E.dataRef.disabled);
-      _ !== -1 && (m.value = _);
+  }, activeOptionIndex: x(() => {
+    if (m.value && g.value === null && c.value.length > 0) {
+      let _ = c.value.findIndex((E) => !E.dataRef.disabled);
+      _ !== -1 && (g.value = _);
     }
-    return m.value;
+    return g.value;
   }), activationTrigger: v, optionsPropsRef: u, closeCombobox() {
-    p.value = !1, !e.disabled && n.value !== 1 && (n.value = 1, m.value = null);
+    m.value = !1, !e.disabled && n.value !== 1 && (n.value = 1, g.value = null);
   }, openCombobox() {
-    if (p.value = !0, e.disabled || n.value === 0)
+    if (m.value = !0, e.disabled || n.value === 0)
       return;
-    let _ = d.value.findIndex((E) => {
-      let L = H(E.dataRef.value);
-      return K(h.value, { [0]: () => D.compare(H(D.value.value), H(L)), [1]: () => H(D.value.value).some((T) => D.compare(H(T), H(L))) });
+    let _ = c.value.findIndex((E) => {
+      let R = H(E.dataRef.value);
+      return K(h.value, { [0]: () => D.compare(H(D.value.value), H(R)), [1]: () => H(D.value.value).some((T) => D.compare(H(T), H(R))) });
     });
-    _ !== -1 && (m.value = _), n.value = 0;
-  }, goToOption(_, E, L) {
-    if (p.value = !1, e.disabled || s.value && !u.value.static && n.value === 1)
+    _ !== -1 && (g.value = _), n.value = 0;
+  }, goToOption(_, E, R) {
+    if (m.value = !1, e.disabled || s.value && !u.value.static && n.value === 1)
       return;
     let T = b();
     if (T.activeOptionIndex === null) {
@@ -625,45 +625,45 @@ let ol = A({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props:
       N !== -1 && (T.activeOptionIndex = N);
     }
     let j = Pt(_ === I.Specific ? { focus: I.Specific, id: E } : { focus: _ }, { resolveItems: () => T.options, resolveActiveIndex: () => T.activeOptionIndex, resolveId: (N) => N.id, resolveDisabled: (N) => N.dataRef.disabled });
-    m.value = j, v.value = L ?? 1, d.value = T.options;
+    g.value = j, v.value = R ?? 1, c.value = T.options;
   }, selectOption(_) {
-    let E = d.value.find((T) => T.id === _);
+    let E = c.value.find((T) => T.id === _);
     if (!E)
       return;
-    let { dataRef: L } = E;
-    M(K(h.value, { [0]: () => L.value, [1]: () => {
-      let T = H(D.value.value).slice(), j = H(L.value), N = T.findIndex((de) => D.compare(j, H(de)));
+    let { dataRef: R } = E;
+    M(K(h.value, { [0]: () => R.value, [1]: () => {
+      let T = H(D.value.value).slice(), j = H(R.value), N = T.findIndex((de) => D.compare(j, H(de)));
       return N === -1 ? T.push(j) : T.splice(N, 1), T;
     } }));
   }, selectActiveOption() {
     if (D.activeOptionIndex.value === null)
       return;
-    let { dataRef: _, id: E } = d.value[D.activeOptionIndex.value];
+    let { dataRef: _, id: E } = c.value[D.activeOptionIndex.value];
     M(K(h.value, { [0]: () => _.value, [1]: () => {
-      let L = H(D.value.value).slice(), T = H(_.value), j = L.findIndex((N) => D.compare(T, H(N)));
-      return j === -1 ? L.push(T) : L.splice(j, 1), L;
+      let R = H(D.value.value).slice(), T = H(_.value), j = R.findIndex((N) => D.compare(T, H(N)));
+      return j === -1 ? R.push(T) : R.splice(j, 1), R;
     } })), D.goToOption(I.Specific, E);
   }, registerOption(_, E) {
-    let L = { id: _, dataRef: E }, T = b((j) => [...j, L]);
-    if (m.value === null) {
+    let R = { id: _, dataRef: E }, T = b((j) => [...j, R]);
+    if (g.value === null) {
       let j = E.value.value;
-      K(h.value, { [0]: () => D.compare(H(D.value.value), H(j)), [1]: () => H(D.value.value).some((N) => D.compare(H(N), H(j))) }) && (T.activeOptionIndex = T.options.indexOf(L));
+      K(h.value, { [0]: () => D.compare(H(D.value.value), H(j)), [1]: () => H(D.value.value).some((N) => D.compare(H(N), H(j))) }) && (T.activeOptionIndex = T.options.indexOf(R));
     }
-    d.value = T.options, m.value = T.activeOptionIndex, v.value = 1, T.options.some((j) => !k(j.dataRef.domRef)) && requestAnimationFrame(() => {
+    c.value = T.options, g.value = T.activeOptionIndex, v.value = 1, T.options.some((j) => !k(j.dataRef.domRef)) && requestAnimationFrame(() => {
       let j = b();
-      d.value = j.options, m.value = j.activeOptionIndex;
+      c.value = j.options, g.value = j.activeOptionIndex;
     });
   }, unregisterOption(_) {
     var E;
-    D.activeOptionIndex.value !== null && ((E = D.options.value[D.activeOptionIndex.value]) == null ? void 0 : E.id) === _ && (p.value = !0);
-    let L = b((T) => {
+    D.activeOptionIndex.value !== null && ((E = D.options.value[D.activeOptionIndex.value]) == null ? void 0 : E.id) === _ && (m.value = !0);
+    let R = b((T) => {
       let j = T.findIndex((N) => N.id === _);
       return j !== -1 && T.splice(j, 1), T;
     });
-    d.value = L.options, m.value = L.activeOptionIndex, v.value = 1;
+    c.value = R.options, g.value = R.activeOptionIndex, v.value = 1;
   } };
-  vt([a, i, s], () => D.closeCombobox(), y(() => n.value === 0)), ie(qt, D), st(y(() => K(n.value, { [0]: z.Open, [1]: z.Closed })));
-  let X = y(() => D.activeOptionIndex.value === null ? null : d.value[D.activeOptionIndex.value].dataRef.value), Q = y(() => {
+  vt([a, i, s], () => D.closeCombobox(), x(() => n.value === 0)), ie(qt, D), st(x(() => K(n.value, { [0]: z.Open, [1]: z.Closed })));
+  let X = x(() => D.activeOptionIndex.value === null ? null : c.value[D.activeOptionIndex.value].dataRef.value), Q = x(() => {
     var _;
     return (_ = k(a)) == null ? void 0 : _.closest("form");
   });
@@ -680,23 +680,23 @@ let ol = 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: { ...l, ...Ae(T, ["modelValue", "defaultValue", "nullable", "multiple", "onUpdate:modelValue", "by"]) }, ourProps: {}, slot: j, slots: t, attrs: l, name: "Combobox" })]);
+    let { name: _, disabled: E, form: R, ...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: R, 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" })]);
   };
-} }), 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 }) {
+} }), ro = A({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: () => `headlessui-combobox-label-${ne()}` } }, setup(e, { attrs: t, slots: o }) {
   let r = Me("ComboboxLabel");
   function n() {
-    var o;
-    (o = k(r.inputRef)) == null || o.focus({ preventScroll: !0 });
+    var l;
+    (l = k(r.inputRef)) == null || l.focus({ preventScroll: !0 });
   }
   return () => {
-    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" });
+    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" });
   };
-} }), 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 }) {
+} }), ao = A({ name: "ComboboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-combobox-button-${ne()}` } }, setup(e, { attrs: t, slots: o, expose: r }) {
   let n = Me("ComboboxButton");
   r({ el: n.buttonRef, $el: n.buttonRef });
-  function o(s) {
+  function l(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 });
@@ -728,29 +728,29 @@ let ol = A({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props:
         return;
     }
   }
-  let i = ut(y(() => ({ as: e.as, type: t.type })), n.buttonRef);
+  let i = ut(x(() => ({ 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: o };
-    return B({ ourProps: p, theirProps: v, slot: d, attrs: t, slots: l, name: "ComboboxButton" });
+    let c = { open: n.comboboxState.value === 0, disabled: n.disabled.value, value: n.value.value }, { id: g, ...v } = e, m = { ref: n.buttonRef, id: g, 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, g].join(" ") : void 0, disabled: n.disabled.value === !0 ? !0 : void 0, onKeydown: a, onClick: l };
+    return B({ ourProps: m, theirProps: v, slot: c, attrs: t, slots: o, name: "ComboboxButton" });
   };
-} }), 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(() => {
+} }), 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-${ne()}` } }, 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 });
+  let i = x(() => {
     var f;
-    let $ = o.value.value;
-    return k(o.inputRef) ? typeof e.displayValue < "u" && $ !== void 0 ? (f = e.displayValue($)) != null ? f : "" : typeof $ == "string" ? $ : "" : "";
+    let $ = l.value.value;
+    return k(l.inputRef) ? typeof e.displayValue < "u" && $ !== void 0 ? (f = e.displayValue($)) != null ? f : "" : typeof $ == "string" ? $ : "" : "";
   });
   U(() => {
-    be([i, o.comboboxState], ([f, $], [M, D]) => {
+    be([i, l.comboboxState], ([f, $], [M, D]) => {
       if (a.value)
         return;
-      let X = k(o.inputRef);
+      let X = k(l.inputRef);
       X && (D === 0 && $ === 1 || f !== M) && (X.value = f);
-    }, { immediate: !0 }), be([o.comboboxState], ([f], [$]) => {
+    }, { immediate: !0 }), be([l.comboboxState], ([f], [$]) => {
       if (f === 0 && $ === 1) {
-        let M = k(o.inputRef);
+        let M = k(l.inputRef);
         if (!M)
           return;
         let D = M.value, { selectionStart: X, selectionEnd: Q, selectionDirection: _ } = M;
@@ -759,154 +759,154 @@ let ol = A({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props:
     });
   });
   let s = w(!1), u = w(null);
-  function d() {
+  function c() {
     s.value = !0;
   }
-  function m() {
+  function g() {
     Ne().nextFrame(() => {
-      s.value = !1, u.value && (o.openCombobox(), t("change", u.value), u.value = null);
+      s.value = !1, u.value && (l.openCombobox(), t("change", u.value), u.value = null);
     });
   }
   function v(f) {
     switch (a.value = !0, f.key) {
       case P.Backspace:
       case P.Delete:
-        if (o.mode.value !== 0 || !o.nullable.value)
+        if (l.mode.value !== 0 || !l.nullable.value)
           return;
         let $ = f.currentTarget;
         requestAnimationFrame(() => {
           if ($.value === "") {
-            o.change(null);
-            let M = k(o.optionsRef);
-            M && (M.scrollTop = 0), o.goToOption(I.Nothing);
+            l.change(null);
+            let M = k(l.optionsRef);
+            M && (M.scrollTop = 0), l.goToOption(I.Nothing);
           }
         });
         break;
       case P.Enter:
-        if (a.value = !1, o.comboboxState.value !== 0 || s.value)
+        if (a.value = !1, l.comboboxState.value !== 0 || s.value)
           return;
-        if (f.preventDefault(), f.stopPropagation(), o.activeOptionIndex.value === null) {
-          o.closeCombobox();
+        if (f.preventDefault(), f.stopPropagation(), l.activeOptionIndex.value === null) {
+          l.closeCombobox();
           return;
         }
-        o.selectActiveOption(), o.mode.value === 0 && o.closeCombobox();
+        l.selectActiveOption(), l.mode.value === 0 && l.closeCombobox();
         break;
       case P.ArrowDown:
-        return a.value = !1, f.preventDefault(), f.stopPropagation(), K(o.comboboxState.value, { [0]: () => o.goToOption(I.Next), [1]: () => o.openCombobox() });
+        return a.value = !1, f.preventDefault(), f.stopPropagation(), K(l.comboboxState.value, { [0]: () => l.goToOption(I.Next), [1]: () => l.openCombobox() });
       case P.ArrowUp:
-        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);
+        return a.value = !1, f.preventDefault(), f.stopPropagation(), K(l.comboboxState.value, { [0]: () => l.goToOption(I.Previous), [1]: () => {
+          l.openCombobox(), le(() => {
+            l.value.value || l.goToOption(I.Last);
           });
         } });
       case P.Home:
         if (f.shiftKey)
           break;
-        return a.value = !1, f.preventDefault(), f.stopPropagation(), o.goToOption(I.First);
+        return a.value = !1, f.preventDefault(), f.stopPropagation(), l.goToOption(I.First);
       case P.PageUp:
-        return a.value = !1, f.preventDefault(), f.stopPropagation(), o.goToOption(I.First);
+        return a.value = !1, f.preventDefault(), f.stopPropagation(), l.goToOption(I.First);
       case P.End:
         if (f.shiftKey)
           break;
-        return a.value = !1, f.preventDefault(), f.stopPropagation(), o.goToOption(I.Last);
+        return a.value = !1, f.preventDefault(), f.stopPropagation(), l.goToOption(I.Last);
       case P.PageDown:
-        return a.value = !1, f.preventDefault(), f.stopPropagation(), o.goToOption(I.Last);
+        return a.value = !1, f.preventDefault(), f.stopPropagation(), l.goToOption(I.Last);
       case P.Escape:
-        if (a.value = !1, o.comboboxState.value !== 0)
+        if (a.value = !1, l.comboboxState.value !== 0)
           return;
-        f.preventDefault(), o.optionsRef.value && !o.optionsPropsRef.value.static && f.stopPropagation(), o.closeCombobox();
+        f.preventDefault(), l.optionsRef.value && !l.optionsPropsRef.value.static && f.stopPropagation(), l.closeCombobox();
         break;
       case P.Tab:
-        if (a.value = !1, o.comboboxState.value !== 0)
+        if (a.value = !1, l.comboboxState.value !== 0)
           return;
-        o.mode.value === 0 && o.selectActiveOption(), o.closeCombobox();
+        l.mode.value === 0 && l.selectActiveOption(), l.closeCombobox();
         break;
     }
   }
-  function p(f) {
+  function m(f) {
     if (s.value) {
       u.value = f;
       return;
     }
-    o.openCombobox(), t("change", f);
+    l.openCombobox(), t("change", f);
   }
   function b() {
     a.value = !1;
   }
-  let h = y(() => {
+  let h = x(() => {
     var f, $, M, 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 (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 () => {
     var f, $, M, D, X, Q;
-    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" });
+    let _ = { open: l.comboboxState.value === 0 }, { id: E, displayValue: R, 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: c, onCompositionend: g, onKeydown: v, onInput: m, 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: pe.RenderStrategy | pe.Static, name: "ComboboxInput" });
   };
-} }), 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(() => {
+} }), 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-${ne()}`;
+  r({ el: n.optionsRef, $el: n.optionsRef }), te(() => {
     n.optionsPropsRef.value.static = e.static;
-  }), ee(() => {
+  }), te(() => {
     n.optionsPropsRef.value.hold = e.hold;
   });
-  let a = Fe(), i = y(() => a !== null ? (a.value & z.Open) === z.Open : n.comboboxState.value === 0);
-  return Rt({ container: y(() => k(n.optionsRef)), enabled: y(() => n.comboboxState.value === 0), accept(s) {
+  let a = Fe(), i = x(() => a !== null ? (a.value & z.Open) === z.Open : n.comboboxState.value === 0);
+  return Rt({ container: x(() => k(n.optionsRef)), enabled: x(() => n.comboboxState.value === 0), accept(s) {
     return s.getAttribute("role") === "option" ? NodeFilter.FILTER_REJECT : s.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
   }, walk(s) {
     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: 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" });
+    var s, u, c;
+    let g = { open: n.comboboxState.value === 0 }, v = { "aria-labelledby": (c = (s = k(n.labelRef)) == null ? void 0 : s.id) != null ? c : (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 }, m = Ae(e, ["hold"]);
+    return B({ ourProps: v, theirProps: m, slot: g, attrs: t, slots: o, features: pe.RenderStrategy | pe.Static, visible: i.value, name: "ComboboxOptions" });
   };
-} }), 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);
+} }), 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-${ne()}`, a = w(null);
   r({ el: a, $el: a });
-  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(() => {
+  let i = x(() => n.activeOptionIndex.value !== null ? n.options.value[n.activeOptionIndex.value].id === l : !1), s = x(() => 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 = x(() => ({ disabled: e.disabled, value: e.value, domRef: a }));
+  U(() => n.registerOption(l, u)), se(() => n.unregisterOption(l)), te(() => {
     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" });
     });
   });
-  function d(f) {
+  function c(f) {
     if (e.disabled)
       return f.preventDefault();
-    n.selectOption(o), n.mode.value === 0 && n.closeCombobox(), Zn() || requestAnimationFrame(() => {
+    n.selectOption(l), n.mode.value === 0 && n.closeCombobox(), Zn() || requestAnimationFrame(() => {
       var $;
       return ($ = k(n.inputRef)) == null ? void 0 : $.focus();
     });
   }
-  function m() {
+  function g() {
     if (e.disabled)
       return n.goToOption(I.Nothing);
-    n.goToOption(I.Specific, o);
+    n.goToOption(I.Specific, l);
   }
   let v = Yt();
-  function p(f) {
+  function m(f) {
     v.update(f);
   }
   function b(f) {
-    v.wasMoved(f) && (e.disabled || i.value || n.goToOption(I.Specific, o, 0));
+    v.wasMoved(f) && (e.disabled || i.value || n.goToOption(I.Specific, l, 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: 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" });
+    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: c, onFocus: g, onPointerenter: m, onMouseenter: m, onPointermove: b, onMousemove: b, onPointerleave: h, onMouseleave: h };
+    return B({ ourProps: M, theirProps: e, slot: $, attrs: o, slots: t, name: "ComboboxOption" });
   };
 } });
 var Le = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(Le || {});
-function dl() {
+function co() {
   let e = w(0);
   return Ft("keydown", (t) => {
     t.key === "Tab" && (e.value = t.shiftKey ? 1 : 0);
   }), e;
 }
-function zt(e, t, l, r) {
-  Be.isServer || ee((n) => {
-    e = e ?? window, e.addEventListener(t, l, r), n(() => e.removeEventListener(t, l, r));
+function zt(e, t, o, r) {
+  Be.isServer || te((n) => {
+    e = e ?? window, e.addEventListener(t, o, r), n(() => e.removeEventListener(t, o, r));
   });
 }
 function Wt(e) {
@@ -914,7 +914,7 @@ function Wt(e) {
     throw t;
   }));
 }
-function cl(e) {
+function fo(e) {
   function t() {
     document.readyState !== "loading" && (e(), document.removeEventListener("DOMContentLoaded", t));
   }
@@ -926,92 +926,92 @@ function Kt(e) {
   if (typeof e == "function")
     return new Set(e());
   let t = /* @__PURE__ */ new Set();
-  for (let l of e.value) {
-    let r = k(l);
+  for (let o of e.value) {
+    let r = k(o);
     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: l, 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: o, expose: r }) {
   let n = w(null);
   r({ el: n, $el: n });
-  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 l = x(() => Se(n)), a = w(!1);
+  U(() => a.value = !0), se(() => a.value = !1), mo({ ownerDocument: l }, x(() => a.value && !!(e.features & 16)));
+  let i = po({ ownerDocument: l, container: n, initialFocus: x(() => e.initialFocus) }, x(() => a.value && !!(e.features & 2)));
+  go({ ownerDocument: l, container: n, containers: e.containers, previousActiveElement: i }, x(() => a.value && !!(e.features & 8)));
+  let s = co();
+  function u(m) {
     let b = k(n);
     b && ((h) => h())(() => {
       K(s.value, { [Le.Forwards]: () => {
-        Re(b, pe.First, { skipElements: [p.relatedTarget] });
+        Re(b, me.First, { skipElements: [m.relatedTarget] });
       }, [Le.Backwards]: () => {
-        Re(b, pe.Last, { skipElements: [p.relatedTarget] });
+        Re(b, me.Last, { skipElements: [m.relatedTarget] });
       } });
     });
   }
-  let d = w(!1);
-  function m(p) {
-    p.key === "Tab" && (d.value = !0, requestAnimationFrame(() => {
-      d.value = !1;
+  let c = w(!1);
+  function g(m) {
+    m.key === "Tab" && (c.value = !0, requestAnimationFrame(() => {
+      c.value = !1;
     }));
   }
-  function v(p) {
+  function v(m) {
     if (!a.value)
       return;
     let b = Kt(e.containers);
     k(n) instanceof HTMLElement && b.add(k(n));
-    let h = p.relatedTarget;
-    h instanceof HTMLElement && h.dataset.headlessuiFocusGuard !== "true" && (Gt(b, h) || (d.value ? Re(k(n), K(s.value, { [Le.Forwards]: () => pe.Next, [Le.Backwards]: () => pe.Previous }) | pe.WrapAround, { relativeTo: p.target }) : p.target instanceof HTMLElement && we(p.target)));
+    let h = m.relatedTarget;
+    h instanceof HTMLElement && h.dataset.headlessuiFocusGuard !== "true" && (Gt(b, h) || (c.value ? Re(k(n), K(s.value, { [Le.Forwards]: () => me.Next, [Le.Backwards]: () => me.Previous }) | me.WrapAround, { relativeTo: m.target }) : m.target instanceof HTMLElement && we(m.target)));
   }
   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: l, name: "FocusTrap" }), !!(h & 4) && q(je, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: u, features: De.Focusable })]);
+    let m = {}, b = { ref: n, onKeydown: g, 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: m, attrs: t, slots: o, name: "FocusTrap" }), !!(h & 4) && q(je, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: u, features: De.Focusable })]);
   };
 } }), { features: Jt }), $e = [];
-cl(() => {
+fo(() => {
   function e(t) {
-    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));
+    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));
   }
   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 fl(e) {
+function vo(e) {
   let t = w($e.slice());
-  return be([e], ([l], [r]) => {
-    r === !0 && l === !1 ? Wt(() => {
+  return be([e], ([o], [r]) => {
+    r === !0 && o === !1 ? Wt(() => {
       t.value.splice(0);
-    }) : r === !1 && l === !0 && (t.value = $e.slice());
+    }) : r === !1 && o === !0 && (t.value = $e.slice());
   }, { flush: "post" }), () => {
-    var l;
-    return (l = t.value.find((r) => r != null && r.isConnected)) != null ? l : null;
+    var o;
+    return (o = t.value.find((r) => r != null && r.isConnected)) != null ? o : null;
   };
 }
-function vl({ ownerDocument: e }, t) {
-  let l = fl(t);
+function mo({ ownerDocument: e }, t) {
+  let o = vo(t);
   U(() => {
-    ee(() => {
+    te(() => {
       var r, n;
-      t.value || ((r = e.value) == null ? void 0 : r.activeElement) === ((n = e.value) == null ? void 0 : n.body) && we(l());
+      t.value || ((r = e.value) == null ? void 0 : r.activeElement) === ((n = e.value) == null ? void 0 : n.body) && we(o());
     }, { flush: "post" });
   }), se(() => {
-    t.value && we(l());
+    t.value && we(o());
   });
 }
-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)
+function po({ 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) => {
+      if (a.every((u, c) => (i == null ? void 0 : i[c]) === u) || !r.value)
         return;
       let s = k(t);
       s && Wt(() => {
-        var u, d;
-        if (!o.value)
+        var u, c;
+        if (!l.value)
           return;
-        let m = k(l), v = (u = e.value) == null ? void 0 : u.activeElement;
-        if (m) {
-          if (m === v) {
+        let g = k(o), v = (u = e.value) == null ? void 0 : u.activeElement;
+        if (g) {
+          if (g === v) {
             n.value = v;
             return;
           }
@@ -1019,17 +1019,17 @@ function pl({ ownerDocument: e, container: t, initialFocus: l }, r) {
           n.value = v;
           return;
         }
-        m ? we(m) : Re(s, pe.First | pe.NoScroll) === jt.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), n.value = (d = e.value) == null ? void 0 : d.activeElement;
+        g ? we(g) : Re(s, me.First | me.NoScroll) === jt.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), n.value = (c = e.value) == null ? void 0 : c.activeElement;
       });
     }, { immediate: !0, flush: "post" });
   }), n;
 }
-function ml({ ownerDocument: e, container: t, containers: l, previousActiveElement: r }, n) {
-  var o;
-  zt((o = e.value) == null ? void 0 : o.defaultView, "focus", (a) => {
+function go({ ownerDocument: e, container: t, containers: o, previousActiveElement: r }, n) {
+  var l;
+  zt((l = e.value) == null ? void 0 : l.defaultView, "focus", (a) => {
     if (!n.value)
       return;
-    let i = Kt(l);
+    let i = Kt(o);
     k(t) instanceof HTMLElement && i.add(k(t));
     let s = r.value;
     if (!s)
@@ -1039,21 +1039,21 @@ function ml({ ownerDocument: e, container: t, containers: l, previousActiveEleme
   }, !0);
 }
 function Gt(e, t) {
-  for (let l of e)
-    if (l.contains(t))
+  for (let o of e)
+    if (o.contains(t))
       return !0;
   return !1;
 }
 let Qe = /* @__PURE__ */ new Map(), Pe = /* @__PURE__ */ new Map();
 function St(e, t = w(!0)) {
-  ee((l) => {
+  te((o) => {
     var r;
     if (!t.value)
       return;
     let n = k(e);
     if (!n)
       return;
-    l(function() {
+    o(function() {
       var a;
       if (!n)
         return;
@@ -1063,199 +1063,199 @@ 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 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 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 Xt = Symbol("ForcePortalRootContext");
-function gl() {
-  return ne(Xt, !1);
+function ho() {
+  return oe(Xt, !1);
 }
-let tt = A({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: !1 } }, setup(e, { slots: t, attrs: l }) {
+let tt = A({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: !1 } }, setup(e, { slots: t, attrs: o }) {
   return ie(Xt, e.force), () => {
     let { force: r, ...n } = e;
-    return B({ theirProps: n, ourProps: {}, slot: {}, slots: t, attrs: l, name: "ForcePortalRoot" });
+    return B({ theirProps: n, ourProps: {}, slot: {}, slots: t, attrs: o, name: "ForcePortalRoot" });
   };
 } });
-function hl(e) {
+function bo(e) {
   let t = Se(e);
   if (!t) {
     if (e === null)
       return null;
     throw new Error(`[Headless UI]: Cannot find ownerDocument for contextElement: ${e}`);
   }
-  let l = t.getElementById("headlessui-portal-root");
-  if (l)
-    return l;
+  let o = t.getElementById("headlessui-portal-root");
+  if (o)
+    return o;
   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: 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(() => {
-    o || a != null && (i.value = a.resolveTarget());
+let Qt = A({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e, { slots: t, attrs: o }) {
+  let r = w(null), n = x(() => Se(r)), l = ho(), a = oe(Zt, null), i = w(l === !0 || a == null ? bo(r.value) : a.resolveTarget());
+  te(() => {
+    l || a != null && (i.value = a.resolveTarget());
   });
-  let s = ne(nt, null);
+  let s = oe(nt, null);
   return U(() => {
     let u = k(r);
     u && s && se(s.register(u));
   }), se(() => {
-    var u, d;
-    let m = (u = n.value) == null ? void 0 : u.getElementById("headlessui-portal-root");
-    m && i.value === m && i.value.children.length <= 0 && ((d = i.value.parentElement) == null || d.removeChild(i.value));
+    var u, c;
+    let g = (u = n.value) == null ? void 0 : u.getElementById("headlessui-portal-root");
+    g && i.value === g && i.value.children.length <= 0 && ((c = i.value.parentElement) == null || c.removeChild(i.value));
   }), () => {
     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: l, slots: t, name: "Portal" }));
+    return q(wn, { to: i.value }, B({ ourProps: u, theirProps: e, slot: {}, attrs: o, slots: t, name: "Portal" }));
   };
 } }), nt = Symbol("PortalParentContext");
-function bl() {
-  let e = ne(nt, null), t = w([]);
-  function l(o) {
-    return t.value.push(o), e && e.register(o), () => r(o);
+function yo() {
+  let e = oe(nt, null), t = w([]);
+  function o(l) {
+    return t.value.push(l), e && e.register(l), () => r(l);
   }
-  function r(o) {
-    let a = t.value.indexOf(o);
-    a !== -1 && t.value.splice(a, 1), e && e.unregister(o);
+  function r(l) {
+    let a = t.value.indexOf(l);
+    a !== -1 && t.value.splice(a, 1), e && e.unregister(l);
   }
-  let n = { register: l, unregister: r, portals: t };
-  return [t, A({ name: "PortalWrapper", setup(o, { slots: a }) {
+  let n = { register: o, unregister: r, portals: t };
+  return [t, A({ name: "PortalWrapper", setup(l, { slots: a }) {
     return ie(nt, n), () => {
       var i;
       return (i = a.default) == null ? void 0 : i.call(a);
     };
   } })];
 }
-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 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 r = Sn({ resolveTarget() {
     return e.target;
   } });
   return ie(Zt, r), () => {
-    let { target: n, ...o } = e;
-    return B({ theirProps: o, ourProps: {}, slot: {}, attrs: t, slots: l, name: "PortalGroup" });
+    let { target: n, ...l } = e;
+    return B({ theirProps: l, ourProps: {}, slot: {}, attrs: t, slots: o, name: "PortalGroup" });
   };
 } }), en = Symbol("StackContext");
-var lt = ((e) => (e[e.Add = 0] = "Add", e[e.Remove = 1] = "Remove", e))(lt || {});
-function xl() {
-  return ne(en, () => {
+var ot = ((e) => (e[e.Add = 0] = "Add", e[e.Remove = 1] = "Remove", e))(ot || {});
+function wo() {
+  return oe(en, () => {
   });
 }
-function wl({ type: e, enabled: t, element: l, onUpdate: r }) {
-  let n = xl();
-  function o(...a) {
+function So({ type: e, enabled: t, element: o, onUpdate: r }) {
+  let n = wo();
+  function l(...a) {
     r == null || r(...a), n(...a);
   }
   U(() => {
     be(t, (a, i) => {
-      a ? o(0, e, l) : i === !0 && o(1, e, l);
+      a ? l(0, e, o) : i === !0 && l(1, e, o);
     }, { immediate: !0, flush: "sync" });
   }), se(() => {
-    t.value && o(1, e, l);
-  }), ie(en, o);
+    t.value && l(1, e, o);
+  }), ie(en, l);
 }
 let tn = Symbol("DescriptionContext");
-function Sl() {
-  let e = ne(tn, null);
+function ko() {
+  let e = oe(tn, null);
   if (e === null)
     throw new Error("Missing parent");
   return e;
 }
-function nn({ slot: e = w({}), name: t = "Description", props: l = {} } = {}) {
+function nn({ slot: e = w({}), name: t = "Description", props: o = {} } = {}) {
   let r = w([]);
-  function n(o) {
-    return r.value.push(o), () => {
-      let a = r.value.indexOf(o);
+  function n(l) {
+    return r.value.push(l), () => {
+      let a = r.value.indexOf(l);
       a !== -1 && r.value.splice(a, 1);
     };
   }
-  return ie(tn, { register: n, slot: e, name: t, props: l }), y(() => r.value.length > 0 ? r.value.join(" ") : void 0);
+  return ie(tn, { register: n, slot: e, name: t, props: o }), x(() => 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: l }) {
-  let r = Sl();
+A({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${ne()}` } }, setup(e, { attrs: t, slots: o }) {
+  let r = ko();
   return U(() => se(r.register(e.id))), () => {
-    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 });
+    let { name: n = "Description", slot: l = w({}), props: a = {} } = r, { id: i, ...s } = e, u = { ...Object.entries(a).reduce((c, [g, v]) => Object.assign(c, { [g]: C(v) }), {}), id: i };
+    return B({ ourProps: u, theirProps: s, slot: l.value, attrs: t, slots: o, name: n });
   };
 } });
-function kl(e) {
+function $o(e) {
   let t = kn(e.getSnapshot());
   return se(e.subscribe(() => {
     t.value = e.getSnapshot();
   })), t;
 }
-function $l(e, t) {
-  let l = e(), r = /* @__PURE__ */ new Set();
+function Co(e, t) {
+  let o = e(), r = /* @__PURE__ */ new Set();
   return { getSnapshot() {
-    return l;
+    return o;
   }, subscribe(n) {
     return r.add(n), () => r.delete(n);
-  }, dispatch(n, ...o) {
-    let a = t[n].call(l, ...o);
-    a && (l = a, r.forEach((i) => i()));
+  }, dispatch(n, ...l) {
+    let a = t[n].call(o, ...l);
+    a && (o = a, r.forEach((i) => i()));
   } };
 }
-function Cl() {
+function _o() {
   let e;
   return { before({ doc: t }) {
-    var l;
+    var o;
     let r = t.documentElement;
-    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`);
+    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`);
   } };
 }
-function _l() {
+function Oo() {
   if (!Ut())
     return {};
   let e;
   return { before() {
     e = window.pageYOffset;
-  }, after({ doc: t, d: l, meta: r }) {
+  }, after({ doc: t, d: o, meta: r }) {
     function n(a) {
       return r.containers.flatMap((i) => i()).some((i) => i.contains(a));
     }
-    l.style(t.body, "marginTop", `-${e}px`), window.scrollTo(0, 0);
-    let o = null;
-    l.addEventListener(t, "click", (a) => {
+    o.style(t.body, "marginTop", `-${e}px`), window.scrollTo(0, 0);
+    let l = null;
+    o.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) && (o = u);
+          u && !n(u) && (l = u);
         } catch {
         }
-    }, !0), l.addEventListener(t, "touchmove", (a) => {
+    }, !0), o.addEventListener(t, "touchmove", (a) => {
       a.target instanceof HTMLElement && !n(a.target) && a.preventDefault();
-    }, { passive: !1 }), l.add(() => {
-      window.scrollTo(0, window.pageYOffset + e), o && o.isConnected && (o.scrollIntoView({ block: "nearest" }), o = null);
+    }, { passive: !1 }), o.add(() => {
+      window.scrollTo(0, window.pageYOffset + e), l && l.isConnected && (l.scrollIntoView({ block: "nearest" }), l = null);
     });
   } };
 }
-function Ol() {
+function Do() {
   return { before({ doc: e, d: t }) {
     t.style(e.documentElement, "overflow", "hidden");
   } };
 }
-function Dl(e) {
+function Mo(e) {
   let t = {};
-  for (let l of e)
-    Object.assign(t, l(t));
+  for (let o of e)
+    Object.assign(t, o(t));
   return t;
 }
-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() };
+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() };
   return r.count++, r.meta.add(t), this.set(e, r), this;
 }, POP(e, t) {
-  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));
+  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));
 }, SCROLL_ALLOW({ d: e }) {
   e.dispose();
 }, TEARDOWN({ doc: e }) {
@@ -1263,108 +1263,108 @@ let Ce = $l(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
 } });
 Ce.subscribe(() => {
   let e = Ce.getSnapshot(), t = /* @__PURE__ */ new Map();
-  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);
+  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);
   }
 });
-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;
+function To(e, t, o) {
+  let r = $o(Ce), n = x(() => {
+    let l = e.value ? r.value.get(e.value) : void 0;
+    return l ? l.count > 0 : !1;
   });
-  return be([e, t], ([o, a], [i], s) => {
-    if (!o || !a)
+  return be([e, t], ([l, a], [i], s) => {
+    if (!l || !a)
       return;
-    Ce.dispatch("PUSH", o, l);
+    Ce.dispatch("PUSH", l, o);
     let u = !1;
     s(() => {
-      u || (Ce.dispatch("POP", i ?? o, l), u = !0);
+      u || (Ce.dispatch("POP", i ?? l, o), u = !0);
     });
   }, { immediate: !0 }), n;
 }
-function Tl({ defaultContainers: e = [], portals: t } = {}) {
-  let l = w(null), r = Se(l);
+function Eo({ defaultContainers: e = [], portals: t } = {}) {
+  let o = w(null), r = Se(o);
   function n() {
-    var o;
+    var l;
     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 (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));
+    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));
     return a;
   }
-  return { resolveContainers: n, contains(o) {
-    return n().some((a) => a.contains(o));
-  }, mainTreeNodeRef: l, MainTreeNode() {
-    return q(je, { features: De.Hidden, ref: l });
+  return { resolveContainers: n, contains(l) {
+    return n().some((a) => a.contains(l));
+  }, mainTreeNodeRef: o, MainTreeNode() {
+    return q(je, { features: De.Hidden, ref: o });
   } };
 }
-var El = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(El || {});
-let ot = Symbol("DialogContext");
+var Po = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Po || {});
+let lt = Symbol("DialogContext");
 function He(e) {
-  let t = ne(ot, null);
+  let t = oe(lt, null);
   if (t === null) {
-    let l = new Error(`<${e} /> is missing a parent <Dialog /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(l, He), l;
+    let o = new Error(`<${e} /> is missing a parent <Dialog /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(o, He), o;
   }
   return t;
 }
-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 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-${ne()}` } }, emits: { close: (e) => !0 }, setup(e, { emit: t, attrs: o, slots: r, expose: n }) {
+  var l;
   let a = w(!1);
   U(() => {
     a.value = !0;
   });
-  let i = w(0), s = Fe(), u = y(() => e.open === ze && s !== null ? (s.value & z.Open) === z.Open : e.open), d = w(null), m = y(() => Se(d));
-  if (n({ el: d, $el: d }), !(e.open !== ze || s !== null))
+  let i = w(0), s = Fe(), u = x(() => e.open === ze && s !== null ? (s.value & z.Open) === z.Open : e.open), c = w(null), g = x(() => Se(c));
+  if (n({ el: c, $el: c }), !(e.open !== ze || s !== null))
     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(ot, null) !== null, [f, $] = bl(), { resolveContainers: M, mainTreeNodeRef: D, MainTreeNode: X } = Tl({ portals: f, defaultContainers: [y(() => {
+  let v = x(() => a.value && u.value ? 0 : 1), m = x(() => v.value === 0), b = x(() => i.value > 1), h = oe(lt, null) !== null, [f, $] = yo(), { resolveContainers: M, mainTreeNodeRef: D, MainTreeNode: X } = Eo({ portals: f, defaultContainers: [x(() => {
     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(() => {
-    var F, J, ce;
-    return (ce = Array.from((J = (F = m.value) == null ? void 0 : F.querySelectorAll("body > *")) != null ? J : []).find((fe) => fe.id === "headlessui-portal-root" ? !1 : fe.contains(k(D)) && fe instanceof HTMLElement)) != null ? ce : null;
+    return (F = ae.panelRef.value) != null ? F : c.value;
+  })] }), Q = x(() => b.value ? "parent" : "leaf"), _ = x(() => s !== null ? (s.value & z.Closing) === z.Closing : !1), E = x(() => h || _.value ? !1 : m.value), R = x(() => {
+    var F, G, ce;
+    return (ce = Array.from((G = (F = g.value) == null ? void 0 : F.querySelectorAll("body > *")) != null ? G : []).find((fe) => fe.id === "headlessui-portal-root" ? !1 : fe.contains(k(D)) && fe instanceof HTMLElement)) != null ? ce : null;
   });
-  St(L, E);
-  let T = y(() => b.value ? !0 : p.value), j = y(() => {
-    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(R, E);
+  let T = x(() => b.value ? !0 : m.value), j = x(() => {
+    var F, G, ce;
+    return (ce = Array.from((G = (F = g.value) == null ? void 0 : F.querySelectorAll("[data-headlessui-portal]")) != null ? G : []).find((fe) => fe.contains(k(D)) && fe instanceof HTMLElement)) != null ? ce : null;
   });
-  St(j, T), wl({ type: "Dialog", enabled: y(() => v.value === 0), element: d, onUpdate: (F, J) => {
-    if (J === "Dialog")
-      return K(F, { [lt.Add]: () => i.value += 1, [lt.Remove]: () => i.value -= 1 });
+  St(j, T), So({ type: "Dialog", enabled: x(() => v.value === 0), element: c, onUpdate: (F, G) => {
+    if (G === "Dialog")
+      return K(F, { [ot.Add]: () => i.value += 1, [ot.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) {
+  let N = nn({ name: "DialogDescription", slot: x(() => ({ 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(ot, ae);
-  let Te = y(() => !(!p.value || b.value));
-  vt(M, (F, J) => {
-    ae.close(), le(() => J == null ? void 0 : J.focus());
+  ie(lt, ae);
+  let Te = x(() => !(!m.value || b.value));
+  vt(M, (F, G) => {
+    ae.close(), le(() => G == null ? void 0 : G.focus());
   }, Te);
-  let ge = y(() => !(b.value || v.value !== 0));
-  zt((o = m.value) == null ? void 0 : o.defaultView, "keydown", (F) => {
+  let ge = x(() => !(b.value || v.value !== 0));
+  zt((l = g.value) == null ? void 0 : l.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 Ml(m, _e, (F) => {
-    var J;
-    return { containers: [...(J = F.containers) != null ? J : [], M] };
-  }), ee((F) => {
+  let _e = x(() => !(_.value || v.value !== 0 || h));
+  return To(g, _e, (F) => {
+    var G;
+    return { containers: [...(G = F.containers) != null ? G : [], M] };
+  }), te((F) => {
     if (v.value !== 0)
       return;
-    let J = k(d);
-    if (!J)
+    let G = k(c);
+    if (!G)
       return;
     let ce = new ResizeObserver((fe) => {
       for (let qe of fe) {
@@ -1372,73 +1372,73 @@ let ze = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Pl = A({ name: "Dialog", inheri
         he.x === 0 && he.y === 0 && he.width === 0 && he.height === 0 && ae.close();
       }
     });
-    ce.observe(J), F(() => ce.disconnect());
+    ce.observe(G), F(() => ce.disconnect());
   }), () => {
-    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)]);
+    let { id: F, open: G, initialFocus: ce, ...fe } = e, qe = { ...o, ref: c, 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: c.value }, () => q(tt, { force: !1 }, () => q(Ee, { initialFocus: ce, containers: M, features: m.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: pe.RenderStrategy | pe.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: l }) {
+A({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-overlay-${ne()}` } }, setup(e, { attrs: t, slots: o }) {
   let r = He("DialogOverlay");
-  function n(o) {
-    o.target === o.currentTarget && (o.preventDefault(), o.stopPropagation(), r.close());
+  function n(l) {
+    l.target === l.currentTarget && (l.preventDefault(), l.stopPropagation(), r.close());
   }
   return () => {
-    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" });
+    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" });
   };
 } });
-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(() => {
+A({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-backdrop-${ne()}` } }, inheritAttrs: !1, setup(e, { attrs: t, slots: o, expose: r }) {
+  let n = He("DialogBackdrop"), l = w(null);
+  return r({ el: l, $el: l }), 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: 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 { 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 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 Ro = A({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-panel-${ne()}` } }, setup(e, { attrs: t, slots: o, expose: r }) {
   let n = He("DialogPanel");
   r({ el: n.panelRef, $el: n.panelRef });
-  function o(a) {
+  function l(a) {
     a.stopPropagation();
   }
   return () => {
-    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" });
+    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" });
   };
-} }), 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 }) {
+} }), jo = A({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: () => `headlessui-dialog-title-${ne()}` } }, setup(e, { attrs: t, slots: o }) {
   let r = He("DialogTitle");
   return U(() => {
     r.setTitleId(e.id), se(() => r.setTitleId(null));
   }), () => {
-    let { id: n, ...o } = e;
-    return B({ ourProps: { id: n }, theirProps: o, slot: { open: r.dialogState.value === 0 }, attrs: t, slots: l, name: "DialogTitle" });
+    let { id: n, ...l } = e;
+    return B({ ourProps: { id: n }, theirProps: l, slot: { open: r.dialogState.value === 0 }, attrs: t, slots: o, name: "DialogTitle" });
   };
 } }), kt = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
 function $t(e) {
-  var t, l;
+  var t, o;
   let r = (t = e.innerText) != null ? t : "", n = e.cloneNode(!0);
   if (!(n instanceof HTMLElement))
     return r;
-  let o = !1;
+  let l = !1;
   for (let i of n.querySelectorAll('[hidden],[aria-hidden],[role="img"]'))
-    i.remove(), o = !0;
-  let a = o ? (l = n.innerText) != null ? l : "" : r;
+    i.remove(), l = !0;
+  let a = l ? (o = n.innerText) != null ? o : "" : r;
   return kt.test(a) && (a = a.replace(kt, "")), a;
 }
-function jl(e) {
+function Io(e) {
   let t = e.getAttribute("aria-label");
   if (typeof t == "string")
     return t.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();
+  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();
       }
       return null;
     }).filter(Boolean);
@@ -1447,84 +1447,84 @@ function jl(e) {
   }
   return $t(e).trim();
 }
-function Il(e) {
-  let t = w(""), l = w("");
+function Ao(e) {
+  let t = w(""), o = w("");
   return () => {
     let r = k(e);
     if (!r)
       return "";
     let n = r.innerText;
     if (t.value === n)
-      return l.value;
-    let o = jl(r).trim().toLowerCase();
-    return t.value = n, l.value = o, o;
+      return o.value;
+    let l = Io(r).trim().toLowerCase();
+    return t.value = n, o.value = l, l;
   };
 }
-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) {
+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) {
   requestAnimationFrame(() => requestAnimationFrame(e));
 }
-let ln = Symbol("MenuContext");
+let on = Symbol("MenuContext");
 function Ke(e) {
-  let t = ne(ln, null);
+  let t = oe(on, null);
   if (t === null) {
-    let l = new Error(`<${e} /> is missing a parent <Menu /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(l, Ke), l;
+    let o = new Error(`<${e} /> is missing a parent <Menu /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(o, Ke), o;
   }
   return t;
 }
-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;
+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);
+  function c(v = (m) => m) {
+    let m = s.value !== null ? a.value[s.value] : null, b = ft(v(a.value.slice()), (f) => k(f.dataRef.domRef)), h = m ? b.indexOf(m) : null;
     return h === -1 && (h = null), { items: b, activeItemIndex: h };
   }
-  let m = { menuState: r, buttonRef: n, itemsRef: o, items: a, searchQuery: i, activeItemIndex: s, activationTrigger: u, closeMenu: () => {
+  let g = { menuState: r, buttonRef: n, itemsRef: l, 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 });
+  }, openMenu: () => r.value = 0, goToItem(v, m, b) {
+    let h = c(), f = Pt(v === I.Specific ? { focus: I.Specific, id: m } : { focus: v }, { resolveItems: () => h.items, resolveActiveIndex: () => h.activeItemIndex, resolveId: ($) => $.id, resolveDisabled: ($) => $.dataRef.disabled });
     i.value = "", s.value = f, u.value = b ?? 1, a.value = h.items;
   }, search(v) {
-    let p = i.value !== "" ? 0 : 1;
+    let m = i.value !== "" ? 0 : 1;
     i.value += v.toLowerCase();
-    let b = (s.value !== null ? a.value.slice(s.value + p).concat(a.value.slice(0, s.value + p)) : a.value).find((f) => f.dataRef.textValue.startsWith(i.value) && !f.dataRef.disabled), h = b ? a.value.indexOf(b) : -1;
+    let b = (s.value !== null ? a.value.slice(s.value + m).concat(a.value.slice(0, s.value + m)) : a.value).find((f) => f.dataRef.textValue.startsWith(i.value) && !f.dataRef.disabled), h = b ? a.value.indexOf(b) : -1;
     h === -1 || h === s.value || (s.value = h, u.value = 1);
   }, clearSearch() {
     i.value = "";
-  }, registerItem(v, p) {
-    let b = d((h) => [...h, { id: v, dataRef: p }]);
+  }, registerItem(v, m) {
+    let b = c((h) => [...h, { id: v, dataRef: m }]);
     a.value = b.items, s.value = b.activeItemIndex, u.value = 1;
   }, unregisterItem(v) {
-    let p = d((b) => {
+    let m = c((b) => {
       let h = b.findIndex((f) => f.id === v);
       return h !== -1 && b.splice(h, 1), b;
     });
-    a.value = p.items, s.value = p.activeItemIndex, u.value = 1;
+    a.value = m.items, s.value = m.activeItemIndex, u.value = 1;
   } };
-  return vt([n, o], (v, p) => {
+  return vt([n, l], (v, m) => {
     var b;
-    m.closeMenu(), ct(p, dt.Loose) || (v.preventDefault(), (b = k(n)) == null || b.focus());
-  }, 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: l, name: "Menu" });
+    g.closeMenu(), ct(m, dt.Loose) || (v.preventDefault(), (b = k(n)) == null || b.focus());
+  }, x(() => r.value === 0)), ie(on, g), st(x(() => K(r.value, { [0]: z.Open, [1]: z.Closed }))), () => {
+    let v = { open: r.value === 0, close: g.closeMenu };
+    return B({ ourProps: {}, theirProps: e, slot: v, slots: t, attrs: o, name: "Menu" });
   };
-} }), 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 }) {
+} }), Vo = A({ name: "MenuButton", props: { disabled: { type: Boolean, default: !1 }, as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-menu-button-${ne()}` } }, setup(e, { attrs: t, slots: o, expose: r }) {
   let n = Ke("MenuButton");
   r({ el: n.buttonRef, $el: n.buttonRef });
-  function o(u) {
+  function l(u) {
     switch (u.key) {
       case P.Space:
       case P.Enter:
       case P.ArrowDown:
         u.preventDefault(), u.stopPropagation(), n.openMenu(), le(() => {
-          var d;
-          (d = k(n.itemsRef)) == null || d.focus({ preventScroll: !0 }), n.goToItem(I.First);
+          var c;
+          (c = k(n.itemsRef)) == null || c.focus({ preventScroll: !0 }), n.goToItem(I.First);
         });
         break;
       case P.ArrowUp:
         u.preventDefault(), u.stopPropagation(), n.openMenu(), le(() => {
-          var d;
-          (d = k(n.itemsRef)) == null || d.focus({ preventScroll: !0 }), n.goToItem(I.Last);
+          var c;
+          (c = k(n.itemsRef)) == null || c.focus({ preventScroll: !0 }), n.goToItem(I.Last);
         });
         break;
     }
@@ -1538,86 +1538,86 @@ let Nl = A({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   }
   function i(u) {
     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(), Bl(() => {
-      var d;
-      return (d = k(n.itemsRef)) == null ? void 0 : d.focus({ preventScroll: !0 });
+      var c;
+      return (c = k(n.buttonRef)) == null ? void 0 : c.focus({ preventScroll: !0 });
+    })) : (u.preventDefault(), n.openMenu(), No(() => {
+      var c;
+      return (c = k(n.itemsRef)) == null ? void 0 : c.focus({ preventScroll: !0 });
     })));
   }
-  let s = ut(y(() => ({ as: e.as, type: t.type })), n.buttonRef);
+  let s = ut(x(() => ({ 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: o, onKeyup: a, onClick: i };
-    return B({ ourProps: p, theirProps: v, slot: d, attrs: t, slots: l, name: "MenuButton" });
+    let c = { open: n.menuState.value === 0 }, { id: g, ...v } = e, m = { ref: n.buttonRef, id: g, 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: m, theirProps: v, slot: c, attrs: t, slots: o, name: "MenuButton" });
   };
-} }), 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) {
-    d.setAttribute("role", "none");
+} }), 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-${ne()}` } }, setup(e, { attrs: t, slots: o, expose: r }) {
+  let n = Ke("MenuItems"), l = w(null);
+  r({ el: n.itemsRef, $el: n.itemsRef }), Rt({ container: x(() => k(n.itemsRef)), enabled: x(() => n.menuState.value === 0), accept(c) {
+    return c.getAttribute("role") === "menuitem" ? NodeFilter.FILTER_REJECT : c.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
+  }, walk(c) {
+    c.setAttribute("role", "none");
   } });
-  function a(d) {
-    var m;
-    switch (o.value && clearTimeout(o.value), d.key) {
+  function a(c) {
+    var g;
+    switch (l.value && clearTimeout(l.value), c.key) {
       case P.Space:
         if (n.searchQuery.value !== "")
-          return d.preventDefault(), d.stopPropagation(), n.search(d.key);
+          return c.preventDefault(), c.stopPropagation(), n.search(c.key);
       case P.Enter:
-        if (d.preventDefault(), d.stopPropagation(), n.activeItemIndex.value !== null) {
+        if (c.preventDefault(), c.stopPropagation(), n.activeItemIndex.value !== null) {
           let v = n.items.value[n.activeItemIndex.value];
-          (m = k(v.dataRef.domRef)) == null || m.click();
+          (g = k(v.dataRef.domRef)) == null || g.click();
         }
         n.closeMenu(), At(k(n.buttonRef));
         break;
       case P.ArrowDown:
-        return d.preventDefault(), d.stopPropagation(), n.goToItem(I.Next);
+        return c.preventDefault(), c.stopPropagation(), n.goToItem(I.Next);
       case P.ArrowUp:
-        return d.preventDefault(), d.stopPropagation(), n.goToItem(I.Previous);
+        return c.preventDefault(), c.stopPropagation(), n.goToItem(I.Previous);
       case P.Home:
       case P.PageUp:
-        return d.preventDefault(), d.stopPropagation(), n.goToItem(I.First);
+        return c.preventDefault(), c.stopPropagation(), n.goToItem(I.First);
       case P.End:
       case P.PageDown:
-        return d.preventDefault(), d.stopPropagation(), n.goToItem(I.Last);
+        return c.preventDefault(), c.stopPropagation(), n.goToItem(I.Last);
       case P.Escape:
-        d.preventDefault(), d.stopPropagation(), n.closeMenu(), le(() => {
+        c.preventDefault(), c.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(), le(() => Gn(k(n.buttonRef), d.shiftKey ? pe.Previous : pe.Next));
+        c.preventDefault(), c.stopPropagation(), n.closeMenu(), le(() => Gn(k(n.buttonRef), c.shiftKey ? me.Previous : me.Next));
         break;
       default:
-        d.key.length === 1 && (n.search(d.key), o.value = setTimeout(() => n.clearSearch(), 350));
+        c.key.length === 1 && (n.search(c.key), l.value = setTimeout(() => n.clearSearch(), 350));
         break;
     }
   }
-  function i(d) {
-    switch (d.key) {
+  function i(c) {
+    switch (c.key) {
       case P.Space:
-        d.preventDefault();
+        c.preventDefault();
         break;
     }
   }
-  let s = Fe(), u = y(() => s !== null ? (s.value & z.Open) === z.Open : n.menuState.value === 0);
+  let s = Fe(), u = x(() => s !== null ? (s.value & z.Open) === z.Open : n.menuState.value === 0);
   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: l, features: me.RenderStrategy | me.Static, visible: u.value, name: "MenuItems" });
+    var c, g;
+    let v = { open: n.menuState.value === 0 }, { id: m, ...b } = e, h = { "aria-activedescendant": n.activeItemIndex.value === null || (c = n.items.value[n.activeItemIndex.value]) == null ? void 0 : c.id, "aria-labelledby": (g = k(n.buttonRef)) == null ? void 0 : g.id, id: m, onKeydown: a, onKeyup: i, role: "menu", tabIndex: 0, ref: n.itemsRef };
+    return B({ ourProps: h, theirProps: b, slot: v, attrs: t, slots: o, features: pe.RenderStrategy | pe.Static, visible: u.value, name: "MenuItems" });
   };
-} }), 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() {
+} }), 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-${ne()}` } }, setup(e, { slots: t, attrs: o, expose: r }) {
+  let n = Ke("MenuItem"), l = w(null);
+  r({ el: l, $el: l });
+  let a = x(() => n.activeItemIndex.value !== null ? n.items.value[n.activeItemIndex.value].id === e.id : !1), i = Ao(l), s = x(() => ({ disabled: e.disabled, get textValue() {
     return i();
-  }, domRef: o }));
-  U(() => n.registerItem(e.id, s)), se(() => n.unregisterItem(e.id)), ee(() => {
+  }, domRef: l }));
+  U(() => n.registerItem(e.id, s)), se(() => n.unregisterItem(e.id)), te(() => {
     n.menuState.value === 0 && a.value && n.activationTrigger.value !== 0 && le(() => {
       var h, f;
-      return (f = (h = k(o)) == null ? void 0 : h.scrollIntoView) == null ? void 0 : f.call(h, { block: "nearest" });
+      return (f = (h = k(l)) == null ? void 0 : h.scrollIntoView) == null ? void 0 : f.call(h, { block: "nearest" });
     });
   });
   function u(h) {
@@ -1625,77 +1625,77 @@ let Nl = A({ name: "Menu", props: { as: { type: [Object, String], default: "temp
       return h.preventDefault();
     n.closeMenu(), At(k(n.buttonRef));
   }
-  function d() {
+  function c() {
     if (e.disabled)
       return n.goToItem(I.Nothing);
     n.goToItem(I.Specific, e.id);
   }
-  let m = Yt();
+  let g = Yt();
   function v(h) {
-    m.update(h);
+    g.update(h);
   }
-  function p(h) {
-    m.wasMoved(h) && (e.disabled || a.value || n.goToItem(I.Specific, e.id, 0));
+  function m(h) {
+    g.wasMoved(h) && (e.disabled || a.value || n.goToItem(I.Specific, e.id, 0));
   }
   function b(h) {
-    m.wasMoved(h) && (e.disabled || a.value && n.goToItem(I.Nothing));
+    g.wasMoved(h) && (e.disabled || a.value && n.goToItem(I.Nothing));
   }
   return () => {
     let { disabled: h } = e, f = { active: a.value, disabled: h, close: n.closeMenu }, { id: $, ...M } = e;
-    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" });
+    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: c, onPointerenter: v, onMouseenter: v, onPointermove: m, onMousemove: m, onPointerleave: b, onMouseleave: b }, theirProps: { ...o, ...M }, slot: f, attrs: o, slots: t, name: "MenuItem" });
   };
-} }), on = Symbol("LabelContext");
+} }), ln = Symbol("LabelContext");
 function rn() {
-  let e = ne(on, null);
+  let e = oe(ln, 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 Ul({ slot: e = {}, name: t = "Label", props: l = {} } = {}) {
+function qo({ slot: e = {}, name: t = "Label", props: o = {} } = {}) {
   let r = w([]);
-  function n(o) {
-    return r.value.push(o), () => {
-      let a = r.value.indexOf(o);
+  function n(l) {
+    return r.value.push(l), () => {
+      let a = r.value.indexOf(l);
       a !== -1 && r.value.splice(a, 1);
     };
   }
-  return ie(on, { register: n, slot: e, name: t, props: l }), y(() => r.value.length > 0 ? r.value.join(" ") : void 0);
+  return ie(ln, { register: n, slot: e, name: t, props: o }), x(() => r.value.length > 0 ? r.value.join(" ") : void 0);
 }
-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 zo = A({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: () => `headlessui-label-${ne()}` } }, setup(e, { slots: t, attrs: o }) {
   let r = rn();
   return U(() => se(r.register(e.id))), () => {
-    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 });
+    let { name: n = "Label", slot: l = {}, props: a = {} } = r, { id: i, passive: s, ...u } = e, c = { ...Object.entries(a).reduce((g, [v, m]) => Object.assign(g, { [v]: C(m) }), {}), id: i };
+    return s && (delete c.onClick, delete c.htmlFor, delete u.onClick), B({ ourProps: c, theirProps: u, slot: l, attrs: o, slots: t, name: n });
   };
-} }), 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(() => {
+} }), 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: x(() => {
     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 }));
-  } } }), 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));
+  } } }), 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-${ne()}` } }, inheritAttrs: !1, setup(e, { emit: t, attrs: o, slots: r, expose: n }) {
+  let l = oe(an, null), [a, i] = Vt(x(() => e.modelValue), (f) => t("update:modelValue", f), x(() => e.defaultChecked));
   function s() {
     i(!a.value);
   }
-  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 });
+  let u = w(null), c = l === null ? u : l.switchRef, g = ut(x(() => ({ as: e.as, type: o.type })), c);
+  n({ el: c, $el: c });
   function v(f) {
     f.preventDefault(), s();
   }
-  function p(f) {
+  function m(f) {
     f.key === P.Space ? (f.preventDefault(), s()) : f.key === P.Enter && Xn(f.currentTarget);
   }
   function b(f) {
     f.preventDefault();
   }
-  let h = y(() => {
+  let h = x(() => {
     var f, $;
-    return ($ = (f = k(d)) == null ? void 0 : f.closest) == null ? void 0 : $.call(f, "form");
+    return ($ = (f = k(c)) == null ? void 0 : f.closest) == null ? void 0 : $.call(f, "form");
   });
   return U(() => {
     be([h], () => {
@@ -1710,15 +1710,15 @@ let ql = 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": 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" })]);
+    let { id: f, name: $, value: M, form: D, ...X } = e, Q = { checked: a.value }, _ = { id: f, ref: c, role: "switch", type: g.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: m, 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" })]);
   };
-} }), Kl = ql;
-function Jl(e) {
+} }), Jo = zo;
+function Go(e) {
   let t = { called: !1 };
-  return (...l) => {
+  return (...o) => {
     if (!t.called)
-      return t.called = !0, e(...l);
+      return t.called = !0, e(...o);
   };
 }
 function Ze(e, ...t) {
@@ -1728,90 +1728,90 @@ function We(e, ...t) {
   e && t.length > 0 && e.classList.remove(...t);
 }
 var rt = ((e) => (e.Finished = "finished", e.Cancelled = "cancelled", e))(rt || {});
-function Gl(e, t) {
-  let l = Ne();
+function Xo(e, t) {
+  let o = Ne();
   if (!e)
-    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 o.dispose;
+  let { transitionDuration: r, transitionDelay: n } = getComputedStyle(e), [l, a] = [r, n].map((i) => {
+    let [s = 0] = i.split(",").filter(Boolean).map((u) => u.includes("ms") ? parseFloat(u) : parseFloat(u) * 1e3).sort((u, c) => c - u);
     return s;
   });
-  return o !== 0 ? l.setTimeout(() => t("finished"), o + a) : t("finished"), l.add(() => t("cancelled")), l.dispose;
+  return l !== 0 ? o.setTimeout(() => t("finished"), l + a) : t("finished"), o.add(() => t("cancelled")), o.dispose;
 }
-function Ct(e, t, l, r, n, o) {
-  let a = Ne(), i = o !== void 0 ? Jl(o) : () => {
+function Ct(e, t, o, r, n, l) {
+  let a = Ne(), i = l !== void 0 ? Go(l) : () => {
   };
-  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;
+  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;
 }
 function ke(e = "") {
   return e.split(" ").filter((t) => t.trim().length > 1);
 }
-let pt = Symbol("TransitionContext");
-var Xl = ((e) => (e.Visible = "visible", e.Hidden = "hidden", e))(Xl || {});
-function Ql() {
-  return ne(pt, null) !== null;
+let mt = Symbol("TransitionContext");
+var Qo = ((e) => (e.Visible = "visible", e.Hidden = "hidden", e))(Qo || {});
+function Zo() {
+  return oe(mt, null) !== null;
 }
-function Zl() {
-  let e = ne(pt, null);
+function el() {
+  let e = oe(mt, null);
   if (e === null)
     throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
   return e;
 }
-function eo() {
-  let e = ne(mt, null);
+function tl() {
+  let e = oe(pt, null);
   if (e === null)
     throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
   return e;
 }
-let mt = Symbol("NestingContext");
+let pt = Symbol("NestingContext");
 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([]), 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);
+  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);
     i !== -1 && (K(a, { [xe.Unmount]() {
       t.value.splice(i, 1);
     }, [xe.Hidden]() {
       t.value[i].state = "hidden";
-    } }), !Je(t) && l.value && (e == null || e()));
+    } }), !Je(t) && o.value && (e == null || e()));
   }
-  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);
+  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);
   }
   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: l, slots: r, expose: n }) {
-  let o = w(0);
+let un = pe.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);
   function a() {
-    o.value |= z.Opening, t("beforeEnter");
+    l.value |= z.Opening, t("beforeEnter");
   }
   function i() {
-    o.value &= ~z.Opening, t("afterEnter");
+    l.value &= ~z.Opening, t("afterEnter");
   }
   function s() {
-    o.value |= z.Closing, t("beforeLeave");
+    l.value |= z.Closing, t("beforeLeave");
   }
   function u() {
-    o.value &= ~z.Closing, t("afterLeave");
+    l.value &= ~z.Closing, t("afterLeave");
   }
-  if (!Ql() && Vn())
+  if (!Zo() && 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 } = Zl(), { register: b, unregister: h } = eo(), f = w(v.value ? "visible" : "hidden"), $ = { value: !0 }, M = te(), D = { value: !1 }, X = sn(() => {
+  let c = w(null), g = x(() => e.unmount ? xe.Unmount : xe.Hidden);
+  n({ el: c, $el: c });
+  let { show: v, appear: m } = el(), { register: b, unregister: h } = tl(), f = w(v.value ? "visible" : "hidden"), $ = { value: !0 }, M = ne(), D = { value: !1 }, X = sn(() => {
     !D.value && f.value !== "hidden" && (f.value = "hidden", h(M), u());
   });
   U(() => {
     let ae = b(M);
     se(ae);
-  }), ee(() => {
-    if (m.value === xe.Hidden && M) {
+  }), te(() => {
+    if (g.value === xe.Hidden && M) {
       if (v.value && f.value !== "visible") {
         f.value = "visible";
         return;
@@ -1819,21 +1819,21 @@ let un = me.RenderStrategy, at = A({ props: { as: { type: [Object, String], defa
       K(f.value, { hidden: () => h(M), visible: () => b(M) });
     }
   });
-  let Q = ke(e.enter), _ = ke(e.enterFrom), E = ke(e.enterTo), L = ke(e.entered), T = ke(e.leave), j = ke(e.leaveFrom), N = ke(e.leaveTo);
+  let Q = ke(e.enter), _ = ke(e.enterFrom), E = ke(e.enterTo), R = ke(e.entered), T = ke(e.leave), j = ke(e.leaveFrom), N = ke(e.leaveTo);
   U(() => {
-    ee(() => {
+    te(() => {
       if (f.value === "visible") {
-        let ae = k(d);
+        let ae = k(c);
         if (ae instanceof Comment && ae.data === "")
           throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
       }
     });
   });
   function de(ae) {
-    let Te = $.value && !p.value, ge = k(d);
-    !ge || !(ge instanceof HTMLElement) || Te || (D.value = !0, v.value && a(), v.value || s(), ae(v.value ? Ct(ge, Q, _, E, L, (_e) => {
+    let Te = $.value && !m.value, ge = k(c);
+    !ge || !(ge instanceof HTMLElement) || Te || (D.value = !0, v.value && a(), v.value || s(), ae(v.value ? Ct(ge, Q, _, E, R, (_e) => {
       D.value = !1, _e === rt.Finished && i();
-    }) : Ct(ge, T, j, N, L, (_e) => {
+    }) : Ct(ge, T, j, N, R, (_e) => {
       D.value = !1, _e === rt.Finished && (Je(X) || (f.value = "hidden", h(M), u()));
     })));
   }
@@ -1841,30 +1841,30 @@ 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 }) | 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" });
+  }), ie(pt, X), st(x(() => K(f.value, { visible: z.Open, hidden: z.Closed }) | l.value)), () => {
+    let { appear: ae, show: Te, enter: ge, enterFrom: _e, enterTo: F, entered: G, leave: ce, leaveFrom: fe, leaveTo: qe, ...he } = e, hn = { ref: c }, bn = { ...he, ...m.value && v.value && Be.isServer ? { class: L([o.class, he.class, ...Q, ..._]) } : {} };
+    return B({ theirProps: bn, ourProps: hn, slot: {}, slots: r, attrs: o, features: un, visible: f.value === "visible", name: "TransitionChild" });
   };
-} }), 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(o.value))
+} }), 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 = x(() => e.show === null && n !== null ? (n.value & z.Open) === z.Open : e.show);
+  te(() => {
+    if (![!0, !1].includes(l.value))
       throw new Error('A <Transition /> is used but it is missing a `:show="true | false"` prop.');
   });
-  let a = w(o.value ? "visible" : "hidden"), i = sn(() => {
+  let a = w(l.value ? "visible" : "hidden"), i = sn(() => {
     a.value = "hidden";
-  }), s = w(!0), u = { show: o, appear: y(() => e.appear || !s.value) };
+  }), s = w(!0), u = { show: l, appear: x(() => e.appear || !s.value) };
   return U(() => {
-    ee(() => {
-      s.value = !1, o.value ? a.value = "visible" : Je(i) || (a.value = "hidden");
+    te(() => {
+      s.value = !1, l.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(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" });
+  }), ie(pt, i), ie(mt, u), () => {
+    let c = Ae(e, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), g = { unmount: e.unmount };
+    return B({ ourProps: { ...g, as: "template" }, theirProps: {}, slot: {}, slots: { ...r, default: () => [q(nl, { onBeforeEnter: () => t("beforeEnter"), onAfterEnter: () => t("afterEnter"), onBeforeLeave: () => t("beforeLeave"), onAfterLeave: () => t("afterLeave"), ...o, ...g, ...c }, r.default)] }, attrs: {}, features: un, visible: a.value === "visible", name: "Transition" });
   };
 } });
-function no(e, t) {
-  return g(), x("svg", {
+function ol(e, t) {
+  return p(), y("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1872,7 +1872,7 @@ function no(e, t) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    c("path", {
+    d("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M7.5 7.5h-.75A2.25 2.25 0 004.5 9.75v7.5a2.25 2.25 0 002.25 2.25h7.5a2.25 2.25 0 002.25-2.25v-7.5a2.25 2.25 0 00-2.25-2.25h-.75m0-3l-3-3m0 0l-3 3m3-3v11.25m6-2.25h.75a2.25 2.25 0 012.25 2.25v7.5a2.25 2.25 0 01-2.25 2.25h-7.5a2.25 2.25 0 01-2.25-2.25v-.75"
@@ -1880,7 +1880,7 @@ function no(e, t) {
   ]);
 }
 function cn(e, t) {
-  return g(), x("svg", {
+  return p(), y("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1888,7 +1888,7 @@ function cn(e, t) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    c("path", {
+    d("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M9 12.75L11.25 15 15 9.75M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
@@ -1896,7 +1896,7 @@ function cn(e, t) {
   ]);
 }
 function gt(e, t) {
-  return g(), x("svg", {
+  return p(), y("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1904,15 +1904,15 @@ function gt(e, t) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    c("path", {
+    d("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M4.5 12.75l6 6 9-13.5"
     })
   ]);
 }
-function lo(e, t) {
-  return g(), x("svg", {
+function ll(e, t) {
+  return p(), y("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1920,15 +1920,15 @@ function lo(e, t) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    c("path", {
+    d("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
     })
   ]);
 }
-function oo(e, t) {
-  return g(), x("svg", {
+function rl(e, t) {
+  return p(), y("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1936,7 +1936,7 @@ function oo(e, t) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    c("path", {
+    d("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M15.75 19.5L8.25 12l7.5-7.5"
@@ -1944,7 +1944,7 @@ function oo(e, t) {
   ]);
 }
 function fn(e, t) {
-  return g(), x("svg", {
+  return p(), y("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1952,15 +1952,15 @@ function fn(e, t) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    c("path", {
+    d("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M8.25 4.5l7.5 7.5-7.5 7.5"
     })
   ]);
 }
-function ro(e, t) {
-  return g(), x("svg", {
+function al(e, t) {
+  return p(), y("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1968,15 +1968,15 @@ function ro(e, t) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    c("path", {
+    d("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9"
     })
   ]);
 }
-function ao(e, t) {
-  return g(), x("svg", {
+function il(e, t) {
+  return p(), y("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1984,7 +1984,7 @@ function ao(e, t) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    c("path", {
+    d("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"
@@ -1992,7 +1992,7 @@ function ao(e, t) {
   ]);
 }
 function Ge(e, t) {
-  return g(), x("svg", {
+  return p(), y("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2000,15 +2000,15 @@ function Ge(e, t) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    c("path", {
+    d("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126zM12 15.75h.007v.008H12v-.008z"
     })
   ]);
 }
-function io(e, t) {
-  return g(), x("svg", {
+function sl(e, t) {
+  return p(), y("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2016,15 +2016,15 @@ function io(e, t) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    c("path", {
+    d("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M10.05 4.575a1.575 1.575 0 10-3.15 0v3m3.15-3v-1.5a1.575 1.575 0 013.15 0v1.5m-3.15 0l.075 5.925m3.075.75V4.575m0 0a1.575 1.575 0 013.15 0V15M6.9 7.575a1.575 1.575 0 10-3.15 0v8.175a6.75 6.75 0 006.75 6.75h2.018a5.25 5.25 0 003.712-1.538l1.732-1.732a5.25 5.25 0 001.538-3.712l.003-2.024a.668.668 0 01.198-.471 1.575 1.575 0 10-2.228-2.228 3.818 3.818 0 00-1.12 2.687M6.9 7.575V12m6.27 4.318A4.49 4.49 0 0116.35 15m.002 0h-.002"
     })
   ]);
 }
-function so(e, t) {
-  return g(), x("svg", {
+function ul(e, t) {
+  return p(), y("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2032,7 +2032,7 @@ function so(e, t) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    c("path", {
+    d("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"
@@ -2040,7 +2040,7 @@ function so(e, t) {
   ]);
 }
 function vn(e, t) {
-  return g(), x("svg", {
+  return p(), y("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2048,7 +2048,7 @@ function vn(e, t) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    c("path", {
+    d("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M11.25 11.25l.041-.02a.75.75 0 011.063.852l-.708 2.836a.75.75 0 001.063.853l.041-.021M21 12a9 9 0 11-18 0 9 9 0 0118 0zm-9-3.75h.008v.008H12V8.25z"
@@ -2056,7 +2056,7 @@ function vn(e, t) {
   ]);
 }
 function Ve(e, t) {
-  return g(), x("svg", {
+  return p(), y("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2064,7 +2064,7 @@ function Ve(e, t) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    c("path", {
+    d("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M9.75 9.75l4.5 4.5m0-4.5l-4.5 4.5M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
@@ -2072,7 +2072,7 @@ function Ve(e, t) {
   ]);
 }
 function it(e, t) {
-  return g(), x("svg", {
+  return p(), y("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -2080,16 +2080,16 @@ function it(e, t) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    c("path", {
+    d("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M6 18L18 6M6 6l12 12"
     })
   ]);
 }
-const uo = { class: "py-1" }, co = ["onClick"], fo = {
+const dl = { class: "py-1" }, cl = ["onClick"], fl = {
   name: "uiDropdown"
-}, pn = /* @__PURE__ */ Object.assign(fo, {
+}, mn = /* @__PURE__ */ Object.assign(fl, {
   props: {
     /**
      * Array de elementos que componen el dropdown
@@ -2116,22 +2116,22 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
   },
   emits: ["optionSelected"],
   setup(e, { emit: t }) {
-    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);
+    const o = e, r = x(() => {
+      let l = o.items.find((a) => a.active === !0);
+      return l ? l.name : o.label;
+    }), n = (l) => {
+      o.disabled || t("optionSelected", l.value);
     };
-    return (o, a) => (g(), oe(C(Nl), {
+    return (l, a) => (p(), re(C(Ho), {
       as: "div",
-      class: R(["relative inline-block text-left", { "opacity-25": e.disabled }])
+      class: L(["relative inline-block text-left", { "opacity-25": e.disabled }])
     }, {
       default: Y(() => [
-        c("div", null, [
-          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" }, {
+        d("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" }, {
             default: Y(() => [
               ye(O(r.value) + " ", 1),
-              S(C(lo), {
+              S(C(ll), {
                 "aria-hidden": "true",
                 class: "-mr-1 ml-2 h-5 w-5"
               })
@@ -2148,21 +2148,21 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
           "leave-to-class": "transform opacity-0 scale-95"
         }, {
           default: Y(() => [
-            e.disabled ? W("", !0) : (g(), oe(C(Vl), {
+            e.disabled ? W("", !0) : (p(), re(C(Yo), {
               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"])
+              class: L([{ "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", uo, [
-                  (g(!0), x(Z, null, ue(e.items, (i, s) => (g(), oe(C(Yl), { key: s }, {
+                d("div", dl, [
+                  (p(!0), y(Z, null, ue(e.items, (i, s) => (p(), re(C(Uo), { key: s }, {
                     default: Y(() => [
-                      c("a", {
+                      d("a", {
                         onClick: (u) => n(i),
-                        class: R([
+                        class: L([
                           i.active ? "bg-gray-100 text-gray-900" : "text-gray-700",
                           "block px-4 py-2 text-sm cursor-pointer"
                         ])
-                      }, O(i.name), 11, co)
+                      }, O(i.name), 11, cl)
                     ]),
                     _: 2
                   }, 1024))), 128))
@@ -2177,21 +2177,21 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
       _: 1
     }, 8, ["class"]));
   }
-}), vo = { class: "flex justify-between" }, po = {
+}), vl = { class: "flex justify-between" }, ml = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
-}, mo = {
+}, pl = {
   key: 1,
   class: "text-[10px] text-gray-500 uppercase justify-self-end"
-}, go = {
+}, gl = {
   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"
-}, ho = ["disabled", "name", "placeholder", "type"], bo = {
+}, hl = ["disabled", "name", "placeholder", "type"], bl = {
   key: 1,
   class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none"
-}, yo = {
+}, yl = {
   name: "uiInput"
-}, xo = /* @__PURE__ */ Object.assign(yo, {
+}, xl = /* @__PURE__ */ Object.assign(yl, {
   props: {
     /**
      * Texto sobre el campo
@@ -2256,21 +2256,21 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
   },
   emits: ["inputChanged"],
   setup(e, { emit: t }) {
-    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)
+    const o = e, r = (l) => {
+      t("inputChanged", { value: l.target.value, name: l.target.name });
+    }, n = w(o.value);
+    return (l, a) => (p(), y("div", null, [
+      d("div", vl, [
+        e.label ? (p(), y("label", ml, O(e.label), 1)) : W("", !0),
+        e.optional ? (p(), y("span", pl, O(e.optional), 1)) : W("", !0)
       ]),
-      c("div", {
-        class: R([{ "mt-1": e.label }, "relative flex"])
+      d("div", {
+        class: L([{ "mt-1": e.label }, "relative flex"])
       }, [
-        e.addOn ? (g(), x("span", go, O(e.addOn), 1)) : W("", !0),
-        G(c("input", {
+        e.addOn ? (p(), y("span", gl, O(e.addOn), 1)) : W("", !0),
+        J(d("input", {
           "onUpdate:modelValue": a[0] || (a[0] = (i) => n.value = i),
-          class: R([{
+          class: L([{
             "border-gray-300": e.color !== "danger" || e.color !== "warning" || e.color !== "success",
             "border-red-300": e.color === "danger",
             "border-yellow-400": e.color === "warning",
@@ -2288,36 +2288,36 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
           placeholder: e.placeholder,
           type: e.type,
           onInput: r
-        }, null, 42, ho), [
+        }, null, 42, hl), [
           [$n, n.value]
         ]),
-        e.icon ? (g(), x("div", bo, [
+        e.icon ? (p(), y("div", bl, [
           S(ve, {
             icon: e.icon,
             color: e.color
           }, null, 8, ["icon", "color"]),
-          G(S(ve, {
+          J(S(ve, {
             icon: C(gt),
             color: "green"
           }, null, 8, ["icon"]), [
-            [re, e.color === "success"]
+            [ee, e.color === "success"]
           ]),
-          G(S(ve, {
+          J(S(ve, {
             icon: C(Ge),
             color: "yellow"
           }, null, 8, ["icon"]), [
-            [re, e.color === "warning"]
+            [ee, e.color === "warning"]
           ]),
-          G(S(ve, {
-            icon: C(ao),
+          J(S(ve, {
+            icon: C(il),
             color: "red"
           }, null, 8, ["icon"]), [
-            [re, e.color === "danger"]
+            [ee, e.color === "danger"]
           ])
         ])) : W("", !0)
       ], 2),
-      G(c("p", {
-        class: R([{
+      J(d("p", {
+        class: L([{
           "text-gray-300": e.color !== "danger" || e.color !== "warning" || e.color !== "success",
           "text-red-300": e.color === "danger",
           "text-yellow-400": e.color === "warning",
@@ -2331,22 +2331,22 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
         }, null, 8, ["icon"]),
         ye(O(e.error), 1)
       ], 2), [
-        [re, e.error]
+        [ee, e.error]
       ])
     ]));
   }
-}), wo = { class: "flex justify-between" }, So = {
+}), wl = { class: "flex justify-between" }, Sl = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
-}, ko = {
+}, kl = {
   key: 1,
   class: "text-[10px] text-gray-500 uppercase"
-}, $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 = {
+}, $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 = {
   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"
-}, 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 = {
+}, 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 = {
   name: "uiInputFile"
-}, Lo = /* @__PURE__ */ Object.assign(Po, {
+}, Ll = /* @__PURE__ */ Object.assign(Pl, {
   props: {
     name: String,
     label: String,
@@ -2358,24 +2358,24 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
     accept: String,
     icon: {
       type: Function,
-      default: no
+      default: ol
     }
   },
   emits: ["filesUploaded"],
   setup(e, { emit: t }) {
-    const l = e, r = w(""), n = (a) => {
+    const o = e, r = w(""), n = (a) => {
       let s = a.dataTransfer.files;
-      t("filesUploaded", s), l.filename = s[0].name;
-    }, o = (a) => {
-      t("filesUploaded", a.target.files), l.filename = a.target.files[0].name;
+      t("filesUploaded", s), o.filename = s[0].name;
+    }, l = (a) => {
+      t("filesUploaded", a.target.files), o.filename = a.target.files[0].name;
     };
-    return (a, i) => (g(), x("div", null, [
-      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)
+    return (a, i) => (p(), y("div", null, [
+      d("div", wl, [
+        e.label ? (p(), y("label", Sl, O(e.label), 1)) : W("", !0),
+        e.optional ? (p(), y("span", kl, O(e.optional), 1)) : W("", !0)
       ]),
-      c("div", {
-        class: R([
+      d("div", {
+        class: L([
           [
             { "mt-1": e.label },
             { "border-gray-300 hover:border-gray-400": !e.error },
@@ -2387,7 +2387,7 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
         }, ["prevent"])),
         onDrop: ht(n, ["prevent"])
       }, [
-        c("div", Co, [
+        d("div", Cl, [
           S(ve, {
             icon: e.icon,
             size: "massive",
@@ -2395,27 +2395,27 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
             "aria-hidden": "true",
             class: "mb-4"
           }, null, 8, ["icon"]),
-          c("div", _o, [
-            c("label", Oo, [
-              c("span", null, O(e.placeholder), 1),
-              c("input", {
+          d("div", _l, [
+            d("label", Ol, [
+              d("span", null, O(e.placeholder), 1),
+              d("input", {
                 id: "file-upload",
                 name: "file-upload",
                 type: "file",
                 class: "sr-only",
                 accept: e.accept,
-                onChange: o
-              }, null, 40, Do)
+                onChange: l
+              }, null, 40, Dl)
             ]),
-            c("p", Mo, O(e.dragAndDrop), 1)
+            d("p", Ml, O(e.dragAndDrop), 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 !== ""]
+          d("p", Tl, O(e.fileTypesAndSizes), 1),
+          J(d("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, O(r.value), 513), [
+            [ee, r.value !== ""]
           ])
         ])
-      ], 42, $o),
-      G(c("p", Eo, [
+      ], 42, $l),
+      J(d("p", El, [
         S(ve, {
           icon: C(Ve),
           color: "red",
@@ -2423,13 +2423,13 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
         }, null, 8, ["icon"]),
         ye(O(e.error), 1)
       ], 512), [
-        [re, e.error]
+        [ee, e.error]
       ])
     ]));
   }
-}), Ro = { class: "relative mt-1" }, jo = {
+}), Rl = { class: "relative mt-1" }, jl = {
   name: "uiSelect"
-}, Io = /* @__PURE__ */ Object.assign(jo, {
+}, Il = /* @__PURE__ */ Object.assign(jl, {
   props: {
     /**
      * Array de Items del select
@@ -2449,10 +2449,10 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
   },
   emits: ["selectChanged"],
   setup(e, { emit: t }) {
-    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 = () => {
+    const o = e, r = w(""), n = w(o.select), l = x(() => r.value === "" ? o.items : o.items.filter((i) => i.name.toLowerCase().includes(r.value.toLowerCase()))), a = () => {
       t("selectChanged", n.value);
     };
-    return (i, s) => (g(), oe(C(ol), {
+    return (i, s) => (p(), re(C(lo), {
       modelValue: n.value,
       "onUpdate:modelValue": [
         s[1] || (s[1] = (u) => n.value = u),
@@ -2462,52 +2462,52 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
       onClick: s[2] || (s[2] = (u) => a())
     }, {
       default: Y(() => [
-        S(C(rl), { class: "block text-sm font-medium text-gray-700" }, {
+        S(C(ro), { class: "block text-sm font-medium text-gray-700" }, {
           default: Y(() => [
             ye(O(e.label), 1)
           ]),
           _: 1
         }),
-        c("div", Ro, [
-          S(C(il), {
+        d("div", Rl, [
+          S(C(io), {
             "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(al), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
+          S(C(ao), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
             default: Y(() => [
-              S(C(ro), {
+              S(C(al), {
                 "aria-hidden": "true",
                 class: "h-5 w-5 text-gray-400"
               })
             ]),
             _: 1
           }),
-          o.value.length > 0 ? (g(), oe(C(sl), {
+          l.value.length > 0 ? (p(), re(C(so), {
             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(o.value, (u) => (g(), oe(C(ul), {
+              (p(!0), y(Z, null, ue(l.value, (u) => (p(), re(C(uo), {
                 key: u.id,
                 value: u,
                 as: "template"
               }, {
-                default: Y(({ active: d, selected: m }) => [
-                  c("li", {
-                    class: R([
+                default: Y(({ active: c, selected: g }) => [
+                  d("li", {
+                    class: L([
                       "relative cursor-default select-none py-2 pl-3 pr-9",
-                      d ? "bg-indigo-600 text-white" : "text-gray-900"
+                      c ? "bg-indigo-600 text-white" : "text-gray-900"
                     ])
                   }, [
-                    c("span", {
-                      class: R(["block truncate", m && "font-semibold"])
+                    d("span", {
+                      class: L(["block truncate", g && "font-semibold"])
                     }, O(u.name), 3),
-                    m ? (g(), x("span", {
+                    g ? (p(), y("span", {
                       key: 0,
-                      class: R([
+                      class: L([
                         "absolute inset-y-0 right-0 flex items-center pr-4",
-                        d ? "text-white" : "text-indigo-600"
+                        c ? "text-white" : "text-indigo-600"
                       ])
                     }, [
                       S(C(gt), {
@@ -2527,9 +2527,9 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Ao = {
+}), Al = {
   name: "uiTag"
-}, mn = /* @__PURE__ */ Object.assign(Ao, {
+}, pn = /* @__PURE__ */ Object.assign(Al, {
   props: {
     /**
      * Color del tag
@@ -2540,8 +2540,8 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
     }
   },
   setup(e) {
-    return (t, l) => (g(), x("span", {
-      class: R([{
+    return (t, o) => (p(), y("span", {
+      class: L([{
         "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",
         "bg-yellow-100 text-yellow-800 border border-yellow-200": e.color === "warning",
@@ -2553,12 +2553,12 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
       Ie(t.$slots, "default")
     ], 2));
   }
-}), Fo = {
+}), Fl = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
-}, Bo = ["disabled", "placeholder"], No = {
+}, Bl = ["disabled", "placeholder"], Nl = {
   name: "uiTextArea"
-}, Ho = /* @__PURE__ */ Object.assign(No, {
+}, Hl = /* @__PURE__ */ Object.assign(Nl, {
   props: {
     /**
      * Nombre del Campo de texto
@@ -2593,20 +2593,20 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
   },
   emits: ["inputChanged"],
   setup(e, { emit: t }) {
-    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 })
+    const o = e, r = (l) => {
+      t("inputChanged", { value: l.target.value, name: l.target.value });
+    }, n = w(o.value);
+    return (l, a) => (p(), y("div", null, [
+      e.label ? (p(), y("label", Fl, O(e.label), 1)) : W("", !0),
+      d("div", {
+        class: L({ "mt-1": e.label })
       }, [
-        G(c("textarea", {
+        J(d("textarea", {
           disabled: e.disabled,
           rows: "4",
           "onUpdate:modelValue": a[0] || (a[0] = (i) => n.value = i),
           placeholder: e.placeholder,
-          class: R(["shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm rounded-md", {
+          class: L(["shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm rounded-md", {
             "border-gray-300": e.color !== "danger" || e.color !== "warning" || e.color !== "success",
             "border-red-300": e.color === "danger",
             "border-yellow-400": e.color === "warning",
@@ -2618,12 +2618,12 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
             "text-green-400": e.color === "success"
           }]),
           onChange: r
-        }, null, 42, Bo), [
+        }, null, 42, Bl), [
           [Cn, n.value]
         ])
       ], 2),
-      G(c("p", {
-        class: R([{
+      J(d("p", {
+        class: L([{
           "text-gray-300": e.color !== "danger" || e.color !== "warning" || e.color !== "success",
           "text-red-300": e.color === "danger",
           "text-yellow-400": e.color === "warning",
@@ -2637,16 +2637,16 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
         }, null, 8, ["icon"]),
         ye(O(e.error), 1)
       ], 2), [
-        [re, e.error]
+        [ee, e.error]
       ])
     ]));
   }
-}), Vo = { class: "text-sm font-medium text-gray-900" }, Yo = {
+}), Vl = { class: "text-sm font-medium text-gray-900" }, Yl = {
   key: 0,
   class: "text-sm text-gray-500 ml-2"
-}, Uo = {
+}, Ul = {
   name: "uiToggle"
-}, qo = /* @__PURE__ */ Object.assign(Uo, {
+}, ql = /* @__PURE__ */ Object.assign(Ul, {
   props: {
     /**
      * Item del toggle
@@ -2671,27 +2671,27 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
     }
   },
   setup(e) {
-    const l = w(e.checked);
-    return (r, n) => (g(), oe(C(zl), {
+    const o = w(e.checked);
+    return (r, n) => (p(), re(C(Wo), {
       as: "div",
       class: "flex items-center relative"
     }, {
       default: Y(() => [
-        S(C(Wl), {
+        S(C(Ko), {
           disabled: e.disabled,
-          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([
-            l.value ? "bg-indigo-600" : "bg-gray-200",
+          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),
+          class: L([
+            o.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"
           ])
         }, {
           default: Y(() => [
-            c("span", {
+            d("span", {
               "aria-hidden": "true",
-              class: R([
-                l.value ? "translate-x-5" : "translate-x-0",
+              class: L([
+                o.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 uo = { class: "py-1" }, co = ["onClick"], fo = {
           ]),
           _: 1
         }, 8, ["disabled", "modelValue", "class"]),
-        S(C(Kl), {
+        S(C(Jo), {
           as: "span",
           class: "ml-3"
         }, {
           default: Y(() => [
-            c("span", Vo, O(e.item.title), 1),
-            e.item.subtitle ? (g(), x("span", Yo, O(e.item.subtitle), 1)) : W("", !0)
+            d("span", Vl, O(e.item.title), 1),
+            e.item.subtitle ? (p(), y("span", Yl, O(e.item.subtitle), 1)) : W("", !0)
           ]),
           _: 1
         }),
-        e.item.action ? (g(), x("span", {
+        e.item.action ? (p(), y("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] = (o) => r.$emit("actionClicked", e.item))
+          onClick: n[2] || (n[2] = (l) => r.$emit("actionClicked", e.item))
         }, O(e.item.action), 1)) : W("", !0)
       ]),
       _: 1
     }));
   }
-}), 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 = {
+}), 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 = {
   name: "uiAlert"
-}, er = /* @__PURE__ */ Object.assign(Zo, {
+}, er = /* @__PURE__ */ Object.assign(Zl, {
   props: {
     /**
      * Acciones que se pueden hacer en la notificación
@@ -2743,48 +2743,48 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
     }
   },
   setup(e) {
-    return (t, l) => (g(), x("div", zo, [
-      c("div", {
-        class: R([{
+    return (t, o) => (p(), y("div", zl, [
+      d("div", {
+        class: L([{
           "bg-indigo-50 border-indigo-400": e.type === "info",
           "bg-red-50 border-red-400": e.type === "danger",
           "bg-yellow-50 border-yellow-400": e.type === "warning",
           "bg-green-50 border-green-400": e.type === "success"
         }, "p-4 border-l-4"])
       }, [
-        c("div", Wo, [
-          c("div", Ko, [
-            e.type === "info" ? (g(), oe(C(vn), {
+        d("div", Wl, [
+          d("div", Kl, [
+            e.type === "info" ? (p(), re(C(vn), {
               key: 0,
               class: "h-8 w-8 text-indigo-400",
               "aria-hidden": "true"
             })) : W("", !0),
-            e.type === "danger" ? (g(), oe(C(Ve), {
+            e.type === "danger" ? (p(), re(C(Ve), {
               key: 1,
               class: "h-8 w-8 text-red-400",
               "aria-hidden": "true"
             })) : W("", !0),
-            e.type === "warning" ? (g(), oe(C(Ge), {
+            e.type === "warning" ? (p(), re(C(Ge), {
               key: 2,
               class: "h-8 w-8 text-yellow-400",
               "aria-hidden": "true"
             })) : W("", !0),
-            e.type === "success" ? (g(), oe(C(cn), {
+            e.type === "success" ? (p(), re(C(cn), {
               key: 3,
               class: "h-8 w-8 text-green-400",
               "aria-hidden": "true"
             })) : W("", !0)
           ]),
-          c("div", Jo, [
-            c("h3", {
-              class: R([{
+          d("div", Jl, [
+            d("h3", {
+              class: L([{
                 "text-red-800": e.type === "danger",
                 "text-yellow-800": e.type === "warning",
                 "text-green-800": e.type === "success"
               }, "text-sm font-medium"])
             }, O(e.title), 3),
-            c("div", {
-              class: R([{
+            d("div", {
+              class: L([{
                 "text-red-700": e.type === "danger",
                 "text-yellow-700": e.type === "warning",
                 "text-green-700": e.type === "success"
@@ -2792,13 +2792,13 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
             }, [
               Ie(t.$slots, "default")
             ], 2),
-            c("div", Go, [
-              c("div", Xo, [
-                (g(!0), x(Z, null, ue(e.actions, (r, n) => (g(), x("button", {
-                  onClick: (o) => t.$emit("alertEvent", r.event),
+            d("div", Gl, [
+              d("div", Xl, [
+                (p(!0), y(Z, null, ue(e.actions, (r, n) => (p(), y("button", {
+                  onClick: (l) => t.$emit("alertEvent", r.event),
                   type: "button",
                   key: n,
-                  class: R([
+                  class: L([
                     {
                       "bg-green-50 text-green-800 hover:bg-green-100 focus:ring-green-600 focus:ring-offset-green-50": e.type === "success",
                       "bg-indigo-50 text-indigo-800 hover:bg-indigo-100 focus:ring-indigo-600 focus:ring-offset-indigo-50": e.type === "info",
@@ -2807,7 +2807,7 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
                     },
                     "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, Qo))), 128))
+                }, O(r.name), 11, Ql))), 128))
               ])
             ])
           ])
@@ -2821,7 +2821,7 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
 }, nr = {
   role: "list",
   class: "flex items-center space-x-4 text-xs"
-}, lr = { key: 0 }, or = ["onClick"], rr = {
+}, or = { key: 0 }, lr = ["onClick"], rr = {
   key: 1,
   class: "flex items-center"
 }, ar = ["onClick", "aria-current"], ir = {
@@ -2835,28 +2835,28 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
     required: !0
   },
   setup(e) {
-    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", lr, [
-            c("p", {
-              onClick: (o) => t.$emit("breadCrumbClicked", r.routeName),
+    return (t, o) => (p(), y("nav", tr, [
+      d("ol", nr, [
+        (p(!0), y(Z, null, ue(e.pages, (r, n) => (p(), y("li", { key: n }, [
+          n === 0 ? (p(), y("div", or, [
+            d("p", {
+              onClick: (l) => t.$emit("breadCrumbClicked", r.routeName),
               class: "flex flex-row items-center justify-center text-indigo-600 hover:text-indigo-800 cursor-pointer"
             }, [
-              S(C(so), {
+              S(C(ul), {
                 class: "flex-shrink-0 h-3 w-3 text-gray-400 mr-4",
                 "aria-hidden": "true"
               }),
-              c("span", null, O(r.name), 1)
-            ], 8, or)
-          ])) : (g(), x("div", rr, [
+              d("span", null, O(r.name), 1)
+            ], 8, lr)
+          ])) : (p(), y("div", rr, [
             S(C(fn), {
               class: "flex-shrink-0 h-3 w-3 text-gray-400",
               "aria-hidden": "true"
             }),
-            c("span", {
-              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 }]),
+            d("span", {
+              onClick: (l) => t.$emit("breadCrumbClicked", r.routeName),
+              class: L(["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)
           ]))
@@ -2867,9 +2867,9 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
 }), ur = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, dr = ["src"], cr = { class: "font-bold text-center sm:text-left" }, fr = { class: "mt-1 text-xs text-center sm:text-left" }, vr = {
   key: 0,
   class: "flex flex-wrap mt-4 justify-center sm:justify-start"
-}, pr = {
+}, mr = {
   name: "uiCard"
-}, mr = /* @__PURE__ */ Object.assign(pr, {
+}, pr = /* @__PURE__ */ Object.assign(mr, {
   props: {
     id: {
       type: String,
@@ -2884,24 +2884,24 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
     logo: String
   },
   setup(e) {
-    return (t, l) => {
+    return (t, o) => {
       var r;
-      return g(), x("div", {
+      return p(), y("div", {
         class: "rounded-lg bg-white shadow p-6 cursor-pointer",
-        onClick: l[0] || (l[0] = (n) => t.$emit("cardSelected", { id: e.id, name: e.name, type: e.type, tags: e.tags }))
+        onClick: o[0] || (o[0] = (n) => t.$emit("cardSelected", { id: e.id, name: e.name, type: e.type, tags: e.tags }))
       }, [
-        c("div", ur, [
-          c("img", {
+        d("div", ur, [
+          d("img", {
             class: "w-16 h-16 rounded-full mb-4 sm:mb-0 sm:mr-4",
             src: e.logo
           }, null, 8, dr),
-          c("div", null, [
-            c("h4", cr, O(e.name), 1),
-            c("p", fr, O(e.type), 1)
+          d("div", null, [
+            d("h4", cr, O(e.name), 1),
+            d("p", fr, O(e.type), 1)
           ])
         ]),
-        ((r = e.tags) == null ? void 0 : r.length) > 0 ? (g(), x("div", vr, [
-          (g(!0), x(Z, null, ue(e.tags, (n) => (g(), oe(mn, {
+        ((r = e.tags) == null ? void 0 : r.length) > 0 ? (p(), y("div", vr, [
+          (p(!0), y(Z, null, ue(e.tags, (n) => (p(), re(pn, {
             class: "my-1 mr-1",
             key: n.name,
             color: n.color
@@ -2934,19 +2934,19 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
   },
   emits: ["filterSelected"],
   setup(e, { emit: t }) {
-    const l = e, r = (o) => {
+    const o = e, r = (l) => {
       n.value.forEach((a) => {
-        a.value !== o ? a.active = !1 : a.active = !0;
-      }), t("filterSelected", o);
-    }, n = w(l.items);
-    return (o, a) => (g(), oe(pn, {
+        a.value !== l ? a.active = !1 : a.active = !0;
+      }), t("filterSelected", l);
+    }, n = w(o.items);
+    return (l, a) => (p(), re(mn, {
       onOptionSelected: a[0] || (a[0] = (i) => r(i)),
       position: e.position,
       items: n.value,
       label: e.label
     }, null, 8, ["position", "items", "label"]));
   }
-}), br = /* @__PURE__ */ c("div", { class: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" }, null, -1), yr = { class: "fixed inset-0 z-10 overflow-y-auto" }, xr = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, wr = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, Sr = /* @__PURE__ */ c("span", { class: "sr-only" }, "X", -1), kr = { class: "sm:flex sm:items-start" }, $r = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left sm:mr-4" }, Cr = { class: "mt-4 text-gray-500 text-sm" }, _r = {
+}), br = /* @__PURE__ */ d("div", { class: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" }, null, -1), yr = { class: "fixed inset-0 z-10 overflow-y-auto" }, xr = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, wr = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, Sr = /* @__PURE__ */ d("span", { class: "sr-only" }, "X", -1), kr = { class: "sm:flex sm:items-start" }, $r = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left sm:mr-4" }, Cr = { class: "mt-4 text-gray-500 text-sm" }, _r = {
   key: 0,
   class: "mt-8"
 }, Or = ["onClick"], Dr = {
@@ -2967,18 +2967,18 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
   },
   emits: ["modalAction"],
   setup(e, { emit: t }) {
-    const l = e, r = (n) => {
-      t("modalAction", { modal: l.modalName, action: n });
+    const o = e, r = (n) => {
+      t("modalAction", { modal: o.modalName, action: n });
     };
-    return (n, o) => (g(), oe(C(dn), {
+    return (n, l) => (p(), re(C(dn), {
       as: "template",
       show: e.open
     }, {
       default: Y(() => [
-        S(C(Pl), {
+        S(C(Lo), {
           as: "div",
           class: "relative z-10",
-          onClose: o[1] || (o[1] = (a) => r("close"))
+          onClose: l[1] || (l[1] = (a) => r("close"))
         }, {
           default: Y(() => [
             S(C(at), {
@@ -2995,8 +2995,8 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
               ]),
               _: 1
             }),
-            c("div", yr, [
-              c("div", xr, [
+            d("div", yr, [
+              d("div", xr, [
                 S(C(at), {
                   as: "template",
                   enter: "ease-out duration-300",
@@ -3007,13 +3007,13 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
                   default: Y(() => [
-                    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" }, {
+                    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" }, {
                       default: Y(() => [
-                        c("div", wr, [
-                          c("button", {
+                        d("div", wr, [
+                          d("button", {
                             type: "button",
                             class: "rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none",
-                            onClick: o[0] || (o[0] = (a) => r("close"))
+                            onClick: l[0] || (l[0] = (a) => r("close"))
                           }, [
                             Sr,
                             S(ve, {
@@ -3022,42 +3022,42 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
                             }, null, 8, ["icon"])
                           ])
                         ]),
-                        c("div", kr, [
-                          c("div", {
-                            class: R(["mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10", {
+                        d("div", kr, [
+                          d("div", {
+                            class: L(["mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10", {
                               "bg-red-100": e.type === "danger",
                               "bg-green-100": e.type === "success",
                               "bg-indigo-100": e.type === "default",
                               "bg-yellow-100": e.type === "warning"
                             }])
                           }, [
-                            G(S(C(it), {
+                            J(S(C(it), {
                               class: "h-6 w-6 text-red-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [re, e.type === "danger"]
+                              [ee, e.type === "danger"]
                             ]),
-                            G(S(C(gt), {
+                            J(S(C(gt), {
                               class: "h-6 w-6 text-green-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [re, e.type === "success"]
+                              [ee, e.type === "success"]
                             ]),
-                            G(S(C(Ge), {
+                            J(S(C(Ge), {
                               class: "h-6 w-6 text-yellow-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [re, e.type === "warning"]
+                              [ee, e.type === "warning"]
                             ]),
-                            G(S(C(io), {
+                            J(S(C(sl), {
                               class: "h-6 w-6 text-indigo-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [re, e.type === "default"]
+                              [ee, e.type === "default"]
                             ])
                           ], 2),
-                          c("div", $r, [
-                            S(C(Rl), {
+                          d("div", $r, [
+                            S(C(jo), {
                               as: "h3",
                               class: "text-lg font-medium leading-6 text-gray-900"
                             }, {
@@ -3066,11 +3066,11 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
                               ]),
                               _: 1
                             }),
-                            c("div", Cr, [
+                            d("div", Cr, [
                               Ie(n.$slots, "default")
                             ]),
-                            e.actions ? (g(), x("div", _r, [
-                              (g(!0), x(Z, null, ue(e.actions, (a, i) => (g(), x("button", {
+                            e.actions ? (p(), y("div", _r, [
+                              (p(!0), y(Z, null, ue(e.actions, (a, i) => (p(), y("button", {
                                 key: i,
                                 type: "button",
                                 class: "inline-flex w-full justify-center rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 mb-2 sm:mb-0 mr-2 sm:w-auto sm:text-sm",
@@ -3097,7 +3097,7 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
 }), Tr = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, Er = {
   key: 0,
   class: "max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
-}, Pr = { class: "p-4" }, Lr = { class: "flex items-start" }, Rr = { class: "flex-shrink-0 mt-0.5" }, jr = { class: "ml-3 w-0 flex-1 pt-0.5" }, Ir = { class: "font-medium text-gray-900" }, Ar = { class: "mt-1 text-sm text-gray-500" }, Fr = { class: "ml-4 flex-shrink-0 flex" }, Br = /* @__PURE__ */ c("span", { class: "sr-only" }, "Close", -1), Nr = {
+}, Pr = { class: "p-4" }, Lr = { class: "flex items-start" }, Rr = { class: "flex-shrink-0 mt-0.5" }, jr = { class: "ml-3 w-0 flex-1 pt-0.5" }, Ir = { class: "font-medium text-gray-900" }, Ar = { class: "mt-1 text-sm text-gray-500" }, Fr = { class: "ml-4 flex-shrink-0 flex" }, Br = /* @__PURE__ */ d("span", { class: "sr-only" }, "Close", -1), Nr = {
   name: "uiNotification"
 }, Hr = /* @__PURE__ */ Object.assign(Nr, {
   props: {
@@ -3114,12 +3114,12 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
     }
   },
   setup(e) {
-    const t = e, l = y(() => t.show);
-    return (r, n) => (g(), x("div", {
+    const t = e, o = x(() => t.show);
+    return (r, n) => (p(), y("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"])
+      class: L([{ fixed: e.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"])
     }, [
-      c("div", Tr, [
+      d("div", Tr, [
         S(Ot, {
           "enter-active-class": "transform ease-out duration-300 transition",
           "enter-from-class": "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2",
@@ -3129,44 +3129,44 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
           "leave-to-class": "opacity-0"
         }, {
           default: Y(() => [
-            l.value ? (g(), x("div", Er, [
-              c("div", Pr, [
-                c("div", Lr, [
-                  c("div", Rr, [
-                    G(S(C(cn), {
+            o.value ? (p(), y("div", Er, [
+              d("div", Pr, [
+                d("div", Lr, [
+                  d("div", Rr, [
+                    J(S(C(cn), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-green-400"
                     }, null, 512), [
-                      [re, e.type === "success"]
+                      [ee, e.type === "success"]
                     ]),
-                    G(S(C(Ve), {
+                    J(S(C(Ve), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-red-400"
                     }, null, 512), [
-                      [re, e.type === "danger"]
+                      [ee, e.type === "danger"]
                     ]),
-                    G(S(C(Ge), {
+                    J(S(C(Ge), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-yellow-400"
                     }, null, 512), [
-                      [re, e.type === "warning"]
+                      [ee, e.type === "warning"]
                     ]),
-                    G(S(C(vn), {
+                    J(S(C(vn), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-indigo-600"
                     }, null, 512), [
-                      [re, e.type === "info"]
+                      [ee, e.type === "info"]
                     ])
                   ]),
-                  c("div", jr, [
-                    c("p", Ir, O(e.title), 1),
-                    c("p", Ar, O(e.message), 1)
+                  d("div", jr, [
+                    d("p", Ir, O(e.title), 1),
+                    d("p", Ar, O(e.message), 1)
                   ]),
-                  c("div", Fr, [
-                    c("button", {
+                  d("div", Fr, [
+                    d("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] = (o) => r.$emit("closeNotification"))
+                      onClick: n[0] || (n[0] = (l) => r.$emit("closeNotification"))
                     }, [
                       Br,
                       S(C(it), {
@@ -3197,16 +3197,16 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
     }
   },
   setup(e) {
-    return (t, l) => (g(), x("ul", Vr, [
-      (g(!0), x(Z, null, ue(e.tasks, (r) => (g(), x("li", {
+    return (t, o) => (p(), y("ul", Vr, [
+      (p(!0), y(Z, null, ue(e.tasks, (r) => (p(), y("li", {
         key: r.id,
         class: "flex items-center justify-between gap-x-6 py-5"
       }, [
-        c("div", Yr, [
-          c("div", Ur, [
-            c("p", qr, O(r.name), 1),
-            c("p", {
-              class: R([
+        d("div", Yr, [
+          d("div", Ur, [
+            d("p", qr, O(r.name), 1),
+            d("p", {
+              class: L([
                 {
                   "text-green-700 bg-green-50 ring-green-600/20": r.status === "Complete",
                   "text-gray-600 bg-gray-50 ring-gray-500/10": r.status === "In progress",
@@ -3216,17 +3216,17 @@ const uo = { class: "py-1" }, co = ["onClick"], fo = {
               ])
             }, O(r.statusLiteral), 3)
           ]),
-          c("div", zr, [
-            c("p", Wr, O(r.description), 1)
+          d("div", zr, [
+            d("p", Wr, O(r.description), 1)
           ])
         ]),
-        c("div", Kr, [
-          c("a", {
+        d("div", Kr, [
+          d("a", {
             href: r.href,
             class: "hidden rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block"
           }, [
             ye(O(r.action), 1),
-            c("span", Gr, ", " + O(r.name), 1)
+            d("span", Gr, ", " + O(r.name), 1)
           ], 8, Jr)
         ])
       ]))), 128))
@@ -3239,30 +3239,30 @@ function Zr(e) {
 }
 var ea = { exports: {} };
 (function(e, t) {
-  (function(l, r) {
+  (function(o, r) {
     e.exports = r(V);
-  })(Ye, function(l) {
+  })(Ye, function(o) {
     function r(a) {
       return a && typeof a == "object" && "default" in a ? a : { default: 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) {
+    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) {
       return a + "º";
     } };
-    return n.default.locale(o, null, !0), o;
+    return n.default.locale(l, null, !0), l;
   });
 })(ea);
 var ta = { exports: {} };
 (function(e, t) {
-  (function(l, r) {
+  (function(o, r) {
     e.exports = r(V);
-  })(Ye, function(l) {
+  })(Ye, function(o) {
     function r(s) {
       return s && typeof s == "object" && "default" in s ? s : { default: s };
     }
-    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 = o[d];
-      return Array.isArray(m) && (m = m[u ? 0 : 1]), m.replace("%d", 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"] };
+    function a(s, u, c) {
+      var g = l[c];
+      return Array.isArray(g) && (g = g[u ? 0 : 1]), g.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) {
       return s + ".";
@@ -3272,37 +3272,37 @@ var ta = { exports: {} };
 })(ta);
 var na = { exports: {} };
 (function(e, t) {
-  (function(l, r) {
+  (function(o, 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(l) {
-      var r = ["th", "st", "nd", "rd"], n = l % 100;
-      return "[" + l + (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(o) {
+      var r = ["th", "st", "nd", "rd"], n = o % 100;
+      return "[" + o + (r[(n - 20) % 10] || r[n] || r[0]) + "]";
     } };
   });
 })(na);
-var la = { exports: {} };
+var oa = { exports: {} };
 (function(e, t) {
-  (function(l, r) {
+  (function(o, r) {
     e.exports = r(V);
-  })(Ye, function(l) {
+  })(Ye, function(o) {
     function r(a) {
       return a && typeof a == "object" && "default" in a ? a : { default: 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) {
+    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) {
       return "" + a + (a === 1 ? "er" : "");
     } };
-    return n.default.locale(o, null, !0), o;
+    return n.default.locale(l, null, !0), l;
   });
-})(la);
+})(oa);
 const Ue = (e, t) => {
-  const l = e.__vccOpts || e;
+  const o = e.__vccOpts || e;
   for (const [r, n] of t)
-    l[r] = n;
-  return l;
-}, oa = {
+    o[r] = n;
+  return o;
+}, la = {
   name: "dateSelector",
-  components: { ChevronLeftIcon: oo, ChevronRightIcon: fn },
+  components: { ChevronLeftIcon: rl, ChevronRightIcon: fn },
   computed: {
     currentDate() {
       return V(this.selectedDate).locale("es").format("DD MMM. YYYY");
@@ -3316,55 +3316,55 @@ const Ue = (e, t) => {
   },
   methods: {
     selectDate(e, t) {
-      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);
+      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);
     }
   }
 }, 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, l, r, n, o) {
+function ua(e, t, o, r, n, l) {
   const a = Oe("ChevronLeftIcon"), i = Oe("ChevronRightIcon");
-  return g(), x("div", ra, [
-    c("div", aa, [
-      c("div", {
+  return p(), y("div", ra, [
+    d("div", aa, [
+      d("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) => o.selectDate("year", "previous"))
+        onClick: t[0] || (t[0] = (s) => l.selectDate("year", "previous"))
       }, [
         S(a, { class: "h-4" }),
         S(a, { class: "h-4 -ml-3" }),
         S(a, { class: "h-4 -ml-3" })
       ]),
-      c("div", {
+      d("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) => o.selectDate("month", "previous"))
+        onClick: t[1] || (t[1] = (s) => l.selectDate("month", "previous"))
       }, [
         S(a, { class: "h-4" }),
         S(a, { class: "h-4 -ml-3" })
       ]),
-      c("div", {
+      d("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) => o.selectDate("day", "previous"))
+        onClick: t[2] || (t[2] = (s) => l.selectDate("day", "previous"))
       }, [
         S(a, { class: "h-4" })
       ])
     ]),
-    c("div", ia, O(o.currentDate), 1),
-    c("div", sa, [
-      c("div", {
+    d("div", ia, O(l.currentDate), 1),
+    d("div", sa, [
+      d("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) => o.selectDate("day", "next"))
+        onClick: t[3] || (t[3] = (s) => l.selectDate("day", "next"))
       }, [
         S(i, { class: "h-4" })
       ]),
-      c("div", {
+      d("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) => o.selectDate("month", "next"))
+        onClick: t[4] || (t[4] = (s) => l.selectDate("month", "next"))
       }, [
         S(i, { class: "h-4" }),
         S(i, { class: "h-4 -ml-3" })
       ]),
-      c("div", {
+      d("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) => o.selectDate("year", "next"))
+        onClick: t[5] || (t[5] = (s) => l.selectDate("year", "next"))
       }, [
         S(i, { class: "h-4" }),
         S(i, { class: "h-4 -ml-3" }),
@@ -3373,16 +3373,16 @@ function ua(e, t, l, r, n, o) {
     ])
   ]);
 }
-const da = /* @__PURE__ */ Ue(oa, [["render", ua]]);
+const da = /* @__PURE__ */ Ue(la, [["render", ua]]);
 var gn = { exports: {} };
 (function(e, t) {
-  (function(l, r) {
+  (function(o, r) {
     e.exports = r();
   })(Ye, function() {
-    return function(l, r, n) {
+    return function(o, r, n) {
       r.prototype.isToday = function() {
-        var o = "YYYY-MM-DD", a = n();
-        return this.format(o) === a.format(o);
+        var l = "YYYY-MM-DD", a = n();
+        return this.format(l) === a.format(l);
       };
     };
   });
@@ -3404,20 +3404,20 @@ 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, l, r, n, o) {
-  return g(), x("div", {
-    class: R([
+}, ma = { class: "text-xs" }, pa = { class: "font-bold text-lg" }, ga = { class: "text-xs font-medium" };
+function ha(e, t, o, r, n, l) {
+  return p(), y("div", {
+    class: L([
       "day select-none text-center",
       {
-        "bg-indigo-200 text-white": o.currentDay.isWeekend,
-        "bg-[#0ff] text-white": o.currentDay.isToday
+        "bg-indigo-200 text-white": l.currentDay.isWeekend,
+        "bg-[#0ff] text-white": l.currentDay.isToday
       }
     ])
   }, [
-    c("p", pa, O(o.currentDay.dayName), 1),
-    c("p", ma, O(o.currentDay.day), 1),
-    c("p", ga, O(o.currentDay.month), 1)
+    d("p", ma, O(l.currentDay.dayName), 1),
+    d("p", pa, O(l.currentDay.day), 1),
+    d("p", ga, O(l.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, l, r, n, o) {
-  return g(), x("div", xa, [
-    c("div", {
-      class: R([
+function wa(e, t, o, r, n, l) {
+  return p(), y("div", xa, [
+    d("div", {
+      class: L([
         {
-          "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
+          "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
         },
         "select-none text-center rounded-lg p-1"
       ])
-    }, O(o.currentDay.price) + O(l.currency), 3)
+    }, O(l.currentDay.price) + O(o.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((l) => V(l.date).isSame(e.date));
+      let t = this.category.selectionPrices.find((o) => V(o.date).isSame(e.date));
       return t ? t.price : e.price;
     },
     changeCategoryBulkPrices() {
@@ -3519,10 +3519,10 @@ const Sa = /* @__PURE__ */ Ue(ya, [["render", wa]]), ka = {
   colspan: "20",
   scope: "colgroup",
   class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900"
-}, Pa = /* @__PURE__ */ c("span", null, "Categoría: Simple", -1), La = /* @__PURE__ */ c("td", {
+}, Pa = /* @__PURE__ */ d("span", null, "Categoría: Simple", -1), La = /* @__PURE__ */ d("td", {
   colspan: "6",
   class: "pl-4"
-}, " Precios de selección ", -1), Ra = /* @__PURE__ */ c("td", {
+}, " Precios de selección ", -1), Ra = /* @__PURE__ */ d("td", {
   colspan: "6",
   class: "pl-4"
 }, " Precios de mejora ", -1), ja = {
@@ -3532,19 +3532,19 @@ const Sa = /* @__PURE__ */ Ue(ya, [["render", wa]]), ka = {
 }, Ia = {
   key: 0,
   class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-48 bg-white shadow rounded px-4 py-1 z-10"
-}, Aa = ["onClick"], Fa = /* @__PURE__ */ c("span", null, "Precios de selección", -1), Ba = {
+}, Aa = ["onClick"], Fa = /* @__PURE__ */ d("span", null, "Precios de selección", -1), Ba = {
   colspan: "2",
   scope: "colgroup",
   class: "relative bg-gray-100 py-3.5 pl-4 pr-3 text-left font-semibold text-gray-900"
-}, Na = ["checked", "indeterminate"], Ha = /* @__PURE__ */ c("span", { class: "pl-6" }, "Habitación", -1), Va = /* @__PURE__ */ c("th", {
+}, Na = ["checked", "indeterminate"], Ha = /* @__PURE__ */ d("span", { class: "pl-6" }, "Habitación", -1), Va = /* @__PURE__ */ d("th", {
   colspan: "2",
   scope: "colgroup",
   class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900"
-}, " Edificio ", -1), Ya = /* @__PURE__ */ c("th", {
+}, " Edificio ", -1), Ya = /* @__PURE__ */ d("th", {
   colspan: "2",
   scope: "colgroup",
   class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900"
-}, " Planta ", -1), Ua = /* @__PURE__ */ c("th", {
+}, " Planta ", -1), Ua = /* @__PURE__ */ d("th", {
   colspan: "14",
   scope: "colgroup",
   class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900"
@@ -3561,25 +3561,25 @@ const Sa = /* @__PURE__ */ Ue(ya, [["render", wa]]), ka = {
   colspan: "2",
   class: "pl-4"
 };
-function Xa(e, t, l, r, n, o) {
-  var d, m;
+function Xa(e, t, o, r, n, l) {
+  var c, g;
   const a = Oe("DateSelector"), i = Oe("Day"), s = Oe("uiButton"), u = Oe("Price");
-  return g(), x("div", $a, [
-    c("div", Ca, [
-      c("div", _a, [
-        c("div", Oa, [
-          c("table", Da, [
-            c("tbody", Ma, [
-              c("tr", null, [
-                c("th", Ta, [
+  return p(), y("div", $a, [
+    d("div", Ca, [
+      d("div", _a, [
+        d("div", Oa, [
+          d("table", Da, [
+            d("tbody", Ma, [
+              d("tr", null, [
+                d("th", Ta, [
                   S(a, {
                     selectedDate: e.date,
-                    onDateSelected: t[0] || (t[0] = (v) => o.changeDate(v))
+                    onDateSelected: t[0] || (t[0] = (v) => l.changeDate(v))
                   }, null, 8, ["selectedDate"])
                 ]),
-                (g(!0), x(Z, null, ue(o.days, (v, p) => (g(), x("th", {
+                (p(!0), y(Z, null, ue(l.days, (v, m) => (p(), y("th", {
                   scope: "col",
-                  key: p,
+                  key: m,
                   class: "text-sm font-semibold text-gray-900 p-0"
                 }, [
                   S(i, {
@@ -3588,13 +3588,13 @@ function Xa(e, t, l, r, n, o) {
                   }, null, 8, ["day"])
                 ]))), 128))
               ]),
-              c("tr", null, [
-                c("th", Ea, [
+              d("tr", null, [
+                d("th", Ea, [
                   Pa,
                   S(s, {
                     class: "ml-4",
                     size: "small",
-                    onClick: o.changeCategoryBulkPrices
+                    onClick: l.changeCategoryBulkPrices
                   }, {
                     default: Y(() => [
                       ye("Cambiar precios en bloque ")
@@ -3603,42 +3603,42 @@ function Xa(e, t, l, r, n, o) {
                   }, 8, ["onClick"])
                 ])
               ]),
-              c("tr", null, [
+              d("tr", null, [
                 La,
-                (g(!0), x(Z, null, ue(l.category.selectionPrices, (v, p) => (g(), x("td", {
-                  key: p,
+                (p(!0), y(Z, null, ue(o.category.selectionPrices, (v, m) => (p(), y("td", {
+                  key: m,
                   class: "p-0"
                 }, [
                   S(u, {
-                    onClick: (b) => o.changeCategorySelectionPrice(v),
+                    onClick: (b) => l.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: l.currency.symbol,
+                    currency: o.currency.symbol,
                     isBasePrice: !0
                   }, null, 8, ["onClick", "price", "currency"])
                 ]))), 128))
               ]),
-              c("tr", null, [
+              d("tr", null, [
                 Ra,
-                (g(!0), x(Z, null, ue(l.category.upgradePrices, (v, p) => (g(), x("td", {
-                  key: p,
+                (p(!0), y(Z, null, ue(o.category.upgradePrices, (v, m) => (p(), y("td", {
+                  key: m,
                   class: "p-0"
                 }, [
                   S(u, {
-                    onClick: (b) => o.changeCategoryUpgradePrice(v),
+                    onClick: (b) => l.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: l.currency.symbol,
+                    currency: o.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 = 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,
+              d("tr", null, [
+                d("th", ja, [
+                  ((c = e.selectedRooms) == null ? void 0 : c.length) > 0 && ((g = o.actions) == null ? void 0 : g.length) > 0 ? (p(), y("div", Ia, [
+                    (p(!0), y(Z, null, ue(o.actions, (v, m) => (p(), y("button", {
+                      onClick: (b) => l.tableAction({ action: v.id, items: e.selectedRooms }),
+                      key: m,
                       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"
                     }, O(v.name), 9, Aa))), 128))
@@ -3646,14 +3646,14 @@ function Xa(e, t, l, r, n, o) {
                   Fa
                 ])
               ]),
-              c("tr", null, [
-                c("th", Ba, [
-                  c("input", {
+              d("tr", null, [
+                d("th", Ba, [
+                  d("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: 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) : [])
+                    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((m) => m.name) : [])
                   }, null, 40, Na),
                   Ha
                 ]),
@@ -3661,34 +3661,34 @@ function Xa(e, t, l, r, n, o) {
                 Ya,
                 Ua
               ]),
-              (g(!0), x(Z, null, ue(l.rooms, (v) => (g(), x("tr", {
+              (p(!0), y(Z, null, ue(o.rooms, (v) => (p(), y("tr", {
                 key: v.name,
                 class: "even:bg-gray-100"
               }, [
-                c("td", qa, [
-                  e.selectedRooms.includes(v.name) ? (g(), x("div", za)) : W("", !0),
-                  G(c("input", {
+                d("td", qa, [
+                  e.selectedRooms.includes(v.name) ? (p(), y("div", za)) : W("", !0),
+                  J(d("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",
                     value: v.name,
-                    "onUpdate:modelValue": t[2] || (t[2] = (p) => e.selectedRooms = p)
+                    "onUpdate:modelValue": t[2] || (t[2] = (m) => e.selectedRooms = m)
                   }, null, 8, Wa), [
                     [_n, e.selectedRooms]
                   ]),
-                  c("span", Ka, O(v.name), 1)
+                  d("span", Ka, O(v.name), 1)
                 ]),
-                c("td", Ja, O(v.building), 1),
-                c("td", Ga, O(v.floor), 1),
-                (g(!0), x(Z, null, ue(v.selectionPrices, (p, b) => (g(), x("td", {
+                d("td", Ja, O(v.building), 1),
+                d("td", Ga, O(v.floor), 1),
+                (p(!0), y(Z, null, ue(v.selectionPrices, (m, b) => (p(), y("td", {
                   class: "p-0",
                   key: b
                 }, [
                   S(u, {
-                    onClick: (h) => o.changeRoomPrice(p),
+                    onClick: (h) => l.changeRoomPrice(m),
                     class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 cursor-pointer",
-                    price: p,
-                    currency: l.currency.symbol,
-                    basePrice: o.getSelectionBasePrice(p)
+                    price: m,
+                    currency: o.currency.symbol,
+                    basePrice: l.getSelectionBasePrice(m)
                   }, null, 8, ["onClick", "price", "currency", "basePrice"])
                 ]))), 128))
               ]))), 128))
@@ -3699,36 +3699,35 @@ function Xa(e, t, l, r, n, o) {
     ])
   ]);
 }
-const Qa = /* @__PURE__ */ Ue(ka, [["render", Xa]]);
-const Za = { class: "chart-selector flex flex-row items-center justify-center" }, ei = {
+const Qa = /* @__PURE__ */ Ue(ka, [["render", Xa]]), Za = { class: "chart-selector flex flex-row items-center justify-center" }, ei = {
   name: "rangeSelector"
 }, ti = /* @__PURE__ */ Object.assign(ei, {
   emits: ["rangeSelected"],
   setup(e, { emit: t }) {
-    let l = w("24h");
+    let o = w("24h");
     const r = (n) => {
-      l.value = n, t("rangeSelected", n);
+      o.value = n, t("rangeSelected", n);
     };
-    return (n, o) => (g(), x("ul", Za, [
-      c("li", {
-        class: R({ selected: C(l) === "24h" }),
-        onClick: o[0] || (o[0] = (a) => r("24h"))
+    return (n, l) => (p(), y("ul", Za, [
+      d("li", {
+        class: L({ selected: C(o) === "24h" }),
+        onClick: l[0] || (l[0] = (a) => r("24h"))
       }, " 24H ", 2),
-      c("li", {
-        class: R({ selected: C(l) === "7d" }),
-        onClick: o[1] || (o[1] = (a) => r("7d"))
+      d("li", {
+        class: L({ selected: C(o) === "7d" }),
+        onClick: l[1] || (l[1] = (a) => r("7d"))
       }, "7D", 2),
-      c("li", {
-        class: R({ selected: C(l) === "1m" }),
-        onClick: o[2] || (o[2] = (a) => r("1m"))
+      d("li", {
+        class: L({ selected: C(o) === "1m" }),
+        onClick: l[2] || (l[2] = (a) => r("1m"))
       }, "1M", 2),
-      c("li", {
-        class: R({ selected: C(l) === "3m" }),
-        onClick: o[3] || (o[3] = (a) => r("3m"))
+      d("li", {
+        class: L({ selected: C(o) === "3m" }),
+        onClick: l[3] || (l[3] = (a) => r("3m"))
       }, "3M", 2)
     ]));
   }
-}), ni = /* @__PURE__ */ Ue(ti, [["__scopeId", "data-v-e8fe3015"]]), li = {
+}), ni = {
   toolbar: {
     show: !1
   },
@@ -3739,29 +3738,29 @@ const Za = { class: "chart-selector flex flex-row items-center justify-center" }
   "#715aff",
   "#00ffff",
   "#aba9ba"
-], ri = {
+], li = {
   show: !0,
   curve: "stepline",
   lineCap: "butt",
   width: 1,
   dashArray: 0
-}, ai = {
+}, ri = {
   enabled: !1
-}, ii = {
+}, ai = {
   strokeWidth: 0,
   size: 4,
   hover: {
     size: 8
   }
-}, si = {
-  chart: li,
+}, ii = {
+  chart: ni,
   colors: oi,
-  stroke: ri,
-  dataLabels: ai,
-  markers: ii
-}, 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 = {
+  stroke: li,
+  dataLabels: ri,
+  markers: ai
+}, si = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, ui = { class: "chart-header flex flex-row justify-between" }, di = { class: "text-sm font-medium text-gray-500 truncate" }, ci = { class: "chart-content" }, fi = {
   name: "uiChart"
-}, pi = /* @__PURE__ */ Object.assign(vi, {
+}, vi = /* @__PURE__ */ Object.assign(fi, {
   props: {
     title: String,
     type: {
@@ -3779,48 +3778,94 @@ const Za = { class: "chart-selector flex flex-row items-center justify-center" }
   },
   emits: ["selectedRange", "chartUpdated"],
   setup(e, { emit: t }) {
-    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),
-        S(ni, {
+    const o = e, r = x(() => ({ ...o.options, ...ii })), n = x(() => o.series), l = () => t("chartUpdated");
+    return (a, i) => (p(), y("div", si, [
+      d("div", ui, [
+        d("div", di, O(e.title), 1),
+        S(ti, {
           onRangeSelected: i[0] || (i[0] = (s) => t("selectedRange", s))
         })
       ]),
-      c("div", fi, [
+      d("div", ci, [
         S(C(On), {
           type: e.type,
           series: n.value,
           width: "100%",
           height: "100%",
           options: r.value,
-          onUpdated: o,
+          onUpdated: l,
           onMounted: a.emitEvent
         }, null, 8, ["type", "series", "options", "onMounted"])
       ])
     ]));
   }
 }), mi = {
+  name: "uiFooter"
+}, pi = { class: "bg-white" }, gi = /* @__PURE__ */ d("div", { class: "mx-auto py-6 px-4 sm:px-6 md:flex md:items-center md:justify-between lg:px-8" }, [
+  /* @__PURE__ */ d("div", { class: "mt-8 md:mt-0 md:order-1" }, [
+    /* @__PURE__ */ d("p", { class: "text-center text-base text-gray-400" }, "© Made by Hotelinking.")
+  ])
+], -1), hi = [
+  gi
+];
+function bi(e, t, o, r, n, l) {
+  return p(), y("footer", pi, hi);
+}
+const yi = /* @__PURE__ */ Ue(mi, [["render", bi]]), xi = /* @__PURE__ */ d("div", { class: "spinner h-12 w-12 mb-6" }, [
+  /* @__PURE__ */ d("img", {
+    src: "https://images.hotelinking.com/ui/loader.gif",
+    alt: "loading animation"
+  })
+], -1), wi = {
+  name: "uiLoadScreen"
+}, Si = /* @__PURE__ */ Object.assign(wi, {
+  props: {
+    title: String,
+    message: String,
+    fixed: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(e) {
+    return (t, o) => (p(), y("div", {
+      class: L([
+        { fixed: e.fixed },
+        "load-screen h-full w-full top-0 left-0 z-50 flex flex-col items-center justify-center bg-gray-50"
+      ])
+    }, [
+      xi,
+      J(d("h2", { class: "text-xs font-bold text-center uppercase mb-2" }, O(e.title), 513), [
+        [ee, e.title]
+      ]),
+      J(d("p", { class: "text-xs text-center uppercase md:w-1/4" }, O(e.message), 513), [
+        [ee, e.message]
+      ])
+    ], 2));
+  }
+}), ki = {
   uiButton: Dt,
   uiIcon: ve,
   uiCheckbox: An,
-  uiDropdown: pn,
-  uiInput: xo,
-  uiInputFile: Lo,
-  uiSelect: Io,
-  uiTag: mn,
-  uiTextArea: Ho,
-  uiToggle: qo,
+  uiDropdown: mn,
+  uiInput: xl,
+  uiInputFile: Ll,
+  uiSelect: Il,
+  uiTag: pn,
+  uiTextArea: Hl,
+  uiToggle: ql,
   uiAlert: er,
   uiBreadcrumbs: sr,
-  uiCard: mr,
+  uiCard: pr,
   uiFilter: hr,
   uiModal: Mr,
   uiNotification: Hr,
   uiTaskList: Qr,
   uiPriceCalendar: Qa,
-  uiChart: pi
-}, _t = mi, xi = {
+  uiChart: vi,
+  uiFooter: yi,
+  uiLoadingScreen: Si
+}, _t = ki, Di = {
   install(e) {
     Object.keys(_t).forEach((t) => {
       e.component(t, _t[t]);
@@ -3828,5 +3873,5 @@ const Za = { class: "chart-selector flex flex-row items-center justify-center" }
   }
 };
 export {
-  xi as default
+  Di as default
 };