@hotelinking/ui 1.10.0 → 1.19.1

package/dist/ui.es.js

@@ -1,5 +1,7 @@
-import { openBlock as C, createBlock as Q, resolveDynamicComponent as at, normalizeClass as L, createElementBlock as D, createVNode as N, renderSlot as be, ref as x, createElementVNode as S, cloneVNode as rt, h as re, Fragment as ie, inject as ne, provide as le, onMounted as _, watchEffect as Z, nextTick as U, computed as y, defineComponent as B, toRaw as A, watch as se, onUnmounted as de, unref as j, withCtx as K, createTextVNode as ue, toDisplayString as M, Transition as it, renderList as je, createCommentVNode as W, withDirectives as J, vModelDynamic as ut, vShow as ee, withModifiers as Ie, vModelText as st } from "vue";
-const dt = { name: "uiIcon" }, Y = /* @__PURE__ */ Object.assign(dt, {
+import { openBlock as g, createBlock as le, resolveDynamicComponent as yn, normalizeClass as R, createElementBlock as x, createVNode as S, renderSlot as Ae, ref as w, createElementVNode as c, cloneVNode as xn, h as q, Fragment as Z, inject as ne, provide as ie, onMounted as U, watchEffect as ee, nextTick as oe, computed as y, defineComponent as A, toRaw as H, watch as be, onUnmounted as se, Teleport as wn, reactive as Sn, unref as _, 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 _n, resolveComponent as Oe, vModelCheckbox as Cn } from "vue";
+import V from "dayjs";
+import On from "vue3-apexcharts";
+const Dn = { name: "uiIcon" }, ve = /* @__PURE__ */ Object.assign(Dn, {
   props: {
     /**
      * COMPONENTE del icono
@@ -15,8 +17,8 @@ const dt = { name: "uiIcon" }, Y = /* @__PURE__ */ Object.assign(dt, {
     color: { type: String, default: "primary" }
   },
   setup(e) {
-    return (n, l) => (C(), Q(at(e.icon), {
-      class: L({
+    return (t, o) => (g(), le(yn(e.icon), {
+      class: R({
         "h-4 w-4": e.size === "normal",
         "h-6 w-6": e.size === "big",
         "h-12 w-12": e.size === "huge",
@@ -32,9 +34,9 @@ const dt = { name: "uiIcon" }, Y = /* @__PURE__ */ Object.assign(dt, {
       })
     }, null, 8, ["class"]));
   }
-}), ct = ["disabled"], vt = {
+}), Mn = ["disabled"], Tn = {
   name: "uiButton"
-}, ft = /* @__PURE__ */ Object.assign(vt, {
+}, Dt = /* @__PURE__ */ Object.assign(Tn, {
   props: {
     /**
      * Color del botón
@@ -67,9 +69,9 @@ const dt = { name: "uiIcon" }, Y = /* @__PURE__ */ Object.assign(dt, {
     }
   },
   setup(e) {
-    return (n, l) => (C(), D("button", {
+    return (t, o) => (g(), x("button", {
       disabled: e.disabled,
-      class: L([{
+      class: R([{
         "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",
@@ -81,17 +83,17 @@ const dt = { name: "uiIcon" }, Y = /* @__PURE__ */ Object.assign(dt, {
       }, "inline-flex items-center border border-transparent font-medium shadow-sm text-white focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25"]),
       type: "button"
     }, [
-      N(Y, {
+      S(ve, {
         icon: e.icon,
         color: "white",
         class: "-ml-0.5 mr-2"
       }, null, 8, ["icon"]),
-      be(n.$slots, "default")
-    ], 10, ct));
+      Ae(t.$slots, "default")
+    ], 10, Mn));
   }
-}), pt = { class: "relative flex items-start" }, mt = { class: "flex items-center h-5" }, bt = ["checked", "value", "disabled"], gt = { class: "ml-3 text-sm" }, ht = { class: "text-gray-500" }, xt = {
+}), En = { class: "relative flex items-start" }, Pn = { class: "flex items-center h-5" }, Ln = ["checked", "value", "disabled"], Rn = { class: "ml-3 text-sm" }, jn = { class: "text-gray-500" }, In = {
   name: "uiCheckbox"
-}, yt = /* @__PURE__ */ Object.assign(xt, {
+}, An = /* @__PURE__ */ Object.assign(In, {
   props: {
     /**
      * Checkbox desactivado
@@ -115,197 +117,200 @@ const dt = { name: "uiIcon" }, Y = /* @__PURE__ */ Object.assign(dt, {
     }
   },
   emits: ["checkboxChanged"],
-  setup(e, { emit: n }) {
-    const l = e, a = x(l.check), t = () => {
-      l.disabled || (a.value = !a.value, n("checkboxChanged", {
-        checked: a.value,
-        value: l.value
+  setup(e, { emit: t }) {
+    const o = e, r = w(o.check), n = () => {
+      o.disabled || (r.value = !r.value, t("checkboxChanged", {
+        checked: r.value,
+        value: o.value
       }));
     };
-    return (o, r) => (C(), D("div", pt, [
-      S("div", mt, [
-        S("input", {
+    return (l, a) => (g(), x("div", En, [
+      c("div", Pn, [
+        c("input", {
           checked: e.check,
           value: e.value,
           disabled: e.disabled,
           class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded disabled:opacity-25",
           type: "checkbox",
-          onChange: r[0] || (r[0] = (d) => t())
-        }, null, 40, bt)
+          onChange: a[0] || (a[0] = (i) => n())
+        }, null, 40, Ln)
       ]),
-      S("div", gt, [
-        S("span", ht, [
-          be(o.$slots, "default")
+      c("div", Rn, [
+        c("span", jn, [
+          Ae(l.$slots, "default")
         ])
       ])
     ]));
   }
 });
-function H(e, n, ...l) {
-  if (e in n) {
-    let t = n[e];
-    return typeof t == "function" ? t(...l) : t;
+function K(e, t, ...o) {
+  if (e in t) {
+    let n = t[e];
+    return typeof n == "function" ? n(...o) : n;
   }
-  let a = new Error(`Tried to handle "${e}" but there is no handler defined. Only defined handlers are: ${Object.keys(n).map((t) => `"${t}"`).join(", ")}.`);
-  throw Error.captureStackTrace && Error.captureStackTrace(a, H), a;
+  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 te = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(te || {}), wt = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(wt || {});
-function V({ visible: e = !0, features: n = 0, ourProps: l, theirProps: a, ...t }) {
-  var o;
-  let r = Fe(a, l), d = Object.assign(t, { props: r });
-  if (e || n & 2 && r.static)
-    return fe(d);
-  if (n & 1) {
-    let c = (o = r.unmount) == null || o ? 0 : 1;
-    return H(c, { [0]() {
+var me = ((e) => (e[e.None = 0] = "None", e[e.RenderStrategy = 1] = "RenderStrategy", e[e.Static = 2] = "Static", e))(me || {}), xe = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(xe || {});
+function B({ visible: e = !0, features: t = 0, ourProps: o, theirProps: r, ...n }) {
+  var l;
+  let a = Tt(r, o), i = Object.assign(n, { props: a });
+  if (e || t & 2 && a.static)
+    return Xe(i);
+  if (t & 1) {
+    let s = (l = a.unmount) == null || l ? 0 : 1;
+    return K(s, { [0]() {
       return null;
     }, [1]() {
-      return fe({ ...t, props: { ...r, hidden: !0, style: { display: "none" } } });
+      return Xe({ ...n, props: { ...a, hidden: !0, style: { display: "none" } } });
     } });
   }
-  return fe(d);
-}
-function fe({ props: e, attrs: n, slots: l, slot: a, name: t }) {
-  var o, r;
-  let { as: d, ...c } = ce(e, ["unmount", "static"]), u = (o = l.default) == null ? void 0 : o.call(l, a), i = {};
-  if (a) {
-    let f = !1, p = [];
-    for (let [m, b] of Object.entries(a))
-      typeof b == "boolean" && (f = !0), b === !0 && p.push(m);
-    f && (i["data-headlessui-state"] = p.join(" "));
-  }
-  if (d === "template") {
-    if (u = Ae(u ?? []), Object.keys(c).length > 0 || Object.keys(n).length > 0) {
-      let [f, ...p] = u ?? [];
-      if (!St(f) || p.length > 0)
-        throw new Error(['Passing props on "template"!', "", `The current component <${t} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(c).concat(Object.keys(n)).map((v) => v.trim()).filter((v, s, g) => g.indexOf(v) === s).sort((v, s) => v.localeCompare(s)).map((v) => `  - ${v}`).join(`
-`), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((v) => `  - ${v}`).join(`
+  return Xe(i);
+}
+function Xe({ props: e, attrs: t, slots: o, slot: r, name: n }) {
+  var l, a;
+  let { as: i, ...s } = Fe(e, ["unmount", "static"]), u = (l = o.default) == null ? void 0 : l.call(o, r), d = {};
+  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(" "));
+  }
+  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)
+        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 m = Fe((r = f.props) != null ? r : {}, c), b = rt(f, m);
-      for (let v in m)
-        v.startsWith("on") && (b.props || (b.props = {}), b.props[v] = m[v]);
+      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]);
       return b;
     }
     return Array.isArray(u) && u.length === 1 ? u[0] : u;
   }
-  return re(d, Object.assign({}, c, i), { default: () => u });
+  return q(i, Object.assign({}, s, d), { default: () => u });
 }
-function Ae(e) {
-  return e.flatMap((n) => n.type === ie ? Ae(n.children) : [n]);
+function Mt(e) {
+  return e.flatMap((t) => t.type === Z ? Mt(t.children) : [t]);
 }
-function Fe(...e) {
+function Tt(...e) {
   if (e.length === 0)
     return {};
   if (e.length === 1)
     return e[0];
-  let n = {}, l = {};
-  for (let a of e)
-    for (let t in a)
-      t.startsWith("on") && typeof a[t] == "function" ? (l[t] != null || (l[t] = []), l[t].push(a[t])) : n[t] = a[t];
-  if (n.disabled || n["aria-disabled"])
-    return Object.assign(n, Object.fromEntries(Object.keys(l).map((a) => [a, void 0])));
-  for (let a in l)
-    Object.assign(n, { [a](t, ...o) {
-      let r = l[a];
-      for (let d of r) {
-        if (t instanceof Event && t.defaultPrevented)
+  let t = {}, o = {};
+  for (let r of e)
+    for (let n in r)
+      n.startsWith("on") && typeof r[n] == "function" ? (o[n] != null || (o[n] = []), o[n].push(r[n])) : t[n] = r[n];
+  if (t.disabled || t["aria-disabled"])
+    return Object.assign(t, Object.fromEntries(Object.keys(o).map((r) => [r, void 0])));
+  for (let r in o)
+    Object.assign(t, { [r](n, ...l) {
+      let a = o[r];
+      for (let i of a) {
+        if (n instanceof Event && n.defaultPrevented)
           return;
-        d(t, ...o);
+        i(n, ...l);
       }
     } });
-  return n;
+  return t;
 }
-function Me(e) {
-  let n = Object.assign({}, e);
-  for (let l in n)
-    n[l] === void 0 && delete n[l];
-  return n;
-}
-function ce(e, n = []) {
-  let l = Object.assign({}, e);
-  for (let a of n)
-    a in l && delete l[a];
-  return l;
-}
-function St(e) {
+function Et(e) {
+  let t = Object.assign({}, e);
+  for (let o in t)
+    t[o] === void 0 && delete t[o];
+  return t;
+}
+function Fe(e, t = []) {
+  let o = Object.assign({}, e);
+  for (let r of t)
+    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";
 }
-let kt = 0;
-function Ot() {
-  return ++kt;
+let Bn = 0;
+function Nn() {
+  return ++Bn;
 }
-function G() {
-  return Ot();
+function te() {
+  return Nn();
 }
-var I = ((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))(I || {});
-function It(e) {
+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 || {});
+function Hn(e) {
   throw new Error("Unexpected object: " + e);
 }
-var R = ((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))(R || {});
-function Ne(e, n) {
-  let l = n.resolveItems();
-  if (l.length <= 0)
+var I = ((e) => (e[e.First = 0] = "First", e[e.Previous = 1] = "Previous", e[e.Next = 2] = "Next", e[e.Last = 3] = "Last", e[e.Specific = 4] = "Specific", e[e.Nothing = 5] = "Nothing", e))(I || {});
+function Pt(e, t) {
+  let o = t.resolveItems();
+  if (o.length <= 0)
     return null;
-  let a = n.resolveActiveIndex(), t = a ?? -1, o = (() => {
+  let r = t.resolveActiveIndex(), n = r ?? -1, l = (() => {
     switch (e.focus) {
       case 0:
-        return l.findIndex((r) => !n.resolveDisabled(r));
+        return o.findIndex((a) => !t.resolveDisabled(a));
       case 1: {
-        let r = l.slice().reverse().findIndex((d, c, u) => t !== -1 && u.length - c - 1 >= t ? !1 : !n.resolveDisabled(d));
-        return r === -1 ? r : l.length - 1 - r;
+        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((r, d) => d <= t ? !1 : !n.resolveDisabled(r));
+        return o.findIndex((a, i) => i <= n ? !1 : !t.resolveDisabled(a));
       case 3: {
-        let r = l.slice().reverse().findIndex((d) => !n.resolveDisabled(d));
-        return r === -1 ? r : l.length - 1 - r;
+        let a = o.slice().reverse().findIndex((i) => !t.resolveDisabled(i));
+        return a === -1 ? a : o.length - 1 - a;
       }
       case 4:
-        return l.findIndex((r) => n.resolveId(r) === e.id);
+        return o.findIndex((a) => t.resolveId(a) === e.id);
       case 5:
         return null;
       default:
-        It(e);
+        Hn(e);
     }
   })();
-  return o === -1 ? a : o;
+  return l === -1 ? r : l;
+}
+function k(e) {
+  var t;
+  return e == null || e.value == null ? null : (t = e.value.$el) != null ? t : e.value;
 }
-function w(e) {
-  var n;
-  return e == null || e.value == null ? null : (n = e.value.$el) != null ? n : e.value;
+let Lt = Symbol("Context");
+var z = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(z || {});
+function Vn() {
+  return Be() !== null;
 }
-let Le = Symbol("Context");
-var X = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(X || {});
 function Be() {
-  return ne(Le, null);
+  return ne(Lt, null);
 }
-function Ve(e) {
-  le(Le, e);
+function st(e) {
+  ie(Lt, e);
 }
-function Ce(e, n) {
+function bt(e, t) {
   if (e)
     return e;
-  let l = n ?? "button";
-  if (typeof l == "string" && l.toLowerCase() === "button")
+  let o = t ?? "button";
+  if (typeof o == "string" && o.toLowerCase() === "button")
     return "button";
 }
-function ge(e, n) {
-  let l = x(Ce(e.value.type, e.value.as));
-  return _(() => {
-    l.value = Ce(e.value.type, e.value.as);
-  }), Z(() => {
-    var a;
-    l.value || w(n) && w(n) instanceof HTMLButtonElement && !((a = w(n)) != null && a.hasAttribute("type")) && (l.value = "button");
-  }), l;
+function ut(e, t) {
+  let o = w(bt(e.value.type, e.value.as));
+  return U(() => {
+    o.value = bt(e.value.type, e.value.as);
+  }), ee(() => {
+    var r;
+    o.value || k(t) && k(t) instanceof HTMLButtonElement && !((r = k(t)) != null && r.hasAttribute("type")) && (o.value = "button");
+  }), o;
 }
-var Ct = Object.defineProperty, $t = (e, n, l) => n in e ? Ct(e, n, { enumerable: !0, configurable: !0, writable: !0, value: l }) : e[n] = l, $e = (e, n, l) => ($t(e, typeof n != "symbol" ? n + "" : n, l), l);
-let Rt = class {
+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() {
-    $e(this, "current", this.detect()), $e(this, "currentId", 0);
+    yt(this, "current", this.detect()), yt(this, "currentId", 0);
   }
-  set(n) {
-    this.current !== n && (this.currentId = 0, this.current = n);
+  set(t) {
+    this.current !== t && (this.currentId = 0, this.current = t);
   }
   reset() {
     this.set(this.detect());
@@ -322,899 +327,1544 @@ let Rt = class {
   detect() {
     return typeof window > "u" || typeof document > "u" ? "server" : "client";
   }
-}, he = new Rt();
-function xe(e) {
-  if (he.isServer)
+}, Ne = new qn();
+function Se(e) {
+  if (Ne.isServer)
     return null;
   if (e instanceof Node)
     return e.ownerDocument;
   if (e != null && e.hasOwnProperty("value")) {
-    let n = w(e);
-    if (n)
-      return n.ownerDocument;
+    let t = k(e);
+    if (t)
+      return t.ownerDocument;
   }
   return document;
 }
-function Ue({ container: e, accept: n, walk: l, enabled: a }) {
-  Z(() => {
-    let t = e.value;
-    if (!t || a !== void 0 && !a.value)
+function Rt({ container: e, accept: t, walk: o, enabled: r }) {
+  ee(() => {
+    let n = e.value;
+    if (!n || r !== void 0 && !r.value)
       return;
-    let o = xe(e);
-    if (!o)
+    let l = Se(e);
+    if (!l)
       return;
-    let r = Object.assign((c) => n(c), { acceptNode: n }), d = o.createTreeWalker(t, NodeFilter.SHOW_ELEMENT, r, !1);
-    for (; d.nextNode(); )
-      l(d.currentNode);
+    let a = Object.assign((s) => t(s), { acceptNode: t }), i = l.createTreeWalker(n, NodeFilter.SHOW_ELEMENT, a, !1);
+    for (; i.nextNode(); )
+      o(i.currentNode);
   });
 }
-let pe = ["[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 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 || {}), Pt = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(Pt || {}), Tt = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(Tt || {});
-function He(e = document.body) {
-  return e == null ? [] : Array.from(e.querySelectorAll(pe)).sort((n, l) => Math.sign((n.tabIndex || Number.MAX_SAFE_INTEGER) - (l.tabIndex || Number.MAX_SAFE_INTEGER)));
+let et = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e) => `${e}:not([tabindex='-1'])`).join(",");
+var pe = ((e) => (e[e.First = 1] = "First", e[e.Previous = 2] = "Previous", e[e.Next = 4] = "Next", e[e.Last = 8] = "Last", e[e.WrapAround = 16] = "WrapAround", e[e.NoScroll = 32] = "NoScroll", e))(pe || {}), jt = ((e) => (e[e.Error = 0] = "Error", e[e.Overflow = 1] = "Overflow", e[e.Success = 2] = "Success", e[e.Underflow = 3] = "Underflow", e))(jt || {}), zn = ((e) => (e[e.Previous = -1] = "Previous", e[e.Next = 1] = "Next", e))(zn || {});
+function It(e = document.body) {
+  return e == null ? [] : Array.from(e.querySelectorAll(et)).sort((t, o) => Math.sign((t.tabIndex || Number.MAX_SAFE_INTEGER) - (o.tabIndex || Number.MAX_SAFE_INTEGER)));
 }
-var ye = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(ye || {});
-function we(e, n = 0) {
-  var l;
-  return e === ((l = xe(e)) == null ? void 0 : l.body) ? !1 : H(n, { [0]() {
-    return e.matches(pe);
+var dt = ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(dt || {});
+function ct(e, t = 0) {
+  var o;
+  return e === ((o = Se(e)) == null ? void 0 : o.body) ? !1 : K(t, { [0]() {
+    return e.matches(et);
   }, [1]() {
-    let a = e;
-    for (; a !== null; ) {
-      if (a.matches(pe))
+    let r = e;
+    for (; r !== null; ) {
+      if (r.matches(et))
         return !0;
-      a = a.parentElement;
+      r = r.parentElement;
     }
     return !1;
   } });
 }
-function Ke(e) {
-  let n = xe(e);
-  U(() => {
-    n && !we(n.activeElement, 0) && Dt(e);
+function At(e) {
+  let t = Se(e);
+  oe(() => {
+    t && !ct(t.activeElement, 0) && we(e);
   });
 }
-var Et = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(Et || {});
+var Wn = ((e) => (e[e.Keyboard = 0] = "Keyboard", e[e.Mouse = 1] = "Mouse", e))(Wn || {});
 typeof window < "u" && typeof document < "u" && (document.addEventListener("keydown", (e) => {
   e.metaKey || e.altKey || e.ctrlKey || (document.documentElement.dataset.headlessuiFocusVisible = "");
 }, !0), document.addEventListener("click", (e) => {
   e.detail === 1 ? delete document.documentElement.dataset.headlessuiFocusVisible : e.detail === 0 && (document.documentElement.dataset.headlessuiFocusVisible = "");
 }, !0));
-function Dt(e) {
+function we(e) {
   e == null || e.focus({ preventScroll: !0 });
 }
-let jt = ["textarea", "input"].join(",");
-function At(e) {
-  var n, l;
-  return (l = (n = e == null ? void 0 : e.matches) == null ? void 0 : n.call(e, jt)) != null ? l : !1;
+let Kn = ["textarea", "input"].join(",");
+function Jn(e) {
+  var t, o;
+  return (o = (t = e == null ? void 0 : e.matches) == null ? void 0 : t.call(e, Kn)) != null ? o : !1;
 }
-function Se(e, n = (l) => l) {
-  return e.slice().sort((l, a) => {
-    let t = n(l), o = n(a);
-    if (t === 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 r = t.compareDocumentPosition(o);
-    return r & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : r & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+    let a = n.compareDocumentPosition(l);
+    return a & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : a & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
   });
 }
-function Ft(e, n) {
-  return Mt(He(), n, { relativeTo: e });
+function Gn(e, t) {
+  return je(It(), t, { relativeTo: e });
 }
-function Mt(e, n, { sorted: l = !0, relativeTo: a = null, skipElements: t = [] } = {}) {
-  var o;
-  let r = (o = Array.isArray(e) ? e.length > 0 ? e[0].ownerDocument : document : e == null ? void 0 : e.ownerDocument) != null ? o : document, d = Array.isArray(e) ? l ? Se(e) : e : He(e);
-  t.length > 0 && d.length > 1 && (d = d.filter((b) => !t.includes(b))), a = a ?? r.activeElement;
-  let c = (() => {
-    if (n & 5)
+function je(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)
       return 1;
-    if (n & 10)
+    if (t & 10)
       return -1;
     throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
   })(), u = (() => {
-    if (n & 1)
+    if (t & 1)
       return 0;
-    if (n & 2)
-      return Math.max(0, d.indexOf(a)) - 1;
-    if (n & 4)
-      return Math.max(0, d.indexOf(a)) + 1;
-    if (n & 8)
-      return d.length - 1;
+    if (t & 2)
+      return Math.max(0, i.indexOf(r)) - 1;
+    if (t & 4)
+      return Math.max(0, i.indexOf(r)) + 1;
+    if (t & 8)
+      return i.length - 1;
     throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
-  })(), i = n & 32 ? { preventScroll: !0 } : {}, f = 0, p = d.length, m;
+  })(), d = t & 32 ? { preventScroll: !0 } : {}, m = 0, v = i.length, p;
   do {
-    if (f >= p || f + p <= 0)
+    if (m >= v || m + v <= 0)
       return 0;
-    let b = u + f;
-    if (n & 16)
-      b = (b + p) % p;
+    let b = u + m;
+    if (t & 16)
+      b = (b + v) % v;
     else {
       if (b < 0)
         return 3;
-      if (b >= p)
+      if (b >= v)
         return 1;
     }
-    m = d[b], m == null || m.focus(i), f += c;
-  } while (m !== r.activeElement);
-  return n & 6 && At(m) && m.select(), 2;
+    p = i[b], p == null || p.focus(d), m += s;
+  } while (p !== a.activeElement);
+  return t & 6 && Jn(p) && p.select(), 2;
 }
-function Re(e, n, l) {
-  he.isServer || Z((a) => {
-    document.addEventListener(e, n, l), a(() => document.removeEventListener(e, n, l));
+function xt(e, t, o) {
+  Ne.isServer || ee((r) => {
+    document.addEventListener(e, t, o), r(() => document.removeEventListener(e, t, o));
   });
 }
-function Nt(e, n, l) {
-  he.isServer || Z((a) => {
-    window.addEventListener(e, n, l), a(() => window.removeEventListener(e, n, l));
+function Ft(e, t, o) {
+  Ne.isServer || ee((r) => {
+    window.addEventListener(e, t, o), r(() => window.removeEventListener(e, t, o));
   });
 }
-function ze(e, n, l = y(() => !0)) {
-  function a(o, r) {
-    if (!l.value || o.defaultPrevented)
+function vt(e, t, o = y(() => !0)) {
+  function r(l, a) {
+    if (!o.value || l.defaultPrevented)
       return;
-    let d = r(o);
-    if (d === null || !d.getRootNode().contains(d))
+    let i = a(l);
+    if (i === null || !i.getRootNode().contains(i))
       return;
-    let c = function u(i) {
-      return typeof i == "function" ? u(i()) : Array.isArray(i) || i instanceof Set ? i : [i];
+    let s = function u(d) {
+      return typeof d == "function" ? u(d()) : Array.isArray(d) || d instanceof Set ? d : [d];
     }(e);
-    for (let u of c) {
+    for (let u of s) {
       if (u === null)
         continue;
-      let i = u instanceof HTMLElement ? u : w(u);
-      if (i != null && i.contains(d) || o.composed && o.composedPath().includes(i))
+      let d = u instanceof HTMLElement ? u : k(u);
+      if (d != null && d.contains(i) || l.composed && l.composedPath().includes(d))
         return;
     }
-    return !we(d, ye.Loose) && d.tabIndex !== -1 && o.preventDefault(), n(o, d);
-  }
-  let t = x(null);
-  Re("mousedown", (o) => {
-    var r, d;
-    l.value && (t.value = ((d = (r = o.composedPath) == null ? void 0 : r.call(o)) == null ? void 0 : d[0]) || o.target);
-  }, !0), Re("click", (o) => {
-    t.value && (a(o, () => t.value), t.value = null);
-  }, !0), Nt("blur", (o) => a(o, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
-}
-var ke = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(ke || {});
-let qe = B({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: n, attrs: l }) {
+    return !ct(i, dt.Loose) && i.tabIndex !== -1 && l.preventDefault(), t(l, i);
+  }
+  let n = w(null);
+  xt("mousedown", (l) => {
+    var a, i;
+    o.value && (n.value = ((i = (a = l.composedPath) == null ? void 0 : a.call(l)) == null ? void 0 : i[0]) || l.target);
+  }, !0), xt("click", (l) => {
+    n.value && (r(l, () => n.value), n.value = null);
+  }, !0), Ft("blur", (l) => r(l, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), !0);
+}
+var De = ((e) => (e[e.None = 1] = "None", e[e.Focusable = 2] = "Focusable", e[e.Hidden = 4] = "Hidden", e))(De || {});
+let Ie = A({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(e, { slots: t, attrs: o }) {
   return () => {
-    let { features: a, ...t } = e, o = { "aria-hidden": (a & 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", ...(a & 4) === 4 && (a & 2) !== 2 && { display: "none" } } };
-    return V({ ourProps: o, theirProps: t, slot: {}, attrs: l, slots: n, 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 We(e = {}, n = null, l = []) {
-  for (let [a, t] of Object.entries(e))
-    Ye(l, Ge(n, a), t);
-  return l;
-}
-function Ge(e, n) {
-  return e ? e + "[" + n + "]" : n;
-}
-function Ye(e, n, l) {
-  if (Array.isArray(l))
-    for (let [a, t] of l.entries())
-      Ye(e, Ge(n, a.toString()), t);
+function Bt(e = {}, t = null, o = []) {
+  for (let [r, n] of Object.entries(e))
+    Ht(o, Nt(t, r), n);
+  return o;
+}
+function Nt(e, t) {
+  return e ? e + "[" + t + "]" : t;
+}
+function Ht(e, t, o) {
+  if (Array.isArray(o))
+    for (let [r, n] of o.entries())
+      Ht(e, Nt(t, r.toString()), n);
   else
-    l instanceof Date ? e.push([n, l.toISOString()]) : typeof l == "boolean" ? e.push([n, l ? "1" : "0"]) : typeof l == "string" ? e.push([n, l]) : typeof l == "number" ? e.push([n, `${l}`]) : l == null ? e.push([n, ""]) : We(l, n, e);
-}
-function Lt(e) {
-  var n;
-  let l = (n = e == null ? void 0 : e.form) != null ? n : e.closest("form");
-  if (l) {
-    for (let a of l.elements)
-      if (a.tagName === "INPUT" && a.type === "submit" || a.tagName === "BUTTON" && a.type === "submit" || a.nodeName === "INPUT" && a.type === "image") {
-        a.click();
+    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 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 Je(e, n, l) {
-  let a = x(l == null ? void 0 : l.value), t = y(() => e.value !== void 0);
-  return [y(() => t.value ? e.value : a.value), function(o) {
-    return t.value || (a.value = o), n == null ? void 0 : n(o);
+function Vt(e, t, o) {
+  let r = w(o == null ? void 0 : o.value), n = y(() => e.value !== void 0);
+  return [y(() => n.value ? e.value : r.value), function(l) {
+    return n.value || (r.value = l), t == null ? void 0 : t(l);
   }];
 }
-function Pe(e) {
+function wt(e) {
   return [e.screenX, e.screenY];
 }
-function Xe() {
-  let e = x([-1, -1]);
-  return { wasMoved(n) {
-    let l = Pe(n);
-    return e.value[0] === l[0] && e.value[1] === l[1] ? !1 : (e.value = l, !0);
-  }, update(n) {
-    e.value = Pe(n);
+function Yt() {
+  let e = w([-1, -1]);
+  return { wasMoved(t) {
+    let o = wt(t);
+    return e.value[0] === o[0] && e.value[1] === o[1] ? !1 : (e.value = o, !0);
+  }, update(t) {
+    e.value = wt(t);
   } };
 }
-function Bt() {
+function Ut() {
   return /iPhone/gi.test(window.navigator.platform) || /Mac/gi.test(window.navigator.platform) && window.navigator.maxTouchPoints > 0;
 }
-function Vt() {
+function Qn() {
   return /Android/gi.test(window.navigator.userAgent);
 }
-function Ut() {
-  return Bt() || Vt();
-}
-function Qe() {
-  let e = [], n = { addEventListener(l, a, t, o) {
-    return l.addEventListener(a, t, o), n.add(() => l.removeEventListener(a, t, o));
-  }, requestAnimationFrame(...l) {
-    let a = requestAnimationFrame(...l);
-    n.add(() => cancelAnimationFrame(a));
-  }, nextFrame(...l) {
-    n.requestAnimationFrame(() => {
-      n.requestAnimationFrame(...l);
+function Zn() {
+  return Ut() || Qn();
+}
+function He() {
+  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(...o) {
+    t.requestAnimationFrame(() => {
+      t.requestAnimationFrame(...o);
     });
-  }, setTimeout(...l) {
-    let a = setTimeout(...l);
-    n.add(() => clearTimeout(a));
-  }, style(l, a, t) {
-    let o = l.style.getPropertyValue(a);
-    return Object.assign(l.style, { [a]: t }), this.add(() => {
-      Object.assign(l.style, { [a]: o });
+  }, setTimeout(...o) {
+    let r = setTimeout(...o);
+    t.add(() => clearTimeout(r));
+  }, style(o, r, n) {
+    let l = o.style.getPropertyValue(r);
+    return Object.assign(o.style, { [r]: n }), this.add(() => {
+      Object.assign(o.style, { [r]: l });
     });
-  }, group(l) {
-    let a = Qe();
-    return l(a), this.add(() => a.dispose());
-  }, add(l) {
-    return e.push(l), () => {
-      let a = e.indexOf(l);
-      if (a >= 0)
-        for (let t of e.splice(a, 1))
-          t();
+  }, group(o) {
+    let r = He();
+    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 n;
+  return t;
 }
-function Ht(e, n) {
-  return e === n;
+function eo(e, t) {
+  return e === t;
 }
-var Kt = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Kt || {}), zt = ((e) => (e[e.Single = 0] = "Single", e[e.Multi = 1] = "Multi", e))(zt || {}), qt = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Other = 1] = "Other", e))(qt || {});
-let Ze = Symbol("ComboboxContext");
-function oe(e) {
-  let n = ne(Ze, null);
-  if (n === null) {
-    let l = new Error(`<${e} /> is missing a parent <Combobox /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(l, oe), l;
+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);
+  if (t === null) {
+    let o = new Error(`<${e} /> is missing a parent <Combobox /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(o, Me), o;
   }
-  return n;
+  return t;
 }
-let Wt = B({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], default: () => Ht }, 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: n, attrs: l, emit: a }) {
-  let t = x(1), o = x(null), r = x(null), d = x(null), c = x(null), u = x({ static: !1, hold: !1 }), i = x([]), f = x(null), p = x(1), m = x(!1);
-  function b(h = ($) => $) {
-    let $ = f.value !== null ? i.value[f.value] : null, T = Se(h(i.value.slice()), (E) => w(E.dataRef.domRef)), O = $ ? T.indexOf($) : null;
-    return O === -1 && (O = null), { options: T, activeOptionIndex: O };
+let lo = A({ name: "Combobox", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: !1 }, by: { type: [String, Function], default: () => eo }, modelValue: { type: [Object, String, Number, Boolean], default: void 0 }, defaultValue: { type: [Object, String, Number, Boolean], default: void 0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, nullable: { type: Boolean, default: !1 }, multiple: { type: [Boolean], default: !1 } }, inheritAttrs: !1, setup(e, { slots: t, attrs: o, emit: r }) {
+  let n = w(1), l = w(null), a = w(null), i = w(null), s = w(null), u = w({ static: !1, hold: !1 }), d = w([]), m = w(null), v = w(1), p = w(!1);
+  function b(C = (E) => E) {
+    let E = m.value !== null ? d.value[m.value] : null, L = ft(C(d.value.slice()), (j) => k(j.dataRef.domRef)), T = E ? L.indexOf(E) : null;
+    return T === -1 && (T = null), { options: L, activeOptionIndex: T };
   }
-  let v = y(() => e.multiple ? 1 : 0), s = y(() => e.nullable), [g, P] = Je(y(() => e.modelValue === void 0 ? H(v.value, { [1]: [], [0]: void 0 }) : e.modelValue), (h) => a("update:modelValue", h), y(() => e.defaultValue)), k = { comboboxState: t, value: g, mode: v, compare(h, $) {
+  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), (C) => r("update:modelValue", C), y(() => e.defaultValue)), D = { comboboxState: n, value: $, mode: h, compare(C, E) {
     if (typeof e.by == "string") {
-      let T = e.by;
-      return (h == null ? void 0 : h[T]) === ($ == null ? void 0 : $[T]);
+      let L = e.by;
+      return (C == null ? void 0 : C[L]) === (E == null ? void 0 : E[L]);
     }
-    return e.by(h, $);
-  }, defaultValue: y(() => e.defaultValue), nullable: s, inputRef: r, labelRef: o, buttonRef: d, optionsRef: c, disabled: y(() => e.disabled), options: i, change(h) {
-    P(h);
+    return e.by(C, E);
+  }, defaultValue: y(() => e.defaultValue), nullable: f, inputRef: a, labelRef: l, buttonRef: i, optionsRef: s, disabled: y(() => e.disabled), options: d, change(C) {
+    M(C);
   }, activeOptionIndex: y(() => {
-    if (m.value && f.value === null && i.value.length > 0) {
-      let h = i.value.findIndex(($) => !$.dataRef.disabled);
-      h !== -1 && (f.value = h);
+    if (p.value && m.value === null && d.value.length > 0) {
+      let C = d.value.findIndex((E) => !E.dataRef.disabled);
+      C !== -1 && (m.value = C);
     }
-    return f.value;
-  }), activationTrigger: p, optionsPropsRef: u, closeCombobox() {
-    m.value = !1, !e.disabled && t.value !== 1 && (t.value = 1, f.value = null);
+    return m.value;
+  }), activationTrigger: v, optionsPropsRef: u, closeCombobox() {
+    p.value = !1, !e.disabled && n.value !== 1 && (n.value = 1, m.value = null);
   }, openCombobox() {
-    if (m.value = !0, e.disabled || t.value === 0)
+    if (p.value = !0, e.disabled || n.value === 0)
       return;
-    let h = i.value.findIndex(($) => {
-      let T = A($.dataRef.value);
-      return H(v.value, { [0]: () => k.compare(A(k.value.value), A(T)), [1]: () => A(k.value.value).some((O) => k.compare(A(O), A(T))) });
+    let C = 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))) });
     });
-    h !== -1 && (f.value = h), t.value = 0;
-  }, goToOption(h, $, T) {
-    if (m.value = !1, e.disabled || c.value && !u.value.static && t.value === 1)
+    C !== -1 && (m.value = C), n.value = 0;
+  }, goToOption(C, E, L) {
+    if (p.value = !1, e.disabled || s.value && !u.value.static && n.value === 1)
       return;
-    let O = b();
-    if (O.activeOptionIndex === null) {
-      let F = O.options.findIndex((ae) => !ae.dataRef.disabled);
-      F !== -1 && (O.activeOptionIndex = F);
+    let T = b();
+    if (T.activeOptionIndex === null) {
+      let N = T.options.findIndex((de) => !de.dataRef.disabled);
+      N !== -1 && (T.activeOptionIndex = N);
     }
-    let E = Ne(h === R.Specific ? { focus: R.Specific, id: $ } : { focus: h }, { resolveItems: () => O.options, resolveActiveIndex: () => O.activeOptionIndex, resolveId: (F) => F.id, resolveDisabled: (F) => F.dataRef.disabled });
-    f.value = E, p.value = T ?? 1, i.value = O.options;
-  }, selectOption(h) {
-    let $ = i.value.find((O) => O.id === h);
-    if (!$)
+    let j = Pt(C === I.Specific ? { focus: I.Specific, id: E } : { focus: C }, { 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;
+  }, selectOption(C) {
+    let E = d.value.find((T) => T.id === C);
+    if (!E)
       return;
-    let { dataRef: T } = $;
-    P(H(v.value, { [0]: () => T.value, [1]: () => {
-      let O = A(k.value.value).slice(), E = A(T.value), F = O.findIndex((ae) => k.compare(E, A(ae)));
-      return F === -1 ? O.push(E) : O.splice(F, 1), O;
+    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)));
+      return N === -1 ? T.push(j) : T.splice(N, 1), T;
     } }));
   }, selectActiveOption() {
-    if (k.activeOptionIndex.value === null)
+    if (D.activeOptionIndex.value === null)
       return;
-    let { dataRef: h, id: $ } = i.value[k.activeOptionIndex.value];
-    P(H(v.value, { [0]: () => h.value, [1]: () => {
-      let T = A(k.value.value).slice(), O = A(h.value), E = T.findIndex((F) => k.compare(O, A(F)));
-      return E === -1 ? T.push(O) : T.splice(E, 1), T;
-    } })), k.goToOption(R.Specific, $);
-  }, registerOption(h, $) {
-    let T = { id: h, dataRef: $ }, O = b((E) => [...E, T]);
-    if (f.value === null) {
-      let E = $.value.value;
-      H(v.value, { [0]: () => k.compare(A(k.value.value), A(E)), [1]: () => A(k.value.value).some((F) => k.compare(A(F), A(E))) }) && (O.activeOptionIndex = O.options.indexOf(T));
+    let { dataRef: C, id: E } = d.value[D.activeOptionIndex.value];
+    M(K(h.value, { [0]: () => C.value, [1]: () => {
+      let L = H(D.value.value).slice(), T = H(C.value), j = L.findIndex((N) => D.compare(T, H(N)));
+      return j === -1 ? L.push(T) : L.splice(j, 1), L;
+    } })), D.goToOption(I.Specific, E);
+  }, registerOption(C, E) {
+    let L = { id: C, dataRef: E }, T = b((j) => [...j, L]);
+    if (m.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));
     }
-    i.value = O.options, f.value = O.activeOptionIndex, p.value = 1, O.options.some((E) => !w(E.dataRef.domRef)) && requestAnimationFrame(() => {
-      let E = b();
-      i.value = E.options, f.value = E.activeOptionIndex;
+    d.value = T.options, m.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;
     });
-  }, unregisterOption(h) {
-    var $;
-    k.activeOptionIndex.value !== null && (($ = k.options.value[k.activeOptionIndex.value]) == null ? void 0 : $.id) === h && (m.value = !0);
-    let T = b((O) => {
-      let E = O.findIndex((F) => F.id === h);
-      return E !== -1 && O.splice(E, 1), O;
+  }, unregisterOption(C) {
+    var E;
+    D.activeOptionIndex.value !== null && ((E = D.options.value[D.activeOptionIndex.value]) == null ? void 0 : E.id) === C && (p.value = !0);
+    let L = b((T) => {
+      let j = T.findIndex((N) => N.id === C);
+      return j !== -1 && T.splice(j, 1), T;
     });
-    i.value = T.options, f.value = T.activeOptionIndex, p.value = 1;
+    d.value = L.options, m.value = L.activeOptionIndex, v.value = 1;
   } };
-  ze([r, d, c], () => k.closeCombobox(), y(() => t.value === 0)), le(Ze, k), Ve(y(() => H(t.value, { [0]: X.Open, [1]: X.Closed })));
-  let z = y(() => k.activeOptionIndex.value === null ? null : i.value[k.activeOptionIndex.value].dataRef.value), q = y(() => {
-    var h;
-    return (h = w(r)) == null ? void 0 : h.closest("form");
+  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(() => {
+    var C;
+    return (C = k(a)) == null ? void 0 : C.closest("form");
   });
-  return _(() => {
-    se([q], () => {
-      if (!q.value || e.defaultValue === void 0)
+  return U(() => {
+    be([Q], () => {
+      if (!Q.value || e.defaultValue === void 0)
         return;
-      function h() {
-        k.change(e.defaultValue);
+      function C() {
+        D.change(e.defaultValue);
       }
-      return q.value.addEventListener("reset", h), () => {
-        var $;
-        ($ = q.value) == null || $.removeEventListener("reset", h);
+      return Q.value.addEventListener("reset", C), () => {
+        var E;
+        (E = Q.value) == null || E.removeEventListener("reset", C);
       };
     }, { immediate: !0 });
   }), () => {
-    let { name: h, disabled: $, form: T, ...O } = e, E = { open: t.value === 0, disabled: $, activeIndex: k.activeOptionIndex.value, activeOption: z.value, value: g.value };
-    return re(ie, [...h != null && g.value != null ? We({ [h]: g.value }).map(([F, ae]) => re(qe, Me({ features: ke.Hidden, key: F, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: T, name: F, value: ae }))) : [], V({ theirProps: { ...l, ...ce(O, ["modelValue", "defaultValue", "nullable", "multiple", "onUpdate:modelValue", "by"]) }, ourProps: {}, slot: E, slots: n, attrs: l, name: "Combobox" })]);
+    let { name: C, 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, [...C != null && $.value != null ? Bt({ [C]: $.value }).map(([N, de]) => q(Ie, Et({ features: De.Hidden, key: N, as: "input", type: "hidden", hidden: !0, readOnly: !0, form: L, name: N, value: de }))) : [], B({ theirProps: { ...o, ...Fe(T, ["modelValue", "defaultValue", "nullable", "multiple", "onUpdate:modelValue", "by"]) }, ourProps: {}, slot: j, slots: t, attrs: o, name: "Combobox" })]);
   };
-} }), Gt = B({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: () => `headlessui-combobox-label-${G()}` } }, setup(e, { attrs: n, slots: l }) {
-  let a = oe("ComboboxLabel");
-  function t() {
-    var o;
-    (o = w(a.inputRef)) == null || o.focus({ preventScroll: !0 });
+} }), ro = A({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: () => `headlessui-combobox-label-${te()}` } }, setup(e, { attrs: t, slots: o }) {
+  let r = Me("ComboboxLabel");
+  function n() {
+    var l;
+    (l = k(r.inputRef)) == null || l.focus({ preventScroll: !0 });
   }
   return () => {
-    let o = { open: a.comboboxState.value === 0, disabled: a.disabled.value }, { id: r, ...d } = e, c = { id: r, ref: a.labelRef, onClick: t };
-    return V({ ourProps: c, theirProps: d, slot: o, attrs: n, 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" });
   };
-} }), Yt = B({ name: "ComboboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-combobox-button-${G()}` } }, setup(e, { attrs: n, slots: l, expose: a }) {
-  let t = oe("ComboboxButton");
-  a({ el: t.buttonRef, $el: t.buttonRef });
-  function o(c) {
-    t.disabled.value || (t.comboboxState.value === 0 ? t.closeCombobox() : (c.preventDefault(), t.openCombobox()), U(() => {
+} }), ao = A({ name: "ComboboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-combobox-button-${te()}` } }, setup(e, { attrs: t, slots: o, expose: r }) {
+  let n = Me("ComboboxButton");
+  r({ el: n.buttonRef, $el: n.buttonRef });
+  function l(s) {
+    n.disabled.value || (n.comboboxState.value === 0 ? n.closeCombobox() : (s.preventDefault(), n.openCombobox()), oe(() => {
       var u;
-      return (u = w(t.inputRef)) == null ? void 0 : u.focus({ preventScroll: !0 });
+      return (u = k(n.inputRef)) == null ? void 0 : u.focus({ preventScroll: !0 });
     }));
   }
-  function r(c) {
-    switch (c.key) {
-      case I.ArrowDown:
-        c.preventDefault(), c.stopPropagation(), t.comboboxState.value === 1 && t.openCombobox(), U(() => {
+  function a(s) {
+    switch (s.key) {
+      case P.ArrowDown:
+        s.preventDefault(), s.stopPropagation(), n.comboboxState.value === 1 && n.openCombobox(), oe(() => {
           var u;
-          return (u = t.inputRef.value) == null ? void 0 : u.focus({ preventScroll: !0 });
+          return (u = n.inputRef.value) == null ? void 0 : u.focus({ preventScroll: !0 });
         });
         return;
-      case I.ArrowUp:
-        c.preventDefault(), c.stopPropagation(), t.comboboxState.value === 1 && (t.openCombobox(), U(() => {
-          t.value.value || t.goToOption(R.Last);
-        })), U(() => {
+      case P.ArrowUp:
+        s.preventDefault(), s.stopPropagation(), n.comboboxState.value === 1 && (n.openCombobox(), oe(() => {
+          n.value.value || n.goToOption(I.Last);
+        })), oe(() => {
           var u;
-          return (u = t.inputRef.value) == null ? void 0 : u.focus({ preventScroll: !0 });
+          return (u = n.inputRef.value) == null ? void 0 : u.focus({ preventScroll: !0 });
         });
         return;
-      case I.Escape:
-        if (t.comboboxState.value !== 0)
+      case P.Escape:
+        if (n.comboboxState.value !== 0)
           return;
-        c.preventDefault(), t.optionsRef.value && !t.optionsPropsRef.value.static && c.stopPropagation(), t.closeCombobox(), U(() => {
+        s.preventDefault(), n.optionsRef.value && !n.optionsPropsRef.value.static && s.stopPropagation(), n.closeCombobox(), oe(() => {
           var u;
-          return (u = t.inputRef.value) == null ? void 0 : u.focus({ preventScroll: !0 });
+          return (u = n.inputRef.value) == null ? void 0 : u.focus({ preventScroll: !0 });
         });
         return;
     }
   }
-  let d = ge(y(() => ({ as: e.as, type: n.type })), t.buttonRef);
+  let i = ut(y(() => ({ as: e.as, type: t.type })), n.buttonRef);
   return () => {
-    var c, u;
-    let i = { open: t.comboboxState.value === 0, disabled: t.disabled.value, value: t.value.value }, { id: f, ...p } = e, m = { ref: t.buttonRef, id: f, type: d.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (c = w(t.optionsRef)) == null ? void 0 : c.id, "aria-expanded": t.disabled.value ? void 0 : t.comboboxState.value === 0, "aria-labelledby": t.labelRef.value ? [(u = w(t.labelRef)) == null ? void 0 : u.id, f].join(" ") : void 0, disabled: t.disabled.value === !0 ? !0 : void 0, onKeydown: r, onClick: o };
-    return V({ ourProps: m, theirProps: p, slot: i, attrs: n, slots: l, name: "ComboboxButton" });
+    var s, u;
+    let d = { open: n.comboboxState.value === 0, disabled: n.disabled.value, value: n.value.value }, { id: m, ...v } = e, p = { ref: n.buttonRef, id: m, type: i.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": (s = k(n.optionsRef)) == null ? void 0 : s.id, "aria-expanded": n.disabled.value ? void 0 : n.comboboxState.value === 0, "aria-labelledby": n.labelRef.value ? [(u = k(n.labelRef)) == null ? void 0 : u.id, m].join(" ") : void 0, disabled: n.disabled.value === !0 ? !0 : void 0, onKeydown: a, onClick: l };
+    return B({ ourProps: p, theirProps: v, slot: d, attrs: t, slots: o, name: "ComboboxButton" });
   };
-} }), Jt = B({ 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-${G()}` } }, emits: { change: (e) => !0 }, setup(e, { emit: n, attrs: l, slots: a, expose: t }) {
-  let o = oe("ComboboxInput"), r = { value: !1 };
-  t({ el: o.inputRef, $el: o.inputRef });
-  let d = y(() => {
-    var s;
-    let g = o.value.value;
-    return w(o.inputRef) ? typeof e.displayValue < "u" && g !== void 0 ? (s = e.displayValue(g)) != null ? s : "" : typeof g == "string" ? g : "" : "";
+} }), io = A({ name: "ComboboxInput", props: { as: { type: [Object, String], default: "input" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, displayValue: { type: Function }, defaultValue: { type: String, default: void 0 }, id: { type: String, default: () => `headlessui-combobox-input-${te()}` } }, emits: { change: (e) => !0 }, setup(e, { emit: t, attrs: o, slots: r, expose: n }) {
+  let l = Me("ComboboxInput"), a = { value: !1 };
+  n({ el: l.inputRef, $el: l.inputRef });
+  let i = y(() => {
+    var f;
+    let $ = l.value.value;
+    return k(l.inputRef) ? typeof e.displayValue < "u" && $ !== void 0 ? (f = e.displayValue($)) != null ? f : "" : typeof $ == "string" ? $ : "" : "";
   });
-  _(() => {
-    se([d, o.comboboxState], ([s, g], [P, k]) => {
-      if (r.value)
+  U(() => {
+    be([i, l.comboboxState], ([f, $], [M, D]) => {
+      if (a.value)
         return;
-      let z = w(o.inputRef);
-      z && (k === 0 && g === 1 || s !== P) && (z.value = s);
-    }, { immediate: !0 }), se([o.comboboxState], ([s], [g]) => {
-      if (s === 0 && g === 1) {
-        let P = w(o.inputRef);
-        if (!P)
+      let X = k(l.inputRef);
+      X && (D === 0 && $ === 1 || f !== M) && (X.value = f);
+    }, { immediate: !0 }), be([l.comboboxState], ([f], [$]) => {
+      if (f === 0 && $ === 1) {
+        let M = k(l.inputRef);
+        if (!M)
           return;
-        let k = P.value, { selectionStart: z, selectionEnd: q, selectionDirection: h } = P;
-        P.value = "", P.value = k, h !== null ? P.setSelectionRange(z, q, h) : P.setSelectionRange(z, q);
+        let D = M.value, { selectionStart: X, selectionEnd: Q, selectionDirection: C } = M;
+        M.value = "", M.value = D, C !== null ? M.setSelectionRange(X, Q, C) : M.setSelectionRange(X, Q);
       }
     });
   });
-  let c = x(!1), u = x(null);
-  function i() {
-    c.value = !0;
+  let s = w(!1), u = w(null);
+  function d() {
+    s.value = !0;
   }
-  function f() {
-    Qe().nextFrame(() => {
-      c.value = !1, u.value && (o.openCombobox(), n("change", u.value), u.value = null);
+  function m() {
+    He().nextFrame(() => {
+      s.value = !1, u.value && (l.openCombobox(), t("change", u.value), u.value = null);
     });
   }
-  function p(s) {
-    switch (r.value = !0, s.key) {
-      case I.Backspace:
-      case I.Delete:
-        if (o.mode.value !== 0 || !o.nullable.value)
+  function v(f) {
+    switch (a.value = !0, f.key) {
+      case P.Backspace:
+      case P.Delete:
+        if (l.mode.value !== 0 || !l.nullable.value)
           return;
-        let g = s.currentTarget;
+        let $ = f.currentTarget;
         requestAnimationFrame(() => {
-          if (g.value === "") {
-            o.change(null);
-            let P = w(o.optionsRef);
-            P && (P.scrollTop = 0), o.goToOption(R.Nothing);
+          if ($.value === "") {
+            l.change(null);
+            let M = k(l.optionsRef);
+            M && (M.scrollTop = 0), l.goToOption(I.Nothing);
           }
         });
         break;
-      case I.Enter:
-        if (r.value = !1, o.comboboxState.value !== 0 || c.value)
+      case P.Enter:
+        if (a.value = !1, l.comboboxState.value !== 0 || s.value)
           return;
-        if (s.preventDefault(), s.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 I.ArrowDown:
-        return r.value = !1, s.preventDefault(), s.stopPropagation(), H(o.comboboxState.value, { [0]: () => o.goToOption(R.Next), [1]: () => o.openCombobox() });
-      case I.ArrowUp:
-        return r.value = !1, s.preventDefault(), s.stopPropagation(), H(o.comboboxState.value, { [0]: () => o.goToOption(R.Previous), [1]: () => {
-          o.openCombobox(), U(() => {
-            o.value.value || o.goToOption(R.Last);
+      case P.ArrowDown:
+        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(l.comboboxState.value, { [0]: () => l.goToOption(I.Previous), [1]: () => {
+          l.openCombobox(), oe(() => {
+            l.value.value || l.goToOption(I.Last);
           });
         } });
-      case I.Home:
-        if (s.shiftKey)
+      case P.Home:
+        if (f.shiftKey)
           break;
-        return r.value = !1, s.preventDefault(), s.stopPropagation(), o.goToOption(R.First);
-      case I.PageUp:
-        return r.value = !1, s.preventDefault(), s.stopPropagation(), o.goToOption(R.First);
-      case I.End:
-        if (s.shiftKey)
+        return a.value = !1, f.preventDefault(), f.stopPropagation(), l.goToOption(I.First);
+      case P.PageUp:
+        return a.value = !1, f.preventDefault(), f.stopPropagation(), l.goToOption(I.First);
+      case P.End:
+        if (f.shiftKey)
           break;
-        return r.value = !1, s.preventDefault(), s.stopPropagation(), o.goToOption(R.Last);
-      case I.PageDown:
-        return r.value = !1, s.preventDefault(), s.stopPropagation(), o.goToOption(R.Last);
-      case I.Escape:
-        if (r.value = !1, o.comboboxState.value !== 0)
+        return a.value = !1, f.preventDefault(), f.stopPropagation(), l.goToOption(I.Last);
+      case P.PageDown:
+        return a.value = !1, f.preventDefault(), f.stopPropagation(), l.goToOption(I.Last);
+      case P.Escape:
+        if (a.value = !1, l.comboboxState.value !== 0)
           return;
-        s.preventDefault(), o.optionsRef.value && !o.optionsPropsRef.value.static && s.stopPropagation(), o.closeCombobox();
+        f.preventDefault(), l.optionsRef.value && !l.optionsPropsRef.value.static && f.stopPropagation(), l.closeCombobox();
         break;
-      case I.Tab:
-        if (r.value = !1, o.comboboxState.value !== 0)
+      case P.Tab:
+        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 m(s) {
-    if (c.value) {
-      u.value = s;
+  function p(f) {
+    if (s.value) {
+      u.value = f;
       return;
     }
-    o.openCombobox(), n("change", s);
+    l.openCombobox(), t("change", f);
   }
   function b() {
-    r.value = !1;
+    a.value = !1;
   }
-  let v = y(() => {
-    var s, g, P, k;
-    return (k = (P = (g = e.defaultValue) != null ? g : o.defaultValue.value !== void 0 ? (s = e.displayValue) == null ? void 0 : s.call(e, o.defaultValue.value) : null) != null ? P : o.defaultValue.value) != null ? k : "";
+  let h = y(() => {
+    var f, $, M, D;
+    return (D = (M = ($ = e.defaultValue) != null ? $ : l.defaultValue.value !== void 0 ? (f = e.displayValue) == null ? void 0 : f.call(e, l.defaultValue.value) : null) != null ? M : l.defaultValue.value) != null ? D : "";
   });
   return () => {
-    var s, g, P, k, z, q;
-    let h = { open: o.comboboxState.value === 0 }, { id: $, displayValue: T, onChange: O, ...E } = e, F = { "aria-controls": (s = o.optionsRef.value) == null ? void 0 : s.id, "aria-expanded": o.disabled.value ? void 0 : o.comboboxState.value === 0, "aria-activedescendant": o.activeOptionIndex.value === null || (g = o.options.value[o.activeOptionIndex.value]) == null ? void 0 : g.id, "aria-labelledby": (z = (P = w(o.labelRef)) == null ? void 0 : P.id) != null ? z : (k = w(o.buttonRef)) == null ? void 0 : k.id, "aria-autocomplete": "list", id: $, onCompositionstart: i, onCompositionend: f, onKeydown: p, onInput: m, onBlur: b, role: "combobox", type: (q = l.type) != null ? q : "text", tabIndex: 0, ref: o.inputRef, defaultValue: v.value, disabled: o.disabled.value === !0 ? !0 : void 0 };
-    return V({ ourProps: F, theirProps: E, slot: h, attrs: l, slots: a, features: te.RenderStrategy | te.Static, name: "ComboboxInput" });
+    var f, $, M, D, X, Q;
+    let C = { open: l.comboboxState.value === 0 }, { id: E, displayValue: L, onChange: T, ...j } = e, N = { "aria-controls": (f = l.optionsRef.value) == null ? void 0 : f.id, "aria-expanded": l.disabled.value ? void 0 : l.comboboxState.value === 0, "aria-activedescendant": l.activeOptionIndex.value === null || ($ = l.options.value[l.activeOptionIndex.value]) == null ? void 0 : $.id, "aria-labelledby": (X = (M = k(l.labelRef)) == null ? void 0 : M.id) != null ? X : (D = k(l.buttonRef)) == null ? void 0 : D.id, "aria-autocomplete": "list", id: E, onCompositionstart: d, onCompositionend: m, onKeydown: v, onInput: p, onBlur: b, role: "combobox", type: (Q = o.type) != null ? Q : "text", tabIndex: 0, ref: l.inputRef, defaultValue: h.value, disabled: l.disabled.value === !0 ? !0 : void 0 };
+    return B({ ourProps: N, theirProps: j, slot: C, attrs: o, slots: r, features: me.RenderStrategy | me.Static, name: "ComboboxInput" });
   };
-} }), Xt = B({ 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: n, slots: l, expose: a }) {
-  let t = oe("ComboboxOptions"), o = `headlessui-combobox-options-${G()}`;
-  a({ el: t.optionsRef, $el: t.optionsRef }), Z(() => {
-    t.optionsPropsRef.value.static = e.static;
-  }), Z(() => {
-    t.optionsPropsRef.value.hold = e.hold;
+} }), so = A({ name: "ComboboxOptions", props: { as: { type: [Object, String], default: "ul" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, hold: { type: [Boolean], default: !1 } }, setup(e, { attrs: t, slots: o, expose: r }) {
+  let n = Me("ComboboxOptions"), l = `headlessui-combobox-options-${te()}`;
+  r({ el: n.optionsRef, $el: n.optionsRef }), ee(() => {
+    n.optionsPropsRef.value.static = e.static;
+  }), ee(() => {
+    n.optionsPropsRef.value.hold = e.hold;
   });
-  let r = Be(), d = y(() => r !== null ? (r.value & X.Open) === X.Open : t.comboboxState.value === 0);
-  return Ue({ container: y(() => w(t.optionsRef)), enabled: y(() => t.comboboxState.value === 0), accept(c) {
-    return c.getAttribute("role") === "option" ? NodeFilter.FILTER_REJECT : c.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
-  }, walk(c) {
-    c.setAttribute("role", "none");
+  let a = Be(), 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) {
+    return s.getAttribute("role") === "option" ? NodeFilter.FILTER_REJECT : s.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
+  }, walk(s) {
+    s.setAttribute("role", "none");
   } }), () => {
-    var c, u, i;
-    let f = { open: t.comboboxState.value === 0 }, p = { "aria-labelledby": (i = (c = w(t.labelRef)) == null ? void 0 : c.id) != null ? i : (u = w(t.buttonRef)) == null ? void 0 : u.id, id: o, ref: t.optionsRef, role: "listbox", "aria-multiselectable": t.mode.value === 1 ? !0 : void 0 }, m = ce(e, ["hold"]);
-    return V({ ourProps: p, theirProps: m, slot: f, attrs: n, slots: l, features: te.RenderStrategy | te.Static, visible: d.value, name: "ComboboxOptions" });
+    var s, u, d;
+    let m = { open: n.comboboxState.value === 0 }, v = { "aria-labelledby": (d = (s = k(n.labelRef)) == null ? void 0 : s.id) != null ? d : (u = k(n.buttonRef)) == null ? void 0 : u.id, id: l, ref: n.optionsRef, role: "listbox", "aria-multiselectable": n.mode.value === 1 ? !0 : void 0 }, p = Fe(e, ["hold"]);
+    return B({ ourProps: v, theirProps: p, slot: m, attrs: t, slots: o, features: me.RenderStrategy | me.Static, visible: i.value, name: "ComboboxOptions" });
   };
-} }), Qt = B({ name: "ComboboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 } }, setup(e, { slots: n, attrs: l, expose: a }) {
-  let t = oe("ComboboxOption"), o = `headlessui-combobox-option-${G()}`, r = x(null);
-  a({ el: r, $el: r });
-  let d = y(() => t.activeOptionIndex.value !== null ? t.options.value[t.activeOptionIndex.value].id === o : !1), c = y(() => H(t.mode.value, { [0]: () => t.compare(A(t.value.value), A(e.value)), [1]: () => A(t.value.value).some((s) => t.compare(A(s), A(e.value))) })), u = y(() => ({ disabled: e.disabled, value: e.value, domRef: r }));
-  _(() => t.registerOption(o, u)), de(() => t.unregisterOption(o)), Z(() => {
-    t.comboboxState.value === 0 && d.value && t.activationTrigger.value !== 0 && U(() => {
-      var s, g;
-      return (g = (s = w(r)) == null ? void 0 : s.scrollIntoView) == null ? void 0 : g.call(s, { block: "nearest" });
+} }), uo = A({ name: "ComboboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: !1 } }, setup(e, { slots: t, attrs: o, expose: r }) {
+  let n = Me("ComboboxOption"), l = `headlessui-combobox-option-${te()}`, a = w(null);
+  r({ el: a, $el: a });
+  let i = y(() => n.activeOptionIndex.value !== null ? n.options.value[n.activeOptionIndex.value].id === l : !1), s = y(() => K(n.mode.value, { [0]: () => n.compare(H(n.value.value), H(e.value)), [1]: () => H(n.value.value).some((f) => n.compare(H(f), H(e.value))) })), u = y(() => ({ disabled: e.disabled, value: e.value, domRef: a }));
+  U(() => n.registerOption(l, u)), se(() => n.unregisterOption(l)), ee(() => {
+    n.comboboxState.value === 0 && i.value && n.activationTrigger.value !== 0 && oe(() => {
+      var f, $;
+      return ($ = (f = k(a)) == null ? void 0 : f.scrollIntoView) == null ? void 0 : $.call(f, { block: "nearest" });
     });
   });
-  function i(s) {
+  function d(f) {
     if (e.disabled)
-      return s.preventDefault();
-    t.selectOption(o), t.mode.value === 0 && t.closeCombobox(), Ut() || requestAnimationFrame(() => {
-      var g;
-      return (g = w(t.inputRef)) == null ? void 0 : g.focus();
+      return f.preventDefault();
+    n.selectOption(l), n.mode.value === 0 && n.closeCombobox(), Zn() || requestAnimationFrame(() => {
+      var $;
+      return ($ = k(n.inputRef)) == null ? void 0 : $.focus();
     });
   }
-  function f() {
+  function m() {
     if (e.disabled)
-      return t.goToOption(R.Nothing);
-    t.goToOption(R.Specific, o);
+      return n.goToOption(I.Nothing);
+    n.goToOption(I.Specific, l);
   }
-  let p = Xe();
-  function m(s) {
-    p.update(s);
+  let v = Yt();
+  function p(f) {
+    v.update(f);
   }
-  function b(s) {
-    p.wasMoved(s) && (e.disabled || d.value || t.goToOption(R.Specific, o, 0));
+  function b(f) {
+    v.wasMoved(f) && (e.disabled || i.value || n.goToOption(I.Specific, l, 0));
   }
-  function v(s) {
-    p.wasMoved(s) && (e.disabled || d.value && (t.optionsPropsRef.value.hold || t.goToOption(R.Nothing)));
+  function h(f) {
+    v.wasMoved(f) && (e.disabled || i.value && (n.optionsPropsRef.value.hold || n.goToOption(I.Nothing)));
   }
   return () => {
-    let { disabled: s } = e, g = { active: d.value, selected: c.value, disabled: s }, P = { id: o, ref: r, role: "option", tabIndex: s === !0 ? void 0 : -1, "aria-disabled": s === !0 ? !0 : void 0, "aria-selected": c.value, disabled: void 0, onClick: i, onFocus: f, onPointerenter: m, onMouseenter: m, onPointermove: b, onMousemove: b, onPointerleave: v, onMouseleave: v };
-    return V({ ourProps: P, theirProps: e, slot: g, attrs: l, slots: n, 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: d, onFocus: m, onPointerenter: p, onMouseenter: p, onPointermove: b, onMousemove: b, onPointerleave: h, onMouseleave: h };
+    return B({ ourProps: M, theirProps: e, slot: $, attrs: o, slots: t, name: "ComboboxOption" });
+  };
+} });
+var Re = ((e) => (e[e.Forwards = 0] = "Forwards", e[e.Backwards = 1] = "Backwards", e))(Re || {});
+function co() {
+  let e = w(0);
+  return Ft("keydown", (t) => {
+    t.key === "Tab" && (e.value = t.shiftKey ? 1 : 0);
+  }), e;
+}
+function zt(e, t, o, r) {
+  Ne.isServer || ee((n) => {
+    e = e ?? window, e.addEventListener(t, o, r), n(() => e.removeEventListener(t, o, r));
+  });
+}
+function Wt(e) {
+  typeof queueMicrotask == "function" ? queueMicrotask(e) : Promise.resolve().then(e).catch((t) => setTimeout(() => {
+    throw t;
+  }));
+}
+function fo(e) {
+  function t() {
+    document.readyState !== "loading" && (e(), document.removeEventListener("DOMContentLoaded", t));
+  }
+  typeof window < "u" && typeof document < "u" && (document.addEventListener("DOMContentLoaded", t), t());
+}
+function Kt(e) {
+  if (!e)
+    return /* @__PURE__ */ new Set();
+  if (typeof e == "function")
+    return new Set(e());
+  let t = /* @__PURE__ */ new Set();
+  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 Pe = 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 l = y(() => Se(n)), a = w(!1);
+  U(() => a.value = !0), se(() => a.value = !1), po({ ownerDocument: l }, y(() => a.value && !!(e.features & 16)));
+  let i = mo({ ownerDocument: l, container: n, initialFocus: y(() => e.initialFocus) }, y(() => a.value && !!(e.features & 2)));
+  go({ ownerDocument: l, container: n, containers: e.containers, previousActiveElement: i }, y(() => a.value && !!(e.features & 8)));
+  let s = co();
+  function u(p) {
+    let b = k(n);
+    b && ((h) => h())(() => {
+      K(s.value, { [Re.Forwards]: () => {
+        je(b, pe.First, { skipElements: [p.relatedTarget] });
+      }, [Re.Backwards]: () => {
+        je(b, pe.Last, { skipElements: [p.relatedTarget] });
+      } });
+    });
+  }
+  let d = w(!1);
+  function m(p) {
+    p.key === "Tab" && (d.value = !0, requestAnimationFrame(() => {
+      d.value = !1;
+    }));
+  }
+  function v(p) {
+    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 ? je(k(n), K(s.value, { [Re.Forwards]: () => pe.Next, [Re.Backwards]: () => pe.Previous }) | pe.WrapAround, { relativeTo: p.target }) : p.target instanceof HTMLElement && we(p.target)));
+  }
+  return () => {
+    let p = {}, b = { ref: n, onKeydown: m, onFocusout: v }, { features: h, initialFocus: f, containers: $, ...M } = e;
+    return q(Z, [!!(h & 4) && q(Ie, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: u, features: De.Focusable }), B({ ourProps: b, theirProps: { ...t, ...M }, slot: p, attrs: t, slots: o, name: "FocusTrap" }), !!(h & 4) && q(Ie, { as: "button", type: "button", "data-headlessui-focus-guard": !0, onFocus: u, features: De.Focusable })]);
+  };
+} }), { features: Jt }), $e = [];
+fo(() => {
+  function e(t) {
+    t.target instanceof HTMLElement && t.target !== document.body && $e[0] !== t.target && ($e.unshift(t.target), $e = $e.filter((o) => o != null && o.isConnected), $e.splice(10));
+  }
+  window.addEventListener("click", e, { capture: !0 }), window.addEventListener("mousedown", e, { capture: !0 }), window.addEventListener("focus", e, { capture: !0 }), document.body.addEventListener("click", e, { capture: !0 }), document.body.addEventListener("mousedown", e, { capture: !0 }), document.body.addEventListener("focus", e, { capture: !0 });
+});
+function vo(e) {
+  let t = w($e.slice());
+  return be([e], ([o], [r]) => {
+    r === !0 && o === !1 ? Wt(() => {
+      t.value.splice(0);
+    }) : r === !1 && o === !0 && (t.value = $e.slice());
+  }, { flush: "post" }), () => {
+    var o;
+    return (o = t.value.find((r) => r != null && r.isConnected)) != null ? o : null;
+  };
+}
+function po({ ownerDocument: e }, t) {
+  let o = vo(t);
+  U(() => {
+    ee(() => {
+      var r, n;
+      t.value || ((r = e.value) == null ? void 0 : r.activeElement) === ((n = e.value) == null ? void 0 : n.body) && we(o());
+    }, { flush: "post" });
+  }), se(() => {
+    t.value && we(o());
+  });
+}
+function mo({ ownerDocument: e, container: t, initialFocus: o }, r) {
+  let n = w(null), l = w(!1);
+  return U(() => l.value = !0), se(() => l.value = !1), U(() => {
+    be([t, o, r], (a, i) => {
+      if (a.every((u, d) => (i == null ? void 0 : i[d]) === u) || !r.value)
+        return;
+      let s = k(t);
+      s && Wt(() => {
+        var u, d;
+        if (!l.value)
+          return;
+        let m = k(o), v = (u = e.value) == null ? void 0 : u.activeElement;
+        if (m) {
+          if (m === v) {
+            n.value = v;
+            return;
+          }
+        } else if (s.contains(v)) {
+          n.value = v;
+          return;
+        }
+        m ? we(m) : je(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;
+      });
+    }, { immediate: !0, flush: "post" });
+  }), n;
+}
+function go({ ownerDocument: e, container: t, containers: o, previousActiveElement: r }, n) {
+  var l;
+  zt((l = e.value) == null ? void 0 : l.defaultView, "focus", (a) => {
+    if (!n.value)
+      return;
+    let i = Kt(o);
+    k(t) instanceof HTMLElement && i.add(k(t));
+    let s = r.value;
+    if (!s)
+      return;
+    let u = a.target;
+    u && u instanceof HTMLElement ? Gt(i, u) ? (r.value = u, we(u)) : (a.preventDefault(), a.stopPropagation(), we(s)) : we(r.value);
+  }, !0);
+}
+function Gt(e, t) {
+  for (let o of e)
+    if (o.contains(t))
+      return !0;
+  return !1;
+}
+let Qe = /* @__PURE__ */ new Map(), Le = /* @__PURE__ */ new Map();
+function St(e, t = w(!0)) {
+  ee((o) => {
+    var r;
+    if (!t.value)
+      return;
+    let n = k(e);
+    if (!n)
+      return;
+    o(function() {
+      var a;
+      if (!n)
+        return;
+      let i = (a = Le.get(n)) != null ? a : 1;
+      if (i === 1 ? Le.delete(n) : Le.set(n, i - 1), i !== 1)
+        return;
+      let s = Qe.get(n);
+      s && (s["aria-hidden"] === null ? n.removeAttribute("aria-hidden") : n.setAttribute("aria-hidden", s["aria-hidden"]), n.inert = s.inert, Qe.delete(n));
+    });
+    let l = (r = Le.get(n)) != null ? r : 0;
+    Le.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 ho() {
+  return ne(Xt, !1);
+}
+let tt = A({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: !1 } }, setup(e, { slots: t, attrs: o }) {
+  return ie(Xt, e.force), () => {
+    let { force: r, ...n } = e;
+    return B({ theirProps: n, ourProps: {}, slot: {}, slots: t, attrs: o, name: "ForcePortalRoot" });
+  };
+} });
+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 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: o }) {
+  let r = w(null), n = y(() => Se(r)), l = ho(), a = ne(Zt, null), i = w(l === !0 || a == null ? bo(r.value) : a.resolveTarget());
+  ee(() => {
+    l || a != null && (i.value = a.resolveTarget());
+  });
+  let s = ne(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));
+  }), () => {
+    if (i.value === null)
+      return null;
+    let u = { ref: r, "data-headlessui-portal": "" };
+    return q(wn, { to: i.value }, B({ ourProps: u, theirProps: e, slot: {}, attrs: o, slots: t, name: "Portal" }));
+  };
+} }), nt = Symbol("PortalParentContext");
+function yo() {
+  let e = ne(nt, null), t = w([]);
+  function o(l) {
+    return t.value.push(l), e && e.register(l), () => r(l);
+  }
+  function r(l) {
+    let a = t.value.indexOf(l);
+    a !== -1 && t.value.splice(a, 1), e && e.unregister(l);
+  }
+  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"), 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, ...l } = e;
+    return B({ theirProps: l, ourProps: {}, slot: {}, attrs: t, slots: o, name: "PortalGroup" });
   };
-} }), _e = Symbol("DescriptionContext");
-function Zt() {
-  let e = ne(_e, null);
+} }), en = Symbol("StackContext");
+var ot = ((e) => (e[e.Add = 0] = "Add", e[e.Remove = 1] = "Remove", e))(ot || {});
+function wo() {
+  return ne(en, () => {
+  });
+}
+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 ? l(0, e, o) : i === !0 && l(1, e, o);
+    }, { immediate: !0, flush: "sync" });
+  }), se(() => {
+    t.value && l(1, e, o);
+  }), ie(en, l);
+}
+let tn = Symbol("DescriptionContext");
+function ko() {
+  let e = ne(tn, null);
   if (e === null)
     throw new Error("Missing parent");
   return e;
 }
-function _t({ slot: e = x({}), name: n = "Description", props: l = {} } = {}) {
-  let a = x([]);
-  function t(o) {
-    return a.value.push(o), () => {
-      let r = a.value.indexOf(o);
-      r !== -1 && a.value.splice(r, 1);
+function nn({ slot: e = w({}), name: t = "Description", props: o = {} } = {}) {
+  let r = w([]);
+  function n(l) {
+    return r.value.push(l), () => {
+      let a = r.value.indexOf(l);
+      a !== -1 && r.value.splice(a, 1);
     };
   }
-  return le(_e, { register: t, slot: e, name: n, props: l }), y(() => a.value.length > 0 ? a.value.join(" ") : void 0);
+  return ie(tn, { register: n, slot: e, name: t, props: o }), y(() => r.value.length > 0 ? r.value.join(" ") : void 0);
 }
-B({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${G()}` } }, setup(e, { attrs: n, slots: l }) {
-  let a = Zt();
-  return _(() => de(a.register(e.id))), () => {
-    let { name: t = "Description", slot: o = x({}), props: r = {} } = a, { id: d, ...c } = e, u = { ...Object.entries(r).reduce((i, [f, p]) => Object.assign(i, { [f]: j(p) }), {}), id: d };
-    return V({ ourProps: u, theirProps: c, slot: o.value, attrs: n, slots: l, name: t });
+A({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${te()}` } }, setup(e, { attrs: t, slots: o }) {
+  let r = ko();
+  return U(() => se(r.register(e.id))), () => {
+    let { name: n = "Description", slot: l = w({}), props: a = {} } = r, { id: i, ...s } = e, u = { ...Object.entries(a).reduce((d, [m, v]) => Object.assign(d, { [m]: _(v) }), {}), id: i };
+    return B({ ourProps: u, theirProps: s, slot: l.value, attrs: t, slots: o, name: n });
   };
 } });
-let Te = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
-function Ee(e) {
-  var n, l;
-  let a = (n = e.innerText) != null ? n : "", t = e.cloneNode(!0);
-  if (!(t instanceof HTMLElement))
+function $o(e) {
+  let t = kn(e.getSnapshot());
+  return se(e.subscribe(() => {
+    t.value = e.getSnapshot();
+  })), t;
+}
+function _o(e, t) {
+  let o = e(), r = /* @__PURE__ */ new Set();
+  return { getSnapshot() {
+    return o;
+  }, subscribe(n) {
+    return r.add(n), () => r.delete(n);
+  }, dispatch(n, ...l) {
+    let a = t[n].call(o, ...l);
+    a && (o = a, r.forEach((i) => i()));
+  } };
+}
+function Co() {
+  let e;
+  return { before({ doc: t }) {
+    var o;
+    let r = t.documentElement;
+    e = ((o = t.defaultView) != null ? o : window).innerWidth - r.clientWidth;
+  }, after({ doc: t, d: o }) {
+    let r = t.documentElement, n = r.clientWidth - r.offsetWidth, l = e - n;
+    o.style(r, "paddingRight", `${l}px`);
+  } };
+}
+function Oo() {
+  if (!Ut())
+    return {};
+  let e;
+  return { before() {
+    e = window.pageYOffset;
+  }, after({ doc: t, d: o, meta: r }) {
+    function n(a) {
+      return r.containers.flatMap((i) => i()).some((i) => i.contains(a));
+    }
+    o.style(t.body, "marginTop", `-${e}px`), window.scrollTo(0, 0);
+    let l = null;
+    o.addEventListener(t, "click", (a) => {
+      if (a.target instanceof HTMLElement)
+        try {
+          let i = a.target.closest("a");
+          if (!i)
+            return;
+          let { hash: s } = new URL(i.href), u = t.querySelector(s);
+          u && !n(u) && (l = u);
+        } catch {
+        }
+    }, !0), o.addEventListener(t, "touchmove", (a) => {
+      a.target instanceof HTMLElement && !n(a.target) && a.preventDefault();
+    }, { passive: !1 }), o.add(() => {
+      window.scrollTo(0, window.pageYOffset + e), l && l.isConnected && (l.scrollIntoView({ block: "nearest" }), l = null);
+    });
+  } };
+}
+function Do() {
+  return { before({ doc: e, d: t }) {
+    t.style(e.documentElement, "overflow", "hidden");
+  } };
+}
+function Mo(e) {
+  let t = {};
+  for (let o of e)
+    Object.assign(t, o(t));
+  return t;
+}
+let _e = _o(() => /* @__PURE__ */ new Map(), { PUSH(e, t) {
+  var o;
+  let r = (o = this.get(e)) != null ? o : { doc: e, count: 0, d: He(), meta: /* @__PURE__ */ new Set() };
+  return r.count++, r.meta.add(t), this.set(e, r), this;
+}, POP(e, t) {
+  let o = this.get(e);
+  return o && (o.count--, o.meta.delete(t)), this;
+}, SCROLL_PREVENT({ doc: e, d: t, meta: o }) {
+  let r = { doc: e, d: t, meta: Mo(o) }, n = [Oo(), Co(), 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 }) {
+  this.delete(e);
+} });
+_e.subscribe(() => {
+  let e = _e.getSnapshot(), t = /* @__PURE__ */ new Map();
+  for (let [o] of e)
+    t.set(o, o.documentElement.style.overflow);
+  for (let o of e.values()) {
+    let r = t.get(o.doc) === "hidden", n = o.count !== 0;
+    (n && !r || !n && r) && _e.dispatch(o.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", o), o.count === 0 && _e.dispatch("TEARDOWN", o);
+  }
+});
+function To(e, t, o) {
+  let r = $o(_e), n = y(() => {
+    let l = e.value ? r.value.get(e.value) : void 0;
+    return l ? l.count > 0 : !1;
+  });
+  return be([e, t], ([l, a], [i], s) => {
+    if (!l || !a)
+      return;
+    _e.dispatch("PUSH", l, o);
+    let u = !1;
+    s(() => {
+      u || (_e.dispatch("POP", i ?? l, o), u = !0);
+    });
+  }, { immediate: !0 }), n;
+}
+function Eo({ defaultContainers: e = [], portals: t } = {}) {
+  let o = w(null), r = Se(o);
+  function n() {
+    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 (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;
-  let o = !1;
-  for (let d of t.querySelectorAll('[hidden],[aria-hidden],[role="img"]'))
-    d.remove(), o = !0;
-  let r = o ? (l = t.innerText) != null ? l : "" : a;
-  return Te.test(r) && (r = r.replace(Te, "")), r;
-}
-function en(e) {
-  let n = e.getAttribute("aria-label");
-  if (typeof n == "string")
-    return n.trim();
-  let l = e.getAttribute("aria-labelledby");
-  if (l) {
-    let a = l.split(" ").map((t) => {
-      let o = document.getElementById(t);
-      if (o) {
-        let r = o.getAttribute("aria-label");
-        return typeof r == "string" ? r.trim() : Ee(o).trim();
+  }
+  return { resolveContainers: n, contains(l) {
+    return n().some((a) => a.contains(l));
+  }, mainTreeNodeRef: o, MainTreeNode() {
+    return q(Ie, { features: De.Hidden, ref: o });
+  } };
+}
+var Po = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Po || {});
+let lt = Symbol("DialogContext");
+function Ve(e) {
+  let t = ne(lt, null);
+  if (t === null) {
+    let o = new Error(`<${e} /> is missing a parent <Dialog /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(o, Ve), o;
+  }
+  return t;
+}
+let ze = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Lo = A({ name: "Dialog", inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: !1 }, unmount: { type: Boolean, default: !0 }, open: { type: [Boolean, String], default: ze }, initialFocus: { type: Object, default: null }, id: { type: String, default: () => `headlessui-dialog-${te()}` } }, emits: { close: (e) => !0 }, setup(e, { emit: t, attrs: o, slots: r, expose: n }) {
+  var l;
+  let a = w(!1);
+  U(() => {
+    a.value = !0;
+  });
+  let i = w(0), s = Be(), 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))
+    throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
+  if (typeof u.value != "boolean")
+    throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${u.value === ze ? void 0 : e.open}`);
+  let v = y(() => a.value && u.value ? 0 : 1), p = y(() => v.value === 0), b = y(() => i.value > 1), h = ne(lt, null) !== null, [f, $] = yo(), { resolveContainers: M, mainTreeNodeRef: D, MainTreeNode: X } = Eo({ portals: f, defaultContainers: [y(() => {
+    var F;
+    return (F = ae.panelRef.value) != null ? F : d.value;
+  })] }), Q = y(() => b.value ? "parent" : "leaf"), C = y(() => s !== null ? (s.value & z.Closing) === z.Closing : !1), E = y(() => h || C.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;
+  });
+  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(j, T), So({ type: "Dialog", enabled: y(() => v.value === 0), element: d, onUpdate: (F, J) => {
+    if (J === "Dialog")
+      return K(F, { [ot.Add]: () => i.value += 1, [ot.Remove]: () => i.value -= 1 });
+  } });
+  let N = nn({ name: "DialogDescription", slot: y(() => ({ open: u.value })) }), de = w(null), ae = { titleId: de, panelRef: w(null), dialogState: v, setTitleId(F) {
+    de.value !== F && (de.value = F);
+  }, close() {
+    t("close", !1);
+  } };
+  ie(lt, ae);
+  let Ee = y(() => !(!p.value || b.value));
+  vt(M, (F, J) => {
+    ae.close(), oe(() => J == null ? void 0 : J.focus());
+  }, Ee);
+  let ge = y(() => !(b.value || v.value !== 0));
+  zt((l = m.value) == null ? void 0 : l.defaultView, "keydown", (F) => {
+    ge.value && (F.defaultPrevented || F.key === P.Escape && (F.preventDefault(), F.stopPropagation(), ae.close()));
+  });
+  let Ce = y(() => !(C.value || v.value !== 0 || h));
+  return To(m, Ce, (F) => {
+    var J;
+    return { containers: [...(J = F.containers) != null ? J : [], M] };
+  }), ee((F) => {
+    if (v.value !== 0)
+      return;
+    let J = k(d);
+    if (!J)
+      return;
+    let ce = new ResizeObserver((fe) => {
+      for (let qe of fe) {
+        let he = qe.target.getBoundingClientRect();
+        he.x === 0 && he.y === 0 && he.width === 0 && he.height === 0 && ae.close();
+      }
+    });
+    ce.observe(J), F(() => ce.disconnect());
+  }), () => {
+    let { id: F, open: J, initialFocus: ce, ...fe } = e, qe = { ...o, ref: d, id: F, role: "dialog", "aria-modal": v.value === 0 ? !0 : void 0, "aria-labelledby": de.value, "aria-describedby": N.value }, he = { open: v.value === 0 };
+    return q(tt, { force: !0 }, () => [q(Qt, () => q(xo, { target: d.value }, () => q(tt, { force: !1 }, () => q(Pe, { initialFocus: ce, containers: M, features: p.value ? K(Q.value, { parent: Pe.features.RestoreFocus, leaf: Pe.features.All & ~Pe.features.FocusLock }) : Pe.features.None }, () => q($, {}, () => B({ ourProps: qe, theirProps: { ...fe, ...o }, slot: he, attrs: o, slots: r, visible: v.value === 0, features: me.RenderStrategy | me.Static, name: "Dialog" })))))), q(X)]);
+  };
+} });
+A({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-overlay-${te()}` } }, setup(e, { attrs: t, slots: o }) {
+  let r = Ve("DialogOverlay");
+  function n(l) {
+    l.target === l.currentTarget && (l.preventDefault(), l.stopPropagation(), r.close());
+  }
+  return () => {
+    let { id: l, ...a } = e;
+    return B({ ourProps: { id: l, "aria-hidden": !0, onClick: n }, theirProps: a, slot: { open: r.dialogState.value === 0 }, attrs: t, slots: o, name: "DialogOverlay" });
+  };
+} });
+A({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-backdrop-${te()}` } }, inheritAttrs: !1, setup(e, { attrs: t, slots: o, expose: r }) {
+  let n = Ve("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: 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 Ro = A({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-panel-${te()}` } }, setup(e, { attrs: t, slots: o, expose: r }) {
+  let n = Ve("DialogPanel");
+  r({ el: n.panelRef, $el: n.panelRef });
+  function l(a) {
+    a.stopPropagation();
+  }
+  return () => {
+    let { id: a, ...i } = e, s = { id: a, ref: n.panelRef, onClick: l };
+    return B({ ourProps: s, theirProps: i, slot: { open: n.dialogState.value === 0 }, attrs: t, slots: o, name: "DialogPanel" });
+  };
+} }), jo = A({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: () => `headlessui-dialog-title-${te()}` } }, setup(e, { attrs: t, slots: o }) {
+  let r = Ve("DialogTitle");
+  return U(() => {
+    r.setTitleId(e.id), se(() => r.setTitleId(null));
+  }), () => {
+    let { id: n, ...l } = e;
+    return B({ ourProps: { id: n }, theirProps: l, slot: { open: r.dialogState.value === 0 }, attrs: t, slots: o, name: "DialogTitle" });
+  };
+} }), kt = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
+function $t(e) {
+  var t, o;
+  let r = (t = e.innerText) != null ? t : "", n = e.cloneNode(!0);
+  if (!(n instanceof HTMLElement))
+    return r;
+  let l = !1;
+  for (let i of n.querySelectorAll('[hidden],[aria-hidden],[role="img"]'))
+    i.remove(), l = !0;
+  let a = l ? (o = n.innerText) != null ? o : "" : r;
+  return kt.test(a) && (a = a.replace(kt, "")), a;
+}
+function Io(e) {
+  let t = e.getAttribute("aria-label");
+  if (typeof t == "string")
+    return t.trim();
+  let o = e.getAttribute("aria-labelledby");
+  if (o) {
+    let r = o.split(" ").map((n) => {
+      let l = document.getElementById(n);
+      if (l) {
+        let a = l.getAttribute("aria-label");
+        return typeof a == "string" ? a.trim() : $t(l).trim();
       }
       return null;
     }).filter(Boolean);
-    if (a.length > 0)
-      return a.join(", ");
+    if (r.length > 0)
+      return r.join(", ");
   }
-  return Ee(e).trim();
+  return $t(e).trim();
 }
-function tn(e) {
-  let n = x(""), l = x("");
+function Ao(e) {
+  let t = w(""), o = w("");
   return () => {
-    let a = w(e);
-    if (!a)
+    let r = k(e);
+    if (!r)
       return "";
-    let t = a.innerText;
-    if (n.value === t)
-      return l.value;
-    let o = en(a).trim().toLowerCase();
-    return n.value = t, l.value = o, o;
+    let n = r.innerText;
+    if (t.value === n)
+      return o.value;
+    let l = Io(r).trim().toLowerCase();
+    return t.value = n, o.value = l, l;
   };
 }
-var nn = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(nn || {}), ln = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Other = 1] = "Other", e))(ln || {});
-function on(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 et = Symbol("MenuContext");
-function ve(e) {
-  let n = ne(et, null);
-  if (n === null) {
-    let l = new Error(`<${e} /> is missing a parent <Menu /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(l, ve), l;
-  }
-  return n;
-}
-let an = B({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: n, attrs: l }) {
-  let a = x(1), t = x(null), o = x(null), r = x([]), d = x(""), c = x(null), u = x(1);
-  function i(p = (m) => m) {
-    let m = c.value !== null ? r.value[c.value] : null, b = Se(p(r.value.slice()), (s) => w(s.dataRef.domRef)), v = m ? b.indexOf(m) : null;
-    return v === -1 && (v = null), { items: b, activeItemIndex: v };
-  }
-  let f = { menuState: a, buttonRef: t, itemsRef: o, items: r, searchQuery: d, activeItemIndex: c, activationTrigger: u, closeMenu: () => {
-    a.value = 1, c.value = null;
-  }, openMenu: () => a.value = 0, goToItem(p, m, b) {
-    let v = i(), s = Ne(p === R.Specific ? { focus: R.Specific, id: m } : { focus: p }, { resolveItems: () => v.items, resolveActiveIndex: () => v.activeItemIndex, resolveId: (g) => g.id, resolveDisabled: (g) => g.dataRef.disabled });
-    d.value = "", c.value = s, u.value = b ?? 1, r.value = v.items;
-  }, search(p) {
-    let m = d.value !== "" ? 0 : 1;
-    d.value += p.toLowerCase();
-    let b = (c.value !== null ? r.value.slice(c.value + m).concat(r.value.slice(0, c.value + m)) : r.value).find((s) => s.dataRef.textValue.startsWith(d.value) && !s.dataRef.disabled), v = b ? r.value.indexOf(b) : -1;
-    v === -1 || v === c.value || (c.value = v, u.value = 1);
+let on = Symbol("MenuContext");
+function Ke(e) {
+  let t = ne(on, null);
+  if (t === null) {
+    let o = new Error(`<${e} /> is missing a parent <Menu /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(o, Ke), o;
+  }
+  return t;
+}
+let Ho = A({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: o }) {
+  let r = w(1), n = w(null), l = w(null), a = w([]), i = w(""), s = w(null), u = w(1);
+  function d(v = (p) => p) {
+    let p = s.value !== null ? a.value[s.value] : null, b = ft(v(a.value.slice()), (f) => k(f.dataRef.domRef)), h = p ? b.indexOf(p) : null;
+    return h === -1 && (h = null), { items: b, activeItemIndex: h };
+  }
+  let m = { menuState: r, buttonRef: n, itemsRef: l, items: a, searchQuery: i, activeItemIndex: s, activationTrigger: u, closeMenu: () => {
+    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 });
+    i.value = "", s.value = f, u.value = b ?? 1, a.value = h.items;
+  }, search(v) {
+    let p = 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;
+    h === -1 || h === s.value || (s.value = h, u.value = 1);
   }, clearSearch() {
-    d.value = "";
-  }, registerItem(p, m) {
-    let b = i((v) => [...v, { id: p, dataRef: m }]);
-    r.value = b.items, c.value = b.activeItemIndex, u.value = 1;
-  }, unregisterItem(p) {
-    let m = i((b) => {
-      let v = b.findIndex((s) => s.id === p);
-      return v !== -1 && b.splice(v, 1), b;
+    i.value = "";
+  }, registerItem(v, p) {
+    let b = d((h) => [...h, { id: v, dataRef: p }]);
+    a.value = b.items, s.value = b.activeItemIndex, u.value = 1;
+  }, unregisterItem(v) {
+    let p = d((b) => {
+      let h = b.findIndex((f) => f.id === v);
+      return h !== -1 && b.splice(h, 1), b;
     });
-    r.value = m.items, c.value = m.activeItemIndex, u.value = 1;
+    a.value = p.items, s.value = p.activeItemIndex, u.value = 1;
   } };
-  return ze([t, o], (p, m) => {
+  return vt([n, l], (v, p) => {
     var b;
-    f.closeMenu(), we(m, ye.Loose) || (p.preventDefault(), (b = w(t)) == null || b.focus());
-  }, y(() => a.value === 0)), le(et, f), Ve(y(() => H(a.value, { [0]: X.Open, [1]: X.Closed }))), () => {
-    let p = { open: a.value === 0, close: f.closeMenu };
-    return V({ ourProps: {}, theirProps: e, slot: p, slots: n, attrs: l, name: "Menu" });
+    m.closeMenu(), ct(p, dt.Loose) || (v.preventDefault(), (b = k(n)) == null || b.focus());
+  }, y(() => r.value === 0)), ie(on, m), st(y(() => K(r.value, { [0]: z.Open, [1]: z.Closed }))), () => {
+    let v = { open: r.value === 0, close: m.closeMenu };
+    return B({ ourProps: {}, theirProps: e, slot: v, slots: t, attrs: o, name: "Menu" });
   };
-} }), rn = B({ name: "MenuButton", props: { disabled: { type: Boolean, default: !1 }, as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-menu-button-${G()}` } }, setup(e, { attrs: n, slots: l, expose: a }) {
-  let t = ve("MenuButton");
-  a({ el: t.buttonRef, $el: t.buttonRef });
-  function o(u) {
+} }), Vo = A({ name: "MenuButton", props: { disabled: { type: Boolean, default: !1 }, as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-menu-button-${te()}` } }, setup(e, { attrs: t, slots: o, expose: r }) {
+  let n = Ke("MenuButton");
+  r({ el: n.buttonRef, $el: n.buttonRef });
+  function l(u) {
     switch (u.key) {
-      case I.Space:
-      case I.Enter:
-      case I.ArrowDown:
-        u.preventDefault(), u.stopPropagation(), t.openMenu(), U(() => {
-          var i;
-          (i = w(t.itemsRef)) == null || i.focus({ preventScroll: !0 }), t.goToItem(R.First);
+      case P.Space:
+      case P.Enter:
+      case P.ArrowDown:
+        u.preventDefault(), u.stopPropagation(), n.openMenu(), oe(() => {
+          var d;
+          (d = k(n.itemsRef)) == null || d.focus({ preventScroll: !0 }), n.goToItem(I.First);
         });
         break;
-      case I.ArrowUp:
-        u.preventDefault(), u.stopPropagation(), t.openMenu(), U(() => {
-          var i;
-          (i = w(t.itemsRef)) == null || i.focus({ preventScroll: !0 }), t.goToItem(R.Last);
+      case P.ArrowUp:
+        u.preventDefault(), u.stopPropagation(), n.openMenu(), oe(() => {
+          var d;
+          (d = k(n.itemsRef)) == null || d.focus({ preventScroll: !0 }), n.goToItem(I.Last);
         });
         break;
     }
   }
-  function r(u) {
+  function a(u) {
     switch (u.key) {
-      case I.Space:
+      case P.Space:
         u.preventDefault();
         break;
     }
   }
-  function d(u) {
-    e.disabled || (t.menuState.value === 0 ? (t.closeMenu(), U(() => {
-      var i;
-      return (i = w(t.buttonRef)) == null ? void 0 : i.focus({ preventScroll: !0 });
-    })) : (u.preventDefault(), t.openMenu(), on(() => {
-      var i;
-      return (i = w(t.itemsRef)) == null ? void 0 : i.focus({ preventScroll: !0 });
+  function i(u) {
+    e.disabled || (n.menuState.value === 0 ? (n.closeMenu(), oe(() => {
+      var d;
+      return (d = k(n.buttonRef)) == null ? void 0 : d.focus({ preventScroll: !0 });
+    })) : (u.preventDefault(), n.openMenu(), No(() => {
+      var d;
+      return (d = k(n.itemsRef)) == null ? void 0 : d.focus({ preventScroll: !0 });
     })));
   }
-  let c = ge(y(() => ({ as: e.as, type: n.type })), t.buttonRef);
+  let s = ut(y(() => ({ as: e.as, type: t.type })), n.buttonRef);
   return () => {
     var u;
-    let i = { open: t.menuState.value === 0 }, { id: f, ...p } = e, m = { ref: t.buttonRef, id: f, type: c.value, "aria-haspopup": "menu", "aria-controls": (u = w(t.itemsRef)) == null ? void 0 : u.id, "aria-expanded": e.disabled ? void 0 : t.menuState.value === 0, onKeydown: o, onKeyup: r, onClick: d };
-    return V({ ourProps: m, theirProps: p, slot: i, attrs: n, slots: l, name: "MenuButton" });
+    let d = { open: n.menuState.value === 0 }, { id: m, ...v } = e, p = { ref: n.buttonRef, id: m, type: s.value, "aria-haspopup": "menu", "aria-controls": (u = k(n.itemsRef)) == null ? void 0 : u.id, "aria-expanded": e.disabled ? void 0 : n.menuState.value === 0, onKeydown: l, onKeyup: a, onClick: i };
+    return B({ ourProps: p, theirProps: v, slot: d, attrs: t, slots: o, name: "MenuButton" });
   };
-} }), un = B({ 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-${G()}` } }, setup(e, { attrs: n, slots: l, expose: a }) {
-  let t = ve("MenuItems"), o = x(null);
-  a({ el: t.itemsRef, $el: t.itemsRef }), Ue({ container: y(() => w(t.itemsRef)), enabled: y(() => t.menuState.value === 0), accept(i) {
-    return i.getAttribute("role") === "menuitem" ? NodeFilter.FILTER_REJECT : i.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
-  }, walk(i) {
-    i.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-${te()}` } }, setup(e, { attrs: t, slots: o, expose: r }) {
+  let n = Ke("MenuItems"), l = 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");
   } });
-  function r(i) {
-    var f;
-    switch (o.value && clearTimeout(o.value), i.key) {
-      case I.Space:
-        if (t.searchQuery.value !== "")
-          return i.preventDefault(), i.stopPropagation(), t.search(i.key);
-      case I.Enter:
-        if (i.preventDefault(), i.stopPropagation(), t.activeItemIndex.value !== null) {
-          let p = t.items.value[t.activeItemIndex.value];
-          (f = w(p.dataRef.domRef)) == null || f.click();
+  function a(d) {
+    var m;
+    switch (l.value && clearTimeout(l.value), d.key) {
+      case P.Space:
+        if (n.searchQuery.value !== "")
+          return d.preventDefault(), d.stopPropagation(), n.search(d.key);
+      case P.Enter:
+        if (d.preventDefault(), d.stopPropagation(), n.activeItemIndex.value !== null) {
+          let v = n.items.value[n.activeItemIndex.value];
+          (m = k(v.dataRef.domRef)) == null || m.click();
         }
-        t.closeMenu(), Ke(w(t.buttonRef));
+        n.closeMenu(), At(k(n.buttonRef));
         break;
-      case I.ArrowDown:
-        return i.preventDefault(), i.stopPropagation(), t.goToItem(R.Next);
-      case I.ArrowUp:
-        return i.preventDefault(), i.stopPropagation(), t.goToItem(R.Previous);
-      case I.Home:
-      case I.PageUp:
-        return i.preventDefault(), i.stopPropagation(), t.goToItem(R.First);
-      case I.End:
-      case I.PageDown:
-        return i.preventDefault(), i.stopPropagation(), t.goToItem(R.Last);
-      case I.Escape:
-        i.preventDefault(), i.stopPropagation(), t.closeMenu(), U(() => {
-          var p;
-          return (p = w(t.buttonRef)) == null ? void 0 : p.focus({ preventScroll: !0 });
+      case P.ArrowDown:
+        return d.preventDefault(), d.stopPropagation(), n.goToItem(I.Next);
+      case P.ArrowUp:
+        return d.preventDefault(), d.stopPropagation(), n.goToItem(I.Previous);
+      case P.Home:
+      case P.PageUp:
+        return d.preventDefault(), d.stopPropagation(), n.goToItem(I.First);
+      case P.End:
+      case P.PageDown:
+        return d.preventDefault(), d.stopPropagation(), n.goToItem(I.Last);
+      case P.Escape:
+        d.preventDefault(), d.stopPropagation(), n.closeMenu(), oe(() => {
+          var v;
+          return (v = k(n.buttonRef)) == null ? void 0 : v.focus({ preventScroll: !0 });
         });
         break;
-      case I.Tab:
-        i.preventDefault(), i.stopPropagation(), t.closeMenu(), U(() => Ft(w(t.buttonRef), i.shiftKey ? me.Previous : me.Next));
+      case P.Tab:
+        d.preventDefault(), d.stopPropagation(), n.closeMenu(), oe(() => Gn(k(n.buttonRef), d.shiftKey ? pe.Previous : pe.Next));
         break;
       default:
-        i.key.length === 1 && (t.search(i.key), o.value = setTimeout(() => t.clearSearch(), 350));
+        d.key.length === 1 && (n.search(d.key), l.value = setTimeout(() => n.clearSearch(), 350));
         break;
     }
   }
-  function d(i) {
-    switch (i.key) {
-      case I.Space:
-        i.preventDefault();
+  function i(d) {
+    switch (d.key) {
+      case P.Space:
+        d.preventDefault();
         break;
     }
   }
-  let c = Be(), u = y(() => c !== null ? (c.value & X.Open) === X.Open : t.menuState.value === 0);
+  let s = Be(), u = y(() => s !== null ? (s.value & z.Open) === z.Open : n.menuState.value === 0);
   return () => {
-    var i, f;
-    let p = { open: t.menuState.value === 0 }, { id: m, ...b } = e, v = { "aria-activedescendant": t.activeItemIndex.value === null || (i = t.items.value[t.activeItemIndex.value]) == null ? void 0 : i.id, "aria-labelledby": (f = w(t.buttonRef)) == null ? void 0 : f.id, id: m, onKeydown: r, onKeyup: d, role: "menu", tabIndex: 0, ref: t.itemsRef };
-    return V({ ourProps: v, theirProps: b, slot: p, attrs: n, slots: l, features: te.RenderStrategy | te.Static, visible: u.value, name: "MenuItems" });
+    var d, m;
+    let v = { open: n.menuState.value === 0 }, { id: p, ...b } = e, h = { "aria-activedescendant": n.activeItemIndex.value === null || (d = n.items.value[n.activeItemIndex.value]) == null ? void 0 : d.id, "aria-labelledby": (m = k(n.buttonRef)) == null ? void 0 : m.id, id: p, onKeydown: a, onKeyup: i, role: "menu", tabIndex: 0, ref: n.itemsRef };
+    return B({ ourProps: h, theirProps: b, slot: v, attrs: t, slots: o, features: me.RenderStrategy | me.Static, visible: u.value, name: "MenuItems" });
   };
-} }), sn = B({ name: "MenuItem", inheritAttrs: !1, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: () => `headlessui-menu-item-${G()}` } }, setup(e, { slots: n, attrs: l, expose: a }) {
-  let t = ve("MenuItem"), o = x(null);
-  a({ el: o, $el: o });
-  let r = y(() => t.activeItemIndex.value !== null ? t.items.value[t.activeItemIndex.value].id === e.id : !1), d = tn(o), c = y(() => ({ disabled: e.disabled, get textValue() {
-    return d();
-  }, domRef: o }));
-  _(() => t.registerItem(e.id, c)), de(() => t.unregisterItem(e.id)), Z(() => {
-    t.menuState.value === 0 && r.value && t.activationTrigger.value !== 0 && U(() => {
-      var v, s;
-      return (s = (v = w(o)) == null ? void 0 : v.scrollIntoView) == null ? void 0 : s.call(v, { block: "nearest" });
+} }), Uo = A({ name: "MenuItem", inheritAttrs: !1, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: !1 }, id: { type: String, default: () => `headlessui-menu-item-${te()}` } }, setup(e, { slots: t, attrs: o, expose: r }) {
+  let n = Ke("MenuItem"), l = w(null);
+  r({ el: l, $el: l });
+  let a = y(() => n.activeItemIndex.value !== null ? n.items.value[n.activeItemIndex.value].id === e.id : !1), i = Ao(l), s = y(() => ({ disabled: e.disabled, get textValue() {
+    return i();
+  }, domRef: l }));
+  U(() => n.registerItem(e.id, s)), se(() => n.unregisterItem(e.id)), ee(() => {
+    n.menuState.value === 0 && a.value && n.activationTrigger.value !== 0 && oe(() => {
+      var h, f;
+      return (f = (h = k(l)) == null ? void 0 : h.scrollIntoView) == null ? void 0 : f.call(h, { block: "nearest" });
     });
   });
-  function u(v) {
+  function u(h) {
     if (e.disabled)
-      return v.preventDefault();
-    t.closeMenu(), Ke(w(t.buttonRef));
+      return h.preventDefault();
+    n.closeMenu(), At(k(n.buttonRef));
   }
-  function i() {
+  function d() {
     if (e.disabled)
-      return t.goToItem(R.Nothing);
-    t.goToItem(R.Specific, e.id);
+      return n.goToItem(I.Nothing);
+    n.goToItem(I.Specific, e.id);
   }
-  let f = Xe();
-  function p(v) {
-    f.update(v);
+  let m = Yt();
+  function v(h) {
+    m.update(h);
   }
-  function m(v) {
-    f.wasMoved(v) && (e.disabled || r.value || t.goToItem(R.Specific, e.id, 0));
+  function p(h) {
+    m.wasMoved(h) && (e.disabled || a.value || n.goToItem(I.Specific, e.id, 0));
   }
-  function b(v) {
-    f.wasMoved(v) && (e.disabled || r.value && t.goToItem(R.Nothing));
+  function b(h) {
+    m.wasMoved(h) && (e.disabled || a.value && n.goToItem(I.Nothing));
   }
   return () => {
-    let { disabled: v } = e, s = { active: r.value, disabled: v, close: t.closeMenu }, { id: g, ...P } = e;
-    return V({ ourProps: { id: g, ref: o, role: "menuitem", tabIndex: v === !0 ? void 0 : -1, "aria-disabled": v === !0 ? !0 : void 0, disabled: void 0, onClick: u, onFocus: i, onPointerenter: p, onMouseenter: p, onPointermove: m, onMousemove: m, onPointerleave: b, onMouseleave: b }, theirProps: { ...l, ...P }, slot: s, attrs: l, slots: n, name: "MenuItem" });
+    let { disabled: h } = e, f = { active: a.value, disabled: h, close: n.closeMenu }, { id: $, ...M } = e;
+    return B({ ourProps: { id: $, ref: l, role: "menuitem", tabIndex: h === !0 ? void 0 : -1, "aria-disabled": h === !0 ? !0 : void 0, disabled: void 0, onClick: u, onFocus: d, onPointerenter: v, onMouseenter: v, onPointermove: p, onMousemove: p, onPointerleave: b, onMouseleave: b }, theirProps: { ...o, ...M }, slot: f, attrs: o, slots: t, name: "MenuItem" });
   };
-} }), tt = Symbol("LabelContext");
-function nt() {
-  let e = ne(tt, null);
+} }), ln = Symbol("LabelContext");
+function rn() {
+  let e = ne(ln, null);
   if (e === null) {
-    let n = new Error("You used a <Label /> component, but it is not inside a parent.");
-    throw Error.captureStackTrace && Error.captureStackTrace(n, nt), n;
+    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 dn({ slot: e = {}, name: n = "Label", props: l = {} } = {}) {
-  let a = x([]);
-  function t(o) {
-    return a.value.push(o), () => {
-      let r = a.value.indexOf(o);
-      r !== -1 && a.value.splice(r, 1);
+function qo({ slot: e = {}, name: t = "Label", props: o = {} } = {}) {
+  let r = w([]);
+  function n(l) {
+    return r.value.push(l), () => {
+      let a = r.value.indexOf(l);
+      a !== -1 && r.value.splice(a, 1);
     };
   }
-  return le(tt, { register: t, slot: e, name: n, props: l }), y(() => a.value.length > 0 ? a.value.join(" ") : void 0);
+  return ie(ln, { register: n, slot: e, name: t, props: o }), y(() => r.value.length > 0 ? r.value.join(" ") : void 0);
 }
-let cn = B({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: () => `headlessui-label-${G()}` } }, setup(e, { slots: n, attrs: l }) {
-  let a = nt();
-  return _(() => de(a.register(e.id))), () => {
-    let { name: t = "Label", slot: o = {}, props: r = {} } = a, { id: d, passive: c, ...u } = e, i = { ...Object.entries(r).reduce((f, [p, m]) => Object.assign(f, { [p]: j(m) }), {}), id: d };
-    return c && (delete i.onClick, delete i.htmlFor, delete u.onClick), V({ ourProps: i, theirProps: u, slot: o, attrs: l, slots: n, name: t });
+let zo = A({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: !1 }, id: { type: String, default: () => `headlessui-label-${te()}` } }, setup(e, { slots: t, attrs: o }) {
+  let r = rn();
+  return U(() => se(r.register(e.id))), () => {
+    let { name: n = "Label", slot: l = {}, props: a = {} } = r, { id: i, passive: s, ...u } = e, d = { ...Object.entries(a).reduce((m, [v, p]) => Object.assign(m, { [v]: _(p) }), {}), id: i };
+    return s && (delete d.onClick, delete d.htmlFor, delete u.onClick), B({ ourProps: d, theirProps: u, slot: l, attrs: o, slots: t, name: n });
   };
-} }), lt = Symbol("GroupContext"), vn = B({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: n, attrs: l }) {
-  let a = x(null), t = dn({ name: "SwitchLabel", props: { htmlFor: y(() => {
-    var r;
-    return (r = a.value) == null ? void 0 : r.id;
-  }), onClick(r) {
-    a.value && (r.currentTarget.tagName === "LABEL" && r.preventDefault(), a.value.click(), a.value.focus({ preventScroll: !0 }));
-  } } }), o = _t({ name: "SwitchDescription" });
-  return le(lt, { switchRef: a, labelledby: t, describedby: o }), () => V({ theirProps: e, ourProps: {}, slot: {}, slots: n, attrs: l, name: "SwitchGroup" });
-} }), fn = B({ 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-${G()}` } }, inheritAttrs: !1, setup(e, { emit: n, attrs: l, slots: a, expose: t }) {
-  let o = ne(lt, null), [r, d] = Je(y(() => e.modelValue), (s) => n("update:modelValue", s), y(() => e.defaultChecked));
-  function c() {
-    d(!r.value);
-  }
-  let u = x(null), i = o === null ? u : o.switchRef, f = ge(y(() => ({ as: e.as, type: l.type })), i);
-  t({ el: i, $el: i });
-  function p(s) {
-    s.preventDefault(), c();
-  }
-  function m(s) {
-    s.key === I.Space ? (s.preventDefault(), c()) : s.key === I.Enter && Lt(s.currentTarget);
-  }
-  function b(s) {
-    s.preventDefault();
-  }
-  let v = y(() => {
-    var s, g;
-    return (g = (s = w(i)) == null ? void 0 : s.closest) == null ? void 0 : g.call(s, "form");
+} }), an = Symbol("GroupContext"), Wo = A({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e, { slots: t, attrs: o }) {
+  let r = w(null), n = qo({ name: "SwitchLabel", props: { htmlFor: y(() => {
+    var a;
+    return (a = r.value) == null ? void 0 : a.id;
+  }), onClick(a) {
+    r.value && (a.currentTarget.tagName === "LABEL" && a.preventDefault(), r.value.click(), r.value.focus({ preventScroll: !0 }));
+  } } }), l = nn({ name: "SwitchDescription" });
+  return ie(an, { switchRef: r, labelledby: n, describedby: l }), () => B({ theirProps: e, ourProps: {}, slot: {}, slots: t, attrs: o, name: "SwitchGroup" });
+} }), Ko = A({ name: "Switch", emits: { "update:modelValue": (e) => !0 }, props: { as: { type: [Object, String], default: "button" }, modelValue: { type: Boolean, default: void 0 }, defaultChecked: { type: Boolean, optional: !0 }, form: { type: String, optional: !0 }, name: { type: String, optional: !0 }, value: { type: String, optional: !0 }, id: { type: String, default: () => `headlessui-switch-${te()}` } }, inheritAttrs: !1, setup(e, { emit: t, attrs: o, slots: r, expose: n }) {
+  let l = ne(an, null), [a, i] = Vt(y(() => e.modelValue), (f) => t("update:modelValue", f), y(() => e.defaultChecked));
+  function s() {
+    i(!a.value);
+  }
+  let u = w(null), d = l === null ? u : l.switchRef, m = ut(y(() => ({ as: e.as, type: o.type })), d);
+  n({ el: d, $el: d });
+  function v(f) {
+    f.preventDefault(), s();
+  }
+  function p(f) {
+    f.key === P.Space ? (f.preventDefault(), s()) : f.key === P.Enter && Xn(f.currentTarget);
+  }
+  function b(f) {
+    f.preventDefault();
+  }
+  let h = y(() => {
+    var f, $;
+    return ($ = (f = k(d)) == null ? void 0 : f.closest) == null ? void 0 : $.call(f, "form");
   });
-  return _(() => {
-    se([v], () => {
-      if (!v.value || e.defaultChecked === void 0)
+  return U(() => {
+    be([h], () => {
+      if (!h.value || e.defaultChecked === void 0)
         return;
-      function s() {
-        d(e.defaultChecked);
+      function f() {
+        i(e.defaultChecked);
       }
-      return v.value.addEventListener("reset", s), () => {
-        var g;
-        (g = v.value) == null || g.removeEventListener("reset", s);
+      return h.value.addEventListener("reset", f), () => {
+        var $;
+        ($ = h.value) == null || $.removeEventListener("reset", f);
       };
     }, { immediate: !0 });
   }), () => {
-    let { id: s, name: g, value: P, form: k, ...z } = e, q = { checked: r.value }, h = { id: s, ref: i, role: "switch", type: f.value, tabIndex: 0, "aria-checked": r.value, "aria-labelledby": o == null ? void 0 : o.labelledby.value, "aria-describedby": o == null ? void 0 : o.describedby.value, onClick: p, onKeyup: m, onKeypress: b };
-    return re(ie, [g != null && r.value != null ? re(qe, Me({ features: ke.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: r.value, form: k, name: g, value: P })) : null, V({ ourProps: h, theirProps: { ...l, ...ce(z, ["modelValue", "defaultChecked"]) }, slot: q, attrs: l, slots: a, name: "Switch" })]);
+    let { id: f, name: $, value: M, form: D, ...X } = e, Q = { checked: a.value }, C = { id: f, ref: d, role: "switch", type: m.value, tabIndex: 0, "aria-checked": a.value, "aria-labelledby": l == null ? void 0 : l.labelledby.value, "aria-describedby": l == null ? void 0 : l.describedby.value, onClick: v, onKeyup: p, onKeypress: b };
+    return q(Z, [$ != null && a.value != null ? q(Ie, Et({ features: De.Hidden, as: "input", type: "checkbox", hidden: !0, readOnly: !0, checked: a.value, form: D, name: $, value: M })) : null, B({ ourProps: C, theirProps: { ...o, ...Fe(X, ["modelValue", "defaultChecked"]) }, slot: Q, attrs: o, slots: r, name: "Switch" })]);
+  };
+} }), Jo = zo;
+function Go(e) {
+  let t = { called: !1 };
+  return (...o) => {
+    if (!t.called)
+      return t.called = !0, e(...o);
   };
-} }), pn = cn;
-function mn(e, n) {
-  return C(), D("svg", {
+}
+function Ze(e, ...t) {
+  e && t.length > 0 && e.classList.add(...t);
+}
+function We(e, ...t) {
+  e && t.length > 0 && e.classList.remove(...t);
+}
+var rt = ((e) => (e.Finished = "finished", e.Cancelled = "cancelled", e))(rt || {});
+function Xo(e, t) {
+  let o = He();
+  if (!e)
+    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, d) => d - u);
+    return s;
+  });
+  return l !== 0 ? o.setTimeout(() => t("finished"), l + a) : t("finished"), o.add(() => t("cancelled")), o.dispose;
+}
+function _t(e, t, o, r, n, l) {
+  let a = He(), i = l !== void 0 ? Go(l) : () => {
+  };
+  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 Qo = ((e) => (e.Visible = "visible", e.Hidden = "hidden", e))(Qo || {});
+function Zo() {
+  return ne(pt, null) !== null;
+}
+function el() {
+  let e = ne(pt, null);
+  if (e === null)
+    throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
+  return e;
+}
+function tl() {
+  let e = ne(mt, null);
+  if (e === null)
+    throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
+  return e;
+}
+let mt = 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([]), 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) && o.value && (e == null || e()));
+  }
+  function n(l) {
+    let a = t.value.find(({ id: i }) => i === l);
+    return a ? a.state !== "visible" && (a.state = "visible") : t.value.push({ id: l, state: "visible" }), () => r(l, xe.Unmount);
+  }
+  return { children: t, register: n, unregister: r };
+}
+let un = me.RenderStrategy, at = A({ props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(e, { emit: t, attrs: o, slots: r, expose: n }) {
+  let l = w(0);
+  function a() {
+    l.value |= z.Opening, t("beforeEnter");
+  }
+  function i() {
+    l.value &= ~z.Opening, t("afterEnter");
+  }
+  function s() {
+    l.value |= z.Closing, t("beforeLeave");
+  }
+  function u() {
+    l.value &= ~z.Closing, t("afterLeave");
+  }
+  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 } = el(), { register: b, unregister: h } = tl(), f = w(v.value ? "visible" : "hidden"), $ = { value: !0 }, M = te(), D = { value: !1 }, X = sn(() => {
+    !D.value && f.value !== "hidden" && (f.value = "hidden", h(M), u());
+  });
+  U(() => {
+    let ae = b(M);
+    se(ae);
+  }), ee(() => {
+    if (m.value === xe.Hidden && M) {
+      if (v.value && f.value !== "visible") {
+        f.value = "visible";
+        return;
+      }
+      K(f.value, { hidden: () => h(M), visible: () => b(M) });
+    }
+  });
+  let Q = ke(e.enter), C = ke(e.enterFrom), E = ke(e.enterTo), L = ke(e.entered), T = ke(e.leave), j = ke(e.leaveFrom), N = ke(e.leaveTo);
+  U(() => {
+    ee(() => {
+      if (f.value === "visible") {
+        let ae = k(d);
+        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 Ee = $.value && !p.value, ge = k(d);
+    !ge || !(ge instanceof HTMLElement) || Ee || (D.value = !0, v.value && a(), v.value || s(), ae(v.value ? _t(ge, Q, C, E, L, (Ce) => {
+      D.value = !1, Ce === rt.Finished && i();
+    }) : _t(ge, T, j, N, L, (Ce) => {
+      D.value = !1, Ce === rt.Finished && (Je(X) || (f.value = "hidden", h(M), u()));
+    })));
+  }
+  return U(() => {
+    be([v], (ae, Ee, ge) => {
+      de(ge), $.value = !1;
+    }, { immediate: !0 });
+  }), ie(mt, X), st(y(() => K(f.value, { visible: z.Open, hidden: z.Closed }) | l.value)), () => {
+    let { appear: ae, show: Ee, enter: ge, enterFrom: Ce, enterTo: F, entered: J, leave: ce, leaveFrom: fe, leaveTo: qe, ...he } = e, hn = { ref: d }, bn = { ...he, ...p.value && v.value && Ne.isServer ? { class: R([o.class, he.class, ...Q, ...C]) } : {} };
+    return B({ theirProps: bn, ourProps: hn, slot: {}, slots: r, attrs: o, features: un, visible: f.value === "visible", name: "TransitionChild" });
+  };
+} }), nl = at, dn = A({ inheritAttrs: !1, props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: !0 }, appear: { type: [Boolean], default: !1 }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => !0, afterEnter: () => !0, beforeLeave: () => !0, afterLeave: () => !0 }, setup(e, { emit: t, attrs: o, slots: r }) {
+  let n = Be(), l = y(() => e.show === null && n !== null ? (n.value & z.Open) === z.Open : e.show);
+  ee(() => {
+    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(l.value ? "visible" : "hidden"), i = sn(() => {
+    a.value = "hidden";
+  }), s = w(!0), u = { show: l, appear: y(() => e.appear || !s.value) };
+  return U(() => {
+    ee(() => {
+      s.value = !1, l.value ? a.value = "visible" : Je(i) || (a.value = "hidden");
+    });
+  }), ie(mt, i), ie(pt, u), () => {
+    let d = Fe(e, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), m = { unmount: e.unmount };
+    return B({ ourProps: { ...m, as: "template" }, theirProps: {}, slot: {}, slots: { ...r, default: () => [q(nl, { onBeforeEnter: () => t("beforeEnter"), onAfterEnter: () => t("afterEnter"), onBeforeLeave: () => t("beforeLeave"), onAfterLeave: () => t("afterLeave"), ...o, ...m, ...d }, r.default)] }, attrs: {}, features: un, visible: a.value === "visible", name: "Transition" });
+  };
+} });
+function ol(e, t) {
+  return g(), x("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1222,15 +1872,31 @@ function mn(e, n) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    S("path", {
+    c("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"
     })
   ]);
 }
-function ot(e, n) {
-  return C(), D("svg", {
+function cn(e, t) {
+  return g(), x("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    c("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"
+    })
+  ]);
+}
+function gt(e, t) {
+  return g(), x("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1238,15 +1904,15 @@ function ot(e, n) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    S("path", {
+    c("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M4.5 12.75l6 6 9-13.5"
     })
   ]);
 }
-function bn(e, n) {
-  return C(), D("svg", {
+function ll(e, t) {
+  return g(), x("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1254,15 +1920,47 @@ function bn(e, n) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    S("path", {
+    c("path", {
       "stroke-linecap": "round",
       "stroke-linejoin": "round",
       d: "M19.5 8.25l-7.5 7.5-7.5-7.5"
     })
   ]);
 }
-function gn(e, n) {
-  return C(), D("svg", {
+function rl(e, t) {
+  return g(), x("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    c("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M15.75 19.5L8.25 12l7.5-7.5"
+    })
+  ]);
+}
+function fn(e, t) {
+  return g(), x("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    c("path", {
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round",
+      d: "M8.25 4.5l7.5 7.5-7.5 7.5"
+    })
+  ]);
+}
+function al(e, t) {
+  return g(), x("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1270,15 +1968,15 @@ function gn(e, n) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    S("path", {
+    c("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 hn(e, n) {
-  return C(), D("svg", {
+function il(e, t) {
+  return g(), x("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1286,15 +1984,15 @@ function hn(e, n) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    S("path", {
+    c("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"
     })
   ]);
 }
-function xn(e, n) {
-  return C(), D("svg", {
+function Ge(e, t) {
+  return g(), x("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1302,15 +2000,79 @@ function xn(e, n) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    S("path", {
+    c("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 Oe(e, n) {
-  return C(), D("svg", {
+function sl(e, t) {
+  return g(), x("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    c("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 ul(e, t) {
+  return g(), x("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    c("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"
+    })
+  ]);
+}
+function vn(e, t) {
+  return g(), x("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    c("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"
+    })
+  ]);
+}
+function Ye(e, t) {
+  return g(), x("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24",
+    "stroke-width": "1.5",
+    stroke: "currentColor",
+    "aria-hidden": "true"
+  }, [
+    c("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"
+    })
+  ]);
+}
+function it(e, t) {
+  return g(), x("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24",
@@ -1318,16 +2080,16 @@ function Oe(e, n) {
     stroke: "currentColor",
     "aria-hidden": "true"
   }, [
-    S("path", {
+    c("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"
+      d: "M6 18L18 6M6 6l12 12"
     })
   ]);
 }
-const yn = { class: "py-1" }, wn = ["onClick"], Sn = {
+const dl = { class: "py-1" }, cl = ["onClick"], fl = {
   name: "uiDropdown"
-}, kn = /* @__PURE__ */ Object.assign(Sn, {
+}, pn = /* @__PURE__ */ Object.assign(fl, {
   props: {
     /**
      * Array de elementos que componen el dropdown
@@ -1350,29 +2112,26 @@ const yn = { class: "py-1" }, wn = ["onClick"], Sn = {
     /**
      * label del Dropdown
      */
-    label: {
-      type: String,
-      required: !0
-    }
+    label: String
   },
   emits: ["optionSelected"],
-  setup(e, { emit: n }) {
-    const l = e, a = y(() => {
-      let o = l.items.find((r) => r.active === !0);
-      return o ? o.name : l.label;
-    }), t = (o) => {
-      l.disabled || n("optionSelected", o.value);
+  setup(e, { emit: t }) {
+    const o = e, r = y(() => {
+      let l = o.items.find((a) => a.active === !0);
+      return l ? l.name : o.label;
+    }), n = (l) => {
+      o.disabled || t("optionSelected", l.value);
     };
-    return (o, r) => (C(), Q(j(an), {
+    return (l, a) => (g(), le(_(Ho), {
       as: "div",
-      class: L(["relative inline-block text-left", { "opacity-25": e.disabled }])
+      class: R(["relative inline-block text-left", { "opacity-25": e.disabled }])
     }, {
-      default: K(() => [
-        S("div", null, [
-          N(j(rn), { 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: K(() => [
-              ue(M(a.value) + " ", 1),
-              N(j(bn), {
+      default: Y(() => [
+        c("div", null, [
+          S(_(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(_(ll), {
                 "aria-hidden": "true",
                 class: "-mr-1 ml-2 h-5 w-5"
               })
@@ -1380,7 +2139,7 @@ const yn = { class: "py-1" }, wn = ["onClick"], Sn = {
             _: 1
           })
         ]),
-        N(it, {
+        S(Ot, {
           "enter-active-class": "transition ease-out duration-100",
           "enter-from-class": "transform opacity-0 scale-95",
           "enter-to-class": "transform opacity-100 scale-100",
@@ -1388,22 +2147,22 @@ const yn = { class: "py-1" }, wn = ["onClick"], Sn = {
           "leave-from-class": "transform opacity-100 scale-100",
           "leave-to-class": "transform opacity-0 scale-95"
         }, {
-          default: K(() => [
-            e.disabled ? W("", !0) : (C(), Q(j(un), {
+          default: Y(() => [
+            e.disabled ? W("", !0) : (g(), le(_(Yo), {
               key: 0,
-              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"])
+              class: R([{ "right-0": e.position === "right", "left-0": e.position === "left" }, "origin-top-right absolute mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none z-10"])
             }, {
-              default: K(() => [
-                S("div", yn, [
-                  (C(!0), D(ie, null, je(e.items, (d, c) => (C(), Q(j(sn), { key: c }, {
-                    default: K(() => [
-                      S("a", {
-                        onClick: (u) => t(d),
-                        class: L([
-                          d.active ? "bg-gray-100 text-gray-900" : "text-gray-700",
+              default: Y(() => [
+                c("div", dl, [
+                  (g(!0), x(Z, null, ue(e.items, (i, s) => (g(), le(_(Uo), { key: s }, {
+                    default: Y(() => [
+                      c("a", {
+                        onClick: (u) => n(i),
+                        class: R([
+                          i.active ? "bg-gray-100 text-gray-900" : "text-gray-700",
                           "block px-4 py-2 text-sm cursor-pointer"
                         ])
-                      }, M(d.name), 11, wn)
+                      }, O(i.name), 11, cl)
                     ]),
                     _: 2
                   }, 1024))), 128))
@@ -1418,21 +2177,21 @@ const yn = { class: "py-1" }, wn = ["onClick"], Sn = {
       _: 1
     }, 8, ["class"]));
   }
-}), On = { class: "flex justify-between" }, In = {
+}), vl = { class: "flex justify-between" }, pl = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
-}, Cn = {
+}, ml = {
   key: 1,
   class: "text-[10px] text-gray-500 uppercase justify-self-end"
-}, $n = {
+}, 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"
-}, Rn = ["disabled", "name", "placeholder", "type"], Pn = {
+}, hl = ["disabled", "name", "placeholder", "type"], bl = {
   key: 1,
   class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none"
-}, Tn = {
+}, yl = {
   name: "uiInput"
-}, En = /* @__PURE__ */ Object.assign(Tn, {
+}, xl = /* @__PURE__ */ Object.assign(yl, {
   props: {
     /**
      * Texto sobre el campo
@@ -1496,22 +2255,22 @@ const yn = { class: "py-1" }, wn = ["onClick"], Sn = {
     addOn: String
   },
   emits: ["inputChanged"],
-  setup(e, { emit: n }) {
-    const l = e, a = (o) => {
-      n("inputChanged", { value: o.target.value, name: o.target.name });
-    }, t = x(l.value);
-    return (o, r) => (C(), D("div", null, [
-      S("div", On, [
-        e.label ? (C(), D("label", In, M(e.label), 1)) : W("", !0),
-        e.optional ? (C(), D("span", Cn, M(e.optional), 1)) : W("", !0)
+  setup(e, { emit: t }) {
+    const o = e, r = (l) => {
+      t("inputChanged", { value: l.target.value, name: l.target.name });
+    }, n = w(o.value);
+    return (l, a) => (g(), x("div", null, [
+      c("div", vl, [
+        e.label ? (g(), x("label", pl, O(e.label), 1)) : W("", !0),
+        e.optional ? (g(), x("span", ml, O(e.optional), 1)) : W("", !0)
       ]),
-      S("div", {
-        class: L([{ "mt-1": e.label }, "relative flex"])
+      c("div", {
+        class: R([{ "mt-1": e.label }, "relative flex"])
       }, [
-        e.addOn ? (C(), D("span", $n, M(e.addOn), 1)) : W("", !0),
-        J(S("input", {
-          "onUpdate:modelValue": r[0] || (r[0] = (d) => t.value = d),
-          class: L([{
+        e.addOn ? (g(), x("span", gl, O(e.addOn), 1)) : W("", !0),
+        G(c("input", {
+          "onUpdate:modelValue": a[0] || (a[0] = (i) => n.value = i),
+          class: R([{
             "border-gray-300": e.color !== "danger" || e.color !== "warning" || e.color !== "success",
             "border-red-300": e.color === "danger",
             "border-yellow-400": e.color === "warning",
@@ -1528,66 +2287,66 @@ const yn = { class: "py-1" }, wn = ["onClick"], Sn = {
           name: e.name,
           placeholder: e.placeholder,
           type: e.type,
-          onInput: a
-        }, null, 42, Rn), [
-          [ut, t.value]
+          onInput: r
+        }, null, 42, hl), [
+          [$n, n.value]
         ]),
-        e.icon ? (C(), D("div", Pn, [
-          N(Y, {
+        e.icon ? (g(), x("div", bl, [
+          S(ve, {
             icon: e.icon,
             color: e.color
           }, null, 8, ["icon", "color"]),
-          J(N(Y, {
-            icon: j(ot),
+          G(S(ve, {
+            icon: _(gt),
             color: "green"
           }, null, 8, ["icon"]), [
-            [ee, e.color === "success"]
+            [re, e.color === "success"]
           ]),
-          J(N(Y, {
-            icon: j(xn),
+          G(S(ve, {
+            icon: _(Ge),
             color: "yellow"
           }, null, 8, ["icon"]), [
-            [ee, e.color === "warning"]
+            [re, e.color === "warning"]
           ]),
-          J(N(Y, {
-            icon: j(hn),
+          G(S(ve, {
+            icon: _(il),
             color: "red"
           }, null, 8, ["icon"]), [
-            [ee, e.color === "danger"]
+            [re, e.color === "danger"]
           ])
         ])) : W("", !0)
       ], 2),
-      J(S("p", {
-        class: L([{
+      G(c("p", {
+        class: R([{
           "text-gray-300": e.color !== "danger" || e.color !== "warning" || e.color !== "success",
           "text-red-300": e.color === "danger",
           "text-yellow-400": e.color === "warning",
           "text-green-400": e.color === "success"
         }, "mt-2 text-xs flex flex-row items-center"])
       }, [
-        N(Y, {
-          icon: j(Oe),
+        S(ve, {
+          icon: _(Ye),
           color: "red",
           class: "mr-2"
         }, null, 8, ["icon"]),
-        ue(M(e.error), 1)
+        ye(O(e.error), 1)
       ], 2), [
-        [ee, e.error]
+        [re, e.error]
       ])
     ]));
   }
-}), Dn = { class: "flex justify-between" }, jn = {
+}), wl = { class: "flex justify-between" }, Sl = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
-}, An = {
+}, kl = {
   key: 1,
   class: "text-[10px] text-gray-500 uppercase"
-}, Fn = ["onDrop"], Mn = { class: "space-y-1 flex flex-col items-center justify-center" }, Nn = { class: "flex text-sm text-gray-600 flex flex-col sm:flex-row text-center" }, Ln = {
+}, $l = ["onDrop"], _l = { class: "space-y-1 flex flex-col items-center justify-center" }, Cl = { 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"
-}, Bn = ["accept"], Vn = { class: "pl-1" }, Un = { class: "text-xs text-gray-500 pb-4" }, Hn = { class: "mt-2 text-xs flex flex-row items-center text-red-300" }, Kn = {
+}, 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"
-}, zn = /* @__PURE__ */ Object.assign(Kn, {
+}, Ll = /* @__PURE__ */ Object.assign(Pl, {
   props: {
     name: String,
     label: String,
@@ -1599,24 +2358,24 @@ const yn = { class: "py-1" }, wn = ["onClick"], Sn = {
     accept: String,
     icon: {
       type: Function,
-      default: mn
+      default: ol
     }
   },
   emits: ["filesUploaded"],
-  setup(e, { emit: n }) {
-    const l = e, a = x(""), t = (r) => {
-      let c = r.dataTransfer.files;
-      n("filesUploaded", c), l.filename = c[0].name;
-    }, o = (r) => {
-      n("filesUploaded", r.target.files), l.filename = r.target.files[0].name;
+  setup(e, { emit: t }) {
+    const o = e, r = w(""), n = (a) => {
+      let s = a.dataTransfer.files;
+      t("filesUploaded", s), o.filename = s[0].name;
+    }, l = (a) => {
+      t("filesUploaded", a.target.files), o.filename = a.target.files[0].name;
     };
-    return (r, d) => (C(), D("div", null, [
-      S("div", Dn, [
-        e.label ? (C(), D("label", jn, M(e.label), 1)) : W("", !0),
-        e.optional ? (C(), D("span", An, M(e.optional), 1)) : W("", !0)
+    return (a, i) => (g(), x("div", null, [
+      c("div", wl, [
+        e.label ? (g(), x("label", Sl, O(e.label), 1)) : W("", !0),
+        e.optional ? (g(), x("span", kl, O(e.optional), 1)) : W("", !0)
       ]),
-      S("div", {
-        class: L([
+      c("div", {
+        class: R([
           [
             { "mt-1": e.label },
             { "border-gray-300 hover:border-gray-400": !e.error },
@@ -1624,53 +2383,53 @@ const yn = { class: "py-1" }, wn = ["onClick"], Sn = {
           ],
           "dropArea flex justify-center rounded-md border-2 border-dashed px-6 pt-5 pb-6"
         ]),
-        onDragover: d[0] || (d[0] = Ie(() => {
+        onDragover: i[0] || (i[0] = ht(() => {
         }, ["prevent"])),
-        onDrop: Ie(t, ["prevent"])
+        onDrop: ht(n, ["prevent"])
       }, [
-        S("div", Mn, [
-          N(Y, {
+        c("div", _l, [
+          S(ve, {
             icon: e.icon,
             size: "massive",
             color: "gray",
             "aria-hidden": "true",
             class: "mb-4"
           }, null, 8, ["icon"]),
-          S("div", Nn, [
-            S("label", Ln, [
-              S("span", null, M(e.placeholder), 1),
-              S("input", {
+          c("div", Cl, [
+            c("label", Ol, [
+              c("span", null, O(e.placeholder), 1),
+              c("input", {
                 id: "file-upload",
                 name: "file-upload",
                 type: "file",
                 class: "sr-only",
                 accept: e.accept,
-                onChange: o
-              }, null, 40, Bn)
+                onChange: l
+              }, null, 40, Dl)
             ]),
-            S("p", Vn, M(e.dragAndDrop), 1)
+            c("p", Ml, O(e.dragAndDrop), 1)
           ]),
-          S("p", Un, M(e.fileTypesAndSizes), 1),
-          J(S("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, M(a.value), 513), [
-            [ee, a.value !== ""]
+          c("p", Tl, O(e.fileTypesAndSizes), 1),
+          G(c("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, O(r.value), 513), [
+            [re, r.value !== ""]
           ])
         ])
-      ], 42, Fn),
-      J(S("p", Hn, [
-        N(Y, {
-          icon: j(Oe),
+      ], 42, $l),
+      G(c("p", El, [
+        S(ve, {
+          icon: _(Ye),
           color: "red",
           class: "mr-2"
         }, null, 8, ["icon"]),
-        ue(M(e.error), 1)
+        ye(O(e.error), 1)
       ], 512), [
-        [ee, e.error]
+        [re, e.error]
       ])
     ]));
   }
-}), qn = { class: "relative mt-1" }, Wn = {
+}), Rl = { class: "relative mt-1" }, jl = {
   name: "uiSelect"
-}, Gn = /* @__PURE__ */ Object.assign(Wn, {
+}, Il = /* @__PURE__ */ Object.assign(jl, {
   props: {
     /**
      * Array de Items del select
@@ -1689,69 +2448,69 @@ const yn = { class: "py-1" }, wn = ["onClick"], Sn = {
     select: Object
   },
   emits: ["selectChanged"],
-  setup(e, { emit: n }) {
-    const l = e, a = x(""), t = x(l.select), o = y(() => a.value === "" ? l.items : l.items.filter((d) => d.name.toLowerCase().includes(a.value.toLowerCase()))), r = () => {
-      n("selectChanged", t.value);
+  setup(e, { emit: t }) {
+    const o = e, r = w(""), n = w(o.select), l = y(() => r.value === "" ? o.items : o.items.filter((i) => i.name.toLowerCase().includes(r.value.toLowerCase()))), a = () => {
+      t("selectChanged", n.value);
     };
-    return (d, c) => (C(), Q(j(Wt), {
-      modelValue: t.value,
+    return (i, s) => (g(), le(_(lo), {
+      modelValue: n.value,
       "onUpdate:modelValue": [
-        c[1] || (c[1] = (u) => t.value = u),
-        c[3] || (c[3] = (u) => r())
+        s[1] || (s[1] = (u) => n.value = u),
+        s[3] || (s[3] = (u) => a())
       ],
       as: "div",
-      onClick: c[2] || (c[2] = (u) => r())
+      onClick: s[2] || (s[2] = (u) => a())
     }, {
-      default: K(() => [
-        N(j(Gt), { class: "block text-sm font-medium text-gray-700" }, {
-          default: K(() => [
-            ue(M(e.label), 1)
+      default: Y(() => [
+        S(_(ro), { class: "block text-sm font-medium text-gray-700" }, {
+          default: Y(() => [
+            ye(O(e.label), 1)
           ]),
           _: 1
         }),
-        S("div", qn, [
-          N(j(Jt), {
+        c("div", Rl, [
+          S(_(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: c[0] || (c[0] = (u) => a.value = u.target.value)
+            onChange: s[0] || (s[0] = (u) => r.value = u.target.value)
           }, null, 8, ["display-value"]),
-          N(j(Yt), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
-            default: K(() => [
-              N(j(gn), {
+          S(_(ao), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
+            default: Y(() => [
+              S(_(al), {
                 "aria-hidden": "true",
                 class: "h-5 w-5 text-gray-400"
               })
             ]),
             _: 1
           }),
-          o.value.length > 0 ? (C(), Q(j(Xt), {
+          l.value.length > 0 ? (g(), le(_(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: K(() => [
-              (C(!0), D(ie, null, je(o.value, (u) => (C(), Q(j(Qt), {
+            default: Y(() => [
+              (g(!0), x(Z, null, ue(l.value, (u) => (g(), le(_(uo), {
                 key: u.id,
                 value: u,
                 as: "template"
               }, {
-                default: K(({ active: i, selected: f }) => [
-                  S("li", {
-                    class: L([
+                default: Y(({ active: d, selected: m }) => [
+                  c("li", {
+                    class: R([
                       "relative cursor-default select-none py-2 pl-3 pr-9",
-                      i ? "bg-indigo-600 text-white" : "text-gray-900"
+                      d ? "bg-indigo-600 text-white" : "text-gray-900"
                     ])
                   }, [
-                    S("span", {
-                      class: L(["block truncate", f && "font-semibold"])
-                    }, M(u.name), 3),
-                    f ? (C(), D("span", {
+                    c("span", {
+                      class: R(["block truncate", m && "font-semibold"])
+                    }, O(u.name), 3),
+                    m ? (g(), x("span", {
                       key: 0,
-                      class: L([
+                      class: R([
                         "absolute inset-y-0 right-0 flex items-center pr-4",
-                        i ? "text-white" : "text-indigo-600"
+                        d ? "text-white" : "text-indigo-600"
                       ])
                     }, [
-                      N(j(ot), {
+                      S(_(gt), {
                         "aria-hidden": "true",
                         class: "h-5 w-5"
                       })
@@ -1768,9 +2527,9 @@ const yn = { class: "py-1" }, wn = ["onClick"], Sn = {
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Yn = {
+}), Al = {
   name: "uiTag"
-}, Jn = /* @__PURE__ */ Object.assign(Yn, {
+}, mn = /* @__PURE__ */ Object.assign(Al, {
   props: {
     /**
      * Color del tag
@@ -1781,8 +2540,8 @@ const yn = { class: "py-1" }, wn = ["onClick"], Sn = {
     }
   },
   setup(e) {
-    return (n, l) => (C(), D("span", {
-      class: L([{
+    return (t, o) => (g(), x("span", {
+      class: R([{
         "bg-indigo-100 text-indigo-800 border border-indigo-200": e.color === "primary",
         "bg-red-100 text-red-800 border border-red-200": e.color === "danger",
         "bg-yellow-100 text-yellow-800 border border-yellow-200": e.color === "warning",
@@ -1791,15 +2550,15 @@ const yn = { class: "py-1" }, wn = ["onClick"], Sn = {
         "text-black border border-gray-200": e.color === "white"
       }, "inline-flex items-center px-3 py-2 rounded text-xs font-medium leading-none"])
     }, [
-      be(n.$slots, "default")
+      Ae(t.$slots, "default")
     ], 2));
   }
-}), Xn = {
+}), Fl = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
-}, Qn = ["disabled", "placeholder"], Zn = {
+}, Bl = ["disabled", "placeholder"], Nl = {
   name: "uiTextArea"
-}, _n = /* @__PURE__ */ Object.assign(Zn, {
+}, Hl = /* @__PURE__ */ Object.assign(Nl, {
   props: {
     /**
      * Nombre del Campo de texto
@@ -1833,21 +2592,21 @@ const yn = { class: "py-1" }, wn = ["onClick"], Sn = {
     error: String
   },
   emits: ["inputChanged"],
-  setup(e, { emit: n }) {
-    const l = e, a = (o) => {
-      n("inputChanged", { value: o.target.value, name: o.target.value });
-    }, t = x(l.value);
-    return (o, r) => (C(), D("div", null, [
-      e.label ? (C(), D("label", Xn, M(e.label), 1)) : W("", !0),
-      S("div", {
-        class: L({ "mt-1": e.label })
+  setup(e, { emit: t }) {
+    const o = e, r = (l) => {
+      t("inputChanged", { value: l.target.value, name: l.target.value });
+    }, n = w(o.value);
+    return (l, a) => (g(), x("div", null, [
+      e.label ? (g(), x("label", Fl, O(e.label), 1)) : W("", !0),
+      c("div", {
+        class: R({ "mt-1": e.label })
       }, [
-        J(S("textarea", {
+        G(c("textarea", {
           disabled: e.disabled,
           rows: "4",
-          "onUpdate:modelValue": r[0] || (r[0] = (d) => t.value = d),
+          "onUpdate:modelValue": a[0] || (a[0] = (i) => n.value = i),
           placeholder: e.placeholder,
-          class: L(["shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm rounded-md", {
+          class: R(["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",
@@ -1858,36 +2617,36 @@ const yn = { class: "py-1" }, wn = ["onClick"], Sn = {
             "text-yellow-400": e.color === "warning",
             "text-green-400": e.color === "success"
           }]),
-          onChange: a
-        }, null, 42, Qn), [
-          [st, t.value]
+          onChange: r
+        }, null, 42, Bl), [
+          [_n, n.value]
         ])
       ], 2),
-      J(S("p", {
-        class: L([{
+      G(c("p", {
+        class: R([{
           "text-gray-300": e.color !== "danger" || e.color !== "warning" || e.color !== "success",
           "text-red-300": e.color === "danger",
           "text-yellow-400": e.color === "warning",
           "text-green-400": e.color === "success"
         }, "mt-2 text-xs flex flex-row items-center"])
       }, [
-        N(Y, {
-          icon: j(Oe),
+        S(ve, {
+          icon: _(Ye),
           color: "red",
           class: "mr-2"
         }, null, 8, ["icon"]),
-        ue(M(e.error), 1)
+        ye(O(e.error), 1)
       ], 2), [
-        [ee, e.error]
+        [re, e.error]
       ])
     ]));
   }
-}), el = { class: "text-sm font-medium text-gray-900" }, tl = {
+}), Vl = { class: "text-sm font-medium text-gray-900" }, Yl = {
   key: 0,
   class: "text-sm text-gray-500 ml-2"
-}, nl = {
+}, Ul = {
   name: "uiToggle"
-}, ll = /* @__PURE__ */ Object.assign(nl, {
+}, ql = /* @__PURE__ */ Object.assign(Ul, {
   props: {
     /**
      * Item del toggle
@@ -1906,30 +2665,33 @@ const yn = { class: "py-1" }, wn = ["onClick"], Sn = {
     /**
      * Toggle disabled
      */
-    disabled: Boolean
+    disabled: {
+      type: Boolean,
+      default: !1
+    }
   },
   setup(e) {
-    const l = x(e.checked);
-    return (a, t) => (C(), Q(j(vn), {
+    const o = w(e.checked);
+    return (r, n) => (g(), le(_(Wo), {
       as: "div",
       class: "flex items-center relative"
     }, {
-      default: K(() => [
-        N(j(fn), {
+      default: Y(() => [
+        S(_(Ko), {
           disabled: e.disabled,
-          onClick: t[0] || (t[0] = (o) => a.$emit("toggleChanged", { item: e.item, active: !l.value })),
-          modelValue: l.value,
-          "onUpdate:modelValue": t[1] || (t[1] = (o) => l.value = o),
-          class: L([
-            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: R([
+            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: K(() => [
-            S("span", {
+          default: Y(() => [
+            c("span", {
               "aria-hidden": "true",
-              class: L([
-                l.value ? "translate-x-5" : "translate-x-0",
+              class: R([
+                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"
               ])
@@ -1937,43 +2699,1135 @@ const yn = { class: "py-1" }, wn = ["onClick"], Sn = {
           ]),
           _: 1
         }, 8, ["disabled", "modelValue", "class"]),
-        N(j(pn), {
+        S(_(Jo), {
           as: "span",
           class: "ml-3"
         }, {
-          default: K(() => [
-            S("span", el, M(e.item.title), 1),
-            e.item.subtitle ? (C(), D("span", tl, M(e.item.subtitle), 1)) : W("", !0)
+          default: Y(() => [
+            c("span", Vl, O(e.item.title), 1),
+            e.item.subtitle ? (g(), x("span", Yl, O(e.item.subtitle), 1)) : W("", !0)
           ]),
           _: 1
         }),
-        e.item.action ? (C(), D("span", {
+        e.item.action ? (g(), x("span", {
           key: 0,
           class: "cursor-pointer text-indigo-600 hover:text-indigo-400 uppercase text-xs absolute right-0 bottom-0.5",
-          onClick: t[2] || (t[2] = (o) => a.$emit("toggleClicked", e.item))
-        }, M(e.item.action), 1)) : W("", !0)
+          onClick: n[2] || (n[2] = (l) => r.$emit("actionClicked", e.item))
+        }, O(e.item.action), 1)) : W("", !0)
       ]),
       _: 1
     }));
   }
-}), ol = {
-  uiButton: ft,
-  uiIcon: Y,
-  uiCheckbox: yt,
-  uiDropdown: kn,
-  uiInput: En,
-  uiInputFile: zn,
-  uiSelect: Gn,
-  uiTag: Jn,
-  uiTextArea: _n,
-  uiToggle: ll
-}, De = ol, il = {
+}), 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(Zl, {
+  props: {
+    /**
+     * Acciones que se pueden hacer en la notificación
+     */
+    actions: {
+      type: Array
+    },
+    /**
+     * Título de notificación
+     */
+    title: {
+      type: String
+    },
+    /**
+     * Tipo de la notificación
+     */
+    type: {
+      type: String,
+      default: "info"
+    }
+  },
+  setup(e) {
+    return (t, o) => (g(), x("div", zl, [
+      c("div", {
+        class: R([{
+          "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", Wl, [
+          c("div", Kl, [
+            e.type === "info" ? (g(), le(_(vn), {
+              key: 0,
+              class: "h-8 w-8 text-indigo-400",
+              "aria-hidden": "true"
+            })) : W("", !0),
+            e.type === "danger" ? (g(), le(_(Ye), {
+              key: 1,
+              class: "h-8 w-8 text-red-400",
+              "aria-hidden": "true"
+            })) : W("", !0),
+            e.type === "warning" ? (g(), le(_(Ge), {
+              key: 2,
+              class: "h-8 w-8 text-yellow-400",
+              "aria-hidden": "true"
+            })) : W("", !0),
+            e.type === "success" ? (g(), le(_(cn), {
+              key: 3,
+              class: "h-8 w-8 text-green-400",
+              "aria-hidden": "true"
+            })) : W("", !0)
+          ]),
+          c("div", Jl, [
+            c("h3", {
+              class: R([{
+                "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([{
+                "text-red-700": e.type === "danger",
+                "text-yellow-700": e.type === "warning",
+                "text-green-700": e.type === "success"
+              }, "mt-2 text-sm"])
+            }, [
+              Ae(t.$slots, "default")
+            ], 2),
+            c("div", Gl, [
+              c("div", Xl, [
+                (g(!0), x(Z, null, ue(e.actions, (r, n) => (g(), x("button", {
+                  onClick: (l) => t.$emit("alertEvent", r.event),
+                  type: "button",
+                  key: n,
+                  class: R([
+                    {
+                      "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",
+                      "bg-red-50 text-red-800 hover:bg-red-100 focus:ring-red-600 focus:ring-offset-red-50": e.type === "danger",
+                      "bg-yellow-50 text-yellow-800 hover:bg-yellow-100 focus:ring-yellow-600 focus:ring-offset-yellow-50": e.type === "warning"
+                    },
+                    "px-2 py-1.5 text-sm font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2"
+                  ])
+                }, O(r.name), 11, Ql))), 128))
+              ])
+            ])
+          ])
+        ])
+      ], 2)
+    ]));
+  }
+}), tr = {
+  class: "flex",
+  "aria-label": "Breadcrumb"
+}, nr = {
+  role: "list",
+  class: "flex items-center space-x-4 text-xs"
+}, or = { key: 0 }, lr = ["onClick"], rr = {
+  key: 1,
+  class: "flex items-center"
+}, ar = ["onClick", "aria-current"], ir = {
+  name: "uiBreadcrumbs"
+}, sr = /* @__PURE__ */ Object.assign(ir, {
+  props: {
+    /**
+     * Array de páginas en los Breadcrumbs
+     */
+    pages: Array,
+    required: !0
+  },
+  setup(e) {
+    return (t, o) => (g(), x("nav", tr, [
+      c("ol", nr, [
+        (g(!0), x(Z, null, ue(e.pages, (r, n) => (g(), x("li", { key: n }, [
+          n === 0 ? (g(), x("div", or, [
+            c("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(_(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, lr)
+          ])) : (g(), x("div", rr, [
+            S(_(fn), {
+              class: "flex-shrink-0 h-3 w-3 text-gray-400",
+              "aria-hidden": "true"
+            }),
+            c("span", {
+              onClick: (l) => t.$emit("breadCrumbClicked", r.routeName),
+              class: R(["cursor-pointer ml-4 text-xs text-gray-400 hover:text-gray-500", { "text-indigo-600 hover:text-indigo-800": !r.current }]),
+              "aria-current": r.current ? "page" : ""
+            }, O(r.name), 11, ar)
+          ]))
+        ]))), 128))
+      ])
+    ]));
+  }
+}), 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 = {
+  name: "uiCard"
+}, mr = /* @__PURE__ */ Object.assign(pr, {
+  props: {
+    id: {
+      type: String,
+      required: !0
+    },
+    name: {
+      type: String,
+      required: !0
+    },
+    type: String,
+    tags: Array,
+    logo: String
+  },
+  setup(e) {
+    return (t, o) => {
+      var r;
+      return g(), x("div", {
+        class: "rounded-lg bg-white shadow p-6 cursor-pointer",
+        onClick: o[0] || (o[0] = (n) => t.$emit("cardSelected", { id: e.id, name: e.name, type: e.type, tags: e.tags }))
+      }, [
+        c("div", ur, [
+          c("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)
+          ])
+        ]),
+        ((r = e.tags) == null ? void 0 : r.length) > 0 ? (g(), x("div", vr, [
+          (g(!0), x(Z, null, ue(e.tags, (n) => (g(), le(mn, {
+            class: "my-1 mr-1",
+            key: n.name,
+            color: n.color
+          }, {
+            default: Y(() => [
+              ye(O(n.name), 1)
+            ]),
+            _: 2
+          }, 1032, ["color"]))), 128))
+        ])) : W("", !0)
+      ]);
+    };
+  }
+}), gr = {
+  name: "uiFilter"
+}, hr = /* @__PURE__ */ Object.assign(gr, {
+  props: {
+    position: {
+      type: String,
+      default: "left"
+    },
+    items: {
+      type: Array,
+      required: !0
+    },
+    label: {
+      type: String,
+      required: !0
+    }
+  },
+  emits: ["filterSelected"],
+  setup(e, { emit: t }) {
+    const o = e, r = (l) => {
+      n.value.forEach((a) => {
+        a.value !== l ? a.active = !1 : a.active = !0;
+      }), t("filterSelected", l);
+    }, n = w(o.items);
+    return (l, a) => (g(), le(pn, {
+      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" }, _r = { class: "mt-4 text-gray-500 text-sm" }, Cr = {
+  key: 0,
+  class: "mt-8"
+}, Or = ["onClick"], Dr = {
+  name: "uiModal"
+}, Mr = /* @__PURE__ */ Object.assign(Dr, {
+  props: {
+    title: String,
+    actions: Object,
+    modalName: String,
+    open: {
+      type: Boolean,
+      default: !1
+    },
+    type: {
+      type: String,
+      default: "default"
+    }
+  },
+  emits: ["modalAction"],
+  setup(e, { emit: t }) {
+    const o = e, r = (n) => {
+      t("modalAction", { modal: o.modalName, action: n });
+    };
+    return (n, l) => (g(), le(_(dn), {
+      as: "template",
+      show: e.open
+    }, {
+      default: Y(() => [
+        S(_(Lo), {
+          as: "div",
+          class: "relative z-10",
+          onClose: l[1] || (l[1] = (a) => r("close"))
+        }, {
+          default: Y(() => [
+            S(_(at), {
+              as: "template",
+              enter: "ease-out duration-300",
+              "enter-from": "opacity-0",
+              "enter-to": "opacity-100",
+              leave: "ease-in duration-200",
+              "leave-from": "opacity-100",
+              "leave-to": "opacity-0"
+            }, {
+              default: Y(() => [
+                br
+              ]),
+              _: 1
+            }),
+            c("div", yr, [
+              c("div", xr, [
+                S(_(at), {
+                  as: "template",
+                  enter: "ease-out duration-300",
+                  "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
+                  "enter-to": "opacity-100 translate-y-0 sm:scale-100",
+                  leave: "ease-in duration-200",
+                  "leave-from": "opacity-100 translate-y-0 sm:scale-100",
+                  "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
+                }, {
+                  default: Y(() => [
+                    S(_(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", {
+                            type: "button",
+                            class: "rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none",
+                            onClick: l[0] || (l[0] = (a) => r("close"))
+                          }, [
+                            Sr,
+                            S(ve, {
+                              icon: _(it),
+                              "aria-hidden": "true"
+                            }, 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", {
+                              "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(_(it), {
+                              class: "h-6 w-6 text-red-600",
+                              "aria-hidden": "true"
+                            }, null, 512), [
+                              [re, e.type === "danger"]
+                            ]),
+                            G(S(_(gt), {
+                              class: "h-6 w-6 text-green-600",
+                              "aria-hidden": "true"
+                            }, null, 512), [
+                              [re, e.type === "success"]
+                            ]),
+                            G(S(_(Ge), {
+                              class: "h-6 w-6 text-yellow-600",
+                              "aria-hidden": "true"
+                            }, null, 512), [
+                              [re, e.type === "warning"]
+                            ]),
+                            G(S(_(sl), {
+                              class: "h-6 w-6 text-indigo-600",
+                              "aria-hidden": "true"
+                            }, null, 512), [
+                              [re, e.type === "default"]
+                            ])
+                          ], 2),
+                          c("div", $r, [
+                            S(_(jo), {
+                              as: "h3",
+                              class: "text-lg font-medium leading-6 text-gray-900"
+                            }, {
+                              default: Y(() => [
+                                ye(O(e.title), 1)
+                              ]),
+                              _: 1
+                            }),
+                            c("div", _r, [
+                              Ae(n.$slots, "default")
+                            ]),
+                            e.actions ? (g(), x("div", Cr, [
+                              (g(!0), x(Z, null, ue(e.actions, (a, i) => (g(), x("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",
+                                onClick: (s) => r(a.value)
+                              }, O(a.name), 9, Or))), 128))
+                            ])) : W("", !0)
+                          ])
+                        ])
+                      ]),
+                      _: 3
+                    })
+                  ]),
+                  _: 3
+                })
+              ])
+            ])
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    }, 8, ["show"]));
+  }
+}), 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 = {
+  name: "uiNotification"
+}, Hr = /* @__PURE__ */ Object.assign(Nr, {
+  props: {
+    show: Boolean,
+    type: {
+      type: String,
+      default: "info"
+    },
+    title: String,
+    message: String,
+    fixed: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  setup(e) {
+    const t = e, o = y(() => t.show);
+    return (r, n) => (g(), x("div", {
+      "aria-live": "assertive",
+      class: R([{ fixed: e.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"])
+    }, [
+      c("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",
+          "enter-to-class": "translate-y-0 opacity-100 sm:translate-x-0",
+          "leave-active-class": "transition ease-in duration-100",
+          "leave-from-class": "opacity-100",
+          "leave-to-class": "opacity-0"
+        }, {
+          default: Y(() => [
+            o.value ? (g(), x("div", Er, [
+              c("div", Pr, [
+                c("div", Lr, [
+                  c("div", Rr, [
+                    G(S(_(cn), {
+                      "aria-hidden": "true",
+                      class: "h-6 w-6 text-green-400"
+                    }, null, 512), [
+                      [re, e.type === "success"]
+                    ]),
+                    G(S(_(Ye), {
+                      "aria-hidden": "true",
+                      class: "h-6 w-6 text-red-400"
+                    }, null, 512), [
+                      [re, e.type === "danger"]
+                    ]),
+                    G(S(_(Ge), {
+                      "aria-hidden": "true",
+                      class: "h-6 w-6 text-yellow-400"
+                    }, null, 512), [
+                      [re, e.type === "warning"]
+                    ]),
+                    G(S(_(vn), {
+                      "aria-hidden": "true",
+                      class: "h-6 w-6 text-indigo-600"
+                    }, null, 512), [
+                      [re, e.type === "info"]
+                    ])
+                  ]),
+                  c("div", jr, [
+                    c("p", Ir, O(e.title), 1),
+                    c("p", Ar, O(e.message), 1)
+                  ]),
+                  c("div", Fr, [
+                    c("button", {
+                      class: "bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500",
+                      type: "button",
+                      onClick: n[0] || (n[0] = (l) => r.$emit("closeNotification"))
+                    }, [
+                      Br,
+                      S(_(it), {
+                        "aria-hidden": "true",
+                        class: "h-5 w-5"
+                      })
+                    ])
+                  ])
+                ])
+              ])
+            ])) : W("", !0)
+          ]),
+          _: 1
+        })
+      ])
+    ], 2));
+  }
+}), Vr = {
+  role: "list",
+  class: "divide-y divide-gray-100"
+}, Yr = { class: "min-w-0" }, Ur = { class: "flex items-start gap-x-3" }, qr = { class: "text-sm font-semibold leading-6 text-gray-900" }, zr = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, Wr = { class: "truncate" }, Kr = { class: "flex flex-none items-center gap-x-4" }, Jr = ["href"], Gr = { class: "sr-only" }, Xr = {
+  name: "uiTaskList"
+}, Qr = /* @__PURE__ */ Object.assign(Xr, {
+  props: {
+    tasks: {
+      type: Array,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (t, o) => (g(), x("ul", Vr, [
+      (g(!0), x(Z, null, ue(e.tasks, (r) => (g(), x("li", {
+        key: r.id,
+        class: "flex items-center justify-between gap-x-6 py-5"
+      }, [
+        c("div", Yr, [
+          c("div", Ur, [
+            c("p", qr, O(r.name), 1),
+            c("p", {
+              class: R([
+                {
+                  "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",
+                  "text-yellow-800 bg-yellow-50 ring-yellow-600/20": r.status === "Incomplete"
+                },
+                "rounded-md whitespace-nowrap mt-0.5 px-1.5 py-0.5 text-xs font-medium ring-1 ring-inset"
+              ])
+            }, O(r.statusLiteral), 3)
+          ]),
+          c("div", zr, [
+            c("p", Wr, O(r.description), 1)
+          ])
+        ]),
+        c("div", Kr, [
+          c("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)
+          ], 8, Jr)
+        ])
+      ]))), 128))
+    ]));
+  }
+});
+var Ue = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
+function Zr(e) {
+  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+}
+var ea = { exports: {} };
+(function(e, t) {
+  (function(o, r) {
+    e.exports = r(V);
+  })(Ue, function(o) {
+    function r(a) {
+      return a && typeof a == "object" && "default" in a ? a : { default: a };
+    }
+    var n = r(o), l = { name: "es", monthsShort: "ene_feb_mar_abr_may_jun_jul_ago_sep_oct_nov_dic".split("_"), weekdays: "domingo_lunes_martes_miércoles_jueves_viernes_sábado".split("_"), weekdaysShort: "dom._lun._mar._mié._jue._vie._sáb.".split("_"), weekdaysMin: "do_lu_ma_mi_ju_vi_sá".split("_"), months: "enero_febrero_marzo_abril_mayo_junio_julio_agosto_septiembre_octubre_noviembre_diciembre".split("_"), weekStart: 1, formats: { LT: "H:mm", LTS: "H:mm:ss", L: "DD/MM/YYYY", LL: "D [de] MMMM [de] YYYY", LLL: "D [de] MMMM [de] YYYY H:mm", LLLL: "dddd, D [de] MMMM [de] YYYY H:mm" }, relativeTime: { future: "en %s", past: "hace %s", s: "unos segundos", m: "un minuto", mm: "%d minutos", h: "una hora", hh: "%d horas", d: "un día", dd: "%d días", M: "un mes", MM: "%d meses", y: "un año", yy: "%d años" }, ordinal: function(a) {
+      return a + "º";
+    } };
+    return n.default.locale(l, null, !0), l;
+  });
+})(ea);
+var ta = { exports: {} };
+(function(e, t) {
+  (function(o, r) {
+    e.exports = r(V);
+  })(Ue, function(o) {
+    function r(s) {
+      return s && typeof s == "object" && "default" in s ? s : { default: s };
+    }
+    var n = r(o), l = { s: "ein paar Sekunden", m: ["eine Minute", "einer Minute"], mm: "%d Minuten", h: ["eine Stunde", "einer Stunde"], hh: "%d Stunden", d: ["ein Tag", "einem Tag"], dd: ["%d Tage", "%d Tagen"], M: ["ein Monat", "einem Monat"], MM: ["%d Monate", "%d Monaten"], y: ["ein Jahr", "einem Jahr"], yy: ["%d Jahre", "%d Jahren"] };
+    function a(s, u, d) {
+      var m = l[d];
+      return Array.isArray(m) && (m = m[u ? 0 : 1]), m.replace("%d", s);
+    }
+    var i = { name: "de", weekdays: "Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"), weekdaysShort: "So._Mo._Di._Mi._Do._Fr._Sa.".split("_"), weekdaysMin: "So_Mo_Di_Mi_Do_Fr_Sa".split("_"), months: "Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"), monthsShort: "Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sept._Okt._Nov._Dez.".split("_"), ordinal: function(s) {
+      return s + ".";
+    }, weekStart: 1, yearStart: 4, formats: { LTS: "HH:mm:ss", LT: "HH:mm", L: "DD.MM.YYYY", LL: "D. MMMM YYYY", LLL: "D. MMMM YYYY HH:mm", LLLL: "dddd, D. MMMM YYYY HH:mm" }, relativeTime: { future: "in %s", past: "vor %s", s: a, m: a, mm: a, h: a, hh: a, d: a, dd: a, M: a, MM: a, y: a, yy: a } };
+    return n.default.locale(i, null, !0), i;
+  });
+})(ta);
+var na = { exports: {} };
+(function(e, t) {
+  (function(o, r) {
+    e.exports = r();
+  })(Ue, function() {
+    return { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(o) {
+      var r = ["th", "st", "nd", "rd"], n = o % 100;
+      return "[" + o + (r[(n - 20) % 10] || r[n] || r[0]) + "]";
+    } };
+  });
+})(na);
+var oa = { exports: {} };
+(function(e, t) {
+  (function(o, r) {
+    e.exports = r(V);
+  })(Ue, function(o) {
+    function r(a) {
+      return a && typeof a == "object" && "default" in a ? a : { default: a };
+    }
+    var n = r(o), l = { name: "fr", weekdays: "dimanche_lundi_mardi_mercredi_jeudi_vendredi_samedi".split("_"), weekdaysShort: "dim._lun._mar._mer._jeu._ven._sam.".split("_"), weekdaysMin: "di_lu_ma_me_je_ve_sa".split("_"), months: "janvier_février_mars_avril_mai_juin_juillet_août_septembre_octobre_novembre_décembre".split("_"), monthsShort: "janv._févr._mars_avr._mai_juin_juil._août_sept._oct._nov._déc.".split("_"), weekStart: 1, yearStart: 4, formats: { LT: "HH:mm", LTS: "HH:mm:ss", L: "DD/MM/YYYY", LL: "D MMMM YYYY", LLL: "D MMMM YYYY HH:mm", LLLL: "dddd D MMMM YYYY HH:mm" }, relativeTime: { future: "dans %s", past: "il y a %s", s: "quelques secondes", m: "une minute", mm: "%d minutes", h: "une heure", hh: "%d heures", d: "un jour", dd: "%d jours", M: "un mois", MM: "%d mois", y: "un an", yy: "%d ans" }, ordinal: function(a) {
+      return "" + a + (a === 1 ? "er" : "");
+    } };
+    return n.default.locale(l, null, !0), l;
+  });
+})(oa);
+const Te = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [r, n] of t)
+    o[r] = n;
+  return o;
+}, la = {
+  name: "dateSelector",
+  components: { ChevronLeftIcon: rl, ChevronRightIcon: fn },
+  computed: {
+    currentDate() {
+      return V(this.selectedDate).locale("es").format("DD MMM. YYYY");
+    }
+  },
+  props: {
+    selectedDate: {
+      type: Object,
+      required: !0
+    }
+  },
+  methods: {
+    selectDate(e, t) {
+      let o;
+      t === "previous" && (e === "day" && (o = V(this.selectedDate).subtract(1, "day")), e === "month" && (o = V(this.selectedDate).subtract(1, "month")), e === "year" && (o = V(this.selectedDate).subtract(1, "year"))), t === "next" && (e === "day" && (o = V(this.selectedDate).add(1, "day")), e === "month" && (o = V(this.selectedDate).add(1, "month")), e === "year" && (o = V(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", o);
+    }
+  }
+}, ra = { class: "dateSelector flex items-center text-white flex-row" }, aa = { class: "pagination flex items-center my-1 md:my-0" }, ia = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, sa = { class: "pagination flex items-center my-1 sm:my-0" };
+function ua(e, t, o, r, n, l) {
+  const a = Oe("ChevronLeftIcon"), i = Oe("ChevronRightIcon");
+  return g(), x("div", ra, [
+    c("div", aa, [
+      c("div", {
+        class: "previousYear flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm",
+        onClick: t[0] || (t[0] = (s) => l.selectDate("year", "previous"))
+      }, [
+        S(a, { class: "h-4" }),
+        S(a, { class: "h-4 -ml-3" }),
+        S(a, { class: "h-4 -ml-3" })
+      ]),
+      c("div", {
+        class: "previousMonth flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm",
+        onClick: t[1] || (t[1] = (s) => l.selectDate("month", "previous"))
+      }, [
+        S(a, { class: "h-4" }),
+        S(a, { class: "h-4 -ml-3" })
+      ]),
+      c("div", {
+        class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm",
+        onClick: t[2] || (t[2] = (s) => l.selectDate("day", "previous"))
+      }, [
+        S(a, { class: "h-4" })
+      ])
+    ]),
+    c("div", ia, O(l.currentDate), 1),
+    c("div", sa, [
+      c("div", {
+        class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm",
+        onClick: t[3] || (t[3] = (s) => l.selectDate("day", "next"))
+      }, [
+        S(i, { class: "h-4" })
+      ]),
+      c("div", {
+        class: "previousMonth flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm",
+        onClick: t[4] || (t[4] = (s) => l.selectDate("month", "next"))
+      }, [
+        S(i, { class: "h-4" }),
+        S(i, { class: "h-4 -ml-3" })
+      ]),
+      c("div", {
+        class: "previousYear flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm",
+        onClick: t[5] || (t[5] = (s) => l.selectDate("year", "next"))
+      }, [
+        S(i, { class: "h-4" }),
+        S(i, { class: "h-4 -ml-3" }),
+        S(i, { class: "h-4 -ml-3" })
+      ])
+    ])
+  ]);
+}
+const da = /* @__PURE__ */ Te(la, [["render", ua]]);
+var gn = { exports: {} };
+(function(e, t) {
+  (function(o, r) {
+    e.exports = r();
+  })(Ue, function() {
+    return function(o, r, n) {
+      r.prototype.isToday = function() {
+        var l = "YYYY-MM-DD", a = n();
+        return this.format(l) === a.format(l);
+      };
+    };
+  });
+})(gn);
+var ca = gn.exports;
+const fa = /* @__PURE__ */ Zr(ca), va = {
+  name: "calendarDay",
+  props: {
+    day: Object
+  },
+  computed: {
+    currentDay() {
+      return V.extend(fa), {
+        dayName: V(this.day).locale("es").format("ddd"),
+        day: V(this.day).locale("es").format("DD"),
+        month: V(this.day).locale("es").format("MMM."),
+        isWeekend: V(this.day).format("d") == 6 || V(this.day).format("d") == 0,
+        isToday: V(this.day).isToday()
+      };
+    }
+  }
+}, pa = { class: "text-xs" }, ma = { class: "font-bold text-lg" }, ga = { class: "text-xs font-medium" };
+function ha(e, t, o, r, n, l) {
+  return g(), x("div", {
+    class: R([
+      "day select-none text-center",
+      {
+        "bg-indigo-200 text-white": l.currentDay.isWeekend,
+        "bg-[#0ff] text-white": l.currentDay.isToday
+      }
+    ])
+  }, [
+    c("p", pa, O(l.currentDay.dayName), 1),
+    c("p", ma, O(l.currentDay.day), 1),
+    c("p", ga, O(l.currentDay.month), 1)
+  ], 2);
+}
+const ba = /* @__PURE__ */ Te(va, [["render", ha]]), ya = {
+  name: "dayPrice",
+  props: {
+    currency: String,
+    price: Object,
+    basePrice: Number,
+    isBasePrice: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  computed: {
+    currentDay() {
+      return {
+        isWeekend: V(this.price.date).format("d") == 6 || V(this.price.date).format("d") == 0,
+        price: this.price.price
+      };
+    }
+  }
+}, xa = { class: "priceDay" };
+function wa(e, t, o, r, n, l) {
+  return g(), x("div", xa, [
+    c("div", {
+      class: R([
+        {
+          "bg-indigo-200 text-white": l.currentDay.isWeekend,
+          "bg-green-300 text-white": o.price.price > o.basePrice,
+          "bg-yellow-300 text-white": o.price.price < o.basePrice
+        },
+        "select-none text-center rounded-lg p-1"
+      ])
+    }, O(l.currentDay.price) + O(o.currency), 3)
+  ]);
+}
+const Sa = /* @__PURE__ */ Te(ya, [["render", wa]]), ka = {
+  name: "uiPriceCalendar",
+  data: () => ({
+    today: /* @__PURE__ */ new Date(),
+    date: /* @__PURE__ */ new Date(),
+    selectedRooms: [],
+    showBasePricesModal: !1,
+    showDays: 14
+  }),
+  props: {
+    category: {
+      type: Object,
+      required: !0
+    },
+    rooms: {
+      type: Array,
+      required: !0
+    },
+    currency: Object,
+    actions: Array
+  },
+  components: { DateSelector: da, Day: ba, Price: Sa, uiButton: Dt },
+  computed: {
+    days() {
+      let e = [];
+      for (let t = 0; t < this.showDays; t++)
+        e.push(V(this.date).add(t, "day"));
+      return e;
+    },
+    indeterminate() {
+      return this.selectedRooms.length > 0 && this.selectedRooms.length < this.rooms.length;
+    }
+  },
+  methods: {
+    changeDate(e) {
+      V(e).isBefore(this.today) || (this.date = e, this.$emit("dateChanged", this.date));
+    },
+    getSelectionBasePrice(e) {
+      let t = this.category.selectionPrices.find((o) => V(o.date).isSame(e.date));
+      return t ? t.price : e.price;
+    },
+    changeCategoryBulkPrices() {
+      this.$emit("changeCategoryBulkPrices");
+    },
+    changeCategorySelectionPrice(e) {
+      this.$emit("changeCategorySelectionPrice", e);
+    },
+    changeCategoryUpgradePrice(e) {
+      this.$emit("changeCategoryUpgradePrice", e);
+    },
+    tableAction(e) {
+      this.$emit("tableAction", e);
+    },
+    changeRoomPrice(e) {
+      this.$emit("changeRoomPrice", e);
+    }
+  }
+}, $a = { class: "px-4 sm:px-6 lg:px-8" }, _a = { class: "flow-root" }, Ca = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Oa = { class: "inline-block min-w-full align-middle" }, Da = { class: "min-w-full" }, Ma = { class: "bg-white" }, Ta = {
+  colspan: "6",
+  scope: "colgroup",
+  class: "bg-gray-50 py-2 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-3"
+}, Ea = {
+  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", {
+  colspan: "6",
+  class: "pl-4"
+}, " Precios de selección ", -1), Ra = /* @__PURE__ */ c("td", {
+  colspan: "6",
+  class: "pl-4"
+}, " Precios de mejora ", -1), ja = {
+  colspan: "20",
+  scope: "colgroup",
+  class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900 relative"
+}, 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 = {
+  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", {
+  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", {
+  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", {
+  colspan: "14",
+  scope: "colgroup",
+  class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900"
+}, null, -1), qa = {
+  colspan: "2",
+  class: "relative py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6"
+}, za = {
+  key: 0,
+  class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600"
+}, Wa = ["value"], Ka = { class: "pl-6" }, Ja = {
+  colspan: "2",
+  class: "pl-4"
+}, Ga = {
+  colspan: "2",
+  class: "pl-4"
+};
+function Xa(e, t, o, r, n, l) {
+  var d, m;
+  const a = Oe("DateSelector"), i = Oe("Day"), s = Oe("uiButton"), u = Oe("Price");
+  return g(), x("div", $a, [
+    c("div", _a, [
+      c("div", Ca, [
+        c("div", Oa, [
+          c("table", Da, [
+            c("tbody", Ma, [
+              c("tr", null, [
+                c("th", Ta, [
+                  S(a, {
+                    selectedDate: e.date,
+                    onDateSelected: t[0] || (t[0] = (v) => l.changeDate(v))
+                  }, null, 8, ["selectedDate"])
+                ]),
+                (g(!0), x(Z, null, ue(l.days, (v, p) => (g(), x("th", {
+                  scope: "col",
+                  key: p,
+                  class: "text-sm font-semibold text-gray-900 p-0"
+                }, [
+                  S(i, {
+                    class: "border-l border-gray-200 px-6 py-3",
+                    day: v
+                  }, null, 8, ["day"])
+                ]))), 128))
+              ]),
+              c("tr", null, [
+                c("th", Ea, [
+                  Pa,
+                  S(s, {
+                    class: "ml-4",
+                    size: "small",
+                    onClick: l.changeCategoryBulkPrices
+                  }, {
+                    default: Y(() => [
+                      ye("Cambiar precios en bloque ")
+                    ]),
+                    _: 1
+                  }, 8, ["onClick"])
+                ])
+              ]),
+              c("tr", null, [
+                La,
+                (g(!0), x(Z, null, ue(o.category.selectionPrices, (v, p) => (g(), x("td", {
+                  key: p,
+                  class: "p-0"
+                }, [
+                  S(u, {
+                    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: o.currency.symbol,
+                    isBasePrice: !0
+                  }, null, 8, ["onClick", "price", "currency"])
+                ]))), 128))
+              ]),
+              c("tr", null, [
+                Ra,
+                (g(!0), x(Z, null, ue(o.category.upgradePrices, (v, p) => (g(), x("td", {
+                  key: p,
+                  class: "p-0"
+                }, [
+                  S(u, {
+                    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: 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 = o.actions) == null ? void 0 : m.length) > 0 ? (g(), x("div", Ia, [
+                    (g(!0), x(Z, null, ue(o.actions, (v, p) => (g(), x("button", {
+                      onClick: (b) => l.tableAction({ action: v.id, items: e.selectedRooms }),
+                      key: p,
+                      type: "button",
+                      class: "inline-flex items-center rounded bg-indigo-600 hover:bg-indigo-800 px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30"
+                    }, O(v.name), 9, Aa))), 128))
+                  ])) : W("", !0),
+                  Fa
+                ])
+              ]),
+              c("tr", null, [
+                c("th", Ba, [
+                  c("input", {
+                    type: "checkbox",
+                    class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600",
+                    checked: l.indeterminate || e.selectedRooms.length === o.rooms.length,
+                    indeterminate: l.indeterminate,
+                    onChange: t[1] || (t[1] = (v) => e.selectedRooms = v.target.checked ? o.rooms.map((p) => p.name) : [])
+                  }, null, 40, Na),
+                  Ha
+                ]),
+                Va,
+                Ya,
+                Ua
+              ]),
+              (g(!0), x(Z, null, ue(o.rooms, (v) => (g(), x("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", {
+                    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)
+                  }, null, 8, Wa), [
+                    [Cn, e.selectedRooms]
+                  ]),
+                  c("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", {
+                  class: "p-0",
+                  key: b
+                }, [
+                  S(u, {
+                    onClick: (h) => l.changeRoomPrice(p),
+                    class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 cursor-pointer",
+                    price: p,
+                    currency: o.currency.symbol,
+                    basePrice: l.getSelectionBasePrice(p)
+                  }, null, 8, ["onClick", "price", "currency", "basePrice"])
+                ]))), 128))
+              ]))), 128))
+            ])
+          ])
+        ])
+      ])
+    ])
+  ]);
+}
+const Qa = /* @__PURE__ */ Te(ka, [["render", Xa]]);
+const 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 o = w("24h");
+    const r = (n) => {
+      o.value = n, t("rangeSelected", n);
+    };
+    return (n, l) => (g(), x("ul", Za, [
+      c("li", {
+        class: R({ selected: _(o) === "24h" }),
+        onClick: l[0] || (l[0] = (a) => r("24h"))
+      }, " 24H ", 2),
+      c("li", {
+        class: R({ selected: _(o) === "7d" }),
+        onClick: l[1] || (l[1] = (a) => r("7d"))
+      }, "7D", 2),
+      c("li", {
+        class: R({ selected: _(o) === "1m" }),
+        onClick: l[2] || (l[2] = (a) => r("1m"))
+      }, "1M", 2),
+      c("li", {
+        class: R({ selected: _(o) === "3m" }),
+        onClick: l[3] || (l[3] = (a) => r("3m"))
+      }, "3M", 2)
+    ]));
+  }
+}), ni = /* @__PURE__ */ Te(ti, [["__scopeId", "data-v-e8fe3015"]]), oi = {
+  toolbar: {
+    show: !1
+  },
+  zoom: {
+    enabled: !1
+  }
+}, li = [
+  "#715aff",
+  "#00ffff",
+  "#aba9ba"
+], ri = {
+  show: !0,
+  curve: "stepline",
+  lineCap: "butt",
+  width: 1,
+  dashArray: 0
+}, ai = {
+  enabled: !1
+}, ii = {
+  strokeWidth: 0,
+  size: 4,
+  hover: {
+    size: 8
+  }
+}, si = {
+  chart: oi,
+  colors: li,
+  stroke: ri,
+  dataLabels: ai,
+  markers: ii
+};
+const ui = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, di = { class: "chart-header flex flex-row justify-between" }, ci = { class: "text-sm font-medium text-gray-500 truncate" }, fi = { class: "chart-content" }, vi = {
+  name: "uiChart"
+}, pi = /* @__PURE__ */ Object.assign(vi, {
+  props: {
+    title: String,
+    type: {
+      type: String,
+      default: "area"
+    },
+    series: {
+      type: Array,
+      required: !0
+    },
+    options: {
+      type: Object,
+      required: !0
+    }
+  },
+  emits: ["selectedRange", "chartUpdated"],
+  setup(e, { emit: t }) {
+    const o = e, r = y(() => ({ ...o.options, ...si })), n = y(() => o.series), l = () => t("chartUpdated");
+    return (a, i) => (g(), x("div", ui, [
+      c("div", di, [
+        c("div", ci, O(e.title), 1),
+        S(ni, {
+          onRangeSelected: i[0] || (i[0] = (s) => t("selectedRange", s))
+        })
+      ]),
+      c("div", fi, [
+        S(_(On), {
+          type: e.type,
+          series: n.value,
+          width: "100%",
+          height: "100%",
+          options: r.value,
+          onUpdated: l,
+          onMounted: a.emitEvent
+        }, null, 8, ["type", "series", "options", "onMounted"])
+      ])
+    ]));
+  }
+}), mi = /* @__PURE__ */ Te(pi, [["__scopeId", "data-v-4913a7a5"]]), gi = {
+  uiButton: Dt,
+  uiIcon: ve,
+  uiCheckbox: An,
+  uiDropdown: pn,
+  uiInput: xl,
+  uiInputFile: Ll,
+  uiSelect: Il,
+  uiTag: mn,
+  uiTextArea: Hl,
+  uiToggle: ql,
+  uiAlert: er,
+  uiBreadcrumbs: sr,
+  uiCard: mr,
+  uiFilter: hr,
+  uiModal: Mr,
+  uiNotification: Hr,
+  uiTaskList: Qr,
+  uiPriceCalendar: Qa,
+  uiChart: mi
+}, Ct = gi, wi = {
   install(e) {
-    Object.keys(De).forEach((n) => {
-      e.component(n, De[n]);
+    Object.keys(Ct).forEach((t) => {
+      e.component(t, Ct[t]);
     });
   }
 };
 export {
-  il as default
+  wi as default
 };