@hotelinking/ui 3.31.4 → 3.32.0

package/dist/ui.es.js

@@ -1,9 +1,9 @@
-import { openBlock as e, createBlock as t, resolveDynamicComponent as l, normalizeClass as a, createElementBlock as n, createVNode as r, renderSlot as o, createElementVNode as i, ref as s, cloneVNode as u, h as d, Fragment as c, inject as p, provide as g, onMounted as m, watchEffect as f, nextTick as v, computed as y, defineComponent as b, toRaw as h, watch as x, onUnmounted as w, Teleport as k, reactive as S, unref as C, shallowRef as O, withCtx as D, createTextVNode as M, toDisplayString as _, Transition as P, renderList as T, createCommentVNode as j, withDirectives as E, vModelDynamic as L, vShow as I, withModifiers as B, vModelText as R, createStaticVNode as A, resolveComponent as F, vModelCheckbox as N, isRef as $ } from "vue";
+import { openBlock as e, createBlock as t, resolveDynamicComponent as l, normalizeClass as a, createElementBlock as n, createVNode as r, renderSlot as o, createElementVNode as i, ref as s, cloneVNode as u, h as d, Fragment as c, inject as p, provide as g, onMounted as f, watchEffect as m, nextTick as v, computed as y, defineComponent as b, toRaw as h, watch as x, onUnmounted as w, Teleport as k, reactive as S, unref as C, shallowRef as O, withCtx as D, createTextVNode as M, toDisplayString as _, Transition as P, renderList as j, createCommentVNode as T, withDirectives as E, vModelDynamic as L, vShow as I, withModifiers as B, vModelText as R, createStaticVNode as A, resolveComponent as F, vModelCheckbox as N, isRef as $ } from "vue";
 import H from "dayjs";
-import Y from "vue3-apexcharts";
-import { VueFunnelGraph as V } from "vue3-funnel-graph-js";
-const q = { name: "uiIcon" }, U = Object.assign(q, { props: { icon: { type: Function, required: true }, size: { type: String, default: "normal" }, color: { type: String, default: "primary" }, loading: { type: Boolean, default: true } }, setup: (r2) => (o2, i2) => r2.loading ? (e(), n("div", { key: 1, class: a([{ "h-4 w-4": "normal" === r2.size, "h-6 w-6": "big" === r2.size, "h-12 w-12": "huge" === r2.size, "h-20 w-20": "massive" === r2.size }, "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"]) }, null, 2)) : (e(), t(l(r2.icon), { key: 0, class: a({ "h-4 w-4": "normal" === r2.size, "h-6 w-6": "big" === r2.size, "h-12 w-12": "huge" === r2.size, "h-20 w-20": "massive" === r2.size, "text-indigo-600": "primary" === r2.color, "text-cyan-300": "secondary" === r2.color, "text-red-400": "red" === r2.color, "text-yellow-400": "yellow" === r2.color, "text-green-400": "green" === r2.color, "text-white": "white" === r2.color, "text-gray-300": "gray" === r2.color, "text-black": "black" === r2.color }) }, null, 8, ["class"])) }), z = ["disabled"], W = { key: 1, class: "animate-pulse px-4 py-2.5 text-sm rounded-md 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 bg-gray-200" }, K = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-16" }, null, -1), J = { name: "uiButton" }, G = Object.assign(J, { props: { color: { type: String, default: "primary" }, size: { type: String, default: "normal" }, icon: { type: Function, default: () => {
-} }, disabled: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, i2) => t2.loading ? (e(), n("button", W, [r(U, { icon: t2.icon, color: "white", class: "-ml-0.5 mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), K])) : (e(), n("button", { key: 0, disabled: t2.disabled, class: a([{ "bg-indigo-600 hover:bg-indigo-800": "primary" === t2.color, "bg-cyan-300 hover:bg-cyan-500": "secondary" === t2.color, "bg-red-400 hover:bg-red-600": "red" === t2.color, "bg-yellow-400 hover:bg-yellow-600": "yellow" === t2.color, "bg-green-400 hover:bg-green-600": "green" === t2.color, "px-4 py-2 text-sm rounded-md": "normal" === t2.size, "px-2.5 py-1.5 text-xs rounded leading-none": "small" === t2.size, "px-6 py-3 text-base rounded-md": "large" === t2.size }, "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" }, [r(U, { icon: t2.icon, color: "white", class: "-ml-0.5 mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), o(l2.$slots, "default")], 10, z)) }), X = { key: 0, class: "relative flex items-start" }, Q = { class: "flex items-center h-5" }, Z = ["checked", "value", "disabled"], ee = { class: "ml-3 text-sm" }, te = { class: "text-gray-500" }, le = { key: 1, class: "flex items-center animate-pulse" }, ae = [i("div", { class: "w-5 h-5 rounded bg-gray-200" }, null, -1), i("div", { class: "ml-3 h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1)], ne = { name: "uiCheckbox" }, re = Object.assign(ne, { props: { disabled: { type: Boolean, default: false }, value: { type: String }, check: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, emits: ["checkboxChanged"], setup(t2, { emit: l2 }) {
+import V from "vue3-apexcharts";
+import { VueFunnelGraph as Y } from "vue3-funnel-graph-js";
+const z = { name: "uiIcon" }, q = Object.assign(z, { props: { icon: { type: Function, required: true }, size: { type: String, default: "normal" }, color: { type: String, default: "primary" }, loading: { type: Boolean, default: true } }, setup: (r2) => (o2, i2) => r2.loading ? (e(), n("div", { key: 1, class: a([{ "h-4 w-4": "normal" === r2.size, "h-6 w-6": "big" === r2.size, "h-12 w-12": "huge" === r2.size, "h-20 w-20": "massive" === r2.size }, "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"]) }, null, 2)) : (e(), t(l(r2.icon), { key: 0, class: a({ "h-4 w-4": "normal" === r2.size, "h-6 w-6": "big" === r2.size, "h-12 w-12": "huge" === r2.size, "h-20 w-20": "massive" === r2.size, "text-indigo-600": "primary" === r2.color, "text-cyan-300": "secondary" === r2.color, "text-red-400": "red" === r2.color, "text-yellow-400": "yellow" === r2.color, "text-green-400": "green" === r2.color, "text-white": "white" === r2.color, "text-gray-300": "gray" === r2.color, "text-black": "black" === r2.color }) }, null, 8, ["class"])) }), U = ["disabled"], W = { key: 1, class: "animate-pulse px-4 py-2.5 text-sm rounded-md 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 bg-gray-200" }, K = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-16" }, null, -1), J = { name: "uiButton" }, G = Object.assign(J, { props: { color: { type: String, default: "primary" }, size: { type: String, default: "normal" }, icon: { type: Function, default: () => {
+} }, disabled: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, i2) => t2.loading ? (e(), n("button", W, [r(q, { icon: t2.icon, color: "white", class: "-ml-0.5 mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), K])) : (e(), n("button", { key: 0, disabled: t2.disabled, class: a([{ "bg-indigo-600 hover:bg-indigo-800": "primary" === t2.color, "bg-cyan-300 hover:bg-cyan-500": "secondary" === t2.color, "bg-red-400 hover:bg-red-600": "red" === t2.color, "bg-yellow-400 hover:bg-yellow-600": "yellow" === t2.color, "bg-green-400 hover:bg-green-600": "green" === t2.color, "px-4 py-2 text-sm rounded-md": "normal" === t2.size, "px-2.5 py-1.5 text-xs rounded leading-none": "small" === t2.size, "px-6 py-3 text-base rounded-md": "large" === t2.size }, "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" }, [r(q, { icon: t2.icon, color: "white", class: "-ml-0.5 mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), o(l2.$slots, "default")], 10, U)) }), X = { key: 0, class: "relative flex items-start" }, Q = { class: "flex items-center h-5" }, Z = ["checked", "value", "disabled"], ee = { class: "ml-3 text-sm" }, te = { class: "text-gray-500" }, le = { key: 1, class: "flex items-center animate-pulse" }, ae = [i("div", { class: "w-5 h-5 rounded bg-gray-200" }, null, -1), i("div", { class: "ml-3 h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1)], ne = { name: "uiCheckbox" }, re = Object.assign(ne, { props: { disabled: { type: Boolean, default: false }, value: { type: String }, check: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, emits: ["checkboxChanged"], setup(t2, { emit: l2 }) {
   const a2 = t2, r2 = s(a2.check);
   return (s2, u2) => t2.loading ? (e(), n("div", le, ae)) : (e(), n("div", X, [i("div", Q, [i("input", { checked: t2.check, value: t2.value, disabled: t2.disabled, class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded disabled:opacity-25", type: "checkbox", onChange: u2[0] || (u2[0] = (e2) => {
     a2.disabled || (r2.value = !r2.value, l2("checkboxChanged", { checked: r2.value, value: a2.value }));
@@ -30,7 +30,7 @@ function ue({ visible: e2 = true, features: t2 = 0, ourProps: l2, theirProps: a2
 }
 function de({ props: e2, attrs: t2, slots: l2, slot: a2, name: n2 }) {
   var r2, o2;
-  let { as: i2, ...s2 } = me(e2, ["unmount", "static"]), c2 = null == (r2 = l2.default) ? void 0 : r2.call(l2, a2), p2 = {};
+  let { as: i2, ...s2 } = fe(e2, ["unmount", "static"]), c2 = null == (r2 = l2.default) ? void 0 : r2.call(l2, a2), p2 = {};
   if (a2) {
     let e3 = false, t3 = [];
     for (let [l3, n3] of Object.entries(a2))
@@ -84,15 +84,15 @@ function ge(e2) {
     void 0 === t2[e3] && delete t2[e3];
   return t2;
 }
-function me(e2, t2 = []) {
+function fe(e2, t2 = []) {
   let l2 = Object.assign({}, e2);
   for (let e3 of t2)
     e3 in l2 && delete l2[e3];
   return l2;
 }
-let fe = 0;
+let me = 0;
 function ve() {
-  return ++fe;
+  return ++me;
 }
 var ye = ((e2) => (e2.Space = " ", e2.Enter = "Enter", e2.Escape = "Escape", e2.Backspace = "Backspace", e2.Delete = "Delete", e2.ArrowLeft = "ArrowLeft", e2.ArrowUp = "ArrowUp", e2.ArrowRight = "ArrowRight", e2.ArrowDown = "ArrowDown", e2.Home = "Home", e2.End = "End", e2.PageUp = "PageUp", e2.PageDown = "PageDown", e2.Tab = "Tab", e2))(ye || {});
 var be = ((e2) => (e2[e2.First = 0] = "First", e2[e2.Previous = 1] = "Previous", e2[e2.Next = 2] = "Next", e2[e2.Last = 3] = "Last", e2[e2.Specific = 4] = "Specific", e2[e2.Nothing = 5] = "Nothing", e2))(be || {});
@@ -146,9 +146,9 @@ function Oe(e2, t2) {
 }
 function De(e2, t2) {
   let l2 = s(Oe(e2.value.type, e2.value.as));
-  return m(() => {
+  return f(() => {
     l2.value = Oe(e2.value.type, e2.value.as);
-  }), f(() => {
+  }), m(() => {
     var e3;
     l2.value || xe(t2) && xe(t2) instanceof HTMLButtonElement && (null == (e3 = xe(t2)) || !e3.hasAttribute("type")) && (l2.value = "button");
   }), l2;
@@ -179,7 +179,7 @@ let Pe = new class {
     return "undefined" == typeof window || "undefined" == typeof document ? "server" : "client";
   }
 }();
-function Te(e2) {
+function je(e2) {
   if (Pe.isServer)
     return null;
   if (e2 instanceof Node)
@@ -191,12 +191,12 @@ function Te(e2) {
   }
   return document;
 }
-function je({ container: e2, accept: t2, walk: l2, enabled: a2 }) {
-  f(() => {
+function Te({ container: e2, accept: t2, walk: l2, enabled: a2 }) {
+  m(() => {
     let n2 = e2.value;
     if (!n2 || void 0 !== a2 && !a2.value)
       return;
-    let r2 = Te(e2);
+    let r2 = je(e2);
     if (!r2)
       return;
     let o2 = Object.assign((e3) => t2(e3), { acceptNode: t2 }), i2 = r2.createTreeWalker(n2, NodeFilter.SHOW_ELEMENT, o2, false);
@@ -212,7 +212,7 @@ function Re(e2 = document.body) {
 var Ae = ((e2) => (e2[e2.Strict = 0] = "Strict", e2[e2.Loose = 1] = "Loose", e2))(Ae || {});
 function Fe(e2, t2 = 0) {
   var l2;
-  return e2 !== (null == (l2 = Te(e2)) ? void 0 : l2.body) && oe(t2, { 0: () => e2.matches(Ee), 1() {
+  return e2 !== (null == (l2 = je(e2)) ? void 0 : l2.body) && oe(t2, { 0: () => e2.matches(Ee), 1() {
     let t3 = e2;
     for (; null !== t3; ) {
       if (t3.matches(Ee))
@@ -223,7 +223,7 @@ function Fe(e2, t2 = 0) {
   } });
 }
 function Ne(e2) {
-  let t2 = Te(e2);
+  let t2 = je(e2);
   v(() => {
     t2 && !Fe(t2.activeElement, 0) && He(e2);
   });
@@ -237,8 +237,8 @@ function He(e2) {
 }, true), document.addEventListener("click", (e2) => {
   1 === e2.detail ? delete document.documentElement.dataset.headlessuiFocusVisible : 0 === e2.detail && (document.documentElement.dataset.headlessuiFocusVisible = "");
 }, true));
-let Ye = ["textarea", "input"].join(",");
-function Ve(e2, t2 = (e3) => e3) {
+let Ve = ["textarea", "input"].join(",");
+function Ye(e2, t2 = (e3) => e3) {
   return e2.slice().sort((e3, l2) => {
     let a2 = t2(e3), n2 = t2(l2);
     if (null === a2 || null === n2)
@@ -247,9 +247,9 @@ function Ve(e2, t2 = (e3) => e3) {
     return r2 & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : r2 & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
   });
 }
-function qe(e2, t2, { sorted: l2 = true, relativeTo: a2 = null, skipElements: n2 = [] } = {}) {
+function ze(e2, t2, { sorted: l2 = true, relativeTo: a2 = null, skipElements: n2 = [] } = {}) {
   var r2;
-  let o2 = null != (r2 = Array.isArray(e2) ? e2.length > 0 ? e2[0].ownerDocument : document : null == e2 ? void 0 : e2.ownerDocument) ? r2 : document, i2 = Array.isArray(e2) ? l2 ? Ve(e2) : e2 : Re(e2);
+  let o2 = null != (r2 = Array.isArray(e2) ? e2.length > 0 ? e2[0].ownerDocument : document : null == e2 ? void 0 : e2.ownerDocument) ? r2 : document, i2 = Array.isArray(e2) ? l2 ? Ye(e2) : e2 : Re(e2);
   n2.length > 0 && i2.length > 1 && (i2 = i2.filter((e3) => !n2.includes(e3))), a2 = null != a2 ? a2 : o2.activeElement;
   let s2, u2 = (() => {
     if (5 & t2)
@@ -284,16 +284,16 @@ function qe(e2, t2, { sorted: l2 = true, relativeTo: a2 = null, skipElements: n2
   } while (s2 !== o2.activeElement);
   return 6 & t2 && function(e3) {
     var t3, l3;
-    return null != (l3 = null == (t3 = null == e3 ? void 0 : e3.matches) ? void 0 : t3.call(e3, Ye)) && l3;
+    return null != (l3 = null == (t3 = null == e3 ? void 0 : e3.matches) ? void 0 : t3.call(e3, Ve)) && l3;
   }(s2) && s2.select(), 2;
 }
-function Ue(e2, t2, l2) {
-  Pe.isServer || f((a2) => {
+function qe(e2, t2, l2) {
+  Pe.isServer || m((a2) => {
     document.addEventListener(e2, t2, l2), a2(() => document.removeEventListener(e2, t2, l2));
   });
 }
-function ze(e2, t2, l2) {
-  Pe.isServer || f((a2) => {
+function Ue(e2, t2, l2) {
+  Pe.isServer || m((a2) => {
     window.addEventListener(e2, t2, l2), a2(() => window.removeEventListener(e2, t2, l2));
   });
 }
@@ -317,12 +317,12 @@ function We(e2, t2, l2 = y(() => true)) {
     return !Fe(r2, Ae.Loose) && -1 !== r2.tabIndex && a3.preventDefault(), t2(a3, r2);
   }
   let n2 = s(null);
-  Ue("mousedown", (e3) => {
+  qe("mousedown", (e3) => {
     var t3, a3;
     l2.value && (n2.value = (null == (a3 = null == (t3 = e3.composedPath) ? void 0 : t3.call(e3)) ? void 0 : a3[0]) || e3.target);
-  }, true), Ue("click", (e3) => {
+  }, true), qe("click", (e3) => {
     n2.value && (a2(e3, () => n2.value), n2.value = null);
-  }, true), ze("blur", (e3) => a2(e3, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), true);
+  }, true), Ue("blur", (e3) => a2(e3, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), true);
 }
 var Ke = ((e2) => (e2[e2.None = 1] = "None", e2[e2.Focusable = 2] = "Focusable", e2[e2.Hidden = 4] = "Hidden", e2))(Ke || {});
 let Je = b({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup: (e2, { slots: t2, attrs: l2 }) => () => {
@@ -412,9 +412,9 @@ function dt(e2) {
   return t2;
 }
 let ct = b({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, props: { as: { type: [Object, String], default: "template" }, disabled: { type: [Boolean], default: false }, by: { type: [String, Function], default: () => rt }, modelValue: { type: [Object, String, Number, Boolean], default: void 0 }, defaultValue: { type: [Object, String, Number, Boolean], default: void 0 }, form: { type: String, optional: true }, name: { type: String, optional: true }, nullable: { type: Boolean, default: false }, multiple: { type: [Boolean], default: false } }, inheritAttrs: false, setup(e2, { slots: t2, attrs: l2, emit: a2 }) {
-  let n2 = s(1), r2 = s(null), o2 = s(null), i2 = s(null), u2 = s(null), p2 = s({ static: false, hold: false }), f2 = s([]), v2 = s(null), b2 = s(1), w2 = s(false);
+  let n2 = s(1), r2 = s(null), o2 = s(null), i2 = s(null), u2 = s(null), p2 = s({ static: false, hold: false }), m2 = s([]), v2 = s(null), b2 = s(1), w2 = s(false);
   function k2(e3 = (e4) => e4) {
-    let t3 = null !== v2.value ? f2.value[v2.value] : null, l3 = Ve(e3(f2.value.slice()), (e4) => xe(e4.dataRef.domRef)), a3 = t3 ? l3.indexOf(t3) : null;
+    let t3 = null !== v2.value ? m2.value[v2.value] : null, l3 = Ye(e3(m2.value.slice()), (e4) => xe(e4.dataRef.domRef)), a3 = t3 ? l3.indexOf(t3) : null;
     return -1 === a3 && (a3 = null), { options: l3, activeOptionIndex: a3 };
   }
   let S2 = y(() => e2.multiple ? 1 : 0), C2 = y(() => e2.nullable), [O2, D2] = Ze(y(() => void 0 === e2.modelValue ? oe(S2.value, { 1: [], 0: void 0 }) : e2.modelValue), (e3) => a2("update:modelValue", e3), y(() => e2.defaultValue)), M2 = { comboboxState: n2, value: O2, mode: S2, compare(t3, l3) {
@@ -423,11 +423,11 @@ let ct = b({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, pro
       return (null == t3 ? void 0 : t3[a3]) === (null == l3 ? void 0 : l3[a3]);
     }
     return e2.by(t3, l3);
-  }, defaultValue: y(() => e2.defaultValue), nullable: C2, inputRef: o2, labelRef: r2, buttonRef: i2, optionsRef: u2, disabled: y(() => e2.disabled), options: f2, change(e3) {
+  }, defaultValue: y(() => e2.defaultValue), nullable: C2, inputRef: o2, labelRef: r2, buttonRef: i2, optionsRef: u2, disabled: y(() => e2.disabled), options: m2, change(e3) {
     D2(e3);
   }, activeOptionIndex: y(() => {
-    if (w2.value && null === v2.value && f2.value.length > 0) {
-      let e3 = f2.value.findIndex((e4) => !e4.dataRef.disabled);
+    if (w2.value && null === v2.value && m2.value.length > 0) {
+      let e3 = m2.value.findIndex((e4) => !e4.dataRef.disabled);
       -1 !== e3 && (v2.value = e3);
     }
     return v2.value;
@@ -436,7 +436,7 @@ let ct = b({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, pro
   }, openCombobox() {
     if (w2.value = true, e2.disabled || 0 === n2.value)
       return;
-    let t3 = f2.value.findIndex((e3) => {
+    let t3 = m2.value.findIndex((e3) => {
       let t4 = h(e3.dataRef.value);
       return oe(S2.value, { 0: () => M2.compare(h(M2.value.value), h(t4)), 1: () => h(M2.value.value).some((e4) => M2.compare(h(e4), h(t4))) });
     });
@@ -450,9 +450,9 @@ let ct = b({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, pro
       -1 !== e3 && (r3.activeOptionIndex = e3);
     }
     let o3 = he(t3 === be.Specific ? { focus: be.Specific, id: l3 } : { focus: t3 }, { resolveItems: () => r3.options, resolveActiveIndex: () => r3.activeOptionIndex, resolveId: (e3) => e3.id, resolveDisabled: (e3) => e3.dataRef.disabled });
-    v2.value = o3, b2.value = null != a3 ? a3 : 1, f2.value = r3.options;
+    v2.value = o3, b2.value = null != a3 ? a3 : 1, m2.value = r3.options;
   }, selectOption(e3) {
-    let t3 = f2.value.find((t4) => t4.id === e3);
+    let t3 = m2.value.find((t4) => t4.id === e3);
     if (!t3)
       return;
     let { dataRef: l3 } = t3;
@@ -463,7 +463,7 @@ let ct = b({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, pro
   }, selectActiveOption() {
     if (null === M2.activeOptionIndex.value)
       return;
-    let { dataRef: e3, id: t3 } = f2.value[M2.activeOptionIndex.value];
+    let { dataRef: e3, id: t3 } = m2.value[M2.activeOptionIndex.value];
     D2(oe(S2.value, { 0: () => e3.value, 1: () => {
       let t4 = h(M2.value.value).slice(), l3 = h(e3.value), a3 = t4.findIndex((e4) => M2.compare(l3, h(e4)));
       return -1 === a3 ? t4.push(l3) : t4.splice(a3, 1), t4;
@@ -474,9 +474,9 @@ let ct = b({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, pro
       let e4 = t3.value.value;
       oe(S2.value, { 0: () => M2.compare(h(M2.value.value), h(e4)), 1: () => h(M2.value.value).some((t4) => M2.compare(h(t4), h(e4))) }) && (a3.activeOptionIndex = a3.options.indexOf(l3));
     }
-    f2.value = a3.options, v2.value = a3.activeOptionIndex, b2.value = 1, a3.options.some((e4) => !xe(e4.dataRef.domRef)) && requestAnimationFrame(() => {
+    m2.value = a3.options, v2.value = a3.activeOptionIndex, b2.value = 1, a3.options.some((e4) => !xe(e4.dataRef.domRef)) && requestAnimationFrame(() => {
       let e4 = k2();
-      f2.value = e4.options, v2.value = e4.activeOptionIndex;
+      m2.value = e4.options, v2.value = e4.activeOptionIndex;
     });
   }, unregisterOption(e3) {
     var t3;
@@ -485,14 +485,14 @@ let ct = b({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, pro
       let l4 = t4.findIndex((t5) => t5.id === e3);
       return -1 !== l4 && t4.splice(l4, 1), t4;
     });
-    f2.value = l3.options, v2.value = l3.activeOptionIndex, b2.value = 1;
+    m2.value = l3.options, v2.value = l3.activeOptionIndex, b2.value = 1;
   } };
   We([o2, i2, u2], () => M2.closeCombobox(), y(() => 0 === n2.value)), g(ut, M2), Ce(y(() => oe(n2.value, { 0: ke.Open, 1: ke.Closed })));
-  let _2 = y(() => null === M2.activeOptionIndex.value ? null : f2.value[M2.activeOptionIndex.value].dataRef.value), P2 = y(() => {
+  let _2 = y(() => null === M2.activeOptionIndex.value ? null : m2.value[M2.activeOptionIndex.value].dataRef.value), P2 = y(() => {
     var e3;
     return null == (e3 = xe(o2)) ? void 0 : e3.closest("form");
   });
-  return m(() => {
+  return f(() => {
     x([P2], () => {
       if (P2.value && void 0 !== e2.defaultValue)
         return P2.value.addEventListener("reset", t3), () => {
@@ -505,7 +505,7 @@ let ct = b({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, pro
     }, { immediate: true });
   }), () => {
     let { name: a3, disabled: r3, form: o3, ...i3 } = e2, s2 = { open: 0 === n2.value, disabled: r3, activeIndex: M2.activeOptionIndex.value, activeOption: _2.value, value: O2.value };
-    return d(c, [...null != a3 && null != O2.value ? Ge({ [a3]: O2.value }).map(([e3, t3]) => d(Je, ge({ features: Ke.Hidden, key: e3, as: "input", type: "hidden", hidden: true, readOnly: true, form: o3, name: e3, value: t3 }))) : [], ue({ theirProps: { ...l2, ...me(i3, ["modelValue", "defaultValue", "nullable", "multiple", "onUpdate:modelValue", "by"]) }, ourProps: {}, slot: s2, slots: t2, attrs: l2, name: "Combobox" })]);
+    return d(c, [...null != a3 && null != O2.value ? Ge({ [a3]: O2.value }).map(([e3, t3]) => d(Je, ge({ features: Ke.Hidden, key: e3, as: "input", type: "hidden", hidden: true, readOnly: true, form: o3, name: e3, value: t3 }))) : [], ue({ theirProps: { ...l2, ...fe(i3, ["modelValue", "defaultValue", "nullable", "multiple", "onUpdate:modelValue", "by"]) }, ourProps: {}, slot: s2, slots: t2, attrs: l2, name: "Combobox" })]);
   };
 } }), pt = b({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: () => `headlessui-combobox-label-${ve()}` } }, setup(e2, { attrs: t2, slots: l2 }) {
   let a2 = dt("ComboboxLabel");
@@ -555,7 +555,7 @@ let ct = b({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, pro
     let u2 = { open: 0 === n2.comboboxState.value, disabled: n2.disabled.value, value: n2.value.value }, { id: d2, ...c2 } = e2;
     return ue({ ourProps: { ref: n2.buttonRef, id: d2, type: i2.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": null == (a3 = xe(n2.optionsRef)) ? void 0 : a3.id, "aria-expanded": n2.disabled.value ? void 0 : 0 === n2.comboboxState.value, "aria-labelledby": n2.labelRef.value ? [null == (s2 = xe(n2.labelRef)) ? void 0 : s2.id, d2].join(" ") : void 0, disabled: true === n2.disabled.value || void 0, onKeydown: o2, onClick: r2 }, theirProps: c2, slot: u2, attrs: t2, slots: l2, name: "ComboboxButton" });
   };
-} }), mt = b({ name: "ComboboxInput", props: { as: { type: [Object, String], default: "input" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, displayValue: { type: Function }, defaultValue: { type: String, default: void 0 }, id: { type: String, default: () => `headlessui-combobox-input-${ve()}` } }, emits: { change: (e2) => true }, setup(e2, { emit: t2, attrs: l2, slots: a2, expose: n2 }) {
+} }), ft = b({ name: "ComboboxInput", props: { as: { type: [Object, String], default: "input" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, displayValue: { type: Function }, defaultValue: { type: String, default: void 0 }, id: { type: String, default: () => `headlessui-combobox-input-${ve()}` } }, emits: { change: (e2) => true }, setup(e2, { emit: t2, attrs: l2, slots: a2, expose: n2 }) {
   let r2 = dt("ComboboxInput"), o2 = { value: false };
   n2({ el: r2.inputRef, $el: r2.inputRef });
   let i2 = y(() => {
@@ -563,7 +563,7 @@ let ct = b({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, pro
     let l3 = r2.value.value;
     return xe(r2.inputRef) ? void 0 !== e2.displayValue && void 0 !== l3 ? null != (t3 = e2.displayValue(l3)) ? t3 : "" : "string" == typeof l3 ? l3 : "" : "";
   });
-  m(() => {
+  f(() => {
     x([i2, r2.comboboxState], ([e3, t3], [l3, a3]) => {
       if (o2.value)
         return;
@@ -641,7 +641,7 @@ let ct = b({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, pro
         0 === r2.mode.value && r2.selectActiveOption(), r2.closeCombobox();
     }
   }
-  function f2(e3) {
+  function m2(e3) {
     u2.value ? d2.value = e3 : (r2.openCombobox(), t2("change", e3));
   }
   function b2() {
@@ -653,23 +653,23 @@ let ct = b({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, pro
   });
   return () => {
     var t3, n3, o3, i3, s2, u3;
-    let d3 = { open: 0 === r2.comboboxState.value }, { id: m2, displayValue: v2, onChange: y2, ...x2 } = e2;
-    return ue({ ourProps: { "aria-controls": null == (t3 = r2.optionsRef.value) ? void 0 : t3.id, "aria-expanded": r2.disabled.value ? void 0 : 0 === r2.comboboxState.value, "aria-activedescendant": null === r2.activeOptionIndex.value || null == (n3 = r2.options.value[r2.activeOptionIndex.value]) ? void 0 : n3.id, "aria-labelledby": null != (s2 = null == (o3 = xe(r2.labelRef)) ? void 0 : o3.id) ? s2 : null == (i3 = xe(r2.buttonRef)) ? void 0 : i3.id, "aria-autocomplete": "list", id: m2, onCompositionstart: c2, onCompositionend: p2, onKeydown: g2, onInput: f2, onBlur: b2, role: "combobox", type: null != (u3 = l2.type) ? u3 : "text", tabIndex: 0, ref: r2.inputRef, defaultValue: h2.value, disabled: true === r2.disabled.value || void 0 }, theirProps: x2, slot: d3, attrs: l2, slots: a2, features: ie.RenderStrategy | ie.Static, name: "ComboboxInput" });
+    let d3 = { open: 0 === r2.comboboxState.value }, { id: f2, displayValue: v2, onChange: y2, ...x2 } = e2;
+    return ue({ ourProps: { "aria-controls": null == (t3 = r2.optionsRef.value) ? void 0 : t3.id, "aria-expanded": r2.disabled.value ? void 0 : 0 === r2.comboboxState.value, "aria-activedescendant": null === r2.activeOptionIndex.value || null == (n3 = r2.options.value[r2.activeOptionIndex.value]) ? void 0 : n3.id, "aria-labelledby": null != (s2 = null == (o3 = xe(r2.labelRef)) ? void 0 : o3.id) ? s2 : null == (i3 = xe(r2.buttonRef)) ? void 0 : i3.id, "aria-autocomplete": "list", id: f2, onCompositionstart: c2, onCompositionend: p2, onKeydown: g2, onInput: m2, onBlur: b2, role: "combobox", type: null != (u3 = l2.type) ? u3 : "text", tabIndex: 0, ref: r2.inputRef, defaultValue: h2.value, disabled: true === r2.disabled.value || void 0 }, theirProps: x2, slot: d3, attrs: l2, slots: a2, features: ie.RenderStrategy | ie.Static, name: "ComboboxInput" });
   };
-} }), ft = b({ name: "ComboboxOptions", props: { as: { type: [Object, String], default: "ul" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, hold: { type: [Boolean], default: false } }, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
+} }), mt = b({ name: "ComboboxOptions", props: { as: { type: [Object, String], default: "ul" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, hold: { type: [Boolean], default: false } }, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
   let n2 = dt("ComboboxOptions"), r2 = `headlessui-combobox-options-${ve()}`;
-  a2({ el: n2.optionsRef, $el: n2.optionsRef }), f(() => {
+  a2({ el: n2.optionsRef, $el: n2.optionsRef }), m(() => {
     n2.optionsPropsRef.value.static = e2.static;
-  }), f(() => {
+  }), m(() => {
     n2.optionsPropsRef.value.hold = e2.hold;
   });
   let o2 = Se(), i2 = y(() => null !== o2 ? (o2.value & ke.Open) === ke.Open : 0 === n2.comboboxState.value);
-  return je({ container: y(() => xe(n2.optionsRef)), enabled: y(() => 0 === n2.comboboxState.value), accept: (e3) => "option" === e3.getAttribute("role") ? NodeFilter.FILTER_REJECT : e3.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT, walk(e3) {
+  return Te({ container: y(() => xe(n2.optionsRef)), enabled: y(() => 0 === n2.comboboxState.value), accept: (e3) => "option" === e3.getAttribute("role") ? NodeFilter.FILTER_REJECT : e3.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT, walk(e3) {
     e3.setAttribute("role", "none");
   } }), () => {
     var a3, o3, s2;
     let u2 = { open: 0 === n2.comboboxState.value };
-    return ue({ ourProps: { "aria-labelledby": null != (s2 = null == (a3 = xe(n2.labelRef)) ? void 0 : a3.id) ? s2 : null == (o3 = xe(n2.buttonRef)) ? void 0 : o3.id, id: r2, ref: n2.optionsRef, role: "listbox", "aria-multiselectable": 1 === n2.mode.value || void 0 }, theirProps: me(e2, ["hold"]), slot: u2, attrs: t2, slots: l2, features: ie.RenderStrategy | ie.Static, visible: i2.value, name: "ComboboxOptions" });
+    return ue({ ourProps: { "aria-labelledby": null != (s2 = null == (a3 = xe(n2.labelRef)) ? void 0 : a3.id) ? s2 : null == (o3 = xe(n2.buttonRef)) ? void 0 : o3.id, id: r2, ref: n2.optionsRef, role: "listbox", "aria-multiselectable": 1 === n2.mode.value || void 0 }, theirProps: fe(e2, ["hold"]), slot: u2, attrs: t2, slots: l2, features: ie.RenderStrategy | ie.Static, visible: i2.value, name: "ComboboxOptions" });
   };
 } }), vt = b({ name: "ComboboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: false } }, setup(e2, { slots: t2, attrs: l2, expose: a2 }) {
   let n2 = dt("ComboboxOption"), r2 = `headlessui-combobox-option-${ve()}`, o2 = s(null);
@@ -688,7 +688,7 @@ let ct = b({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, pro
       return n2.goToOption(be.Nothing);
     n2.goToOption(be.Specific, r2);
   }
-  m(() => n2.registerOption(r2, d2)), w(() => n2.unregisterOption(r2)), f(() => {
+  f(() => n2.registerOption(r2, d2)), w(() => n2.unregisterOption(r2)), m(() => {
     0 === n2.comboboxState.value && i2.value && 0 !== n2.activationTrigger.value && v(() => {
       var e3, t3;
       return null == (t3 = null == (e3 = xe(o2)) ? void 0 : e3.scrollIntoView) ? void 0 : t3.call(e3, { block: "nearest" });
@@ -711,7 +711,7 @@ let ct = b({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, pro
 } });
 var yt = ((e2) => (e2[e2.Forwards = 0] = "Forwards", e2[e2.Backwards = 1] = "Backwards", e2))(yt || {});
 function bt(e2, t2, l2, a2) {
-  Pe.isServer || f((n2) => {
+  Pe.isServer || m((n2) => {
     (e2 = null != e2 ? e2 : window).addEventListener(t2, l2, a2), n2(() => e2.removeEventListener(t2, l2, a2));
   });
 }
@@ -736,8 +736,8 @@ var wt = ((e2) => (e2[e2.None = 1] = "None", e2[e2.InitialFocus = 2] = "InitialF
 let kt = Object.assign(b({ name: "FocusTrap", props: { as: { type: [Object, String], default: "div" }, initialFocus: { type: Object, default: null }, features: { type: Number, default: 30 }, containers: { type: [Object, Function], default: s(/* @__PURE__ */ new Set()) } }, inheritAttrs: false, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
   let n2 = s(null);
   a2({ el: n2, $el: n2 });
-  let r2 = y(() => Te(n2)), o2 = s(false);
-  m(() => o2.value = true), w(() => o2.value = false), function({ ownerDocument: e3 }, t3) {
+  let r2 = y(() => je(n2)), o2 = s(false);
+  f(() => o2.value = true), w(() => o2.value = false), function({ ownerDocument: e3 }, t3) {
     let l3 = function(e4) {
       let t4 = s(St.slice());
       return x([e4], ([e5], [l4]) => {
@@ -749,8 +749,8 @@ let kt = Object.assign(b({ name: "FocusTrap", props: { as: { type: [Object, Stri
         return null != (e5 = t4.value.find((e6) => null != e6 && e6.isConnected)) ? e5 : null;
       };
     }(t3);
-    m(() => {
-      f(() => {
+    f(() => {
+      m(() => {
         var a3, n3;
         t3.value || (null == (a3 = e3.value) ? void 0 : a3.activeElement) === (null == (n3 = e3.value) ? void 0 : n3.body) && He(l3());
       }, { flush: "post" });
@@ -760,7 +760,7 @@ let kt = Object.assign(b({ name: "FocusTrap", props: { as: { type: [Object, Stri
   }({ ownerDocument: r2 }, y(() => o2.value && Boolean(16 & e2.features)));
   let i2 = function({ ownerDocument: e3, container: t3, initialFocus: l3 }, a3) {
     let n3 = s(null), r3 = s(false);
-    return m(() => r3.value = true), w(() => r3.value = false), m(() => {
+    return f(() => r3.value = true), w(() => r3.value = false), f(() => {
       x([t3, l3, a3], (o3, i3) => {
         if (o3.every((e4, t4) => (null == i3 ? void 0 : i3[t4]) === e4) || !a3.value)
           return;
@@ -775,7 +775,7 @@ let kt = Object.assign(b({ name: "FocusTrap", props: { as: { type: [Object, Stri
               return void (n3.value = i4);
           } else if (s2.contains(i4))
             return void (n3.value = i4);
-          o4 ? He(o4) : qe(s2, Le.First | Le.NoScroll) === Ie.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), n3.value = null == (a4 = e3.value) ? void 0 : a4.activeElement;
+          o4 ? He(o4) : ze(s2, Le.First | Le.NoScroll) === Ie.Error && console.warn("There are no focusable elements inside the <FocusTrap />"), n3.value = null == (a4 = e3.value) ? void 0 : a4.activeElement;
         });
       }, { immediate: true, flush: "post" });
     }), n3;
@@ -796,16 +796,16 @@ let kt = Object.assign(b({ name: "FocusTrap", props: { as: { type: [Object, Stri
   }({ ownerDocument: r2, container: n2, containers: e2.containers, previousActiveElement: i2 }, y(() => o2.value && Boolean(8 & e2.features)));
   let u2 = function() {
     let e3 = s(0);
-    return ze("keydown", (t3) => {
+    return Ue("keydown", (t3) => {
       "Tab" === t3.key && (e3.value = t3.shiftKey ? 1 : 0);
     }), e3;
   }();
   function p2(e3) {
     let t3 = xe(n2);
     t3 && oe(u2.value, { [yt.Forwards]: () => {
-      qe(t3, Le.First, { skipElements: [e3.relatedTarget] });
+      ze(t3, Le.First, { skipElements: [e3.relatedTarget] });
     }, [yt.Backwards]: () => {
-      qe(t3, Le.Last, { skipElements: [e3.relatedTarget] });
+      ze(t3, Le.Last, { skipElements: [e3.relatedTarget] });
     } });
   }
   let g2 = s(false);
@@ -820,7 +820,7 @@ let kt = Object.assign(b({ name: "FocusTrap", props: { as: { type: [Object, Stri
     let l3 = xt(e2.containers);
     xe(n2) instanceof HTMLElement && l3.add(xe(n2));
     let a3 = t3.relatedTarget;
-    a3 instanceof HTMLElement && "true" !== a3.dataset.headlessuiFocusGuard && (Ct(l3, a3) || (g2.value ? qe(xe(n2), oe(u2.value, { [yt.Forwards]: () => Le.Next, [yt.Backwards]: () => Le.Previous }) | Le.WrapAround, { relativeTo: t3.target }) : t3.target instanceof HTMLElement && He(t3.target)));
+    a3 instanceof HTMLElement && "true" !== a3.dataset.headlessuiFocusGuard && (Ct(l3, a3) || (g2.value ? ze(xe(n2), oe(u2.value, { [yt.Forwards]: () => Le.Next, [yt.Backwards]: () => Le.Previous }) | Le.WrapAround, { relativeTo: t3.target }) : t3.target instanceof HTMLElement && He(t3.target)));
   }
   return () => {
     let a3 = { ref: n2, onKeydown: v2, onFocusout: b2 }, { features: r3, initialFocus: o3, containers: i3, ...s2 } = e2;
@@ -846,7 +846,7 @@ function Ct(e2, t2) {
 });
 let Ot = /* @__PURE__ */ new Map(), Dt = /* @__PURE__ */ new Map();
 function Mt(e2, t2 = s(true)) {
-  f((l2) => {
+  m((l2) => {
     var a2;
     if (!t2.value)
       return;
@@ -871,13 +871,13 @@ let _t = Symbol("ForcePortalRootContext");
 function Pt() {
   return p(_t, false);
 }
-let Tt = b({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: false } }, setup: (e2, { slots: t2, attrs: l2 }) => (g(_t, e2.force), () => {
+let jt = b({ name: "ForcePortalRoot", props: { as: { type: [Object, String], default: "template" }, force: { type: Boolean, default: false } }, setup: (e2, { slots: t2, attrs: l2 }) => (g(_t, e2.force), () => {
   let { force: a2, ...n2 } = e2;
   return ue({ theirProps: n2, ourProps: {}, slot: {}, slots: t2, attrs: l2, name: "ForcePortalRoot" });
 }) });
-let jt = b({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e2, { slots: t2, attrs: l2 }) {
-  let a2 = s(null), n2 = y(() => Te(a2)), r2 = Pt(), o2 = p(Lt, null), i2 = s(true === r2 || null == o2 ? function(e3) {
-    let t3 = Te(e3);
+let Tt = b({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e2, { slots: t2, attrs: l2 }) {
+  let a2 = s(null), n2 = y(() => je(a2)), r2 = Pt(), o2 = p(Lt, null), i2 = s(true === r2 || null == o2 ? function(e3) {
+    let t3 = je(e3);
     if (!t3) {
       if (null === e3)
         return null;
@@ -889,11 +889,11 @@ let jt = b({ name: "Portal", props: { as: { type: [Object, String], default: "di
     let a3 = t3.createElement("div");
     return a3.setAttribute("id", "headlessui-portal-root"), t3.body.appendChild(a3);
   }(a2.value) : o2.resolveTarget());
-  f(() => {
+  m(() => {
     r2 || null != o2 && (i2.value = o2.resolveTarget());
   });
   let u2 = p(Et, null);
-  return m(() => {
+  return f(() => {
     let e3 = xe(a2);
     e3 && u2 && w(u2.register(e3));
   }), w(() => {
@@ -921,7 +921,7 @@ function At({ type: e2, enabled: t2, element: l2, onUpdate: a2 }) {
   function r2(...e3) {
     null == a2 || a2(...e3), n2(...e3);
   }
-  m(() => {
+  f(() => {
     x(t2, (t3, a3) => {
       t3 ? r2(0, e2, l2) : true === a3 && r2(1, e2, l2);
     }, { immediate: true, flush: "sync" });
@@ -979,7 +979,7 @@ function Ht() {
     });
   } };
 }
-function Yt(e2) {
+function Vt(e2) {
   let t2 = {};
   for (let l2 of e2)
     Object.assign(t2, l2(t2));
@@ -992,12 +992,12 @@ b({ name: "Description", props: { as: { type: [Object, String], default: "p" },
       throw new Error("Missing parent");
     return e3;
   }();
-  return m(() => w(a2.register(e2.id))), () => {
+  return f(() => w(a2.register(e2.id))), () => {
     let { name: n2 = "Description", slot: r2 = s({}), props: o2 = {} } = a2, { id: i2, ...u2 } = e2, d2 = { ...Object.entries(o2).reduce((e3, [t3, l3]) => Object.assign(e3, { [t3]: C(l3) }), {}), id: i2 };
     return ue({ ourProps: d2, theirProps: u2, slot: r2.value, attrs: t2, slots: l2, name: n2 });
   };
 } });
-let Vt = function(e2, t2) {
+let Yt = function(e2, t2) {
   let l2 = e2(), a2 = /* @__PURE__ */ new Set();
   return { getSnapshot: () => l2, subscribe: (e3) => (a2.add(e3), () => a2.delete(e3)), dispatch(e3, ...n2) {
     let r2 = t2[e3].call(l2, ...n2);
@@ -1011,7 +1011,7 @@ let Vt = function(e2, t2) {
   let l2 = this.get(e2);
   return l2 && (l2.count--, l2.meta.delete(t2)), this;
 }, SCROLL_PREVENT({ doc: e2, d: t2, meta: l2 }) {
-  let a2 = { doc: e2, d: t2, meta: Yt(l2) }, n2 = [Ht(), $t(), { before({ doc: e3, d: t3 }) {
+  let a2 = { doc: e2, d: t2, meta: Vt(l2) }, n2 = [Ht(), $t(), { before({ doc: e3, d: t3 }) {
     t3.style(e3.documentElement, "overflow", "hidden");
   } }];
   n2.forEach(({ before: e3 }) => null == e3 ? void 0 : e3(a2)), n2.forEach(({ after: e3 }) => null == e3 ? void 0 : e3(a2));
@@ -1020,39 +1020,39 @@ let Vt = function(e2, t2) {
 }, TEARDOWN({ doc: e2 }) {
   this.delete(e2);
 } });
-function qt(e2, t2, l2) {
+function zt(e2, t2, l2) {
   let a2 = function(e3) {
     let t3 = O(e3.getSnapshot());
     return w(e3.subscribe(() => {
       t3.value = e3.getSnapshot();
     })), t3;
-  }(Vt), n2 = y(() => {
+  }(Yt), n2 = y(() => {
     let t3 = e2.value ? a2.value.get(e2.value) : void 0;
     return !!t3 && t3.count > 0;
   });
   return x([e2, t2], ([e3, t3], [a3], n3) => {
     if (!e3 || !t3)
       return;
-    Vt.dispatch("PUSH", e3, l2);
+    Yt.dispatch("PUSH", e3, l2);
     let r2 = false;
     n3(() => {
-      r2 || (Vt.dispatch("POP", null != a3 ? a3 : e3, l2), r2 = true);
+      r2 || (Yt.dispatch("POP", null != a3 ? a3 : e3, l2), r2 = true);
     });
   }, { immediate: true }), n2;
 }
-Vt.subscribe(() => {
-  let e2 = Vt.getSnapshot(), t2 = /* @__PURE__ */ new Map();
+Yt.subscribe(() => {
+  let e2 = Yt.getSnapshot(), t2 = /* @__PURE__ */ new Map();
   for (let [l2] of e2)
     t2.set(l2, l2.documentElement.style.overflow);
   for (let l2 of e2.values()) {
     let e3 = "hidden" === t2.get(l2.doc), a2 = 0 !== l2.count;
-    (a2 && !e3 || !a2 && e3) && Vt.dispatch(l2.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", l2), 0 === l2.count && Vt.dispatch("TEARDOWN", l2);
+    (a2 && !e3 || !a2 && e3) && Yt.dispatch(l2.count > 0 ? "SCROLL_PREVENT" : "SCROLL_ALLOW", l2), 0 === l2.count && Yt.dispatch("TEARDOWN", l2);
   }
 });
-var Ut = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(Ut || {});
-let zt = Symbol("DialogContext");
+var qt = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(qt || {});
+let Ut = Symbol("DialogContext");
 function Wt(e2) {
-  let t2 = p(zt, null);
+  let t2 = p(Ut, null);
   if (null === t2) {
     let t3 = new Error(`<${e2} /> is missing a parent <Dialog /> component.`);
     throw Error.captureStackTrace && Error.captureStackTrace(t3, Wt), t3;
@@ -1062,15 +1062,15 @@ function Wt(e2) {
 let Kt = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Jt = b({ name: "Dialog", inheritAttrs: false, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, open: { type: [Boolean, String], default: Kt }, initialFocus: { type: Object, default: null }, id: { type: String, default: () => `headlessui-dialog-${ve()}` } }, emits: { close: (e2) => true }, setup(e2, { emit: t2, attrs: l2, slots: a2, expose: n2 }) {
   var r2;
   let o2 = s(false);
-  m(() => {
+  f(() => {
     o2.value = true;
   });
-  let i2 = s(0), u2 = Se(), c2 = y(() => e2.open === Kt && null !== u2 ? (u2.value & ke.Open) === ke.Open : e2.open), h2 = s(null), x2 = y(() => Te(h2));
+  let i2 = s(0), u2 = Se(), c2 = y(() => e2.open === Kt && null !== u2 ? (u2.value & ke.Open) === ke.Open : e2.open), h2 = s(null), x2 = y(() => je(h2));
   if (n2({ el: h2, $el: h2 }), e2.open === Kt && null === u2)
     throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
   if ("boolean" != typeof c2.value)
     throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${c2.value === Kt ? void 0 : e2.open}`);
-  let w2 = y(() => o2.value && c2.value ? 0 : 1), k2 = y(() => 0 === w2.value), S2 = y(() => i2.value > 1), C2 = null !== p(zt, null), [O2, D2] = function() {
+  let w2 = y(() => o2.value && c2.value ? 0 : 1), k2 = y(() => 0 === w2.value), S2 = y(() => i2.value > 1), C2 = null !== p(Ut, null), [O2, D2] = function() {
     let e3 = p(Et, null), t3 = s([]);
     function l3(l4) {
       let a4 = t3.value.indexOf(l4);
@@ -1084,7 +1084,7 @@ let Kt = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Jt = b({ name: "Dialog", inheri
       return null == (e5 = t4.default) ? void 0 : e5.call(t4);
     }) })];
   }(), { resolveContainers: M2, mainTreeNodeRef: _2, MainTreeNode: P2 } = function({ defaultContainers: e3 = [], portals: t3 } = {}) {
-    let l3 = s(null), a3 = Te(l3);
+    let l3 = s(null), a3 = je(l3);
     function n3() {
       var n4;
       let r3 = [];
@@ -1101,7 +1101,7 @@ let Kt = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Jt = b({ name: "Dialog", inheri
   }({ portals: O2, defaultContainers: [y(() => {
     var e3;
     return null != (e3 = F2.panelRef.value) ? e3 : h2.value;
-  })] }), T2 = y(() => S2.value ? "parent" : "leaf"), j2 = y(() => null !== u2 && (u2.value & ke.Closing) === ke.Closing), E2 = y(() => !C2 && !j2.value && k2.value), L2 = y(() => {
+  })] }), j2 = y(() => S2.value ? "parent" : "leaf"), T2 = y(() => null !== u2 && (u2.value & ke.Closing) === ke.Closing), E2 = y(() => !C2 && !T2.value && k2.value), L2 = y(() => {
     var e3, t3, l3;
     return null != (l3 = Array.from(null != (t3 = null == (e3 = x2.value) ? void 0 : e3.querySelectorAll("body > *")) ? t3 : []).find((e4) => "headlessui-portal-root" !== e4.id && (e4.contains(xe(_2)) && e4 instanceof HTMLElement))) ? l3 : null;
   });
@@ -1119,7 +1119,7 @@ let Kt = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Jt = b({ name: "Dialog", inheri
   }, close() {
     t2("close", false);
   } };
-  g(zt, F2);
+  g(Ut, F2);
   let N2 = y(() => !(!k2.value || S2.value));
   We(M2, (e3, t3) => {
     F2.close(), v(() => null == t3 ? void 0 : t3.focus());
@@ -1128,11 +1128,11 @@ let Kt = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Jt = b({ name: "Dialog", inheri
   bt(null == (r2 = x2.value) ? void 0 : r2.defaultView, "keydown", (e3) => {
     $2.value && (e3.defaultPrevented || e3.key === ye.Escape && (e3.preventDefault(), e3.stopPropagation(), F2.close()));
   });
-  let H2 = y(() => !(j2.value || 0 !== w2.value || C2));
-  return qt(x2, H2, (e3) => {
+  let H2 = y(() => !(T2.value || 0 !== w2.value || C2));
+  return zt(x2, H2, (e3) => {
     var t3;
     return { containers: [...null != (t3 = e3.containers) ? t3 : [], M2] };
-  }), f((e3) => {
+  }), m((e3) => {
     if (0 !== w2.value)
       return;
     let t3 = xe(h2);
@@ -1147,7 +1147,7 @@ let Kt = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Jt = b({ name: "Dialog", inheri
     l3.observe(t3), e3(() => l3.disconnect());
   }), () => {
     let { id: t3, open: n3, initialFocus: r3, ...o3 } = e2, i3 = { ...l2, ref: h2, id: t3, role: "dialog", "aria-modal": 0 === w2.value || void 0, "aria-labelledby": A2.value, "aria-describedby": R2.value }, s2 = { open: 0 === w2.value };
-    return d(Tt, { force: true }, () => [d(jt, () => d(It, { target: h2.value }, () => d(Tt, { force: false }, () => d(kt, { initialFocus: r3, containers: M2, features: k2.value ? oe(T2.value, { parent: kt.features.RestoreFocus, leaf: kt.features.All & ~kt.features.FocusLock }) : kt.features.None }, () => d(D2, {}, () => ue({ ourProps: i3, theirProps: { ...o3, ...l2 }, slot: s2, attrs: l2, slots: a2, visible: 0 === w2.value, features: ie.RenderStrategy | ie.Static, name: "Dialog" })))))), d(P2)]);
+    return d(jt, { force: true }, () => [d(Tt, () => d(It, { target: h2.value }, () => d(jt, { force: false }, () => d(kt, { initialFocus: r3, containers: M2, features: k2.value ? oe(j2.value, { parent: kt.features.RestoreFocus, leaf: kt.features.All & ~kt.features.FocusLock }) : kt.features.None }, () => d(D2, {}, () => ue({ ourProps: i3, theirProps: { ...o3, ...l2 }, slot: s2, attrs: l2, slots: a2, visible: 0 === w2.value, features: ie.RenderStrategy | ie.Static, name: "Dialog" })))))), d(P2)]);
   };
 } });
 b({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-overlay-${ve()}` } }, setup(e2, { attrs: t2, slots: l2 }) {
@@ -1161,12 +1161,12 @@ b({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div"
   };
 } }), b({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-backdrop-${ve()}` } }, inheritAttrs: false, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
   let n2 = Wt("DialogBackdrop"), r2 = s(null);
-  return a2({ el: r2, $el: r2 }), m(() => {
+  return a2({ el: r2, $el: r2 }), f(() => {
     if (null === n2.panelRef.value)
       throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
   }), () => {
     let { id: a3, ...o2 } = e2, i2 = { id: a3, ref: r2, "aria-hidden": true };
-    return d(Tt, { force: true }, () => d(jt, () => ue({ ourProps: i2, theirProps: { ...t2, ...o2 }, slot: { open: 0 === n2.dialogState.value }, attrs: t2, slots: l2, name: "DialogBackdrop" })));
+    return d(jt, { force: true }, () => d(Tt, () => ue({ ourProps: i2, theirProps: { ...t2, ...o2 }, slot: { open: 0 === n2.dialogState.value }, attrs: t2, slots: l2, name: "DialogBackdrop" })));
   };
 } });
 let Gt = b({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: () => `headlessui-dialog-panel-${ve()}` } }, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
@@ -1180,7 +1180,7 @@ let Gt = b({ name: "DialogPanel", props: { as: { type: [Object, String], default
   };
 } }), Xt = b({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: () => `headlessui-dialog-title-${ve()}` } }, setup(e2, { attrs: t2, slots: l2 }) {
   let a2 = Wt("DialogTitle");
-  return m(() => {
+  return f(() => {
     a2.setTitleId(e2.id), w(() => a2.setTitleId(null));
   }), () => {
     let { id: n2, ...r2 } = e2;
@@ -1214,13 +1214,13 @@ let ll = b({ name: "Disclosure", props: { as: { type: [Object, String], default:
   };
 } }), al = b({ name: "DisclosureButton", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: false }, id: { type: String, default: () => `headlessui-disclosure-button-${ve()}` } }, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
   let n2 = el("DisclosureButton");
-  m(() => {
+  f(() => {
     n2.buttonId.value = e2.id;
   }), w(() => {
     n2.buttonId.value = null;
   });
   let r2 = p(tl, null), o2 = y(() => null !== r2 && r2.value === n2.panelId.value), i2 = s(null);
-  a2({ el: i2, $el: i2 }), o2.value || f(() => {
+  a2({ el: i2, $el: i2 }), o2.value || m(() => {
     n2.button.value = i2.value;
   });
   let u2 = De(y(() => ({ as: e2.as, type: t2.type })), i2);
@@ -1254,7 +1254,7 @@ let ll = b({ name: "Disclosure", props: { as: { type: [Object, String], default:
   };
 } }), nl = b({ name: "DisclosurePanel", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, id: { type: String, default: () => `headlessui-disclosure-panel-${ve()}` } }, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
   let n2 = el("DisclosurePanel");
-  m(() => {
+  f(() => {
     n2.panelId.value = e2.id;
   }), w(() => {
     n2.panelId.value = null;
@@ -1320,7 +1320,7 @@ function cl(e2) {
 let pl = b({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e2, { slots: t2, attrs: l2 }) {
   let a2 = s(1), n2 = s(null), r2 = s(null), o2 = s([]), i2 = s(""), u2 = s(null), d2 = s(1);
   function c2(e3 = (e4) => e4) {
-    let t3 = null !== u2.value ? o2.value[u2.value] : null, l3 = Ve(e3(o2.value.slice()), (e4) => xe(e4.dataRef.domRef)), a3 = t3 ? l3.indexOf(t3) : null;
+    let t3 = null !== u2.value ? o2.value[u2.value] : null, l3 = Ye(e3(o2.value.slice()), (e4) => xe(e4.dataRef.domRef)), a3 = t3 ? l3.indexOf(t3) : null;
     return -1 === a3 && (a3 = null), { items: l3, activeItemIndex: a3 };
   }
   let p2 = { menuState: a2, buttonRef: n2, itemsRef: r2, items: o2, searchQuery: i2, activeItemIndex: u2, activationTrigger: d2, closeMenu: () => {
@@ -1393,7 +1393,7 @@ let pl = b({ name: "Menu", props: { as: { type: [Object, String], default: "temp
     let u2 = { open: 0 === n2.menuState.value }, { id: d2, ...c2 } = e2;
     return ue({ ourProps: { ref: n2.buttonRef, id: d2, type: s2.value, "aria-haspopup": "menu", "aria-controls": null == (a3 = xe(n2.itemsRef)) ? void 0 : a3.id, "aria-expanded": e2.disabled ? void 0 : 0 === n2.menuState.value, onKeydown: r2, onKeyup: o2, onClick: i2 }, theirProps: c2, slot: u2, attrs: t2, slots: l2, name: "MenuButton" });
   };
-} }), ml = b({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, id: { type: String, default: () => `headlessui-menu-items-${ve()}` } }, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
+} }), fl = b({ name: "MenuItems", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, id: { type: String, default: () => `headlessui-menu-items-${ve()}` } }, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
   let n2 = cl("MenuItems"), r2 = s(null);
   function o2(e3) {
     var t3;
@@ -1425,7 +1425,7 @@ let pl = b({ name: "Menu", props: { as: { type: [Object, String], default: "temp
         break;
       case ye.Tab:
         e3.preventDefault(), e3.stopPropagation(), n2.closeMenu(), v(() => function(e4, t4) {
-          return qe(Re(), t4, { relativeTo: e4 });
+          return ze(Re(), t4, { relativeTo: e4 });
         }(xe(n2.buttonRef), e3.shiftKey ? Le.Previous : Le.Next));
         break;
       default:
@@ -1436,7 +1436,7 @@ let pl = b({ name: "Menu", props: { as: { type: [Object, String], default: "temp
     if (e3.key === ye.Space)
       e3.preventDefault();
   }
-  a2({ el: n2.itemsRef, $el: n2.itemsRef }), je({ container: y(() => xe(n2.itemsRef)), enabled: y(() => 0 === n2.menuState.value), accept: (e3) => "menuitem" === e3.getAttribute("role") ? NodeFilter.FILTER_REJECT : e3.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT, walk(e3) {
+  a2({ el: n2.itemsRef, $el: n2.itemsRef }), Te({ container: y(() => xe(n2.itemsRef)), enabled: y(() => 0 === n2.menuState.value), accept: (e3) => "menuitem" === e3.getAttribute("role") ? NodeFilter.FILTER_REJECT : e3.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT, walk(e3) {
     e3.setAttribute("role", "none");
   } });
   let u2 = Se(), d2 = y(() => null !== u2 ? (u2.value & ke.Open) === ke.Open : 0 === n2.menuState.value);
@@ -1445,7 +1445,7 @@ let pl = b({ name: "Menu", props: { as: { type: [Object, String], default: "temp
     let s2 = { open: 0 === n2.menuState.value }, { id: u3, ...c2 } = e2;
     return ue({ ourProps: { "aria-activedescendant": null === n2.activeItemIndex.value || null == (a3 = n2.items.value[n2.activeItemIndex.value]) ? void 0 : a3.id, "aria-labelledby": null == (r3 = xe(n2.buttonRef)) ? void 0 : r3.id, id: u3, onKeydown: o2, onKeyup: i2, role: "menu", tabIndex: 0, ref: n2.itemsRef }, theirProps: c2, slot: s2, attrs: t2, slots: l2, features: ie.RenderStrategy | ie.Static, visible: d2.value, name: "MenuItems" });
   };
-} }), fl = b({ name: "MenuItem", inheritAttrs: false, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: false }, id: { type: String, default: () => `headlessui-menu-item-${ve()}` } }, setup(e2, { slots: t2, attrs: l2, expose: a2 }) {
+} }), ml = b({ name: "MenuItem", inheritAttrs: false, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: false }, id: { type: String, default: () => `headlessui-menu-item-${ve()}` } }, setup(e2, { slots: t2, attrs: l2, expose: a2 }) {
   let n2 = cl("MenuItem"), r2 = s(null);
   a2({ el: r2, $el: r2 });
   let o2 = y(() => null !== n2.activeItemIndex.value && n2.items.value[n2.activeItemIndex.value].id === e2.id), i2 = il(r2), u2 = y(() => ({ disabled: e2.disabled, get textValue() {
@@ -1461,7 +1461,7 @@ let pl = b({ name: "Menu", props: { as: { type: [Object, String], default: "temp
       return n2.goToItem(be.Nothing);
     n2.goToItem(be.Specific, e2.id);
   }
-  m(() => n2.registerItem(e2.id, u2)), w(() => n2.unregisterItem(e2.id)), f(() => {
+  f(() => n2.registerItem(e2.id, u2)), w(() => n2.unregisterItem(e2.id)), m(() => {
     0 === n2.menuState.value && o2.value && 0 !== n2.activationTrigger.value && v(() => {
       var e3, t3;
       return null == (t3 = null == (e3 = xe(r2)) ? void 0 : e3.scrollIntoView) ? void 0 : t3.call(e3, { block: "nearest" });
@@ -1501,7 +1501,7 @@ function bl({ slot: e2 = {}, name: t2 = "Label", props: l2 = {} } = {}) {
 }
 let hl = b({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: false }, id: { type: String, default: () => `headlessui-label-${ve()}` } }, setup(e2, { slots: t2, attrs: l2 }) {
   let a2 = yl();
-  return m(() => w(a2.register(e2.id))), () => {
+  return f(() => w(a2.register(e2.id))), () => {
     let { name: n2 = "Label", slot: r2 = {}, props: o2 = {} } = a2, { id: i2, passive: s2, ...u2 } = e2, d2 = { ...Object.entries(o2).reduce((e3, [t3, l3]) => Object.assign(e3, { [t3]: C(l3) }), {}), id: i2 };
     return s2 && (delete d2.onClick, delete d2.htmlFor, delete u2.onClick), ue({ ourProps: d2, theirProps: u2, slot: r2, attrs: l2, slots: t2, name: n2 });
   };
@@ -1518,7 +1518,7 @@ let hl = b({ name: "Label", props: { as: { type: [Object, String], default: "lab
   function u2() {
     i2(!o2.value);
   }
-  let g2 = s(null), f2 = null === r2 ? g2 : r2.switchRef, v2 = De(y(() => ({ as: e2.as, type: l2.type })), f2);
+  let g2 = s(null), m2 = null === r2 ? g2 : r2.switchRef, v2 = De(y(() => ({ as: e2.as, type: l2.type })), m2);
   function b2(e3) {
     e3.preventDefault(), u2();
   }
@@ -1536,12 +1536,12 @@ let hl = b({ name: "Label", props: { as: { type: [Object, String], default: "lab
   function w2(e3) {
     e3.preventDefault();
   }
-  n2({ el: f2, $el: f2 });
+  n2({ el: m2, $el: m2 });
   let k2 = y(() => {
     var e3, t3;
-    return null == (t3 = null == (e3 = xe(f2)) ? void 0 : e3.closest) ? void 0 : t3.call(e3, "form");
+    return null == (t3 = null == (e3 = xe(m2)) ? void 0 : e3.closest) ? void 0 : t3.call(e3, "form");
   });
-  return m(() => {
+  return f(() => {
     x([k2], () => {
       if (k2.value && void 0 !== e2.defaultChecked)
         return k2.value.addEventListener("reset", t3), () => {
@@ -1553,8 +1553,8 @@ let hl = b({ name: "Label", props: { as: { type: [Object, String], default: "lab
       }
     }, { immediate: true });
   }), () => {
-    let { id: t3, name: n3, value: i3, form: s2, ...u3 } = e2, p2 = { checked: o2.value }, g3 = { id: t3, ref: f2, role: "switch", type: v2.value, tabIndex: 0, "aria-checked": o2.value, "aria-labelledby": null == r2 ? void 0 : r2.labelledby.value, "aria-describedby": null == r2 ? void 0 : r2.describedby.value, onClick: b2, onKeyup: h2, onKeypress: w2 };
-    return d(c, [null != n3 && null != o2.value ? d(Je, ge({ features: Ke.Hidden, as: "input", type: "checkbox", hidden: true, readOnly: true, checked: o2.value, form: s2, name: n3, value: i3 })) : null, ue({ ourProps: g3, theirProps: { ...l2, ...me(u3, ["modelValue", "defaultChecked"]) }, slot: p2, attrs: l2, slots: a2, name: "Switch" })]);
+    let { id: t3, name: n3, value: i3, form: s2, ...u3 } = e2, p2 = { checked: o2.value }, g3 = { id: t3, ref: m2, role: "switch", type: v2.value, tabIndex: 0, "aria-checked": o2.value, "aria-labelledby": null == r2 ? void 0 : r2.labelledby.value, "aria-describedby": null == r2 ? void 0 : r2.describedby.value, onClick: b2, onKeyup: h2, onKeypress: w2 };
+    return d(c, [null != n3 && null != o2.value ? d(Je, ge({ features: Ke.Hidden, as: "input", type: "checkbox", hidden: true, readOnly: true, checked: o2.value, form: s2, name: n3, value: i3 })) : null, ue({ ourProps: g3, theirProps: { ...l2, ...fe(u3, ["modelValue", "defaultChecked"]) }, slot: p2, attrs: l2, slots: a2, name: "Switch" })]);
   };
 } }), Sl = hl;
 function Cl(e2, ...t2) {
@@ -1590,8 +1590,8 @@ function _l(e2 = "") {
   return e2.split(" ").filter((e3) => e3.trim().length > 1);
 }
 let Pl = Symbol("TransitionContext");
-var Tl = ((e2) => (e2.Visible = "visible", e2.Hidden = "hidden", e2))(Tl || {});
-let jl = Symbol("NestingContext");
+var jl = ((e2) => (e2.Visible = "visible", e2.Hidden = "hidden", e2))(jl || {});
+let Tl = Symbol("NestingContext");
 function El(e2) {
   return "children" in e2 ? El(e2.children) : e2.value.filter(({ state: e3 }) => "visible" === e3).length > 0;
 }
@@ -1605,7 +1605,7 @@ function Ll(e2) {
       t2.value[r2].state = "hidden";
     } }), !El(t2) && l2.value && (null == e2 || e2()));
   }
-  return m(() => l2.value = true), w(() => l2.value = false), { children: t2, register: function(e3) {
+  return f(() => l2.value = true), w(() => l2.value = false), { children: t2, register: function(e3) {
     let l3 = t2.value.find(({ id: t3 }) => t3 === e3);
     return l3 ? "visible" !== l3.state && (l3.state = "visible") : t2.value.push({ id: e3, state: "visible" }), () => a2(e3, se.Unmount);
   }, unregister: a2 };
@@ -1634,62 +1634,62 @@ let Il = ie.RenderStrategy, Bl = b({ props: { as: { type: [Object, String], defa
       throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
     return e3;
   }(), { register: C2, unregister: O2 } = function() {
-    let e3 = p(jl, null);
+    let e3 = p(Tl, null);
     if (null === e3)
       throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
     return e3;
-  }(), D2 = s(k2.value ? "visible" : "hidden"), M2 = { value: true }, _2 = ve(), P2 = { value: false }, T2 = Ll(() => {
+  }(), D2 = s(k2.value ? "visible" : "hidden"), M2 = { value: true }, _2 = ve(), P2 = { value: false }, j2 = Ll(() => {
     !P2.value && "hidden" !== D2.value && (D2.value = "hidden", O2(_2), v2());
   });
-  m(() => {
+  f(() => {
     let e3 = C2(_2);
     w(e3);
-  }), f(() => {
+  }), m(() => {
     if (h2.value === se.Hidden && _2) {
       if (k2.value && "visible" !== D2.value)
         return void (D2.value = "visible");
       oe(D2.value, { hidden: () => O2(_2), visible: () => C2(_2) });
     }
   });
-  let j2 = _l(e2.enter), E2 = _l(e2.enterFrom), L2 = _l(e2.enterTo), I2 = _l(e2.entered), B2 = _l(e2.leave), R2 = _l(e2.leaveFrom), A2 = _l(e2.leaveTo);
-  return m(() => {
-    f(() => {
+  let T2 = _l(e2.enter), E2 = _l(e2.enterFrom), L2 = _l(e2.enterTo), I2 = _l(e2.entered), B2 = _l(e2.leave), R2 = _l(e2.leaveFrom), A2 = _l(e2.leaveTo);
+  return f(() => {
+    m(() => {
       if ("visible" === D2.value) {
         let e3 = xe(b2);
         if (e3 instanceof Comment && "" === e3.data)
           throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
       }
     });
-  }), m(() => {
+  }), f(() => {
     x([k2], (e3, t3, l3) => {
       (function(e4) {
         let t4 = M2.value && !S2.value, l4 = xe(b2);
-        !l4 || !(l4 instanceof HTMLElement) || t4 || (P2.value = true, k2.value && i2(), k2.value || c2(), e4(k2.value ? Ml(l4, j2, E2, L2, I2, (e5) => {
+        !l4 || !(l4 instanceof HTMLElement) || t4 || (P2.value = true, k2.value && i2(), k2.value || c2(), e4(k2.value ? Ml(l4, T2, E2, L2, I2, (e5) => {
           P2.value = false, e5 === Dl.Finished && u2();
         }) : Ml(l4, B2, R2, A2, I2, (e5) => {
-          P2.value = false, e5 === Dl.Finished && (El(T2) || (D2.value = "hidden", O2(_2), v2()));
+          P2.value = false, e5 === Dl.Finished && (El(j2) || (D2.value = "hidden", O2(_2), v2()));
         })));
       })(l3), M2.value = false;
     }, { immediate: true });
-  }), g(jl, T2), Ce(y(() => oe(D2.value, { visible: ke.Open, hidden: ke.Closed }) | o2.value)), () => {
-    let { appear: t3, show: r3, enter: o3, enterFrom: i3, enterTo: s2, entered: u3, leave: d2, leaveFrom: c3, leaveTo: p2, ...g2 } = e2, m2 = { ref: b2 };
-    return ue({ theirProps: { ...g2, ...S2.value && k2.value && Pe.isServer ? { class: a([l2.class, g2.class, ...j2, ...E2]) } : {} }, ourProps: m2, slot: {}, slots: n2, attrs: l2, features: Il, visible: "visible" === D2.value, name: "TransitionChild" });
+  }), g(Tl, j2), Ce(y(() => oe(D2.value, { visible: ke.Open, hidden: ke.Closed }) | o2.value)), () => {
+    let { appear: t3, show: r3, enter: o3, enterFrom: i3, enterTo: s2, entered: u3, leave: d2, leaveFrom: c3, leaveTo: p2, ...g2 } = e2, f2 = { ref: b2 };
+    return ue({ theirProps: { ...g2, ...S2.value && k2.value && Pe.isServer ? { class: a([l2.class, g2.class, ...T2, ...E2]) } : {} }, ourProps: f2, slot: {}, slots: n2, attrs: l2, features: Il, visible: "visible" === D2.value, name: "TransitionChild" });
   };
 } }), Rl = Bl, Al = b({ inheritAttrs: false, props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: true }, appear: { type: [Boolean], default: false }, 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: () => true, afterEnter: () => true, beforeLeave: () => true, afterLeave: () => true }, setup(e2, { emit: t2, attrs: l2, slots: a2 }) {
   let n2 = Se(), r2 = y(() => null === e2.show && null !== n2 ? (n2.value & ke.Open) === ke.Open : e2.show);
-  f(() => {
+  m(() => {
     if (![true, false].includes(r2.value))
       throw new Error('A <Transition /> is used but it is missing a `:show="true | false"` prop.');
   });
   let o2 = s(r2.value ? "visible" : "hidden"), i2 = Ll(() => {
     o2.value = "hidden";
   }), u2 = s(true), c2 = { show: r2, appear: y(() => e2.appear || !u2.value) };
-  return m(() => {
-    f(() => {
+  return f(() => {
+    m(() => {
       u2.value = false, r2.value ? o2.value = "visible" : El(i2) || (o2.value = "hidden");
     });
-  }), g(jl, i2), g(Pl, c2), () => {
-    let n3 = me(e2, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), r3 = { unmount: e2.unmount };
+  }), g(Tl, i2), g(Pl, c2), () => {
+    let n3 = fe(e2, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), r3 = { unmount: e2.unmount };
     return ue({ ourProps: { ...r3, as: "template" }, theirProps: {}, slot: {}, slots: { ...a2, default: () => [d(Rl, { onBeforeEnter: () => t2("beforeEnter"), onAfterEnter: () => t2("afterEnter"), onBeforeLeave: () => t2("beforeLeave"), onAfterLeave: () => t2("afterLeave"), ...l2, ...r3, ...n3 }, a2.default)] }, attrs: {}, features: Il, visible: "visible" === o2.value, name: "Transition" });
   };
 } });
@@ -1705,19 +1705,19 @@ function $l(t2, l2) {
 function Hl(t2, l2) {
   return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M4.5 12.75l6 6 9-13.5" })]);
 }
-function Yl(t2, l2) {
+function Vl(t2, l2) {
   return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" })]);
 }
-function Vl(t2, l2) {
+function Yl(t2, l2) {
   return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15.75 19.5L8.25 12l7.5-7.5" })]);
 }
-function ql(t2, l2) {
+function zl(t2, l2) {
   return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M8.25 4.5l7.5 7.5-7.5 7.5" })]);
 }
-function Ul(t2, l2) {
+function ql(t2, l2) {
   return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true" }, [i("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 zl(t2, l2) {
+function Ul(t2, l2) {
   return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" })]);
 }
 function Wl(t2, l2) {
@@ -1743,16 +1743,16 @@ const Zl = { class: "py-1" }, ea = ["onClick"], ta = { key: 1, class: "animate-p
     let e2 = s2.items.find((e3) => true === e3.active);
     return e2 ? e2.name : s2.label;
   });
-  return (d2, p2) => l2.loading ? (e(), n("div", ta, [la, r(C(Yl), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300" })])) : (e(), t(C(pl), { key: 0, as: "div", class: a(["relative inline-block text-left", { "opacity-25": l2.disabled }]) }, { default: D(() => [i("div", null, [r(C(gl), { class: "inline-flex justify-between 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: D(() => [M(_(u2.value) + " ", 1), r(C(Yl), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5" })]), _: 1 })]), r(P, { "enter-active-class": "transition ease-out duration-100", "enter-from-class": "transform opacity-0 scale-95", "enter-to-class": "transform opacity-100 scale-100", "leave-active-class": "transition ease-in duration-75", "leave-from-class": "transform opacity-100 scale-100", "leave-to-class": "transform opacity-0 scale-95" }, { default: D(() => [l2.disabled ? j("", true) : (e(), t(C(ml), { key: 0, class: a([{ "right-0": "right" === l2.position, "left-0": "left" === l2.position }, "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: D(() => [i("div", Zl, [(e(true), n(c, null, T(l2.items, (l3, n2) => (e(), t(C(fl), { key: n2 }, { default: D(() => [i("a", { onClick: (e2) => ((e3) => {
+  return (d2, p2) => l2.loading ? (e(), n("div", ta, [la, r(C(Vl), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300" })])) : (e(), t(C(pl), { key: 0, as: "div", class: a(["relative inline-block text-left", { "opacity-25": l2.disabled }]) }, { default: D(() => [i("div", null, [r(C(gl), { class: "inline-flex justify-between 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: D(() => [M(_(u2.value) + " ", 1), r(C(Vl), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5" })]), _: 1 })]), r(P, { "enter-active-class": "transition ease-out duration-100", "enter-from-class": "transform opacity-0 scale-95", "enter-to-class": "transform opacity-100 scale-100", "leave-active-class": "transition ease-in duration-75", "leave-from-class": "transform opacity-100 scale-100", "leave-to-class": "transform opacity-0 scale-95" }, { default: D(() => [l2.disabled ? T("", true) : (e(), t(C(fl), { key: 0, class: a([{ "right-0": "right" === l2.position, "left-0": "left" === l2.position }, "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: D(() => [i("div", Zl, [(e(true), n(c, null, j(l2.items, (l3, n2) => (e(), t(C(ml), { key: n2 }, { default: D(() => [i("a", { onClick: (e2) => ((e3) => {
     s2.disabled || o2("optionSelected", e3.value);
   })(l3), class: a([l3.active ? "bg-gray-100 text-gray-900" : "text-gray-700", "block px-4 py-2 text-sm cursor-pointer"]) }, _(l3.name), 11, ea)]), _: 2 }, 1024))), 128))])]), _: 1 }, 8, ["class"]))]), _: 1 })]), _: 1 }, 8, ["class"]));
-} }), ra = { key: 0 }, oa = { class: "flex justify-between" }, ia = { key: 0, class: "block text-sm font-medium text-gray-700" }, sa = { key: 1, class: "text-[10px] text-gray-500 uppercase justify-self-end" }, ua = ["disabled", "name", "placeholder", "type"], da = { key: 2, class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none" }, ca = { key: 1, class: "animate-pulse" }, pa = { key: 0, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5" }, ga = i("div", { class: "animate-pulse px-4 py-3.5 bg-gray-200 rounded-md flex inline-flex items-center relative inline-block text-left w-full" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" })], -1), ma = { name: "uiInput" }, fa = Object.assign(ma, { props: { label: String, type: { type: String, default: "text" }, name: String, placeholder: { type: String, default: "..." }, icon: { type: Function, default: () => {
+} }), ra = { key: 0 }, oa = { class: "flex justify-between" }, ia = { key: 0, class: "block text-sm font-medium text-gray-700" }, sa = { key: 1, class: "text-[10px] text-gray-500 uppercase justify-self-end" }, ua = ["disabled", "name", "placeholder", "type"], da = { key: 2, class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none" }, ca = { key: 1, class: "animate-pulse" }, pa = { key: 0, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5" }, ga = i("div", { class: "animate-pulse px-4 py-3.5 bg-gray-200 rounded-md flex inline-flex items-center relative inline-block text-left w-full" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" })], -1), fa = { name: "uiInput" }, ma = Object.assign(fa, { props: { label: String, type: { type: String, default: "text" }, name: String, placeholder: { type: String, default: "..." }, icon: { type: Function, default: () => {
 } }, disabled: Boolean, color: { type: String, default: "gray" }, value: { type: String, default: "" }, error: String, optional: String, addOn: String, rightAddOn: String, loading: { type: Boolean, default: true } }, emits: ["inputChanged", "rightAddOnClicked", "addOnClicked"], setup(t2, { emit: l2 }) {
   const o2 = (e2) => {
     l2("inputChanged", { value: e2.target.value, name: e2.target.name });
   }, u2 = s(t2.value);
-  return (l3, s2) => t2.loading ? (e(), n("div", ca, [void 0 !== t2.label ? (e(), n("div", pa)) : j("", true), ga])) : (e(), n("div", ra, [i("div", oa, [t2.label ? (e(), n("label", ia, _(t2.label), 1)) : j("", true), t2.optional ? (e(), n("span", sa, _(t2.optional), 1)) : j("", true)]), i("div", { class: a([{ "mt-1": t2.label }, "relative flex"]) }, [t2.addOn ? (e(), n("span", { key: 0, onClick: s2[0] || (s2[0] = (e2) => l3.$emit("addOnClicked")), 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 cursor-pointer" }, _(t2.addOn), 1)) : j("", true), E(i("input", { "onUpdate:modelValue": s2[1] || (s2[1] = (e2) => u2.value = e2), class: a([{ "border-gray-300": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "border-red-400": "danger" === t2.color, "border-yellow-400": "warning" === t2.color, "border-green-400": "success" === t2.color, "bg-gray-100": t2.disabled, "text-black": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "text-red-400": "danger" === t2.color, "text-yellow-400": "warning" === t2.color, "text-green-400": "success" === t2.color, "rounded-md": !t2.addOn || !t2.rightAddOn, "rounded-r-md": t2.addOn, "rounded-l-none": t2.addOn, "rounded-l-md": t2.rightAddOn, "rounded-r-none": t2.rightAddOn }, "shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 placeholder-gray-300"]), disabled: t2.disabled, name: t2.name, placeholder: t2.placeholder, type: t2.type, onInput: o2 }, null, 42, ua), [[L, u2.value]]), t2.rightAddOn ? (e(), n("span", { key: 1, onClick: s2[2] || (s2[2] = (e2) => l3.$emit("rightAddOnClicked")), class: "inline-flex items-center px-3 rounded-r-md border border-l-0 border-gray-300 bg-gray-50 text-gray-500 sm:text-sm cursor-pointer" }, _(t2.rightAddOn), 1)) : j("", true), t2.icon ? (e(), n("div", da, [r(U, { icon: t2.icon, color: t2.color, loading: t2.loading }, null, 8, ["icon", "color", "loading"]), E(r(U, { icon: C(Hl), color: "green", loading: t2.loading }, null, 8, ["icon", "loading"]), [[I, "success" === t2.color]]), E(r(U, { icon: C(Wl), color: "yellow", loading: t2.loading }, null, 8, ["icon", "loading"]), [[I, "warning" === t2.color]]), E(r(U, { icon: C(Ql), color: "red", loading: t2.loading }, null, 8, ["icon", "loading"]), [[I, "danger" === t2.color]])])) : j("", true)], 2), E(i("p", { class: a([{ "text-gray-400": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "text-red-400": "danger" === t2.color, "text-yellow-400": "warning" === t2.color, "text-green-400": "success" === t2.color }, "mt-2 text-xs flex flex-row items-center"]) }, _(t2.error), 3), [[I, t2.error]])]));
-} }), va = { key: 0 }, ya = { class: "flex justify-between" }, ba = { key: 0, class: "block text-sm font-medium text-gray-700" }, ha = { key: 1, class: "text-[10px] text-gray-500 uppercase" }, xa = ["onDrop"], wa = { class: "space-y-1 flex flex-col items-center justify-center" }, ka = { class: "flex text-sm text-gray-600 flex flex-col sm:flex-row text-center" }, Sa = { 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" }, Ca = ["accept"], Oa = { class: "pl-1" }, Da = { class: "text-xs text-gray-500 pb-4" }, Ma = { class: "mt-2 text-xs flex flex-row items-center text-red-300" }, _a = { key: 1, class: "animate-pulse" }, Pa = [i("div", { class: "flex justify-center items-center flex-col rounded-md border-2 border-dashed px-6 pt-5 pb-6 border-gray-200" }, [i("div", { class: "rounded-full h-20 w-20 bg-gray-200 mb-4" }), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full md:w-1/3 mb-3" }), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full md:w-1/4 mb-3" })], -1)], Ta = { name: "uiInputFile" }, ja = Object.assign(Ta, { props: { name: String, label: String, optional: String, placeholder: String, dragAndDrop: String, fileTypesAndSizes: String, error: String, accept: String, icon: { type: Function, default: function(t2, l2) {
+  return (l3, s2) => t2.loading ? (e(), n("div", ca, [void 0 !== t2.label ? (e(), n("div", pa)) : T("", true), ga])) : (e(), n("div", ra, [i("div", oa, [t2.label ? (e(), n("label", ia, _(t2.label), 1)) : T("", true), t2.optional ? (e(), n("span", sa, _(t2.optional), 1)) : T("", true)]), i("div", { class: a([{ "mt-1": t2.label }, "relative flex"]) }, [t2.addOn ? (e(), n("span", { key: 0, onClick: s2[0] || (s2[0] = (e2) => l3.$emit("addOnClicked")), 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 cursor-pointer" }, _(t2.addOn), 1)) : T("", true), E(i("input", { "onUpdate:modelValue": s2[1] || (s2[1] = (e2) => u2.value = e2), class: a([{ "border-gray-300": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "border-red-400": "danger" === t2.color, "border-yellow-400": "warning" === t2.color, "border-green-400": "success" === t2.color, "bg-gray-100": t2.disabled, "text-black": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "text-red-400": "danger" === t2.color, "text-yellow-400": "warning" === t2.color, "text-green-400": "success" === t2.color, "rounded-md": !t2.addOn || !t2.rightAddOn, "rounded-r-md": t2.addOn, "rounded-l-none": t2.addOn, "rounded-l-md": t2.rightAddOn, "rounded-r-none": t2.rightAddOn }, "shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm border-gray-300 placeholder-gray-300"]), disabled: t2.disabled, name: t2.name, placeholder: t2.placeholder, type: t2.type, onInput: o2 }, null, 42, ua), [[L, u2.value]]), t2.rightAddOn ? (e(), n("span", { key: 1, onClick: s2[2] || (s2[2] = (e2) => l3.$emit("rightAddOnClicked")), class: "inline-flex items-center px-3 rounded-r-md border border-l-0 border-gray-300 bg-gray-50 text-gray-500 sm:text-sm cursor-pointer" }, _(t2.rightAddOn), 1)) : T("", true), t2.icon ? (e(), n("div", da, [r(q, { icon: t2.icon, color: t2.color, loading: t2.loading }, null, 8, ["icon", "color", "loading"]), E(r(q, { icon: C(Hl), color: "green", loading: t2.loading }, null, 8, ["icon", "loading"]), [[I, "success" === t2.color]]), E(r(q, { icon: C(Wl), color: "yellow", loading: t2.loading }, null, 8, ["icon", "loading"]), [[I, "warning" === t2.color]]), E(r(q, { icon: C(Ql), color: "red", loading: t2.loading }, null, 8, ["icon", "loading"]), [[I, "danger" === t2.color]])])) : T("", true)], 2), E(i("p", { class: a([{ "text-gray-400": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "text-red-400": "danger" === t2.color, "text-yellow-400": "warning" === t2.color, "text-green-400": "success" === t2.color }, "mt-2 text-xs flex flex-row items-center"]) }, _(t2.error), 3), [[I, t2.error]])]));
+} }), va = { key: 0 }, ya = { class: "flex justify-between" }, ba = { key: 0, class: "block text-sm font-medium text-gray-700" }, ha = { key: 1, class: "text-[10px] text-gray-500 uppercase" }, xa = ["onDrop"], wa = { class: "space-y-1 flex flex-col items-center justify-center" }, ka = { class: "flex text-sm text-gray-600 flex flex-col sm:flex-row text-center" }, Sa = { 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" }, Ca = ["accept"], Oa = { class: "pl-1" }, Da = { class: "text-xs text-gray-500 pb-4" }, Ma = { class: "mt-2 text-xs flex flex-row items-center text-red-300" }, _a = { key: 1, class: "animate-pulse" }, Pa = [i("div", { class: "flex justify-center items-center flex-col rounded-md border-2 border-dashed px-6 pt-5 pb-6 border-gray-200" }, [i("div", { class: "rounded-full h-20 w-20 bg-gray-200 mb-4" }), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full md:w-1/3 mb-3" }), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full md:w-1/4 mb-3" })], -1)], ja = { name: "uiInputFile" }, Ta = Object.assign(ja, { props: { name: String, label: String, optional: String, placeholder: String, dragAndDrop: String, fileTypesAndSizes: String, error: String, accept: String, icon: { type: Function, default: function(t2, l2) {
   return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true" }, [i("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" })]);
 } }, loading: { type: Boolean, default: true } }, emits: ["filesUploaded"], setup(t2, { emit: l2 }) {
   const o2 = t2, u2 = s(""), d2 = (e2) => {
@@ -1761,40 +1761,40 @@ const Zl = { class: "py-1" }, ea = ["onClick"], ta = { key: 1, class: "animate-p
   }, c2 = (e2) => {
     l2("filesUploaded", e2.target.files), o2.filename = e2.target.files[0].name;
   };
-  return (l3, o3) => t2.loading ? (e(), n("div", _a, Pa)) : (e(), n("div", va, [i("div", ya, [t2.label ? (e(), n("label", ba, _(t2.label), 1)) : j("", true), t2.optional ? (e(), n("span", ha, _(t2.optional), 1)) : j("", true)]), i("div", { class: a([[{ "mt-1": t2.label }, { "border-gray-300 hover:border-gray-400": !t2.error }, { "border-red-300 hover:border-red-400": t2.error }], "dropArea flex justify-center rounded-md border-2 border-dashed px-6 pt-5 pb-6"]), onDragover: o3[0] || (o3[0] = B(() => {
-  }, ["prevent"])), onDrop: B(d2, ["prevent"]) }, [i("div", wa, [r(U, { icon: t2.icon, size: "massive", color: "gray", "aria-hidden": "true", class: "mb-4", loading: t2.loading }, null, 8, ["icon", "loading"]), i("div", ka, [i("label", Sa, [i("span", null, _(t2.placeholder), 1), i("input", { id: "file-upload", name: "file-upload", type: "file", class: "sr-only", accept: t2.accept, onChange: c2 }, null, 40, Ca)]), i("p", Oa, _(t2.dragAndDrop), 1)]), i("p", Da, _(t2.fileTypesAndSizes), 1), E(i("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, _(u2.value), 513), [[I, "" !== u2.value]])])], 42, xa), E(i("p", Ma, [r(U, { icon: C(Xl), color: "red", class: "mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), M(_(t2.error), 1)], 512), [[I, t2.error]])]));
+  return (l3, o3) => t2.loading ? (e(), n("div", _a, Pa)) : (e(), n("div", va, [i("div", ya, [t2.label ? (e(), n("label", ba, _(t2.label), 1)) : T("", true), t2.optional ? (e(), n("span", ha, _(t2.optional), 1)) : T("", true)]), i("div", { class: a([[{ "mt-1": t2.label }, { "border-gray-300 hover:border-gray-400": !t2.error }, { "border-red-300 hover:border-red-400": t2.error }], "dropArea flex justify-center rounded-md border-2 border-dashed px-6 pt-5 pb-6"]), onDragover: o3[0] || (o3[0] = B(() => {
+  }, ["prevent"])), onDrop: B(d2, ["prevent"]) }, [i("div", wa, [r(q, { icon: t2.icon, size: "massive", color: "gray", "aria-hidden": "true", class: "mb-4", loading: t2.loading }, null, 8, ["icon", "loading"]), i("div", ka, [i("label", Sa, [i("span", null, _(t2.placeholder), 1), i("input", { id: "file-upload", name: "file-upload", type: "file", class: "sr-only", accept: t2.accept, onChange: c2 }, null, 40, Ca)]), i("p", Oa, _(t2.dragAndDrop), 1)]), i("p", Da, _(t2.fileTypesAndSizes), 1), E(i("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, _(u2.value), 513), [[I, "" !== u2.value]])])], 42, xa), E(i("p", Ma, [r(q, { icon: C(Xl), color: "red", class: "mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), M(_(t2.error), 1)], 512), [[I, t2.error]])]));
 } }), Ea = { class: "relative mt-1" }, La = { key: 1, class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full" }, Ia = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1), Ba = { name: "uiSelect" }, Ra = Object.assign(Ba, { props: { items: { type: Array, required: true }, label: String, select: Object, loading: { type: Boolean, default: true } }, emits: ["selectChanged"], setup(l2, { emit: o2 }) {
-  const u2 = l2, d2 = s(""), p2 = s(u2.select), g2 = y(() => "" === d2.value ? u2.items : u2.items.filter((e2) => e2.name.toLowerCase().includes(d2.value.toLowerCase()))), m2 = () => {
+  const u2 = l2, d2 = s(""), p2 = s(u2.select), g2 = y(() => "" === d2.value ? u2.items : u2.items.filter((e2) => e2.name.toLowerCase().includes(d2.value.toLowerCase()))), f2 = () => {
     o2("selectChanged", p2.value);
   };
-  return (o3, s2) => l2.loading ? (e(), n("div", La, [Ia, r(C(Ul), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400" })])) : (e(), t(C(ct), { key: 0, modelValue: p2.value, "onUpdate:modelValue": [s2[1] || (s2[1] = (e2) => p2.value = e2), s2[3] || (s2[3] = (e2) => m2())], as: "div", onClick: s2[2] || (s2[2] = (e2) => m2()) }, { default: D(() => [r(C(pt), { class: "block text-sm font-medium text-gray-700" }, { default: D(() => [M(_(l2.label), 1)]), _: 1 }), i("div", Ea, [r(C(mt), { "display-value": (e2) => e2 == null ? void 0 : e2.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: s2[0] || (s2[0] = (e2) => d2.value = e2.target.value) }, null, 8, ["display-value"]), r(C(gt), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, { default: D(() => [r(C(Ul), { "aria-hidden": "true", class: "h-5 w-5 text-gray-400" })]), _: 1 }), g2.value.length > 0 ? (e(), t(C(ft), { 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: D(() => [(e(true), n(c, null, T(g2.value, (l3) => (e(), t(C(vt), { key: l3.id, value: l3, as: "template" }, { default: D(({ active: t2, selected: o4 }) => [i("li", { class: a(["relative cursor-default select-none py-2 pl-3 pr-9", t2 ? "bg-indigo-600 text-white" : "text-gray-900"]) }, [i("span", { class: a(["block truncate", o4 && "font-semibold"]) }, _(l3.name), 3), o4 ? (e(), n("span", { key: 0, class: a(["absolute inset-y-0 right-0 flex items-center pr-4", t2 ? "text-white" : "text-indigo-600"]) }, [r(C(Hl), { "aria-hidden": "true", class: "h-5 w-5", loading: true })], 2)) : j("", true)], 2)]), _: 2 }, 1032, ["value"]))), 128))]), _: 1 })) : j("", true)])]), _: 1 }, 8, ["modelValue"]));
-} }), Aa = { key: 1, class: "inline-flex items-center px-3 py-2.5 rounded text-xs font-medium leading-none animate-pulse bg-gray-200" }, Fa = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" }, null, -1)], Na = { name: "uiTag" }, $a = Object.assign(Na, { props: { color: { type: String, default: "primary" }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, r2) => t2.loading ? (e(), n("div", Aa, Fa)) : (e(), n("span", { key: 0, class: a([{ "bg-indigo-100 text-indigo-800 border border-indigo-200": "primary" === t2.color, "bg-red-100 text-red-800 border border-red-200": "danger" === t2.color, "bg-yellow-100 text-yellow-800 border border-yellow-200": "warning" === t2.color, "bg-green-100 text-green-800 border border-green-200": "success" === t2.color, "bg-black text-white border border-black": "black" === t2.color, "text-black border border-gray-200 bg-white": "white" === t2.color }, "inline-flex items-center px-3 py-2 rounded text-xs font-medium leading-none"]) }, [o(l2.$slots, "default")], 2)) }), Ha = { key: 0 }, Ya = { key: 0, class: "block text-sm font-medium text-gray-700" }, Va = ["disabled", "placeholder"], qa = { key: 1, class: "animate-pulse" }, Ua = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5" }, null, -1), i("div", { class: "h-24 bg-gray-200 rounded-lg flex inline-flex items-center relative inline-block text-left w-full" }, null, -1)], za = { name: "uiTextArea" }, Wa = Object.assign(za, { props: { label: String, placeholder: { type: String, default: "..." }, value: String, color: String, disabled: { type: Boolean, default: false }, error: String, loading: { type: Boolean, default: true } }, emits: ["inputChanged"], setup(t2, { emit: l2 }) {
+  return (o3, s2) => l2.loading ? (e(), n("div", La, [Ia, r(C(ql), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400" })])) : (e(), t(C(ct), { key: 0, modelValue: p2.value, "onUpdate:modelValue": [s2[1] || (s2[1] = (e2) => p2.value = e2), s2[3] || (s2[3] = (e2) => f2())], as: "div", onClick: s2[2] || (s2[2] = (e2) => f2()) }, { default: D(() => [r(C(pt), { class: "block text-sm font-medium text-gray-700" }, { default: D(() => [M(_(l2.label), 1)]), _: 1 }), i("div", Ea, [r(C(ft), { "display-value": (e2) => e2 == null ? void 0 : e2.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: s2[0] || (s2[0] = (e2) => d2.value = e2.target.value) }, null, 8, ["display-value"]), r(C(gt), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, { default: D(() => [r(C(ql), { "aria-hidden": "true", class: "h-5 w-5 text-gray-400" })]), _: 1 }), g2.value.length > 0 ? (e(), t(C(mt), { 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: D(() => [(e(true), n(c, null, j(g2.value, (l3) => (e(), t(C(vt), { key: l3.id, value: l3, as: "template" }, { default: D(({ active: t2, selected: o4 }) => [i("li", { class: a(["relative cursor-default select-none py-2 pl-3 pr-9", t2 ? "bg-indigo-600 text-white" : "text-gray-900"]) }, [i("span", { class: a(["block truncate", o4 && "font-semibold"]) }, _(l3.name), 3), o4 ? (e(), n("span", { key: 0, class: a(["absolute inset-y-0 right-0 flex items-center pr-4", t2 ? "text-white" : "text-indigo-600"]) }, [r(C(Hl), { "aria-hidden": "true", class: "h-5 w-5", loading: true })], 2)) : T("", true)], 2)]), _: 2 }, 1032, ["value"]))), 128))]), _: 1 })) : T("", true)])]), _: 1 }, 8, ["modelValue"]));
+} }), Aa = { key: 1, class: "inline-flex items-center px-3 py-2.5 rounded text-xs font-medium leading-none animate-pulse bg-gray-200" }, Fa = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" }, null, -1)], Na = { name: "uiTag" }, $a = Object.assign(Na, { props: { color: { type: String, default: "primary" }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, r2) => t2.loading ? (e(), n("div", Aa, Fa)) : (e(), n("span", { key: 0, class: a([{ "bg-indigo-100 text-indigo-800 border border-indigo-200": "primary" === t2.color, "bg-red-100 text-red-800 border border-red-200": "danger" === t2.color, "bg-yellow-100 text-yellow-800 border border-yellow-200": "warning" === t2.color, "bg-green-100 text-green-800 border border-green-200": "success" === t2.color, "bg-black text-white border border-black": "black" === t2.color, "text-black border border-gray-200 bg-white": "white" === t2.color }, "inline-flex items-center px-3 py-2 rounded text-xs font-medium leading-none"]) }, [o(l2.$slots, "default")], 2)) }), Ha = { key: 0 }, Va = { key: 0, class: "block text-sm font-medium text-gray-700" }, Ya = ["disabled", "placeholder"], za = { key: 1, class: "animate-pulse" }, qa = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5" }, null, -1), i("div", { class: "h-24 bg-gray-200 rounded-lg flex inline-flex items-center relative inline-block text-left w-full" }, null, -1)], Ua = { name: "uiTextArea" }, Wa = Object.assign(Ua, { props: { label: String, placeholder: { type: String, default: "..." }, value: String, color: String, disabled: { type: Boolean, default: false }, error: String, loading: { type: Boolean, default: true } }, emits: ["inputChanged"], setup(t2, { emit: l2 }) {
   const o2 = (e2) => {
     l2("inputChanged", e2.target.value);
   }, u2 = s(t2.value);
-  return (l3, s2) => t2.loading ? (e(), n("div", qa, Ua)) : (e(), n("div", Ha, [t2.label ? (e(), n("label", Ya, _(t2.label), 1)) : j("", true), i("div", { class: a({ "mt-1": t2.label }) }, [E(i("textarea", { disabled: t2.disabled, rows: "4", "onUpdate:modelValue": s2[0] || (s2[0] = (e2) => u2.value = e2), placeholder: t2.placeholder, class: a(["shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm rounded-md", { "border-gray-300": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "border-red-300": "danger" === t2.color, "border-yellow-400": "warning" === t2.color, "border-green-400": "success" === t2.color, "bg-gray-100": t2.disabled, "text-black": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "text-red-300": "danger" === t2.color, "text-yellow-400": "warning" === t2.color, "text-green-400": "success" === t2.color }]), onChange: o2 }, null, 42, Va), [[R, u2.value]])], 2), E(i("p", { class: a([{ "text-gray-300": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "text-red-300": "danger" === t2.color, "text-yellow-400": "warning" === t2.color, "text-green-400": "success" === t2.color }, "mt-2 text-xs flex flex-row items-center"]) }, [r(U, { icon: C(Xl), color: "red", class: "mr-2" }, null, 8, ["icon"]), M(_(t2.error), 1)], 2), [[I, t2.error]])]));
+  return (l3, s2) => t2.loading ? (e(), n("div", za, qa)) : (e(), n("div", Ha, [t2.label ? (e(), n("label", Va, _(t2.label), 1)) : T("", true), i("div", { class: a({ "mt-1": t2.label }) }, [E(i("textarea", { disabled: t2.disabled, rows: "4", "onUpdate:modelValue": s2[0] || (s2[0] = (e2) => u2.value = e2), placeholder: t2.placeholder, class: a(["shadow-sm focus:ring-indigo-500 focus:border-indigo-500 block w-full sm:text-sm rounded-md", { "border-gray-300": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "border-red-300": "danger" === t2.color, "border-yellow-400": "warning" === t2.color, "border-green-400": "success" === t2.color, "bg-gray-100": t2.disabled, "text-black": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "text-red-300": "danger" === t2.color, "text-yellow-400": "warning" === t2.color, "text-green-400": "success" === t2.color }]), onChange: o2 }, null, 42, Ya), [[R, u2.value]])], 2), E(i("p", { class: a([{ "text-gray-300": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "text-red-300": "danger" === t2.color, "text-yellow-400": "warning" === t2.color, "text-green-400": "success" === t2.color }, "mt-2 text-xs flex flex-row items-center"]) }, [r(q, { icon: C(Xl), color: "red", class: "mr-2" }, null, 8, ["icon"]), M(_(t2.error), 1)], 2), [[I, t2.error]])]));
 } }), Ka = { class: "text-sm font-medium text-gray-900" }, Ja = { key: 0, class: "text-sm text-gray-500 ml-2" }, Ga = { key: 1, class: "animate-pulse flex items-center" }, Xa = [i("div", { class: "relative bg-gray-200 rounded-full w-12 h-6 p-1 flex items-center" }, [i("div", { class: "rounded-full bg-gray-300 dark:bg-gray-400 h-4 w-4" })], -1), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-16 ml-2" }, null, -1)], Qa = { name: "uiToggle" }, Za = Object.assign(Qa, { props: { item: { type: Object, required: true }, checked: { type: Boolean, default: false }, disabled: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, setup(l2) {
   const o2 = s(l2.checked);
-  return (s2, u2) => l2.loading ? (e(), n("div", Ga, Xa)) : (e(), t(C(wl), { key: 0, as: "div", class: "flex items-center relative" }, { default: D(() => [r(C(kl), { disabled: l2.disabled, onClick: u2[0] || (u2[0] = (e2) => s2.$emit("toggleChanged", { item: l2.item, active: !o2.value })), modelValue: o2.value, "onUpdate:modelValue": u2[1] || (u2[1] = (e2) => o2.value = e2), class: a([o2.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: D(() => [i("span", { "aria-hidden": "true", class: a([o2.value ? "translate-x-5" : "translate-x-0", l2.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"]) }, null, 2)]), _: 1 }, 8, ["disabled", "modelValue", "class"]), r(C(Sl), { as: "span", class: "ml-3" }, { default: D(() => [i("span", Ka, _(l2.item.title), 1), l2.item.subtitle ? (e(), n("span", Ja, _(l2.item.subtitle), 1)) : j("", true)]), _: 1 }), l2.item.action ? (e(), n("span", { key: 0, class: "cursor-pointer text-indigo-600 hover:text-indigo-400 uppercase text-xs absolute right-0 bottom-0.5", onClick: u2[2] || (u2[2] = (e2) => s2.$emit("actionClicked", l2.item)) }, _(l2.item.action), 1)) : j("", true)]), _: 1 }));
-} }), en = { key: 0, class: "flex flex-col" }, tn = { class: "flex" }, ln = { class: "flex-shrink-0" }, an = { class: "ml-3" }, nn = { class: "mt-4" }, rn = { class: "-mx-2 -my-1.5 flex" }, on = ["onClick"], sn = { key: 1, class: "flex flex-col animate-pulse" }, un = [A('<div class="p-4 border-l-4 bg-gray-100 border-gray-400 rounded"><div class="flex"><div class="flex-shrink-0"><div class="h-6 w-6 animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"></div></div><div class="ml-3 w-full"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-3/5"></div></div></div></div>', 1)], dn = { name: "uiAlert" }, cn = Object.assign(dn, { props: { actions: { type: Array }, title: { type: String }, type: { type: String, default: "info" }, loading: { type: Boolean, default: true } }, setup: (l2) => (r2, s2) => l2.loading ? (e(), n("div", sn, un)) : (e(), n("div", en, [i("div", { class: a([{ "bg-indigo-50 border-indigo-400": "info" === l2.type, "bg-red-50 border-red-400": "danger" === l2.type, "bg-yellow-50 border-yellow-400": "warning" === l2.type, "bg-green-50 border-green-400": "success" === l2.type }, "p-4 border-l-4 rounded"]) }, [i("div", tn, [i("div", ln, ["info" === l2.type ? (e(), t(C(Gl), { key: 0, class: "h-8 w-8 text-indigo-400", "aria-hidden": "true" })) : j("", true), "danger" === l2.type ? (e(), t(C(Xl), { key: 1, class: "h-8 w-8 text-red-400", "aria-hidden": "true" })) : j("", true), "warning" === l2.type ? (e(), t(C(Wl), { key: 2, class: "h-8 w-8 text-yellow-400", "aria-hidden": "true" })) : j("", true), "success" === l2.type ? (e(), t(C($l), { key: 3, class: "h-8 w-8 text-green-400", "aria-hidden": "true" })) : j("", true)]), i("div", an, [i("h3", { class: a([{ "text-red-800": "danger" === l2.type, "text-yellow-800": "warning" === l2.type, "text-green-800": "success" === l2.type }, "text-sm font-medium"]) }, _(l2.title), 3), i("div", { class: a([{ "text-red-700": "danger" === l2.type, "text-yellow-700": "warning" === l2.type, "text-green-700": "success" === l2.type }, "mt-2 text-sm"]) }, [o(r2.$slots, "default")], 2), i("div", nn, [i("div", rn, [(e(true), n(c, null, T(l2.actions, (t2, o2) => (e(), n("button", { onClick: (e2) => r2.$emit("alertEvent", t2.event), type: "button", key: o2, class: a([{ "bg-green-50 text-green-800 hover:bg-green-100 focus:ring-green-600 focus:ring-offset-green-50": "success" === l2.type, "bg-indigo-50 text-indigo-800 hover:bg-indigo-100 focus:ring-indigo-600 focus:ring-offset-indigo-50": "info" === l2.type, "bg-red-50 text-red-800 hover:bg-red-100 focus:ring-red-600 focus:ring-offset-red-50": "danger" === l2.type, "bg-yellow-50 text-yellow-800 hover:bg-yellow-100 focus:ring-yellow-600 focus:ring-offset-yellow-50": "warning" === l2.type }, "px-2 py-1.5 text-sm font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2"]) }, _(t2.name), 11, on))), 128))])])])])], 2)])) }), pn = { key: 0, class: "inline-flex", "aria-label": "Breadcrumb" }, gn = { role: "list", class: "flex items-center space-x-4 text-xs" }, mn = { key: 0 }, fn = ["onClick"], vn = { key: 1, class: "flex items-center" }, yn = ["onClick", "aria-current"], bn = { key: 1, class: "flex flex-row items-center animate-pulse" }, hn = [i("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5 mr-4" }, null, -1), i("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1)], xn = { name: "uiBreadcrumbs" }, wn = Object.assign(xn, { props: { pages: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, o2) => t2.loading ? (e(), n("div", bn, hn)) : (e(), n("nav", pn, [i("ol", gn, [(e(true), n(c, null, T(t2.pages, (t3, o3) => (e(), n("li", { key: o3 }, [0 === o3 ? (e(), n("div", mn, [i("p", { onClick: (e2) => l2.$emit("breadCrumbClicked", t3.routeName), class: "flex flex-row items-center justify-center text-indigo-600 hover:text-indigo-800 cursor-pointer" }, [r(C(Jl), { class: "flex-shrink-0 h-3 w-3 text-gray-400 mr-4", "aria-hidden": "true" }), i("span", null, _(t3.name), 1)], 8, fn)])) : (e(), n("div", vn, [r(C(ql), { class: "flex-shrink-0 h-3 w-3 text-gray-400", "aria-hidden": "true" }), i("span", { onClick: (e2) => l2.$emit("breadCrumbClicked", t3.routeName), class: a(["cursor-pointer ml-4 text-xs text-gray-400 hover:text-gray-500", { "text-indigo-600 hover:text-indigo-800": !t3.current }]), "aria-current": t3.current ? "page" : "" }, _(t3.name), 11, yn)]))]))), 128))])])) }), kn = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, Sn = ["src"], Cn = { class: "font-bold text-center sm:text-left" }, On = { class: "mt-1 text-xs text-center sm:text-left" }, Dn = { key: 0, class: "flex flex-wrap mt-4 justify-center sm:justify-start" }, Mn = { key: 1, class: "rounded-lg bg-white shadow p-6 cursor-pointer animate-pulse" }, _n = [A('<div class="flex items-center flex-col sm:flex-row justify-center sm:justify-start w-full"><div class="w-16 h-16 rounded-full bg-gray-200 flex self-center"></div><div class="w-full ml-4"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mt-4 sm:mt-0 sm:w-16 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full sm:w-32"></div></div></div>', 1)], Pn = { name: "uiCard" }, Tn = Object.assign(Pn, { props: { id: { type: String, required: true }, name: { type: String, required: true }, type: String, tags: Array, logo: String, loading: { type: Boolean, default: true } }, setup: (l2) => (a2, r2) => {
+  return (s2, u2) => l2.loading ? (e(), n("div", Ga, Xa)) : (e(), t(C(wl), { key: 0, as: "div", class: "flex items-center relative" }, { default: D(() => [r(C(kl), { disabled: l2.disabled, onClick: u2[0] || (u2[0] = (e2) => s2.$emit("toggleChanged", { item: l2.item, active: !o2.value })), modelValue: o2.value, "onUpdate:modelValue": u2[1] || (u2[1] = (e2) => o2.value = e2), class: a([o2.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: D(() => [i("span", { "aria-hidden": "true", class: a([o2.value ? "translate-x-5" : "translate-x-0", l2.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"]) }, null, 2)]), _: 1 }, 8, ["disabled", "modelValue", "class"]), r(C(Sl), { as: "span", class: "ml-3" }, { default: D(() => [i("span", Ka, _(l2.item.title), 1), l2.item.subtitle ? (e(), n("span", Ja, _(l2.item.subtitle), 1)) : T("", true)]), _: 1 }), l2.item.action ? (e(), n("span", { key: 0, class: "cursor-pointer text-indigo-600 hover:text-indigo-400 uppercase text-xs absolute right-0 bottom-0.5", onClick: u2[2] || (u2[2] = (e2) => s2.$emit("actionClicked", l2.item)) }, _(l2.item.action), 1)) : T("", true)]), _: 1 }));
+} }), en = { key: 0, class: "flex flex-col" }, tn = { class: "flex" }, ln = { class: "flex-shrink-0" }, an = { class: "ml-3" }, nn = { class: "mt-4" }, rn = { class: "-mx-2 -my-1.5 flex" }, on = ["onClick"], sn = { key: 1, class: "flex flex-col animate-pulse" }, un = [A('<div class="p-4 border-l-4 bg-gray-100 border-gray-400 rounded"><div class="flex"><div class="flex-shrink-0"><div class="h-6 w-6 animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"></div></div><div class="ml-3 w-full"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-3/5"></div></div></div></div>', 1)], dn = { name: "uiAlert" }, cn = Object.assign(dn, { props: { actions: { type: Array }, title: { type: String }, type: { type: String, default: "info" }, loading: { type: Boolean, default: true } }, setup: (l2) => (r2, s2) => l2.loading ? (e(), n("div", sn, un)) : (e(), n("div", en, [i("div", { class: a([{ "bg-indigo-50 border-indigo-400": "info" === l2.type, "bg-red-50 border-red-400": "danger" === l2.type, "bg-yellow-50 border-yellow-400": "warning" === l2.type, "bg-green-50 border-green-400": "success" === l2.type }, "p-4 border-l-4 rounded"]) }, [i("div", tn, [i("div", ln, ["info" === l2.type ? (e(), t(C(Gl), { key: 0, class: "h-8 w-8 text-indigo-400", "aria-hidden": "true" })) : T("", true), "danger" === l2.type ? (e(), t(C(Xl), { key: 1, class: "h-8 w-8 text-red-400", "aria-hidden": "true" })) : T("", true), "warning" === l2.type ? (e(), t(C(Wl), { key: 2, class: "h-8 w-8 text-yellow-400", "aria-hidden": "true" })) : T("", true), "success" === l2.type ? (e(), t(C($l), { key: 3, class: "h-8 w-8 text-green-400", "aria-hidden": "true" })) : T("", true)]), i("div", an, [i("h3", { class: a([{ "text-red-800": "danger" === l2.type, "text-yellow-800": "warning" === l2.type, "text-green-800": "success" === l2.type }, "text-sm font-medium"]) }, _(l2.title), 3), i("div", { class: a([{ "text-red-700": "danger" === l2.type, "text-yellow-700": "warning" === l2.type, "text-green-700": "success" === l2.type }, "mt-2 text-sm"]) }, [o(r2.$slots, "default")], 2), i("div", nn, [i("div", rn, [(e(true), n(c, null, j(l2.actions, (t2, o2) => (e(), n("button", { onClick: (e2) => r2.$emit("alertEvent", t2.event), type: "button", key: o2, class: a([{ "bg-green-50 text-green-800 hover:bg-green-100 focus:ring-green-600 focus:ring-offset-green-50": "success" === l2.type, "bg-indigo-50 text-indigo-800 hover:bg-indigo-100 focus:ring-indigo-600 focus:ring-offset-indigo-50": "info" === l2.type, "bg-red-50 text-red-800 hover:bg-red-100 focus:ring-red-600 focus:ring-offset-red-50": "danger" === l2.type, "bg-yellow-50 text-yellow-800 hover:bg-yellow-100 focus:ring-yellow-600 focus:ring-offset-yellow-50": "warning" === l2.type }, "px-2 py-1.5 text-sm font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2"]) }, _(t2.name), 11, on))), 128))])])])])], 2)])) }), pn = { key: 0, class: "inline-flex", "aria-label": "Breadcrumb" }, gn = { role: "list", class: "flex items-center space-x-4 text-xs" }, fn = { key: 0 }, mn = ["onClick"], vn = { key: 1, class: "flex items-center" }, yn = ["onClick", "aria-current"], bn = { key: 1, class: "flex flex-row items-center animate-pulse" }, hn = [i("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5 mr-4" }, null, -1), i("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1)], xn = { name: "uiBreadcrumbs" }, wn = Object.assign(xn, { props: { pages: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, o2) => t2.loading ? (e(), n("div", bn, hn)) : (e(), n("nav", pn, [i("ol", gn, [(e(true), n(c, null, j(t2.pages, (t3, o3) => (e(), n("li", { key: o3 }, [0 === o3 ? (e(), n("div", fn, [i("p", { onClick: (e2) => l2.$emit("breadCrumbClicked", t3.routeName), class: "flex flex-row items-center justify-center text-indigo-600 hover:text-indigo-800 cursor-pointer" }, [r(C(Jl), { class: "flex-shrink-0 h-3 w-3 text-gray-400 mr-4", "aria-hidden": "true" }), i("span", null, _(t3.name), 1)], 8, mn)])) : (e(), n("div", vn, [r(C(zl), { class: "flex-shrink-0 h-3 w-3 text-gray-400", "aria-hidden": "true" }), i("span", { onClick: (e2) => l2.$emit("breadCrumbClicked", t3.routeName), class: a(["cursor-pointer ml-4 text-xs text-gray-400 hover:text-gray-500", { "text-indigo-600 hover:text-indigo-800": !t3.current }]), "aria-current": t3.current ? "page" : "" }, _(t3.name), 11, yn)]))]))), 128))])])) }), kn = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, Sn = ["src"], Cn = { class: "font-bold text-center sm:text-left" }, On = { class: "mt-1 text-xs text-center sm:text-left" }, Dn = { key: 0, class: "flex flex-wrap mt-4 justify-center sm:justify-start" }, Mn = { key: 1, class: "rounded-lg bg-white shadow p-6 cursor-pointer animate-pulse" }, _n = [A('<div class="flex items-center flex-col sm:flex-row justify-center sm:justify-start w-full"><div class="w-16 h-16 rounded-full bg-gray-200 flex self-center"></div><div class="w-full ml-4"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mt-4 sm:mt-0 sm:w-16 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full sm:w-32"></div></div></div>', 1)], Pn = { name: "uiCard" }, jn = Object.assign(Pn, { props: { id: { type: String, required: true }, name: { type: String, required: true }, type: String, tags: Array, logo: String, loading: { type: Boolean, default: true } }, setup: (l2) => (a2, r2) => {
   var _a2;
-  return l2.loading ? (e(), n("div", Mn, _n)) : (e(), n("div", { key: 0, class: "rounded-lg bg-white shadow p-6 cursor-pointer", onClick: r2[0] || (r2[0] = (e2) => a2.$emit("cardSelected", { id: l2.id, name: l2.name, type: l2.type, tags: l2.tags })) }, [i("div", kn, [i("img", { class: "w-16 h-16 rounded-full mb-4 sm:mb-0 sm:mr-4", src: l2.logo }, null, 8, Sn), i("div", null, [i("h4", Cn, _(l2.name), 1), i("p", On, _(l2.type), 1)])]), ((_a2 = l2.tags) == null ? void 0 : _a2.length) > 0 ? (e(), n("div", Dn, [(e(true), n(c, null, T(l2.tags, (a3) => (e(), t($a, { class: "my-1 mr-1", key: a3.name, color: a3.color, loading: l2.loading }, { default: D(() => [M(_(a3.name), 1)]), _: 2 }, 1032, ["color", "loading"]))), 128))])) : j("", true)]));
-} }), jn = { name: "uiFilter" }, En = Object.assign(jn, { props: { position: { type: String, default: "left" }, items: { type: Array, required: true }, label: { type: String, required: true }, loading: { type: Boolean, default: true } }, emits: ["filterSelected"], setup(l2, { emit: a2 }) {
+  return l2.loading ? (e(), n("div", Mn, _n)) : (e(), n("div", { key: 0, class: "rounded-lg bg-white shadow p-6 cursor-pointer", onClick: r2[0] || (r2[0] = (e2) => a2.$emit("cardSelected", { id: l2.id, name: l2.name, type: l2.type, tags: l2.tags })) }, [i("div", kn, [i("img", { class: "w-16 h-16 rounded-full mb-4 sm:mb-0 sm:mr-4", src: l2.logo }, null, 8, Sn), i("div", null, [i("h4", Cn, _(l2.name), 1), i("p", On, _(l2.type), 1)])]), ((_a2 = l2.tags) == null ? void 0 : _a2.length) > 0 ? (e(), n("div", Dn, [(e(true), n(c, null, j(l2.tags, (a3) => (e(), t($a, { class: "my-1 mr-1", key: a3.name, color: a3.color, loading: l2.loading }, { default: D(() => [M(_(a3.name), 1)]), _: 2 }, 1032, ["color", "loading"]))), 128))])) : T("", true)]));
+} }), Tn = { name: "uiFilter" }, En = Object.assign(Tn, { props: { position: { type: String, default: "left" }, items: { type: Array, required: true }, label: { type: String, required: true }, loading: { type: Boolean, default: true } }, emits: ["filterSelected"], setup(l2, { emit: a2 }) {
   const n2 = s(l2.items);
   return (r2, o2) => (e(), t(na, { loading: l2.loading, onOptionSelected: o2[0] || (o2[0] = (e2) => ((e3) => {
     n2.value.forEach((t2) => {
       t2.value !== e3 ? t2.active = false : t2.active = true;
     }), a2("filterSelected", e3);
   })(e2)), position: l2.position, items: n2.value, label: l2.label }, null, 8, ["loading", "position", "items", "label"]));
-} }), Ln = i("div", { class: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" }, null, -1), In = { class: "fixed inset-0 z-10 overflow-y-auto" }, Bn = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Rn = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, An = i("span", { class: "sr-only" }, "X", -1), Fn = { class: "sm:flex sm:items-start" }, Nn = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left sm:mr-4" }, $n = { class: "mt-4 text-gray-500 text-sm" }, Hn = { key: 0, class: "mt-8" }, Yn = ["onClick"], Vn = { name: "uiModal" }, qn = Object.assign(Vn, { props: { title: String, actions: Object, modalName: String, open: { type: Boolean, default: false }, type: { type: String, default: "default" }, loading: { type: Boolean, default: false } }, emits: ["modalAction"], setup(l2, { emit: s2 }) {
+} }), Ln = i("div", { class: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" }, null, -1), In = { class: "fixed inset-0 z-10 overflow-y-auto" }, Bn = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Rn = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, An = i("span", { class: "sr-only" }, "X", -1), Fn = { class: "sm:flex sm:items-start" }, Nn = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left sm:mr-4" }, $n = { class: "mt-4 text-gray-500 text-sm" }, Hn = { key: 0, class: "mt-8" }, Vn = ["onClick"], Yn = { name: "uiModal" }, zn = Object.assign(Yn, { props: { title: String, actions: Object, modalName: String, open: { type: Boolean, default: false }, type: { type: String, default: "default" }, loading: { type: Boolean, default: false } }, emits: ["modalAction"], setup(l2, { emit: s2 }) {
   const u2 = l2, d2 = (e2) => {
     s2("modalAction", { modal: u2.modalName, action: e2 });
   };
-  return (s3, u3) => (e(), t(C(Al), { as: "template", show: l2.open }, { default: D(() => [r(C(Jt), { as: "div", class: "relative z-10", onClose: u3[1] || (u3[1] = (e2) => d2("close")) }, { default: D(() => [r(C(Bl), { 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: D(() => [Ln]), _: 1 }), i("div", In, [i("div", Bn, [r(C(Bl), { 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: D(() => [r(C(Gt), { class: "relative transform 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: D(() => [i("div", Rn, [i("button", { type: "button", class: "rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none", onClick: u3[0] || (u3[0] = (e2) => d2("close")) }, [An, r(U, { icon: C(Ql), "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])])]), i("div", Fn, [i("div", { class: a(["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": "danger" === l2.type, "bg-green-100": "success" === l2.type, "bg-indigo-100": "default" === l2.type, "bg-yellow-100": "warning" === l2.type }]) }, [E(r(C(Ql), { class: "h-6 w-6 text-red-600", "aria-hidden": "true" }, null, 512), [[I, "danger" === l2.type]]), E(r(C(Hl), { class: "h-6 w-6 text-green-600", "aria-hidden": "true" }, null, 512), [[I, "success" === l2.type]]), E(r(C(Wl), { class: "h-6 w-6 text-yellow-600", "aria-hidden": "true" }, null, 512), [[I, "warning" === l2.type]]), E(r(C(Kl), { class: "h-6 w-6 text-indigo-600", "aria-hidden": "true" }, null, 512), [[I, "default" === l2.type]])], 2), i("div", Nn, [r(C(Xt), { as: "h3", class: "text-lg font-medium leading-6 text-gray-900" }, { default: D(() => [M(_(l2.title), 1)]), _: 1 }), i("div", $n, [o(s3.$slots, "default")]), l2.actions ? (e(), n("div", Hn, [(e(true), n(c, null, T(l2.actions, (t2, l3) => (e(), n("button", { key: l3, 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: (e2) => d2(t2.value) }, _(t2.name), 9, Yn))), 128))])) : j("", true)])])]), _: 3 })]), _: 3 })])])]), _: 3 })]), _: 3 }, 8, ["show"]));
-} }), Un = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, zn = { 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" }, Wn = { class: "p-4" }, Kn = { class: "flex items-start" }, Jn = { class: "flex-shrink-0 mt-0.5" }, Gn = { class: "ml-3 w-0 flex-1 pt-0.5" }, Xn = { class: "font-medium text-gray-900" }, Qn = { class: "mt-1 text-sm text-gray-500" }, Zn = { class: "ml-4 flex-shrink-0 flex" }, er = i("span", { class: "sr-only" }, "Close", -1), tr = { name: "uiNotification" }, lr = Object.assign(tr, { props: { show: Boolean, type: { type: String, default: "info" }, title: String, message: String, fixed: { type: Boolean, default: true } }, setup(t2) {
+  return (s3, u3) => (e(), t(C(Al), { as: "template", show: l2.open }, { default: D(() => [r(C(Jt), { as: "div", class: "relative z-10", onClose: u3[1] || (u3[1] = (e2) => d2("close")) }, { default: D(() => [r(C(Bl), { 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: D(() => [Ln]), _: 1 }), i("div", In, [i("div", Bn, [r(C(Bl), { 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: D(() => [r(C(Gt), { class: "relative transform 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: D(() => [i("div", Rn, [i("button", { type: "button", class: "rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none", onClick: u3[0] || (u3[0] = (e2) => d2("close")) }, [An, r(q, { icon: C(Ql), "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])])]), i("div", Fn, [i("div", { class: a(["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": "danger" === l2.type, "bg-green-100": "success" === l2.type, "bg-indigo-100": "default" === l2.type, "bg-yellow-100": "warning" === l2.type }]) }, [E(r(C(Ql), { class: "h-6 w-6 text-red-600", "aria-hidden": "true" }, null, 512), [[I, "danger" === l2.type]]), E(r(C(Hl), { class: "h-6 w-6 text-green-600", "aria-hidden": "true" }, null, 512), [[I, "success" === l2.type]]), E(r(C(Wl), { class: "h-6 w-6 text-yellow-600", "aria-hidden": "true" }, null, 512), [[I, "warning" === l2.type]]), E(r(C(Kl), { class: "h-6 w-6 text-indigo-600", "aria-hidden": "true" }, null, 512), [[I, "default" === l2.type]])], 2), i("div", Nn, [r(C(Xt), { as: "h3", class: "text-lg font-medium leading-6 text-gray-900" }, { default: D(() => [M(_(l2.title), 1)]), _: 1 }), i("div", $n, [o(s3.$slots, "default")]), l2.actions ? (e(), n("div", Hn, [(e(true), n(c, null, j(l2.actions, (t2, l3) => (e(), n("button", { key: l3, 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: (e2) => d2(t2.value) }, _(t2.name), 9, Vn))), 128))])) : T("", true)])])]), _: 3 })]), _: 3 })])])]), _: 3 })]), _: 3 }, 8, ["show"]));
+} }), qn = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, Un = { 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" }, Wn = { class: "p-4" }, Kn = { class: "flex items-start" }, Jn = { class: "flex-shrink-0 mt-0.5" }, Gn = { class: "ml-3 w-0 flex-1 pt-0.5" }, Xn = { class: "font-medium text-gray-900" }, Qn = { class: "mt-1 text-sm text-gray-500" }, Zn = { class: "ml-4 flex-shrink-0 flex" }, er = i("span", { class: "sr-only" }, "Close", -1), tr = { name: "uiNotification" }, lr = Object.assign(tr, { props: { show: Boolean, type: { type: String, default: "info" }, title: String, message: String, fixed: { type: Boolean, default: true } }, setup(t2) {
   const l2 = t2, o2 = y(() => l2.show);
-  return (l3, s2) => (e(), n("div", { "aria-live": "assertive", class: a([{ fixed: t2.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"]) }, [i("div", Un, [r(P, { "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: D(() => [o2.value ? (e(), n("div", zn, [i("div", Wn, [i("div", Kn, [i("div", Jn, [E(r(C($l), { "aria-hidden": "true", class: "h-6 w-6 text-green-400" }, null, 512), [[I, "success" === t2.type]]), E(r(C(Xl), { "aria-hidden": "true", class: "h-6 w-6 text-red-400" }, null, 512), [[I, "danger" === t2.type]]), E(r(C(Wl), { "aria-hidden": "true", class: "h-6 w-6 text-yellow-400" }, null, 512), [[I, "warning" === t2.type]]), E(r(C(Gl), { "aria-hidden": "true", class: "h-6 w-6 text-indigo-600" }, null, 512), [[I, "info" === t2.type]])]), i("div", Gn, [i("p", Xn, _(t2.title), 1), i("p", Qn, _(t2.message), 1)]), i("div", Zn, [i("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: s2[0] || (s2[0] = (e2) => l3.$emit("closeNotification")) }, [er, r(C(Ql), { "aria-hidden": "true", class: "h-5 w-5" })])])])])])) : j("", true)]), _: 1 })])], 2));
-} }), ar = { key: 0, role: "list", class: "divide-y divide-gray-100" }, nr = { class: "min-w-0" }, rr = { class: "flex items-start gap-x-3" }, or = { class: "text-sm font-semibold leading-6 text-gray-900" }, ir = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, sr = { class: "truncate" }, ur = { class: "flex flex-none items-center gap-x-4" }, dr = ["href"], cr = { class: "sr-only" }, pr = { key: 1, class: "divide-y divide-gray-100 animate-pulse" }, gr = [A('<div class="min-w-0 w-full"><div class="flex items-start gap-x-3"><p class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2"></p></div></div><div class="flex flex-none items-center gap-x-4"><div class="hidden rounded-md bg-gray-200 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"><p class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-10"></p></div></div>', 2)], mr = { name: "uiTaskList" }, fr = Object.assign(mr, { props: { tasks: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, r2) => t2.loading ? (e(), n("ul", pr, [(e(true), n(c, null, T(t2.tasks, (t3) => (e(), n("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, gr))), 128))])) : (e(), n("ul", ar, [(e(true), n(c, null, T(t2.tasks, (t3) => (e(), n("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, [i("div", nr, [i("div", rr, [i("p", or, _(t3.name), 1), i("p", { class: a([{ "text-green-700 bg-green-50 ring-green-600/20": "Complete" === t3.status, "text-gray-600 bg-gray-50 ring-gray-500/10": "In progress" === t3.status, "text-yellow-800 bg-yellow-50 ring-yellow-600/20": "Incomplete" === t3.status }, "rounded-md whitespace-nowrap mt-0.5 px-1.5 py-0.5 text-xs font-medium ring-1 ring-inset"]) }, _(t3.statusLiteral), 3)]), i("div", ir, [i("p", sr, _(t3.description), 1)])]), i("div", ur, [i("a", { href: t3.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" }, [M(_(t3.action), 1), i("span", cr, ", " + _(t3.name), 1)], 8, dr)])]))), 128))])) });
+  return (l3, s2) => (e(), n("div", { "aria-live": "assertive", class: a([{ fixed: t2.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"]) }, [i("div", qn, [r(P, { "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: D(() => [o2.value ? (e(), n("div", Un, [i("div", Wn, [i("div", Kn, [i("div", Jn, [E(r(C($l), { "aria-hidden": "true", class: "h-6 w-6 text-green-400" }, null, 512), [[I, "success" === t2.type]]), E(r(C(Xl), { "aria-hidden": "true", class: "h-6 w-6 text-red-400" }, null, 512), [[I, "danger" === t2.type]]), E(r(C(Wl), { "aria-hidden": "true", class: "h-6 w-6 text-yellow-400" }, null, 512), [[I, "warning" === t2.type]]), E(r(C(Gl), { "aria-hidden": "true", class: "h-6 w-6 text-indigo-600" }, null, 512), [[I, "info" === t2.type]])]), i("div", Gn, [i("p", Xn, _(t2.title), 1), i("p", Qn, _(t2.message), 1)]), i("div", Zn, [i("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: s2[0] || (s2[0] = (e2) => l3.$emit("closeNotification")) }, [er, r(C(Ql), { "aria-hidden": "true", class: "h-5 w-5" })])])])])])) : T("", true)]), _: 1 })])], 2));
+} }), ar = { key: 0, role: "list", class: "divide-y divide-gray-100" }, nr = { class: "min-w-0" }, rr = { class: "flex items-start gap-x-3" }, or = { class: "text-sm font-semibold leading-6 text-gray-900" }, ir = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, sr = { class: "truncate" }, ur = { class: "flex flex-none items-center gap-x-4" }, dr = ["href"], cr = { class: "sr-only" }, pr = { key: 1, class: "divide-y divide-gray-100 animate-pulse" }, gr = [A('<div class="min-w-0 w-full"><div class="flex items-start gap-x-3"><p class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2"></p></div></div><div class="flex flex-none items-center gap-x-4"><div class="hidden rounded-md bg-gray-200 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"><p class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-10"></p></div></div>', 2)], fr = { name: "uiTaskList" }, mr = Object.assign(fr, { props: { tasks: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, r2) => t2.loading ? (e(), n("ul", pr, [(e(true), n(c, null, j(t2.tasks, (t3) => (e(), n("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, gr))), 128))])) : (e(), n("ul", ar, [(e(true), n(c, null, j(t2.tasks, (t3) => (e(), n("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, [i("div", nr, [i("div", rr, [i("p", or, _(t3.name), 1), i("p", { class: a([{ "text-green-700 bg-green-50 ring-green-600/20": "Complete" === t3.status, "text-gray-600 bg-gray-50 ring-gray-500/10": "In progress" === t3.status, "text-yellow-800 bg-yellow-50 ring-yellow-600/20": "Incomplete" === t3.status }, "rounded-md whitespace-nowrap mt-0.5 px-1.5 py-0.5 text-xs font-medium ring-1 ring-inset"]) }, _(t3.statusLiteral), 3)]), i("div", ir, [i("p", sr, _(t3.description), 1)])]), i("div", ur, [i("a", { href: t3.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" }, [M(_(t3.action), 1), i("span", cr, ", " + _(t3.name), 1)], 8, dr)])]))), 128))])) });
 "undefined" != typeof globalThis ? globalThis : "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self && self;
 function vr(e2) {
   return e2 && e2.__esModule && Object.prototype.hasOwnProperty.call(e2, "default") ? e2.default : e2;
@@ -1838,7 +1838,7 @@ const yr = (e2, t2) => {
     l2[e3] = a2;
   return l2;
 }, br = { class: "dateSelector flex items-center text-white flex-row" }, hr = { class: "pagination flex items-center my-1 md:my-0" }, xr = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, wr = { class: "pagination flex items-center my-1 sm:my-0" };
-const kr = yr({ name: "dateSelector", components: { ChevronLeftIcon: Vl, ChevronRightIcon: ql }, computed: { currentDate() {
+const kr = yr({ name: "dateSelector", components: { ChevronLeftIcon: Yl, ChevronRightIcon: zl }, computed: { currentDate() {
   return H(this.selectedDate).locale("es").format("DD MMM. YYYY");
 } }, props: { selectedDate: { type: Object, required: true } }, methods: { selectDate(e2, t2) {
   let l2;
@@ -1846,9 +1846,9 @@ const kr = yr({ name: "dateSelector", components: { ChevronLeftIcon: Vl, Chevron
 } } }, [["render", function(t2, l2, a2, o2, s2, u2) {
   const d2 = F("ChevronLeftIcon"), c2 = F("ChevronRightIcon");
   return e(), n("div", br, [i("div", hr, [i("div", { class: "previousYear flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[0] || (l2[0] = (e2) => u2.selectDate("year", "previous")) }, [r(d2, { class: "h-4" }), r(d2, { class: "h-4 -ml-3" }), r(d2, { class: "h-4 -ml-3" })]), i("div", { class: "previousMonth flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[1] || (l2[1] = (e2) => u2.selectDate("month", "previous")) }, [r(d2, { class: "h-4" }), r(d2, { class: "h-4 -ml-3" })]), i("div", { class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[2] || (l2[2] = (e2) => u2.selectDate("day", "previous")) }, [r(d2, { class: "h-4" })])]), i("div", xr, _(u2.currentDate), 1), i("div", wr, [i("div", { class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[3] || (l2[3] = (e2) => u2.selectDate("day", "next")) }, [r(c2, { class: "h-4" })]), i("div", { class: "previousMonth flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[4] || (l2[4] = (e2) => u2.selectDate("month", "next")) }, [r(c2, { class: "h-4" }), r(c2, { class: "h-4 -ml-3" })]), i("div", { class: "previousYear flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[5] || (l2[5] = (e2) => u2.selectDate("year", "next")) }, [r(c2, { class: "h-4" }), r(c2, { class: "h-4 -ml-3" }), r(c2, { class: "h-4 -ml-3" })])])]);
-}]]), Sr = { name: "SkeletonTable" }, Cr = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Or = { class: "flow-root" }, Dr = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Mr = { class: "inline-block min-w-full py-2 align-middle px-1" }, _r = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Pr = { class: "min-w-full divide-y divide-gray-300" }, Tr = i("thead", { class: "bg-gray-50" }, [i("tr", null, [i("th", { scope: "col", class: "py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "px-3 py-3.5 text-left text-sm font-semibold text-gray-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "px-3 py-3.5 text-left text-sm font-semibold text-gray-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "px-3 py-3.5 text-left text-sm font-semibold text-gray-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "relative py-3.5 pl-3 pr-4 sm:pr-6" }, [i("span", { class: "sr-only" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })])])])], -1), jr = { class: "divide-y divide-gray-200 bg-white" }, Er = [i("td", { class: "whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "whitespace-nowrap px-3 py-4 text-sm text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "whitespace-nowrap px-3 py-4 text-sm text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "whitespace-nowrap px-3 py-4 text-sm text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6" }, [i("a", { href: "#", class: "text-indigo-600 hover:text-indigo-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" }), i("span", { class: "sr-only" }, [M(", {"), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })])])], -1)];
+}]]), Sr = { name: "SkeletonTable" }, Cr = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Or = { class: "flow-root" }, Dr = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Mr = { class: "inline-block min-w-full py-2 align-middle px-1" }, _r = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Pr = { class: "min-w-full divide-y divide-gray-300" }, jr = i("thead", { class: "bg-gray-50" }, [i("tr", null, [i("th", { scope: "col", class: "py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "px-3 py-3.5 text-left text-sm font-semibold text-gray-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "px-3 py-3.5 text-left text-sm font-semibold text-gray-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "px-3 py-3.5 text-left text-sm font-semibold text-gray-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "relative py-3.5 pl-3 pr-4 sm:pr-6" }, [i("span", { class: "sr-only" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })])])])], -1), Tr = { class: "divide-y divide-gray-200 bg-white" }, Er = [i("td", { class: "whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "whitespace-nowrap px-3 py-4 text-sm text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "whitespace-nowrap px-3 py-4 text-sm text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "whitespace-nowrap px-3 py-4 text-sm text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6" }, [i("a", { href: "#", class: "text-indigo-600 hover:text-indigo-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" }), i("span", { class: "sr-only" }, [M(", {"), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })])])], -1)];
 const Lr = yr(Sr, [["render", function(t2, l2, a2, r2, o2, s2) {
-  return e(), n("div", Cr, [i("div", Or, [i("div", Dr, [i("div", Mr, [i("div", _r, [i("table", Pr, [Tr, i("tbody", jr, [(e(), n(c, null, T(10, (e2) => i("tr", { key: e2 }, Er)), 64))])])])])])])]);
+  return e(), n("div", Cr, [i("div", Or, [i("div", Dr, [i("div", Mr, [i("div", _r, [i("table", Pr, [jr, i("tbody", Tr, [(e(), n(c, null, j(10, (e2) => i("tr", { key: e2 }, Er)), 64))])])])])])])]);
 }]]);
 var Ir = { exports: {} };
 Ir.exports = function(e2, t2, l2) {
@@ -1889,63 +1889,71 @@ const Hr = { name: "uiPriceCalendar", data: () => ({ today: /* @__PURE__ */ new
   this.$emit("tableAction", e2);
 }, changeRoomPrice(e2) {
   this.$emit("changeRoomPrice", e2);
-} } }, Yr = { key: 0, class: "px-4 sm:px-6 lg:px-8" }, Vr = { class: "flow-root" }, qr = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Ur = { class: "inline-block min-w-full align-middle" }, zr = { class: "min-w-full" }, Wr = { class: "bg-white" }, Kr = { 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" }, Jr = { colspan: "20", scope: "colgroup", class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, Gr = i("span", null, "Categoría: Simple", -1), Xr = i("td", { colspan: "6", class: "pl-4" }, " Precios de selección ", -1), Qr = i("td", { colspan: "6", class: "pl-4" }, " Precios de mejora ", -1), Zr = { colspan: "20", scope: "colgroup", class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900 relative" }, eo = { 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" }, to = ["onClick"], lo = i("span", null, "Precios de selección", -1), ao = { colspan: "2", scope: "colgroup", class: "relative bg-gray-100 py-3.5 pl-4 pr-3 text-left font-semibold text-gray-900" }, no = ["checked", "indeterminate"], ro = i("span", { class: "pl-6" }, "Habitación", -1), oo = i("th", { colspan: "2", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, " Edificio ", -1), io = i("th", { colspan: "2", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, " Planta ", -1), so = i("th", { colspan: "14", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, null, -1), uo = { colspan: "2", class: "relative py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6" }, co = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, po = ["value"], go = { class: "pl-6" }, mo = { colspan: "2", class: "pl-4" }, fo = { colspan: "2", class: "pl-4" };
+} } }, Vr = { key: 0, class: "px-4 sm:px-6 lg:px-8" }, Yr = { class: "flow-root" }, zr = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, qr = { class: "inline-block min-w-full align-middle" }, Ur = { class: "min-w-full" }, Wr = { class: "bg-white" }, Kr = { 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" }, Jr = { colspan: "20", scope: "colgroup", class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, Gr = i("span", null, "Categoría: Simple", -1), Xr = i("td", { colspan: "6", class: "pl-4" }, " Precios de selección ", -1), Qr = i("td", { colspan: "6", class: "pl-4" }, " Precios de mejora ", -1), Zr = { colspan: "20", scope: "colgroup", class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900 relative" }, eo = { 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" }, to = ["onClick"], lo = i("span", null, "Precios de selección", -1), ao = { colspan: "2", scope: "colgroup", class: "relative bg-gray-100 py-3.5 pl-4 pr-3 text-left font-semibold text-gray-900" }, no = ["checked", "indeterminate"], ro = i("span", { class: "pl-6" }, "Habitación", -1), oo = i("th", { colspan: "2", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, " Edificio ", -1), io = i("th", { colspan: "2", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, " Planta ", -1), so = i("th", { colspan: "14", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, null, -1), uo = { colspan: "2", class: "relative py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6" }, co = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, po = ["value"], go = { class: "pl-6" }, fo = { colspan: "2", class: "pl-4" }, mo = { colspan: "2", class: "pl-4" };
 const vo = yr(Hr, [["render", function(l2, a2, o2, s2, u2, d2) {
   var _a2, _b;
-  const p2 = F("DateSelector"), g2 = F("Day"), m2 = F("uiButton"), f2 = F("Price"), v2 = F("SkeletonTable");
-  return o2.loading ? (e(), t(v2, { key: 1 })) : (e(), n("div", Yr, [i("div", Vr, [i("div", qr, [i("div", Ur, [i("table", zr, [i("tbody", Wr, [i("tr", null, [i("th", Kr, [r(p2, { selectedDate: l2.date, onDateSelected: a2[0] || (a2[0] = (e2) => d2.changeDate(e2)) }, null, 8, ["selectedDate"])]), (e(true), n(c, null, T(d2.days, (t2, l3) => (e(), n("th", { scope: "col", key: l3, class: "text-sm font-semibold text-gray-900 p-0" }, [r(g2, { class: "border-l border-gray-200 px-6 py-3", day: t2 }, null, 8, ["day"])]))), 128))]), i("tr", null, [i("th", Jr, [Gr, r(m2, { loading: o2.loading, class: "ml-4", size: "small", onClick: d2.changeCategoryBulkPrices }, { default: D(() => [M("Cambiar precios en bloque ")]), _: 1 }, 8, ["loading", "onClick"])])]), i("tr", null, [Xr, (e(true), n(c, null, T(o2.category.selectionPrices, (t2, l3) => (e(), n("td", { key: l3, class: "p-0" }, [r(f2, { onClick: (e2) => d2.changeCategorySelectionPrice(t2), class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer", price: t2, currency: o2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))]), i("tr", null, [Qr, (e(true), n(c, null, T(o2.category.upgradePrices, (t2, l3) => (e(), n("td", { key: l3, class: "p-0" }, [r(f2, { onClick: (e2) => d2.changeCategoryUpgradePrice(t2), 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: t2, currency: o2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))]), i("tr", null, [i("th", Zr, [((_a2 = l2.selectedRooms) == null ? void 0 : _a2.length) > 0 && ((_b = o2.actions) == null ? void 0 : _b.length) > 0 ? (e(), n("div", eo, [(e(true), n(c, null, T(o2.actions, (t2, a3) => (e(), n("button", { onClick: (e2) => d2.tableAction({ action: t2.id, items: l2.selectedRooms }), key: a3, 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" }, _(t2.name), 9, to))), 128))])) : j("", true), lo])]), i("tr", null, [i("th", ao, [i("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: d2.indeterminate || l2.selectedRooms.length === o2.rooms.length, indeterminate: d2.indeterminate, onChange: a2[1] || (a2[1] = (e2) => l2.selectedRooms = e2.target.checked ? o2.rooms.map((e3) => e3.name) : []) }, null, 40, no), ro]), oo, io, so]), (e(true), n(c, null, T(o2.rooms, (t2) => (e(), n("tr", { key: t2.name, class: "even:bg-gray-100" }, [i("td", uo, [l2.selectedRooms.includes(t2.name) ? (e(), n("div", co)) : j("", true), E(i("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: t2.name, "onUpdate:modelValue": a2[2] || (a2[2] = (e2) => l2.selectedRooms = e2) }, null, 8, po), [[N, l2.selectedRooms]]), i("span", go, _(t2.name), 1)]), i("td", mo, _(t2.building), 1), i("td", fo, _(t2.floor), 1), (e(true), n(c, null, T(t2.selectionPrices, (t3, l3) => (e(), n("td", { class: "p-0", key: l3 }, [r(f2, { onClick: (e2) => d2.changeRoomPrice(t3), class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 cursor-pointer", price: t3, currency: o2.currency.symbol, basePrice: d2.getSelectionBasePrice(t3) }, null, 8, ["onClick", "price", "currency", "basePrice"])]))), 128))]))), 128))])])])])])]));
+  const p2 = F("DateSelector"), g2 = F("Day"), f2 = F("uiButton"), m2 = F("Price"), v2 = F("SkeletonTable");
+  return o2.loading ? (e(), t(v2, { key: 1 })) : (e(), n("div", Vr, [i("div", Yr, [i("div", zr, [i("div", qr, [i("table", Ur, [i("tbody", Wr, [i("tr", null, [i("th", Kr, [r(p2, { selectedDate: l2.date, onDateSelected: a2[0] || (a2[0] = (e2) => d2.changeDate(e2)) }, null, 8, ["selectedDate"])]), (e(true), n(c, null, j(d2.days, (t2, l3) => (e(), n("th", { scope: "col", key: l3, class: "text-sm font-semibold text-gray-900 p-0" }, [r(g2, { class: "border-l border-gray-200 px-6 py-3", day: t2 }, null, 8, ["day"])]))), 128))]), i("tr", null, [i("th", Jr, [Gr, r(f2, { loading: o2.loading, class: "ml-4", size: "small", onClick: d2.changeCategoryBulkPrices }, { default: D(() => [M("Cambiar precios en bloque ")]), _: 1 }, 8, ["loading", "onClick"])])]), i("tr", null, [Xr, (e(true), n(c, null, j(o2.category.selectionPrices, (t2, l3) => (e(), n("td", { key: l3, class: "p-0" }, [r(m2, { onClick: (e2) => d2.changeCategorySelectionPrice(t2), class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer", price: t2, currency: o2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))]), i("tr", null, [Qr, (e(true), n(c, null, j(o2.category.upgradePrices, (t2, l3) => (e(), n("td", { key: l3, class: "p-0" }, [r(m2, { onClick: (e2) => d2.changeCategoryUpgradePrice(t2), 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: t2, currency: o2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))]), i("tr", null, [i("th", Zr, [((_a2 = l2.selectedRooms) == null ? void 0 : _a2.length) > 0 && ((_b = o2.actions) == null ? void 0 : _b.length) > 0 ? (e(), n("div", eo, [(e(true), n(c, null, j(o2.actions, (t2, a3) => (e(), n("button", { onClick: (e2) => d2.tableAction({ action: t2.id, items: l2.selectedRooms }), key: a3, 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" }, _(t2.name), 9, to))), 128))])) : T("", true), lo])]), i("tr", null, [i("th", ao, [i("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: d2.indeterminate || l2.selectedRooms.length === o2.rooms.length, indeterminate: d2.indeterminate, onChange: a2[1] || (a2[1] = (e2) => l2.selectedRooms = e2.target.checked ? o2.rooms.map((e3) => e3.name) : []) }, null, 40, no), ro]), oo, io, so]), (e(true), n(c, null, j(o2.rooms, (t2) => (e(), n("tr", { key: t2.name, class: "even:bg-gray-100" }, [i("td", uo, [l2.selectedRooms.includes(t2.name) ? (e(), n("div", co)) : T("", true), E(i("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: t2.name, "onUpdate:modelValue": a2[2] || (a2[2] = (e2) => l2.selectedRooms = e2) }, null, 8, po), [[N, l2.selectedRooms]]), i("span", go, _(t2.name), 1)]), i("td", fo, _(t2.building), 1), i("td", mo, _(t2.floor), 1), (e(true), n(c, null, j(t2.selectionPrices, (t3, l3) => (e(), n("td", { class: "p-0", key: l3 }, [r(m2, { onClick: (e2) => d2.changeRoomPrice(t3), class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 cursor-pointer", price: t3, currency: o2.currency.symbol, basePrice: d2.getSelectionBasePrice(t3) }, null, 8, ["onClick", "price", "currency", "basePrice"])]))), 128))]))), 128))])])])])])]));
 }]]), yo = { class: "chart-selector flex flex-row items-center justify-center" }, bo = { name: "rangeSelector" }, ho = Object.assign(bo, { emits: ["rangeSelected"], setup(t2, { emit: l2 }) {
   let r2 = s("24h");
   const o2 = (e2) => {
     r2.value = e2, l2("rangeSelected", e2);
   };
   return (t3, l3) => (e(), n("ul", yo, [i("li", { class: a({ selected: "24h" === C(r2) }), onClick: l3[0] || (l3[0] = (e2) => o2("24h")) }, " 24H ", 2), i("li", { class: a({ selected: "7d" === C(r2) }), onClick: l3[1] || (l3[1] = (e2) => o2("7d")) }, "7D", 2), i("li", { class: a({ selected: "1m" === C(r2) }), onClick: l3[2] || (l3[2] = (e2) => o2("1m")) }, "1M", 2), i("li", { class: a({ selected: "3m" === C(r2) }), onClick: l3[3] || (l3[3] = (e2) => o2("3m")) }, "3M", 2)]));
-} }), xo = { chart: { toolbar: { show: false }, zoom: { enabled: false } }, colors: ["#715aff", "#00ffff", "#aba9ba"], stroke: { show: true, curve: "stepline", lineCap: "butt", width: 1, dashArray: 0 }, dataLabels: { enabled: false }, markers: { strokeWidth: 0, size: 4, hover: { size: 8 } } }, wo = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, ko = { class: "chart-header flex flex-row justify-between" }, So = { class: "text-sm font-medium text-gray-500 truncate" }, Co = { class: "chart-content" }, Oo = { class: "h-full w-full flex items-center justify-center flex-col" }, Do = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Mo = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, _o = [i("div", { role: "status", class: "w-full animate-pulse h-full flex flex-col" }, [i("div", { class: "h-2.5 w-36 bg-gray-200 rounded-full mb-2.5" }), i("div", { class: "w-48 h-2 mb-6 bg-gray-200 rounded-full" }), i("div", { class: "flex flex-row justify-between items-baseline grow gap-x-1" }, [i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" })])], -1)], Po = { name: "uiChart" }, To = Object.assign(Po, { props: { title: String, id: { type: String, default: "noChartId" }, type: { type: String, default: "area" }, series: { type: Array, required: true }, options: { type: Object, required: true }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false }, range: { type: String, default: "24h" } }, emits: ["selectedRange", "chartUpdated"], setup(t2, { emit: l2 }) {
+} }), xo = { chart: { toolbar: { show: false }, zoom: { enabled: false } }, colors: ["#715aff", "#00ffff", "#aba9ba"], stroke: { show: true, curve: "stepline", lineCap: "butt", width: 1, dashArray: 0 }, dataLabels: { enabled: false }, markers: { strokeWidth: 0, size: 4, hover: { size: 8 } } }, wo = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, ko = { class: "chart-header flex flex-row justify-between" }, So = { class: "text-sm font-medium text-gray-500 truncate" }, Co = { class: "chart-content" }, Oo = { class: "h-full w-full flex items-center justify-center flex-col" }, Do = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Mo = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, _o = [i("div", { role: "status", class: "w-full animate-pulse h-full flex flex-col" }, [i("div", { class: "h-2.5 w-36 bg-gray-200 rounded-full mb-2.5" }), i("div", { class: "w-48 h-2 mb-6 bg-gray-200 rounded-full" }), i("div", { class: "flex flex-row justify-between items-baseline grow gap-x-1" }, [i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" })])], -1)], Po = { name: "uiChart" }, jo = Object.assign(Po, { props: { title: String, id: { type: String, default: "noChartId" }, type: { type: String, default: "area" }, series: { type: Array, required: true }, options: { type: Object, required: true }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false }, range: { type: String, default: "24h" } }, emits: ["selectedRange", "chartUpdated"], setup(t2, { emit: l2 }) {
   const a2 = t2, o2 = y(() => ({ ...a2.options, ...xo })), s2 = y(() => a2.series), u2 = () => l2("chartUpdated");
-  return (l3, a3) => (e(), n(c, null, [E(i("div", wo, [i("div", ko, [i("div", So, _(t2.title), 1), r(ho, { onRangeSelected: a3[0] || (a3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) })]), E(i("div", Co, [r(C(Y), { type: t2.type, series: s2.value, width: "100%", height: "100%", options: o2.value, onUpdated: u2, onMounted: u2 }, null, 8, ["type", "series", "options"])], 512), [[I, !t2.empty]]), E(i("div", Oo, [r(U, { icon: C(Wl), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Do], 512), [[I, t2.empty]])], 512), [[I, !t2.loading]]), E(i("div", Mo, _o, 512), [[I, t2.loading]])], 64));
-} }), jo = { name: "uiFooter" }, Eo = { class: "bg-white" }, Lo = [i("div", { class: "mx-auto py-6 px-4 sm:px-6 md:flex md:items-center md:justify-between lg:px-8" }, [i("div", { class: "mt-8 md:mt-0 md:order-1" }, [i("p", { class: "text-center text-base text-gray-400" }, "© Made by Hotelinking.")])], -1)];
-const Io = yr(jo, [["render", function(t2, l2, a2, r2, o2, i2) {
+  return (l3, a3) => (e(), n(c, null, [E(i("div", wo, [i("div", ko, [i("div", So, _(t2.title), 1), r(ho, { onRangeSelected: a3[0] || (a3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) })]), E(i("div", Co, [r(C(V), { type: t2.type, series: s2.value, width: "100%", height: "100%", options: o2.value, onUpdated: u2, onMounted: u2 }, null, 8, ["type", "series", "options"])], 512), [[I, !t2.empty]]), E(i("div", Oo, [r(q, { icon: C(Wl), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Do], 512), [[I, t2.empty]])], 512), [[I, !t2.loading]]), E(i("div", Mo, _o, 512), [[I, t2.loading]])], 64));
+} }), To = { name: "uiFooter" }, Eo = { class: "bg-white" }, Lo = [i("div", { class: "mx-auto py-6 px-4 sm:px-6 md:flex md:items-center md:justify-between lg:px-8" }, [i("div", { class: "mt-8 md:mt-0 md:order-1" }, [i("p", { class: "text-center text-base text-gray-400" }, "© Made by Hotelinking.")])], -1)];
+const Io = yr(To, [["render", function(t2, l2, a2, r2, o2, i2) {
   return e(), n("footer", Eo, Lo);
-}]]), Bo = i("div", { class: "spinner h-12 w-12 mb-6" }, [i("img", { src: "https://images.hotelinking.com/ui/loader.gif", alt: "loading animation" })], -1), Ro = { name: "uiLoadScreen" }, Ao = Object.assign(Ro, { props: { title: String, message: String, fixed: { type: Boolean, default: true } }, setup: (t2) => (l2, r2) => (e(), n("div", { class: a([{ fixed: t2.fixed }, "load-screen h-full w-full top-0 left-0 z-50 flex flex-col items-center justify-center bg-gray-50"]) }, [Bo, E(i("h2", { class: "text-xs font-bold text-center uppercase mb-2" }, _(t2.title), 513), [[I, t2.title]]), E(i("p", { class: "text-xs text-center uppercase md:w-1/4" }, _(t2.message), 513), [[I, t2.message]])], 2)) }), Fo = { key: 0, class: "py-6 flex items-center justify-between" }, No = { class: "flex-1 flex justify-between sm:hidden" }, $o = { href: "#", class: "relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50" }, Ho = { href: "#", class: "ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50" }, Yo = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, Vo = { class: "text-sm text-gray-700" }, qo = { class: "font-bold" }, Uo = { class: "font-bold" }, zo = { class: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px", "aria-label": "Pagination" }, Wo = { class: "sr-only" }, Ko = ["onClick"], Jo = { class: "sr-only" }, Go = { key: 1, class: "py-6 flex flex-row justify-between items-center animate-pulse" }, Xo = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1), i("div", { class: "h-10 w-32 bg-gray-200 rounded dark:bg-gray-300" }, null, -1)], Qo = { name: "uiPagination" }, Zo = Object.assign(Qo, { props: { current: { type: Number, requires: true }, total: { type: Number, requires: true }, loading: { type: Boolean, default: true } }, emits: ["changePage"], setup(t2, { emit: l2 }) {
-  const u2 = t2, d2 = s(3), p2 = y(() => Math.max(1, Number(u2.current) - Number(d2.value))), g2 = y(() => Math.min(Number(u2.current) + Number(d2.value), Number(u2.total))), m2 = y(() => {
+}]]), Bo = i("div", { class: "spinner h-12 w-12 mb-6" }, [i("img", { src: "https://images.hotelinking.com/ui/loader.gif", alt: "loading animation" })], -1), Ro = { name: "uiLoadScreen" }, Ao = Object.assign(Ro, { props: { title: String, message: String, fixed: { type: Boolean, default: true } }, setup: (t2) => (l2, r2) => (e(), n("div", { class: a([{ fixed: t2.fixed }, "load-screen h-full w-full top-0 left-0 z-50 flex flex-col items-center justify-center bg-gray-50"]) }, [Bo, E(i("h2", { class: "text-xs font-bold text-center uppercase mb-2" }, _(t2.title), 513), [[I, t2.title]]), E(i("p", { class: "text-xs text-center uppercase md:w-1/4" }, _(t2.message), 513), [[I, t2.message]])], 2)) }), Fo = { key: 0, class: "py-6 flex items-center justify-between" }, No = { class: "flex-1 flex justify-between sm:hidden" }, $o = { href: "#", class: "relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50" }, Ho = { href: "#", class: "ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50" }, Vo = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, Yo = { class: "text-sm text-gray-700" }, zo = { class: "font-bold" }, qo = { class: "font-bold" }, Uo = { class: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px", "aria-label": "Pagination" }, Wo = { class: "sr-only" }, Ko = ["onClick"], Jo = { class: "sr-only" }, Go = { key: 1, class: "py-6 flex flex-row justify-between items-center animate-pulse" }, Xo = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1), i("div", { class: "h-10 w-32 bg-gray-200 rounded dark:bg-gray-300" }, null, -1)], Qo = { name: "uiPagination" }, Zo = Object.assign(Qo, { props: { current: { type: Number, requires: true }, total: { type: Number, requires: true }, loading: { type: Boolean, default: true } }, emits: ["changePage"], setup(t2, { emit: l2 }) {
+  const u2 = t2, d2 = s(3), p2 = y(() => Math.max(1, Number(u2.current) - Number(d2.value))), g2 = y(() => Math.min(Number(u2.current) + Number(d2.value), Number(u2.total))), f2 = y(() => {
     let e2 = [];
     for (let t3 = Number(p2.value); t3 <= Number(g2.value); t3++)
       e2.push(t3);
     return e2;
   });
-  return (s2, u3) => t2.loading ? (e(), n("div", Go, Xo)) : (e(), n("div", Fo, [i("div", No, [i("a", $o, [o(s2.$slots, "previous")]), i("a", Ho, [o(s2.$slots, "next")])]), i("div", Yo, [i("div", null, [i("p", Vo, [o(s2.$slots, "showing"), M(), i("span", qo, _(t2.current + " "), 1), o(s2.$slots, "of"), M(), i("span", Uo, _(t2.total), 1)])]), i("div", null, [i("nav", zo, [E(i("button", { onClick: u3[0] || (u3[0] = (e2) => l2("changePage", t2.current - 1)), class: "relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50" }, [i("span", Wo, [o(s2.$slots, "previous")]), r(C(Vl), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[I, 1 !== t2.current]]), (e(true), n(c, null, T(m2.value, (r2) => (e(), n("button", { onClick: (e2) => l2("changePage", r2), key: r2, "aria-current": "page", class: a([[r2 === t2.current ? "z-10 bg-indigo-50 border-indigo-500 text-indigo-600" : "bg-white border-gray-300 text-gray-500 hover:bg-gray-50"], "relative inline-flex items-center px-4 py-2 border text-sm font-medium"]) }, _(r2), 11, Ko))), 128)), E(i("button", { onClick: u3[1] || (u3[1] = (e2) => l2("changePage", t2.current + 1)), class: "relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50" }, [i("span", Jo, [o(s2.$slots, "next")]), r(C(ql), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[I, t2.current !== t2.total]])])])])]));
-} }), ei = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, ti = { class: "flex flex-col flex-grow overflow-y-auto" }, li = { class: "grow flex flex-col" }, ai = { class: "flex-1 space-y-1", "aria-label": "Sidebar" }, ni = { key: 0 }, ri = ["onClick"], oi = { key: 0 }, ii = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, si = { key: 0, class: "flex-1" }, ui = { key: 1, class: "flex-1" }, di = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)], ci = { key: 0 }, pi = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, gi = { name: "uiSidebar" }, mi = Object.assign(gi, { props: { navigation: { type: Array, required: true }, loading: { type: Boolean, default: true } }, emits: ["sideBarClick"], setup: (l2, { emit: o2 }) => (s2, u2) => (e(), n("div", ei, [i("div", ti, [i("div", li, [i("nav", ai, [(e(true), n(c, null, T(l2.navigation, (s3) => (e(), n(c, { key: s3.name }, [s3.children ? (e(), t(C(ll), { key: 1, as: "div", class: "space-y-1" }, { default: D(({ open: i2 }) => [r(C(al), { class: a([s3.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900", "group w-full flex items-center pl-2 pr-1 py-2 text-left text-sm font-medium rounded-md focus:outline-none"]) }, { default: D(() => [r(U, { loading: l2.loading, icon: s3.icon, class: "mr-3 flex-shrink-0 h-6 w-6 text-gray-400 group-hover:text-gray-500", "aria-hidden": "true" }, null, 8, ["loading", "icon"]), l2.loading ? (e(), n("div", ui, di)) : (e(), n("span", si, _(s3.name), 1)), r(C(ql), { class: a([i2 ? "text-gray-400 rotate-90" : "text-gray-400", "ml-3 flex-shrink-0 h-3 w-3 transform group-hover:text-gray-400 transition-colors ease-in-out duration-150"]) }, null, 8, ["class"])]), _: 2 }, 1032, ["class"]), r(C(nl), { class: "space-y-1" }, { default: D(() => [(e(true), n(c, null, T(s3.children, (a2) => (e(), t(C(al), { onClick: (e2) => o2("sideBarClick", a2.id), key: a2.name, class: "group w-full flex items-center pl-11 pr-2 py-2 text-sm font-medium text-gray-600 rounded-md hover:text-gray-900 hover:bg-gray-50" }, { default: D(() => [l2.loading ? (e(), n("div", pi)) : (e(), n("span", ci, _(a2.name), 1))]), _: 2 }, 1032, ["onClick"]))), 128))]), _: 2 }, 1024)]), _: 2 }, 1024)) : (e(), n("div", ni, [i("button", { onClick: (e2) => o2("sideBarClick", s3.id), class: a([s3.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900", "group w-full flex items-center pl-2 py-2 text-sm font-medium rounded-md"]) }, [r(U, { loading: l2.loading, icon: s3.icon, class: a([s3.current ? "text-white" : "text-gray-400 group-hover:text-gray-500", "mr-3 flex-shrink-0 h-6 w-6"]), "aria-hidden": "true" }, null, 8, ["loading", "icon", "class"]), l2.loading ? (e(), n("div", ii)) : (e(), n("span", oi, _(s3.name), 1))], 10, ri)]))], 64))), 128))])])])])) }), fi = { key: 0 }, vi = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, yi = { class: "ml-16 flex items-baseline pb-5" }, bi = { class: "text-2xl font-semibold text-gray-900" }, hi = { class: "sr-only" }, xi = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, wi = { class: "text-sm" }, ki = { key: 1 }, Si = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, Ci = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Oi = i("div", { class: "ml-16" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2 mb-4 animate-pulse" })], -1), Di = i("div", { class: "ml-16" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2 animate-pulse" })], -1), Mi = { name: "uiStats" }, _i = Object.assign(Mi, { props: { item: { type: Object, required: true }, loading: { type: Boolean, default: true } }, emits: ["statClick"], setup: (l2, { emit: o2 }) => (s2, u2) => l2.loading ? (e(), n("div", ki, [i("div", Si, [i("dt", null, [i("div", Ci, [r(U, { loading: l2.loading, icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true" }, null, 8, ["loading", "icon"])]), Oi, Di])])])) : (e(), n("div", fi, [i("div", { class: a(["relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full", { "pb-12": l2.item.showFooter }]) }, [i("dt", null, [i("div", { class: a(["absolute rounded-md p-3", { "bg-indigo-500": !l2.item.color, "bg-green-500": "success" === l2.item.color, "bg-red-500": "danger" === l2.item.color, "bg-yellow-500": "warning" === l2.item.color }]) }, [r(U, { icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])], 2), i("p", vi, _(l2.item.name), 1)]), i("dd", yi, [i("p", bi, _(l2.item.stat), 1), l2.item.changeType ? (e(), n("p", { key: 0, class: a(["increase" === l2.item.changeType ? "text-green-600" : "text-red-600", "ml-2 flex items-baseline text-sm font-semibold"]) }, ["increase" === l2.item.changeType ? (e(), t(C(Nl), { key: 0, class: "self-center flex-shrink-0 h-3 w-3 text-green-500", "aria-hidden": "true" })) : (e(), t(C(Fl), { key: 1, class: "self-center flex-shrink-0 h-3 w-3 text-red-500", "aria-hidden": "true" })), i("span", hi, _("increase" === l2.item.changeType ? "Increased" : "Decreased"), 1), M(" " + _(l2.item.change), 1)], 2)) : j("", true), E(i("div", xi, [i("div", wi, [i("span", { onClick: u2[0] || (u2[0] = (e2) => o2("statClick", l2.item.id)), class: "font-medium text-indigo-600 hover:text-indigo-500 cursor-pointer" }, _(l2.item.actionText), 1)])], 512), [[I, l2.item.showFooter]])])], 2)])) }), Pi = { key: 0, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, Ti = { class: "px-4 py-5 sm:px-6" }, ji = { class: "text-lg font-medium leading-6 text-gray-900" }, Ei = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, Li = { class: "border-t border-gray-200" }, Ii = { class: "text-sm font-medium text-gray-500" }, Bi = { key: 0, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, Ri = { key: 1, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, Ai = ["onClick"], Fi = { key: 3, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words" }, Ni = { key: 1, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, $i = A('<div class="px-4 py-5 sm:px-6 animate-pulse"><h3 class="text-lg font-medium leading-6 text-gray-900"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4"></div></h3><p class="mt-1 max-w-2xl text-sm text-gray-500"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/5"></div></p></div>', 1), Hi = { class: "border-t border-gray-200" }, Yi = [i("dt", { class: "text-sm font-medium text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" })], -1), i("dd", { class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" })], -1)], Vi = { name: "uiStripedCard" }, qi = Object.assign(Vi, { props: { title: String, subtitle: String, items: Object, loading: { type: Boolean, default: true } }, emits: ["itemClicked"], setup: (l2, { emit: o2 }) => (o3, s2) => l2.loading ? (e(), n("div", Ni, [$i, i("div", Hi, [i("dl", null, [(e(), n(c, null, T(5, (e2) => i("div", { key: e2, class: a(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [e2 % 2 == 0 ? "bg-gray-50" : "bg-white"]]) }, Yi, 2)), 64))])])])) : (e(), n("div", Pi, [i("div", Ti, [i("h3", ji, _(l2.title), 1), i("p", Ei, _(l2.subtitle), 1)]), i("div", Li, [i("dl", null, [(e(true), n(c, null, T(l2.items, (s3, u2) => (e(), n("div", { key: u2, class: a(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [u2 % 2 == 0 ? "bg-gray-50" : "bg-white"]]) }, [i("dt", Ii, _(s3.title), 1), "tag" === s3.type ? (e(), n("dd", Bi, [r($a, { color: s3.color }, { default: D(() => [M(_(s3.text), 1)]), _: 2 }, 1032, ["color"])])) : "tags" === s3.type ? (e(), n("dd", Ri, [(e(true), n(c, null, T(s3.tags, (a2, n2) => (e(), t($a, { loading: l2.loading, key: n2, color: a2.color, class: "mr-2 mb-2" }, { default: D(() => [M(_(a2.text), 1)]), _: 2 }, 1032, ["loading", "color"]))), 128))])) : "link" === s3.type ? (e(), n("dd", { key: 2, class: "mt-1 text-sm text-indigo-600 hover:text-indigo-400 sm:col-span-2 sm:mt-0 cursor-pointer", onClick: (e2) => o3.$emit("itemClicked", s3.emits) }, _(s3.text), 9, Ai)) : (e(), n("dd", Fi, _(s3.text), 1))], 2))), 128))])])])) }), Ui = { key: 0 }, zi = { class: "flex flex-col" }, Wi = { class: "-my-2 overflow-x-auto" }, Ki = { class: "inline-block min-w-full py-2 align-middle px-1" }, Ji = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Gi = { key: 0, class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-16 bg-white shadow rounded px-4 py-1" }, Xi = ["onClick"], Qi = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Zi = { class: "bg-gray-50" }, es = ["checked", "indeterminate"], ts = ["onClick"], ls = { key: 1, class: "group flex items-center uppercase text-xs" }, as = { class: "divide-y divide-gray-200 bg-white" }, ns = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, rs = ["value"], os = ["onClick"], is = { key: 2 }, ss = { name: "uiTable" }, us = Object.assign(ss, { props: { header: { type: Array, required: true }, items: { type: Array, required: true }, orderedBy: String, orderDirection: { type: String, default: "asc" }, actions: Array, loading: { type: Boolean, default: true } }, emits: ["tableAction", "orderBy"], setup(l2, { emit: o2 }) {
+  return (s2, u3) => t2.loading ? (e(), n("div", Go, Xo)) : (e(), n("div", Fo, [i("div", No, [i("a", $o, [o(s2.$slots, "previous")]), i("a", Ho, [o(s2.$slots, "next")])]), i("div", Vo, [i("div", null, [i("p", Yo, [o(s2.$slots, "showing"), M(), i("span", zo, _(t2.current + " "), 1), o(s2.$slots, "of"), M(), i("span", qo, _(t2.total), 1)])]), i("div", null, [i("nav", Uo, [E(i("button", { onClick: u3[0] || (u3[0] = (e2) => l2("changePage", t2.current - 1)), class: "relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50" }, [i("span", Wo, [o(s2.$slots, "previous")]), r(C(Yl), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[I, 1 !== t2.current]]), (e(true), n(c, null, j(f2.value, (r2) => (e(), n("button", { onClick: (e2) => l2("changePage", r2), key: r2, "aria-current": "page", class: a([[r2 === t2.current ? "z-10 bg-indigo-50 border-indigo-500 text-indigo-600" : "bg-white border-gray-300 text-gray-500 hover:bg-gray-50"], "relative inline-flex items-center px-4 py-2 border text-sm font-medium"]) }, _(r2), 11, Ko))), 128)), E(i("button", { onClick: u3[1] || (u3[1] = (e2) => l2("changePage", t2.current + 1)), class: "relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50" }, [i("span", Jo, [o(s2.$slots, "next")]), r(C(zl), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[I, t2.current !== t2.total]])])])])]));
+} }), ei = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, ti = { class: "flex flex-col flex-grow overflow-y-auto" }, li = { class: "grow flex flex-col" }, ai = { class: "flex-1 space-y-1", "aria-label": "Sidebar" }, ni = { key: 0 }, ri = ["onClick"], oi = { key: 0 }, ii = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, si = { key: 0, class: "flex-1" }, ui = { key: 1, class: "flex-1" }, di = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)], ci = { key: 0 }, pi = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, gi = { name: "uiSidebar" }, fi = Object.assign(gi, { props: { navigation: { type: Array, required: true }, loading: { type: Boolean, default: true } }, emits: ["sideBarClick"], setup: (l2, { emit: o2 }) => (s2, u2) => (e(), n("div", ei, [i("div", ti, [i("div", li, [i("nav", ai, [(e(true), n(c, null, j(l2.navigation, (s3) => (e(), n(c, { key: s3.name }, [s3.children ? (e(), t(C(ll), { key: 1, as: "div", class: "space-y-1" }, { default: D(({ open: i2 }) => [r(C(al), { class: a([s3.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900", "group w-full flex items-center pl-2 pr-1 py-2 text-left text-sm font-medium rounded-md focus:outline-none"]) }, { default: D(() => [r(q, { loading: l2.loading, icon: s3.icon, class: "mr-3 flex-shrink-0 h-6 w-6 text-gray-400 group-hover:text-gray-500", "aria-hidden": "true" }, null, 8, ["loading", "icon"]), l2.loading ? (e(), n("div", ui, di)) : (e(), n("span", si, _(s3.name), 1)), r(C(zl), { class: a([i2 ? "text-gray-400 rotate-90" : "text-gray-400", "ml-3 flex-shrink-0 h-3 w-3 transform group-hover:text-gray-400 transition-colors ease-in-out duration-150"]) }, null, 8, ["class"])]), _: 2 }, 1032, ["class"]), r(C(nl), { class: "space-y-1" }, { default: D(() => [(e(true), n(c, null, j(s3.children, (a2) => (e(), t(C(al), { onClick: (e2) => o2("sideBarClick", a2.id), key: a2.name, class: "group w-full flex items-center pl-11 pr-2 py-2 text-sm font-medium text-gray-600 rounded-md hover:text-gray-900 hover:bg-gray-50" }, { default: D(() => [l2.loading ? (e(), n("div", pi)) : (e(), n("span", ci, _(a2.name), 1))]), _: 2 }, 1032, ["onClick"]))), 128))]), _: 2 }, 1024)]), _: 2 }, 1024)) : (e(), n("div", ni, [i("button", { onClick: (e2) => o2("sideBarClick", s3.id), class: a([s3.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900", "group w-full flex items-center pl-2 py-2 text-sm font-medium rounded-md"]) }, [r(q, { loading: l2.loading, icon: s3.icon, class: a([s3.current ? "text-white" : "text-gray-400 group-hover:text-gray-500", "mr-3 flex-shrink-0 h-6 w-6"]), "aria-hidden": "true" }, null, 8, ["loading", "icon", "class"]), l2.loading ? (e(), n("div", ii)) : (e(), n("span", oi, _(s3.name), 1))], 10, ri)]))], 64))), 128))])])])])) }), mi = { key: 0 }, vi = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, yi = { class: "ml-16 flex items-baseline pb-5" }, bi = { class: "text-2xl font-semibold text-gray-900" }, hi = { class: "sr-only" }, xi = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, wi = { class: "text-sm" }, ki = { key: 1 }, Si = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, Ci = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Oi = i("div", { class: "ml-16" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2 mb-4 animate-pulse" })], -1), Di = i("div", { class: "ml-16" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2 animate-pulse" })], -1), Mi = { name: "uiStats" }, _i = Object.assign(Mi, { props: { item: { type: Object, required: true }, loading: { type: Boolean, default: true } }, emits: ["statClick"], setup: (l2, { emit: o2 }) => (s2, u2) => l2.loading ? (e(), n("div", ki, [i("div", Si, [i("dt", null, [i("div", Ci, [r(q, { loading: l2.loading, icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true" }, null, 8, ["loading", "icon"])]), Oi, Di])])])) : (e(), n("div", mi, [i("div", { class: a(["relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full", { "pb-12": l2.item.showFooter }]) }, [i("dt", null, [i("div", { class: a(["absolute rounded-md p-3", { "bg-indigo-500": !l2.item.color, "bg-green-500": "success" === l2.item.color, "bg-red-500": "danger" === l2.item.color, "bg-yellow-500": "warning" === l2.item.color }]) }, [r(q, { icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])], 2), i("p", vi, _(l2.item.name), 1)]), i("dd", yi, [i("p", bi, _(l2.item.stat), 1), l2.item.changeType ? (e(), n("p", { key: 0, class: a(["increase" === l2.item.changeType ? "text-green-600" : "text-red-600", "ml-2 flex items-baseline text-sm font-semibold"]) }, ["increase" === l2.item.changeType ? (e(), t(C(Nl), { key: 0, class: "self-center flex-shrink-0 h-3 w-3 text-green-500", "aria-hidden": "true" })) : (e(), t(C(Fl), { key: 1, class: "self-center flex-shrink-0 h-3 w-3 text-red-500", "aria-hidden": "true" })), i("span", hi, _("increase" === l2.item.changeType ? "Increased" : "Decreased"), 1), M(" " + _(l2.item.change), 1)], 2)) : T("", true), E(i("div", xi, [i("div", wi, [i("span", { onClick: u2[0] || (u2[0] = (e2) => o2("statClick", l2.item.id)), class: "font-medium text-indigo-600 hover:text-indigo-500 cursor-pointer" }, _(l2.item.actionText), 1)])], 512), [[I, l2.item.showFooter]])])], 2)])) }), Pi = { key: 0, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, ji = { class: "px-4 py-5 sm:px-6" }, Ti = { class: "text-lg font-medium leading-6 text-gray-900" }, Ei = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, Li = { class: "border-t border-gray-200" }, Ii = { class: "text-sm font-medium text-gray-500" }, Bi = { key: 0, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, Ri = { key: 1, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, Ai = ["onClick"], Fi = { key: 3, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words" }, Ni = { key: 1, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, $i = A('<div class="px-4 py-5 sm:px-6 animate-pulse"><h3 class="text-lg font-medium leading-6 text-gray-900"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4"></div></h3><p class="mt-1 max-w-2xl text-sm text-gray-500"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/5"></div></p></div>', 1), Hi = { class: "border-t border-gray-200" }, Vi = [i("dt", { class: "text-sm font-medium text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" })], -1), i("dd", { class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" })], -1)], Yi = { name: "uiStripedCard" }, zi = Object.assign(Yi, { props: { title: String, subtitle: String, items: Object, loading: { type: Boolean, default: true } }, emits: ["itemClicked"], setup: (l2, { emit: o2 }) => (o3, s2) => l2.loading ? (e(), n("div", Ni, [$i, i("div", Hi, [i("dl", null, [(e(), n(c, null, j(5, (e2) => i("div", { key: e2, class: a(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [e2 % 2 == 0 ? "bg-gray-50" : "bg-white"]]) }, Vi, 2)), 64))])])])) : (e(), n("div", Pi, [i("div", ji, [i("h3", Ti, _(l2.title), 1), i("p", Ei, _(l2.subtitle), 1)]), i("div", Li, [i("dl", null, [(e(true), n(c, null, j(l2.items, (s3, u2) => (e(), n("div", { key: u2, class: a(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [u2 % 2 == 0 ? "bg-gray-50" : "bg-white"]]) }, [i("dt", Ii, _(s3.title), 1), "tag" === s3.type ? (e(), n("dd", Bi, [r($a, { color: s3.color }, { default: D(() => [M(_(s3.text), 1)]), _: 2 }, 1032, ["color"])])) : "tags" === s3.type ? (e(), n("dd", Ri, [(e(true), n(c, null, j(s3.tags, (a2, n2) => (e(), t($a, { loading: l2.loading, key: n2, color: a2.color, class: "mr-2 mb-2" }, { default: D(() => [M(_(a2.text), 1)]), _: 2 }, 1032, ["loading", "color"]))), 128))])) : "link" === s3.type ? (e(), n("dd", { key: 2, class: "mt-1 text-sm text-indigo-600 hover:text-indigo-400 sm:col-span-2 sm:mt-0 cursor-pointer", onClick: (e2) => o3.$emit("itemClicked", s3.emits) }, _(s3.text), 9, Ai)) : (e(), n("dd", Fi, _(s3.text), 1))], 2))), 128))])])])) }), qi = { key: 0 }, Ui = { class: "flex flex-col" }, Wi = { class: "-my-2 overflow-x-auto" }, Ki = { class: "inline-block min-w-full py-2 align-middle px-1" }, Ji = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Gi = { key: 0, class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-16 bg-white shadow rounded px-4 py-1" }, Xi = ["onClick"], Qi = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Zi = { class: "bg-gray-50" }, es = ["checked", "indeterminate"], ts = ["onClick"], ls = { key: 1, class: "group flex items-center uppercase text-xs" }, as = { class: "divide-y divide-gray-200 bg-white" }, ns = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, rs = ["value"], os = ["onClick"], is = { key: 2 }, ss = { name: "uiTable" }, us = Object.assign(ss, { props: { header: { type: Array, required: true }, items: { type: Array, required: true }, orderedBy: String, orderDirection: { type: String, default: "asc" }, actions: Array, loading: { type: Boolean, default: true } }, emits: ["tableAction", "orderBy"], setup(l2, { emit: o2 }) {
   const u2 = l2;
   let d2 = s([]);
   s(false);
   const p2 = y(() => d2.value.length > 0 && d2.value.length < u2.items.length);
   return (s2, u3) => {
     var _a2, _b;
-    return l2.loading ? (e(), t(Lr, { key: 1 })) : (e(), n("div", Ui, [i("div", zi, [i("div", Wi, [i("div", Ki, [i("div", Ji, [((_a2 = C(d2)) == null ? void 0 : _a2.length) > 0 && ((_b = l2.actions) == null ? void 0 : _b.length) > 0 ? (e(), n("div", Gi, [(e(true), n(c, null, T(l2.actions, (t2, l3) => (e(), n("button", { onClick: (e2) => o2("tableAction", { action: t2.id, items: C(d2) }), key: l3, 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" }, _(t2.name), 9, Xi))), 128))])) : j("", true), i("table", Qi, [i("thead", Zi, [i("tr", null, [i("th", { scope: "col", class: a([l2.actions ? "px-6 sm:px-8" : "px-3", "relative"]) }, [l2.actions ? (e(), n("input", { key: 0, checked: p2.value || C(d2).length === l2.items.length, indeterminate: p2.value, class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500", type: "checkbox", onChange: u3[0] || (u3[0] = (e2) => $(d2) ? d2.value = e2.target.checked ? l2.items.map((e3) => e3.id) : [] : d2 = e2.target.checked ? l2.items.map((e3) => e3.id) : []) }, null, 40, es)) : j("", true)], 2), (e(true), n(c, null, T(l2.header, (t2, s3) => (e(), n("th", { key: s3, class: "py-3.5 pr-3 text-left font-semibold text-gray-900 flex-wrap", scope: "col" }, [t2.value ? (e(), n("button", { key: 0, class: "group flex items-center uppercase text-xs", onClick: (e2) => o2("orderBy", { value: t2.value, orderDirection: "asc" === l2.orderDirection ? "desc" : "asc" }) }, [i("span", null, _(t2.name), 1), i("span", { class: a([[t2.value === l2.orderedBy ? "bg-indigo-600 text-white group-hover:bg-gray-300" : "text-gray-400 group-hover:visible group-focus:visible"], "ml-2 flex-none rounded group-hover:bg-indigo-200 group-hover:text-white"]) }, [r(U, { icon: "asc" === l2.orderDirection ? C(Yl) : C(zl), loading: l2.loading, color: t2.value === l2.orderedBy ? "white" : "primary" }, null, 8, ["icon", "loading", "color"])], 2)], 8, ts)) : (e(), n("p", ls, [i("span", null, _(t2.name), 1)]))]))), 128))])]), i("tbody", as, [(e(true), n(c, null, T(l2.items, (r2, s3) => {
+    return l2.loading ? (e(), t(Lr, { key: 1 })) : (e(), n("div", qi, [i("div", Ui, [i("div", Wi, [i("div", Ki, [i("div", Ji, [((_a2 = C(d2)) == null ? void 0 : _a2.length) > 0 && ((_b = l2.actions) == null ? void 0 : _b.length) > 0 ? (e(), n("div", Gi, [(e(true), n(c, null, j(l2.actions, (t2, l3) => (e(), n("button", { onClick: (e2) => o2("tableAction", { action: t2.id, items: C(d2) }), key: l3, 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" }, _(t2.name), 9, Xi))), 128))])) : T("", true), i("table", Qi, [i("thead", Zi, [i("tr", null, [i("th", { scope: "col", class: a([l2.actions ? "px-6 sm:px-8" : "px-3", "relative"]) }, [l2.actions ? (e(), n("input", { key: 0, checked: p2.value || C(d2).length === l2.items.length, indeterminate: p2.value, class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500", type: "checkbox", onChange: u3[0] || (u3[0] = (e2) => $(d2) ? d2.value = e2.target.checked ? l2.items.map((e3) => e3.id) : [] : d2 = e2.target.checked ? l2.items.map((e3) => e3.id) : []) }, null, 40, es)) : T("", true)], 2), (e(true), n(c, null, j(l2.header, (t2, s3) => (e(), n("th", { key: s3, class: "py-3.5 pr-3 text-left font-semibold text-gray-900 flex-wrap", scope: "col" }, [t2.value ? (e(), n("button", { key: 0, class: "group flex items-center uppercase text-xs", onClick: (e2) => o2("orderBy", { value: t2.value, orderDirection: "asc" === l2.orderDirection ? "desc" : "asc" }) }, [i("span", null, _(t2.name), 1), i("span", { class: a([[t2.value === l2.orderedBy ? "bg-indigo-600 text-white group-hover:bg-gray-300" : "text-gray-400 group-hover:visible group-focus:visible"], "ml-2 flex-none rounded group-hover:bg-indigo-200 group-hover:text-white"]) }, [r(q, { icon: "asc" === l2.orderDirection ? C(Vl) : C(Ul), loading: l2.loading, color: t2.value === l2.orderedBy ? "white" : "primary" }, null, 8, ["icon", "loading", "color"])], 2)], 8, ts)) : (e(), n("p", ls, [i("span", null, _(t2.name), 1)]))]))), 128))])]), i("tbody", as, [(e(true), n(c, null, j(l2.items, (r2, s3) => {
       var _a3, _b2;
-      return e(), n("tr", { key: r2.id, class: a([C(d2).includes(r2.id) && "bg-gray-50", s3 % 2 == 0 ? void 0 : "bg-gray-50"]) }, [i("td", { class: a([((_a3 = l2.actions) == null ? void 0 : _a3.length) > 0 ? "w-2" : "w-0", "relative"]) }, [C(d2).includes(r2.id) ? (e(), n("div", ns)) : j("", true), ((_b2 = l2.actions) == null ? void 0 : _b2.length) > 0 ? E((e(), n("input", { key: 1, "onUpdate:modelValue": u3[1] || (u3[1] = (e2) => $(d2) ? d2.value = e2 : d2 = e2), value: r2.id, class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500 flex-wrap", type: "checkbox" }, null, 8, rs)), [[N, C(d2)]]) : j("", true)], 2), (e(true), n(c, null, T(r2.row, (i2, s4) => (e(), n("td", { key: s4, class: a(["whitespace-nowrap py-4 pr-3 text-sm uppercase text-xs", C(d2).includes(r2.id) ? "text-indigo-600" : "text-gray-900"]) }, ["object" == typeof i2 && "tag" === i2.type ? (e(), t($a, { key: 0, loading: l2.loading, color: i2.color }, { default: D(() => [M(_(i2.content), 1)]), _: 2 }, 1032, ["loading", "color"])) : "object" == typeof i2 && "link" === i2.type ? (e(), n("span", { key: 1, class: "text-indigo-600 hover:text-indigo-400 cursor-pointer", onClick: (e2) => o2(i2.emits, { id: r2.id, data: (r2 == null ? void 0 : r2.emitWith) || null }) }, _(i2.content), 9, os)) : (e(), n("span", is, _(i2), 1))], 2))), 128))], 2);
+      return e(), n("tr", { key: r2.id, class: a([C(d2).includes(r2.id) && "bg-gray-50", s3 % 2 == 0 ? void 0 : "bg-gray-50"]) }, [i("td", { class: a([((_a3 = l2.actions) == null ? void 0 : _a3.length) > 0 ? "w-2" : "w-0", "relative"]) }, [C(d2).includes(r2.id) ? (e(), n("div", ns)) : T("", true), ((_b2 = l2.actions) == null ? void 0 : _b2.length) > 0 ? E((e(), n("input", { key: 1, "onUpdate:modelValue": u3[1] || (u3[1] = (e2) => $(d2) ? d2.value = e2 : d2 = e2), value: r2.id, class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500 flex-wrap", type: "checkbox" }, null, 8, rs)), [[N, C(d2)]]) : T("", true)], 2), (e(true), n(c, null, j(r2.row, (i2, s4) => (e(), n("td", { key: s4, class: a(["whitespace-nowrap py-4 pr-3 text-sm uppercase text-xs", C(d2).includes(r2.id) ? "text-indigo-600" : "text-gray-900"]) }, ["object" == typeof i2 && "tag" === i2.type ? (e(), t($a, { key: 0, loading: l2.loading, color: i2.color }, { default: D(() => [M(_(i2.content), 1)]), _: 2 }, 1032, ["loading", "color"])) : "object" == typeof i2 && "link" === i2.type ? (e(), n("span", { key: 1, class: "text-indigo-600 hover:text-indigo-400 cursor-pointer", onClick: (e2) => o2(i2.emits, { id: r2.id, data: (r2 == null ? void 0 : r2.emitWith) || null }) }, _(i2.content), 9, os)) : (e(), n("span", is, _(i2), 1))], 2))), 128))], 2);
     }), 128))])])])])])])]));
   };
-} }), ds = { class: "lg:hidden" }, cs = ["value"], ps = { class: "hidden lg:block" }, gs = { class: "border-b border-gray-200" }, ms = { class: "-mb-px flex space-x-8", "aria-label": "Tabs" }, fs = ["onClick", "aria-current"], vs = { name: "uiTabs" }, ys = Object.assign(vs, { props: { tabs: Array }, emits: ["tabClicked"], setup: (t2, { emit: l2 }) => (r2, o2) => (e(), n("div", null, [i("div", ds, [i("select", { onChange: o2[0] || (o2[0] = (e2) => {
+} }), ds = { class: "lg:hidden" }, cs = ["value"], ps = { class: "hidden lg:block" }, gs = { class: "border-b border-gray-200" }, fs = { class: "-mb-px flex space-x-8", "aria-label": "Tabs" }, ms = ["onClick", "aria-current"], vs = { name: "uiTabs" }, ys = Object.assign(vs, { props: { tabs: Array }, emits: ["tabClicked"], setup: (t2, { emit: l2 }) => (r2, o2) => (e(), n("div", null, [i("div", ds, [i("select", { onChange: o2[0] || (o2[0] = (e2) => {
   l2("tabClicked", e2.target.value);
-}), id: "tabs", name: "tabs", class: "block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm" }, [(e(true), n(c, null, T(t2.tabs, (t3) => (e(), n("option", { value: t3.id, key: t3.name }, _(t3.name), 9, cs))), 128))], 32)]), i("div", ps, [i("div", gs, [i("nav", ms, [(e(true), n(c, null, T(t2.tabs, (t3) => (e(), n("a", { key: t3.name, onClick: (e2) => l2("tabClicked", t3.id), class: a([t3.current ? "border-indigo-500 text-indigo-600" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-200", "whitespace-nowrap flex py-4 px-1 border-b-2 font-medium text-sm cursor-pointer"]), "aria-current": t3.current ? "page" : void 0 }, [M(_(t3.name) + " ", 1), t3.count ? (e(), n("span", { key: 0, class: a([t3.current ? "bg-indigo-100 text-indigo-600" : "bg-gray-100 text-gray-900", "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block"]) }, _(t3.count), 3)) : j("", true)], 10, fs))), 128))])])])])) }), bs = { key: 0, class: "bg-white overflow-hidden shadow rounded-lg" }, hs = { class: "px-4 py-5 sm:px-6" }, xs = { class: "text-xl font-bold" }, ws = { class: "px-4 py-5 sm:p-6" }, ks = { class: "flow-root" }, Ss = { class: "-mb-8", role: "list" }, Cs = { class: "relative pb-8" }, Os = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, Ds = { class: "relative flex space-x-3" }, Ms = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, _s = { class: "text-sm text-gray-500" }, Ps = ["onClick"], Ts = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, js = ["datetime"], Es = { class: "bg-gray-50 px-4 py-4 sm:px-6 z-10" }, Ls = { class: "text-sm" }, Is = { key: 1, class: "bg-white overflow-hidden shadow rounded-lg" }, Bs = i("div", { class: "px-4 py-5 sm:px-6 animate-pulse" }, [i("h1", { class: "text-xl font-bold" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })])], -1), Rs = { class: "px-4 py-5 sm:p-6 animate-pulse" }, As = { class: "flow-root" }, Fs = { class: "-mb-8", role: "list" }, Ns = { class: "relative pb-8" }, $s = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, Hs = A('<div class="relative flex space-x-3"><div><span class="h-8 w-8 rounded-full bg-gray-300 flex items-center justify-center ring-4 ring-white"></span></div><div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center"><div><p class="text-sm text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full"></div></p></div><div class="text-right text-sm whitespace-nowrap text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4"></div></div></div></div>', 1), Ys = i("div", { class: "bg-gray-50 px-4 py-4 sm:px-6 z-10 animate-pulse" }, [i("div", { class: "text-sm" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })])], -1), Vs = { name: "uiTimeline" }, qs = Object.assign(Vs, { props: { name: { type: String, required: true }, timeline: { type: Object }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, o2) => t2.loading ? (e(), n("div", Is, [Bs, i("div", Rs, [i("div", As, [i("ul", Fs, [(e(), n(c, null, T(10, (t3) => i("li", { key: l2.index }, [i("div", Ns, [10 !== t3 ? (e(), n("span", $s)) : j("", true), Hs])])), 64))])])]), Ys])) : (e(), n("div", bs, [i("div", hs, [i("h1", xs, _(t2.name), 1)]), i("div", ws, [i("div", ks, [i("ul", Ss, [(e(true), n(c, null, T(t2.timeline.items, (o3, s2) => (e(), n("li", { key: s2 }, [i("div", Cs, [s2 !== t2.timeline.items.length - 1 ? (e(), n("span", Os)) : j("", true), i("div", Ds, [i("div", null, [i("span", { class: a([o3.iconBackground, "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"]) }, [r(U, { loading: t2.loading, icon: o3.icon, "aria-hidden": "true", class: "h-5 w-5 text-white", color: "white" }, null, 8, ["loading", "icon"])], 2)]), i("div", Ms, [i("div", null, [i("p", _s, [i("a", { onClick: (e2) => l2.$emit("timelineEventClicked", o3.linkId), class: "font-medium text-indigo-600 hover:text-indigo-800 cursor-pointer" }, _(o3.target), 9, Ps), M(" " + _(o3.content), 1)])]), i("div", Ts, [i("time", { datetime: o3.datetime }, _(o3.date), 9, js)])])])])]))), 128))])])]), i("div", Es, [i("div", Ls, [i("a", { class: "cursor-pointer font-medium text-indigo-600 hover:text-indigo-500", onClick: o2[0] || (o2[0] = (e2) => l2.$emit("timelineFooterClicked", t2.timeline.id)) }, _(t2.timeline.footerText), 1)])])])) }), Us = { name: "uiTopbar", props: ["navigation", "logo", "profileMenu", "brand", "accountLogo", "alerted"], components: { Disclosure: ll, DisclosureButton: al, DisclosurePanel: nl, Menu: pl, MenuButton: gl, MenuItem: fl, MenuItems: ml, Bars3Icon: function(t2, l2) {
+}), id: "tabs", name: "tabs", class: "block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm" }, [(e(true), n(c, null, j(t2.tabs, (t3) => (e(), n("option", { value: t3.id, key: t3.name }, _(t3.name), 9, cs))), 128))], 32)]), i("div", ps, [i("div", gs, [i("nav", fs, [(e(true), n(c, null, j(t2.tabs, (t3) => (e(), n("a", { key: t3.name, onClick: (e2) => l2("tabClicked", t3.id), class: a([t3.current ? "border-indigo-500 text-indigo-600" : "border-transparent text-gray-500 hover:text-gray-700 hover:border-gray-200", "whitespace-nowrap flex py-4 px-1 border-b-2 font-medium text-sm cursor-pointer"]), "aria-current": t3.current ? "page" : void 0 }, [M(_(t3.name) + " ", 1), t3.count ? (e(), n("span", { key: 0, class: a([t3.current ? "bg-indigo-100 text-indigo-600" : "bg-gray-100 text-gray-900", "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block"]) }, _(t3.count), 3)) : T("", true)], 10, ms))), 128))])])])])) }), bs = { key: 0, class: "bg-white overflow-hidden shadow rounded-lg" }, hs = { class: "px-4 py-5 sm:px-6" }, xs = { class: "text-xl font-bold" }, ws = { class: "px-4 py-5 sm:p-6" }, ks = { class: "flow-root" }, Ss = { class: "-mb-8", role: "list" }, Cs = { class: "relative pb-8" }, Os = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, Ds = { class: "relative flex space-x-3" }, Ms = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, _s = { class: "text-sm text-gray-500" }, Ps = ["onClick"], js = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, Ts = ["datetime"], Es = { class: "bg-gray-50 px-4 py-4 sm:px-6 z-10" }, Ls = { class: "text-sm" }, Is = { class: "h-full w-full flex items-center justify-center flex-col mb-5" }, Bs = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Rs = { key: 1, class: "bg-white overflow-hidden shadow rounded-lg" }, As = i("div", { class: "px-4 py-5 sm:px-6 animate-pulse" }, [i("h1", { class: "text-xl font-bold" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })])], -1), Fs = { class: "px-4 py-5 sm:p-6 animate-pulse" }, Ns = { class: "flow-root" }, $s = { class: "-mb-8", role: "list" }, Hs = { class: "relative pb-8" }, Vs = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, Ys = A('<div class="relative flex space-x-3"><div><span class="h-8 w-8 rounded-full bg-gray-300 flex items-center justify-center ring-4 ring-white"></span></div><div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center"><div><p class="text-sm text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full"></div></p></div><div class="text-right text-sm whitespace-nowrap text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4"></div></div></div></div>', 1), zs = i("div", { class: "bg-gray-50 px-4 py-4 sm:px-6 z-10 animate-pulse" }, [i("div", { class: "text-sm" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })])], -1), qs = { name: "uiTimeline" }, Us = Object.assign(qs, { props: { name: { type: String, required: true }, timeline: { type: Object }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false } }, setup: (t2) => (l2, o2) => {
+  const s2 = F("uiIcon");
+  return t2.loading ? (e(), n("div", Rs, [As, i("div", Fs, [i("div", Ns, [i("ul", $s, [(e(), n(c, null, j(10, (t3) => i("li", { key: l2.index }, [i("div", Hs, [10 !== t3 ? (e(), n("span", Vs)) : T("", true), Ys])])), 64))])])]), zs])) : (e(), n("div", bs, [i("div", hs, [i("h1", xs, _(t2.name), 1)]), E(i("div", ws, [i("div", ks, [i("ul", Ss, [(e(true), n(c, null, j(t2.timeline.items, (o3, u2) => (e(), n("li", { key: u2 }, [i("div", Cs, [u2 !== t2.timeline.items.length - 1 ? (e(), n("span", Os)) : T("", true), i("div", Ds, [i("div", null, [i("span", { class: a([o3.iconBackground, "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"]) }, [r(s2, { loading: t2.loading, icon: o3.icon, "aria-hidden": "true", class: "h-5 w-5 text-white", color: "white" }, null, 8, ["loading", "icon"])], 2)]), i("div", Ms, [i("div", null, [i("p", _s, [i("a", { onClick: (e2) => l2.$emit("timelineEventClicked", o3.linkId), class: "font-medium text-indigo-600 hover:text-indigo-800 cursor-pointer" }, _(o3.target), 9, Ps), M(" " + _(o3.content), 1)])]), i("div", js, [i("time", { datetime: o3.datetime }, _(o3.date), 9, Ts)])])])])]))), 128))])])], 512), [[I, !t2.empty]]), E(i("div", Es, [i("div", Ls, [i("a", { class: "cursor-pointer font-medium text-indigo-600 hover:text-indigo-500", onClick: o2[0] || (o2[0] = (e2) => l2.$emit("timelineFooterClicked", t2.timeline.id)) }, _(t2.timeline.footerText), 1)])], 512), [[I, !t2.empty]]), E(i("div", Is, [r(q, { icon: C(Wl), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Bs], 512), [[I, t2.empty]])]));
+} }), Ws = { name: "uiTopbar", props: ["navigation", "logo", "profileMenu", "brand", "accountLogo", "alerted"], components: { Disclosure: ll, DisclosureButton: al, DisclosurePanel: nl, Menu: pl, MenuButton: gl, MenuItem: ml, MenuItems: fl, Bars3Icon: function(t2, l2) {
   return e(), n("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" })]);
-}, XMarkIcon: Ql } }, zs = { class: "mx-auto px-6 lg:px-8" }, Ws = { class: "flex justify-between h-20" }, Ks = { class: "flex" }, Js = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, Gs = i("span", { class: "sr-only" }, "Open main menu", -1), Xs = ["src"], Qs = { class: "flex items-center" }, Zs = { class: "md:ml-4 md:flex-shrink-0 md:flex md:items-center" }, eu = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, tu = [i("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)], lu = ["src"], au = ["onClick"], nu = { class: "pt-2 pb-3 space-y-1" }, ru = ["onClick"], ou = { class: "pt-4 pb-3 border-t border-gray-200" }, iu = { class: "flex items-center px-4 sm:px-6" }, su = { class: "flex-shrink-0" }, uu = ["src"], du = { key: 0, class: "ml-3" }, cu = { class: "text-base font-medium text-gray-800" }, pu = { class: "text-sm font-medium text-gray-500" }, gu = { class: "mt-3 space-y-1" }, mu = ["onClick"];
-const fu = yr(Us, [["render", function(l2, o2, s2, u2, d2, p2) {
-  const g2 = F("Bars3Icon"), m2 = F("XMarkIcon"), f2 = F("DisclosureButton"), v2 = F("MenuButton"), y2 = F("MenuItem"), b2 = F("MenuItems"), h2 = F("Menu"), x2 = F("DisclosurePanel"), w2 = F("Disclosure");
-  return e(), t(w2, { as: "nav", class: "bg-white shadow z-10" }, { default: D(({ open: u3 }) => [i("div", zs, [i("div", Ws, [i("div", Ks, [i("div", Js, [r(f2, { class: "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" }, { default: D(() => [Gs, u3 ? (e(), t(m2, { key: 1, class: "block h-6 w-6", "aria-hidden": "true" })) : (e(), t(g2, { key: 0, class: "block h-6 w-6", "aria-hidden": "true" }))]), _: 2 }, 1024)]), i("div", { class: "flex-shrink-0 flex items-center cursor-pointer", onClick: o2[0] || (o2[0] = (e2) => l2.$emit("topBarClick", "logo")) }, [i("img", { class: "h-10", src: s2.logo, alt: "Hotelinking suite product logo" }, null, 8, Xs)])]), i("div", Qs, [i("div", Zs, [r(h2, { as: "div", class: "ml-3 relative" }, { default: D(() => [i("div", null, [E(r(v2, { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, { default: D(() => [E(i("div", eu, tu, 512), [[I, s2.alerted]]), i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, lu)]), _: 1 }, 512), [[I, s2.accountLogo]])]), r(P, { "enter-active-class": "transition ease-out duration-200", "enter-from-class": "transform opacity-0 scale-95", "enter-to-class": "transform opacity-100 scale-100", "leave-active-class": "transition ease-in duration-75", "leave-from-class": "transform opacity-100 scale-100", "leave-to-class": "transform opacity-0 scale-95" }, { default: D(() => [r(b2, { class: "origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, { default: D(() => [(e(true), n(c, null, T(s2.profileMenu, (n2) => (e(), t(y2, { key: n2.name }, { default: D(({ active: e2 }) => [i("p", { onClick: (e3) => l2.$emit("topBarClick", n2.id), class: a(["cursor-pointer", [e2 ? "bg-gray-100" : "", "block px-4 py-2 text-sm text-gray-700"]]) }, _(n2.name), 11, au)]), _: 2 }, 1024))), 128))]), _: 1 })]), _: 1 })]), _: 1 })])])])]), r(x2, { class: "lg:hidden" }, { default: D(() => [i("div", nu, [(e(true), n(c, null, T(s2.navigation, (n2) => (e(), t(f2, { as: "template", key: n2.name, class: a(["block pl-3 pr-4 py-2 border-l-4 text-base font-medium sm:pl-5 sm:pr-6", { "bg-indigo-50 border-indigo-500 text-indigo-700": n2.current && true === n2.current, "border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700": !n2.current }]) }, { default: D(() => [i("p", { onClick: (e2) => l2.$emit("topBarClick", n2.id) }, _(n2.name), 9, ru)]), _: 2 }, 1032, ["class"]))), 128))]), i("div", ou, [i("div", iu, [i("div", su, [i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, uu)]), s2.brand ? (e(), n("div", du, [i("div", cu, _(s2.brand.title), 1), i("div", pu, _(s2.brand.subtitle), 1)])) : j("", true)]), i("div", gu, [(e(true), n(c, null, T(s2.profileMenu, (a2) => (e(), t(f2, { as: "template", key: a2.name, class: "block px-4 py-2 text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100 sm:px-6" }, { default: D(() => [i("p", { onClick: (e2) => l2.$emit("topBarClick", a2.id) }, _(a2.name), 9, mu)]), _: 2 }, 1024))), 128))])])]), _: 1 })]), _: 1 });
-}]]), vu = { class: "h-full" }, yu = { class: "chart-header flex flex-row justify-between" }, bu = { class: "text-sm font-medium text-gray-500 truncate" }, hu = { class: "chart-selector flex flex-row items-center justify-center" }, xu = { class: "chart-content pt-6" }, wu = { class: "card chart funnel-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-full" }, ku = [i("div", { role: "status", class: "w-full animate-pulse h-full flex flex-col" }, [i("div", { class: "h-2.5 w-36 bg-gray-200 rounded-full mb-2.5" }), i("div", { class: "w-48 h-2 mb-6 bg-gray-200 rounded-full" }), i("svg", { class: "w-80 h-full mx-auto animate-pulse fill-gray-300 grow", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 386 333.828" }, [i("path", { d: "M193,333.828V0H386s0,156.045-83.854,204.954S214.3,333.828,214.3,333.828Zm-21.3,0s-3.993-79.964-87.848-128.873S0,0,0,0H193V333.828Z" })])], -1)], Su = { name: "uiFunnelChart" }, Cu = Object.assign(Su, { props: { title: String, id: { type: String, default: "noChartId" }, labels: { type: Array, required: true }, subLabels: { type: Array, required: true }, values: { type: Array, required: true }, loading: { type: Boolean, default: true } }, emits: ["selectedRange", "chartUpdated"], setup(l2, { emit: r2 }) {
-  const o2 = l2, u2 = s("24h"), d2 = s(null), c2 = [["#725CFF", "#C9C4EB"], ["#00FFFF", "#D6FFFF"], ["#aba9ba", "#f5f4ff"]], p2 = s(0), g2 = s(0), f2 = (e2) => {
+}, XMarkIcon: Ql } }, Ks = { class: "mx-auto px-6 lg:px-8" }, Js = { class: "flex justify-between h-20" }, Gs = { class: "flex" }, Xs = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, Qs = i("span", { class: "sr-only" }, "Open main menu", -1), Zs = ["src"], eu = { class: "flex items-center" }, tu = { class: "md:ml-4 md:flex-shrink-0 md:flex md:items-center" }, lu = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, au = [i("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)], nu = ["src"], ru = ["onClick"], ou = { class: "pt-2 pb-3 space-y-1" }, iu = ["onClick"], su = { class: "pt-4 pb-3 border-t border-gray-200" }, uu = { class: "flex items-center px-4 sm:px-6" }, du = { class: "flex-shrink-0" }, cu = ["src"], pu = { key: 0, class: "ml-3" }, gu = { class: "text-base font-medium text-gray-800" }, fu = { class: "text-sm font-medium text-gray-500" }, mu = { class: "mt-3 space-y-1" }, vu = ["onClick"];
+const yu = yr(Ws, [["render", function(l2, o2, s2, u2, d2, p2) {
+  const g2 = F("Bars3Icon"), f2 = F("XMarkIcon"), m2 = F("DisclosureButton"), v2 = F("MenuButton"), y2 = F("MenuItem"), b2 = F("MenuItems"), h2 = F("Menu"), x2 = F("DisclosurePanel"), w2 = F("Disclosure");
+  return e(), t(w2, { as: "nav", class: "bg-white shadow z-10" }, { default: D(({ open: u3 }) => [i("div", Ks, [i("div", Js, [i("div", Gs, [i("div", Xs, [r(m2, { class: "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" }, { default: D(() => [Qs, u3 ? (e(), t(f2, { key: 1, class: "block h-6 w-6", "aria-hidden": "true" })) : (e(), t(g2, { key: 0, class: "block h-6 w-6", "aria-hidden": "true" }))]), _: 2 }, 1024)]), i("div", { class: "flex-shrink-0 flex items-center cursor-pointer", onClick: o2[0] || (o2[0] = (e2) => l2.$emit("topBarClick", "logo")) }, [i("img", { class: "h-10", src: s2.logo, alt: "Hotelinking suite product logo" }, null, 8, Zs)])]), i("div", eu, [i("div", tu, [r(h2, { as: "div", class: "ml-3 relative" }, { default: D(() => [i("div", null, [E(r(v2, { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, { default: D(() => [E(i("div", lu, au, 512), [[I, s2.alerted]]), i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, nu)]), _: 1 }, 512), [[I, s2.accountLogo]])]), r(P, { "enter-active-class": "transition ease-out duration-200", "enter-from-class": "transform opacity-0 scale-95", "enter-to-class": "transform opacity-100 scale-100", "leave-active-class": "transition ease-in duration-75", "leave-from-class": "transform opacity-100 scale-100", "leave-to-class": "transform opacity-0 scale-95" }, { default: D(() => [r(b2, { class: "origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, { default: D(() => [(e(true), n(c, null, j(s2.profileMenu, (n2) => (e(), t(y2, { key: n2.name }, { default: D(({ active: e2 }) => [i("p", { onClick: (e3) => l2.$emit("topBarClick", n2.id), class: a(["cursor-pointer", [e2 ? "bg-gray-100" : "", "block px-4 py-2 text-sm text-gray-700"]]) }, _(n2.name), 11, ru)]), _: 2 }, 1024))), 128))]), _: 1 })]), _: 1 })]), _: 1 })])])])]), r(x2, { class: "lg:hidden" }, { default: D(() => [i("div", ou, [(e(true), n(c, null, j(s2.navigation, (n2) => (e(), t(m2, { as: "template", key: n2.name, class: a(["block pl-3 pr-4 py-2 border-l-4 text-base font-medium sm:pl-5 sm:pr-6", { "bg-indigo-50 border-indigo-500 text-indigo-700": n2.current && true === n2.current, "border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700": !n2.current }]) }, { default: D(() => [i("p", { onClick: (e2) => l2.$emit("topBarClick", n2.id) }, _(n2.name), 9, iu)]), _: 2 }, 1032, ["class"]))), 128))]), i("div", su, [i("div", uu, [i("div", du, [i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, cu)]), s2.brand ? (e(), n("div", pu, [i("div", gu, _(s2.brand.title), 1), i("div", fu, _(s2.brand.subtitle), 1)])) : T("", true)]), i("div", mu, [(e(true), n(c, null, j(s2.profileMenu, (a2) => (e(), t(m2, { as: "template", key: a2.name, class: "block px-4 py-2 text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100 sm:px-6" }, { default: D(() => [i("p", { onClick: (e2) => l2.$emit("topBarClick", a2.id) }, _(a2.name), 9, vu)]), _: 2 }, 1024))), 128))])])]), _: 1 })]), _: 1 });
+}]]), bu = { class: "h-full" }, hu = { class: "chart-header flex flex-row justify-between" }, xu = { class: "text-sm font-medium text-gray-500 truncate" }, wu = { class: "chart-selector flex flex-row items-center justify-center" }, ku = { class: "chart-content pt-6" }, Su = { class: "card chart funnel-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-full" }, Cu = [i("div", { role: "status", class: "w-full animate-pulse h-full flex flex-col" }, [i("div", { class: "h-2.5 w-36 bg-gray-200 rounded-full mb-2.5" }), i("div", { class: "w-48 h-2 mb-6 bg-gray-200 rounded-full" }), i("svg", { class: "w-80 h-full mx-auto animate-pulse fill-gray-300 grow", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 386 333.828" }, [i("path", { d: "M193,333.828V0H386s0,156.045-83.854,204.954S214.3,333.828,214.3,333.828Zm-21.3,0s-3.993-79.964-87.848-128.873S0,0,0,0H193V333.828Z" })])], -1)], Ou = { name: "uiFunnelChart" }, Du = Object.assign(Ou, { props: { title: String, id: { type: String, default: "noChartId" }, labels: { type: Array, required: true }, subLabels: { type: Array, required: true }, values: { type: Array, required: true }, loading: { type: Boolean, default: true } }, emits: ["selectedRange", "chartUpdated"], setup(l2, { emit: r2 }) {
+  const o2 = l2, u2 = s("24h"), d2 = s(null), c2 = [["#725CFF", "#C9C4EB"], ["#00FFFF", "#D6FFFF"], ["#aba9ba", "#f5f4ff"]], p2 = s(0), g2 = s(0), m2 = (e2) => {
     u2.value = e2, r2("selectedRange", { range: e2, chartId: o2.id });
   };
-  return m(() => {
+  return f(() => {
     d2.value.focus(), p2.value = d2.value.clientHeight - d2.value.clientHeight / 4, g2.value = d2.value.clientWidth - d2.value.clientHeight / 4;
-  }), (r3, o3) => (e(), n("div", vu, [E(i("div", { ref_key: "funnelChart", ref: d2, class: "card chart funnel-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-full" }, [i("div", yu, [i("div", bu, _(l2.title), 1), i("ul", hu, [i("li", { class: a({ selected: "24h" === u2.value }), onClick: o3[0] || (o3[0] = (e2) => f2("24h")) }, " 24H ", 2), i("li", { class: a({ selected: "7d" === u2.value }), onClick: o3[1] || (o3[1] = (e2) => f2("7d")) }, " 7D ", 2), i("li", { class: a({ selected: "1m" === u2.value }), onClick: o3[2] || (o3[2] = (e2) => f2("1m")) }, " 1M ", 2), i("li", { class: a({ selected: "3m" === u2.value }), onClick: o3[3] || (o3[3] = (e2) => f2("3m")) }, " 3M ", 2)])]), i("div", xu, [g2.value > 0 && p2.value > 0 ? (e(), t(C(V), { key: 0, width: g2.value, height: p2.value, labels: l2.labels, values: l2.values, colors: c2, "sub-labels": l2.subLabels, direction: "vertical", "gradient-direction": "vertical", animated: true, "display-percentage": true }, null, 8, ["width", "height", "labels", "values", "sub-labels"])) : j("", true)])], 512), [[I, !l2.loading]]), E(i("div", wu, ku, 512), [[I, l2.loading]])]));
-} }), Ou = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, Du = { class: "text-2xl mt-4 font-bold" }, Mu = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, _u = { __name: "uiNoResults", props: { title: { type: String, required: true }, message: { type: String, required: true }, actions: { type: Array } }, emits: ["action"], setup: (l2, { emit: a2 }) => (a3, o2) => (e(), n("div", Ou, [r(U, { loading: false, icon: C(Wl), size: "massive", color: "gray" }, null, 8, ["icon"]), i("h2", Du, _(l2.title), 1), i("p", null, _(l2.message), 1), i("div", Mu, [(e(true), n(c, null, T(l2.actions, (l3, n2) => (e(), t(G, { key: n2, loading: false, onClick: (e2) => a3.$emit("action", l3.action) }, { default: D(() => [M(_(l3.text), 1)]), _: 2 }, 1032, ["onClick"]))), 128))])])) }, Pu = { uiButton: G, uiIcon: U, uiCheckbox: re, uiDropdown: na, uiInput: fa, uiInputFile: ja, uiSelect: Ra, uiTag: $a, uiTextArea: Wa, uiToggle: Za, uiAlert: cn, uiBreadcrumbs: wn, uiCard: Tn, uiFilter: En, uiModal: qn, uiNotification: lr, uiTaskList: fr, uiPriceCalendar: vo, uiChart: To, uiFooter: Io, uiLoadingScreen: Ao, uiPagination: Zo, uiSidebar: mi, uiStats: _i, uiStripedCard: qi, uiTable: us, uiTabs: ys, uiTimeline: qs, uiTopbar: fu, uiFunnelChart: Cu, uiNoResults: _u }, Tu = { install(e2) {
-  Object.keys(Pu).forEach((t2) => {
-    e2.component(t2, Pu[t2]);
+  }), (r3, o3) => (e(), n("div", bu, [E(i("div", { ref_key: "funnelChart", ref: d2, class: "card chart funnel-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-full" }, [i("div", hu, [i("div", xu, _(l2.title), 1), i("ul", wu, [i("li", { class: a({ selected: "24h" === u2.value }), onClick: o3[0] || (o3[0] = (e2) => m2("24h")) }, " 24H ", 2), i("li", { class: a({ selected: "7d" === u2.value }), onClick: o3[1] || (o3[1] = (e2) => m2("7d")) }, " 7D ", 2), i("li", { class: a({ selected: "1m" === u2.value }), onClick: o3[2] || (o3[2] = (e2) => m2("1m")) }, " 1M ", 2), i("li", { class: a({ selected: "3m" === u2.value }), onClick: o3[3] || (o3[3] = (e2) => m2("3m")) }, " 3M ", 2)])]), i("div", ku, [g2.value > 0 && p2.value > 0 ? (e(), t(C(Y), { key: 0, width: g2.value, height: p2.value, labels: l2.labels, values: l2.values, colors: c2, "sub-labels": l2.subLabels, direction: "vertical", "gradient-direction": "vertical", animated: true, "display-percentage": true }, null, 8, ["width", "height", "labels", "values", "sub-labels"])) : T("", true)])], 512), [[I, !l2.loading]]), E(i("div", Su, Cu, 512), [[I, l2.loading]])]));
+} }), Mu = { chart: { type: "bar", toolbar: { show: false }, zoom: { enabled: false } }, colors: ["#715aff"], dataLabels: { enabled: true, formatter: function(e2, t2) {
+  return t2.w.globals.labels[t2.dataPointIndex] + ":  " + e2;
+} }, markers: { strokeWidth: 0, size: 4, hover: { size: 8 } }, plotOptions: { bar: { borderRadius: 0, horizontal: true, barHeight: "80%", isFunnel: true } } }, _u = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Pu = { class: "chart-header flex flex-row justify-between" }, ju = { class: "text-sm font-medium text-gray-500 truncate" }, Tu = { class: "chart-content" }, Eu = { class: "h-full w-full flex items-center justify-center flex-col" }, Lu = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Iu = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Bu = [i("div", { role: "status", class: "w-full animate-pulse h-full flex flex-col" }, [i("div", { class: "h-2.5 w-36 bg-gray-200 rounded-full mb-2.5" }), i("div", { class: "w-48 h-2 mb-6 bg-gray-200 rounded-full" }), i("div", { class: "flex flex-row justify-between items-baseline grow gap-x-1" }, [i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-4/5" }), i("div", { class: "w-full bg-gray-200 rounded h-full" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" }), i("div", { class: "w-full bg-gray-200 rounded h-1/3" }), i("div", { class: "w-full bg-gray-200 rounded h-1/2" })])], -1)], Ru = { name: "uiChart" }, Au = Object.assign(Ru, { props: { title: String, id: { type: String, default: "noChartId" }, series: { type: Object, required: true }, options: { type: Object, required: true }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false }, range: { type: String, default: "24h" } }, emits: ["selectedRange", "chartUpdated"], setup(t2, { emit: l2 }) {
+  const a2 = t2, o2 = y(() => ({ ...a2.options, ...Mu })), s2 = y(() => a2.series), u2 = () => l2("chartUpdated");
+  return (l3, a3) => (e(), n(c, null, [E(i("div", _u, [i("div", Pu, [i("div", ju, _(t2.title), 1), r(ho, { onRangeSelected: a3[0] || (a3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) })]), E(i("div", Tu, [r(C(V), { type: l3.bar, series: s2.value, width: "100%", height: "100%", options: o2.value, onUpdated: u2, onMounted: u2 }, null, 8, ["type", "series", "options"])], 512), [[I, !t2.empty]]), E(i("div", Eu, [r(q, { icon: C(Wl), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Lu], 512), [[I, t2.empty]])], 512), [[I, !t2.loading]]), E(i("div", Iu, Bu, 512), [[I, t2.loading]])], 64));
+} }), Fu = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, Nu = { class: "text-2xl mt-4 font-bold" }, $u = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, Hu = { __name: "uiNoResults", props: { title: { type: String, required: true }, message: { type: String, required: true }, actions: { type: Array } }, emits: ["action"], setup: (l2, { emit: a2 }) => (a3, o2) => (e(), n("div", Fu, [r(q, { loading: false, icon: C(Wl), size: "massive", color: "gray" }, null, 8, ["icon"]), i("h2", Nu, _(l2.title), 1), i("p", null, _(l2.message), 1), i("div", $u, [(e(true), n(c, null, j(l2.actions, (l3, n2) => (e(), t(G, { key: n2, loading: false, onClick: (e2) => a3.$emit("action", l3.action) }, { default: D(() => [M(_(l3.text), 1)]), _: 2 }, 1032, ["onClick"]))), 128))])])) }, Vu = { uiButton: G, uiIcon: q, uiCheckbox: re, uiDropdown: na, uiInput: ma, uiInputFile: Ta, uiSelect: Ra, uiTag: $a, uiTextArea: Wa, uiToggle: Za, uiAlert: cn, uiBreadcrumbs: wn, uiCard: jn, uiFilter: En, uiModal: zn, uiNotification: lr, uiTaskList: mr, uiPriceCalendar: vo, uiChart: jo, uiFooter: Io, uiLoadingScreen: Ao, uiPagination: Zo, uiSidebar: fi, uiStats: _i, uiStripedCard: zi, uiTable: us, uiTabs: ys, uiTimeline: Us, uiTopbar: yu, uiFunnelChart: Du, uiFunnelChartV2: Au, uiNoResults: Hu }, Yu = { install(e2) {
+  Object.keys(Vu).forEach((t2) => {
+    e2.component(t2, Vu[t2]);
   });
 } };
 export {
-  Tu as default
+  Yu as default
 };