@hotelinking/ui 4.32.5 → 4.32.7

package/dist/ui.es.js

@@ -3,10 +3,10 @@ import H from "dayjs";
 import Y from "vue3-apexcharts";
 const V = { name: "uiIcon" }, z = Object.assign(V, { 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"])) }), q = ["disabled"], U = { 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" }, W = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-16" }, null, -1), K = { name: "uiButton" }, J = Object.assign(K, { 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", U, [r(z, { icon: t2.icon, color: "white", class: "-ml-0.5 mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), W])) : (e(), n("button", { key: 0, disabled: t2.disabled, class: a([{ "bg-indigo-600 hover:bg-indigo-800 text-white shadow-sm": "primary" === t2.color, "bg-cyan-300 hover:bg-cyan-500 text-white shadow-sme": "secondary" === t2.color, "bg-red-400 hover:bg-red-600 text-white shadow-sm": "red" === t2.color, "bg-yellow-400 hover:bg-yellow-600 text-white shadow-sm": "yellow" === t2.color, "bg-green-400 hover:bg-green-600 text-white shadow-sm": "green" === t2.color, "bg-transparent hover:bg-indigo-800 text-indigo-800 hover:text-white": "transparent" === 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 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25"]), type: "button" }, [r(z, { icon: t2.icon, color: "white", class: "-ml-0.5 mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), o(l2.$slots, "default")], 10, q)) }), G = { key: 0, class: "relative flex items-start" }, X = { class: "flex items-center h-5" }, Q = ["checked", "value", "disabled"], Z = { class: "ml-3 text-sm" }, ee = { class: "text-gray-500" }, te = { key: 1, class: "flex items-center animate-pulse" }, le = [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)], ae = { name: "uiCheckbox" }, ne = Object.assign(ae, { 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", te, le)) : (e(), n("div", G, [i("div", X, [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 }));
-  }) }, null, 40, Q)]), i("div", Z, [i("span", ee, [o(s2.$slots, "default")])])]));
+  const a2 = l2, r2 = t2, u2 = s(r2.check);
+  return (l3, s2) => t2.loading ? (e(), n("div", te, le)) : (e(), n("div", G, [i("div", X, [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: s2[0] || (s2[0] = (e2) => {
+    r2.disabled || (u2.value = !u2.value, a2("checkboxChanged", { checked: u2.value, value: r2.value }));
+  }) }, null, 40, Q)]), i("div", Z, [i("span", ee, [o(l3.$slots, "default")])])]));
 } });
 function re(e2, t2, ...l2) {
   if (e2 in t2) {
@@ -316,12 +316,15 @@ function Ue(e2, t2, l2 = y(() => true)) {
     return !Ae(r2, Re.Loose) && -1 !== r2.tabIndex && a3.preventDefault(), t2(a3, r2);
   }
   let n2 = s(null);
-  ze("mousedown", (e3) => {
+  ze("pointerdown", (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), ze("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), ze("click", (e3) => {
     n2.value && (a2(e3, () => n2.value), n2.value = null);
-  }, true), qe("blur", (e3) => a2(e3, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), true);
+  }, true), ze("touchend", (e3) => a2(e3, () => e3.target instanceof HTMLElement ? e3.target : null), true), qe("blur", (e3) => a2(e3, () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null), true);
 }
 var We = ((e2) => (e2[e2.None = 1] = "None", e2[e2.Focusable = 2] = "Focusable", e2[e2.Hidden = 4] = "Hidden", e2))(We || {});
 let Ke = b({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup: (e2, { slots: t2, attrs: l2 }) => () => {
@@ -367,7 +370,12 @@ function tt() {
 function lt() {
   return tt() || /Android/gi.test(window.navigator.userAgent);
 }
-function at() {
+function at(e2) {
+  "function" == typeof queueMicrotask ? queueMicrotask(e2) : Promise.resolve().then(e2).catch((e3) => setTimeout(() => {
+    throw e3;
+  }));
+}
+function nt() {
   let e2 = [], t2 = { addEventListener: (e3, l2, a2, n2) => (e3.addEventListener(l2, a2, n2), t2.add(() => e3.removeEventListener(l2, a2, n2))), requestAnimationFrame(...e3) {
     let l2 = requestAnimationFrame(...e3);
     t2.add(() => cancelAnimationFrame(l2));
@@ -378,13 +386,20 @@ function at() {
   }, setTimeout(...e3) {
     let l2 = setTimeout(...e3);
     t2.add(() => clearTimeout(l2));
+  }, microTask(...e3) {
+    let l2 = { current: true };
+    return at(() => {
+      l2.current && e3[0]();
+    }), t2.add(() => {
+      l2.current = false;
+    });
   }, style(e3, t3, l2) {
     let a2 = e3.style.getPropertyValue(t3);
     return Object.assign(e3.style, { [t3]: l2 }), this.add(() => {
       Object.assign(e3.style, { [t3]: a2 });
     });
   }, group(e3) {
-    let t3 = at();
+    let t3 = nt();
     return e3(t3), this.add(() => t3.dispose());
   }, add: (t3) => (e2.push(t3), () => {
     let l2 = e2.indexOf(t3);
@@ -397,26 +412,26 @@ function at() {
   } };
   return t2;
 }
-function nt(e2, t2) {
+function rt(e2, t2) {
   return e2 === t2;
 }
-var rt = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(rt || {}), ot = ((e2) => (e2[e2.Single = 0] = "Single", e2[e2.Multi = 1] = "Multi", e2))(ot || {}), it = ((e2) => (e2[e2.Pointer = 0] = "Pointer", e2[e2.Other = 1] = "Other", e2))(it || {});
-let st = Symbol("ComboboxContext");
-function ut(e2) {
-  let t2 = p(st, null);
+var ot = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(ot || {}), it = ((e2) => (e2[e2.Single = 0] = "Single", e2[e2.Multi = 1] = "Multi", e2))(it || {}), st = ((e2) => (e2[e2.Pointer = 0] = "Pointer", e2[e2.Other = 1] = "Other", e2))(st || {});
+let ut = Symbol("ComboboxContext");
+function dt(e2) {
+  let t2 = p(ut, null);
   if (null === t2) {
     let t3 = new Error(`<${e2} /> is missing a parent <Combobox /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(t3, ut), t3;
+    throw Error.captureStackTrace && Error.captureStackTrace(t3, dt), t3;
   }
   return t2;
 }
-let dt = 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: () => nt }, 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 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 }), m2 = s([]), v2 = s(null), b2 = s(1), w2 = s(false);
   function k2(e3 = (e4) => e4) {
     let t3 = null !== v2.value ? m2.value[v2.value] : null, l3 = Ye(e3(m2.value.slice()), (e4) => he(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] = Qe(y(() => void 0 === e2.modelValue ? re(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) {
+  let S2 = y(() => e2.multiple ? 1 : 0), C2 = y(() => e2.nullable), [O2, D2] = Qe(y(() => e2.modelValue), (e3) => a2("update:modelValue", e3), y(() => e2.defaultValue)), M2 = y(() => void 0 === O2.value ? re(S2.value, { 1: [], 0: void 0 }) : O2.value), P2 = null, _2 = null, T2 = { comboboxState: n2, value: M2, mode: S2, compare(t3, l3) {
     if ("string" == typeof e2.by) {
       let a3 = e2.by;
       return (null == t3 ? void 0 : t3[a3]) === (null == l3 ? void 0 : l3[a3]);
@@ -437,77 +452,80 @@ let dt = b({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, pro
       return;
     let t3 = m2.value.findIndex((e3) => {
       let t4 = h(e3.dataRef.value);
-      return re(S2.value, { 0: () => M2.compare(h(M2.value.value), h(t4)), 1: () => h(M2.value.value).some((e4) => M2.compare(h(e4), h(t4))) });
+      return re(S2.value, { 0: () => T2.compare(h(T2.value.value), h(t4)), 1: () => h(T2.value.value).some((e4) => T2.compare(h(e4), h(t4))) });
     });
     -1 !== t3 && (v2.value = t3), n2.value = 0;
   }, goToOption(t3, l3, a3) {
-    if (w2.value = false, e2.disabled || u2.value && !p2.value.static && 1 === n2.value)
-      return;
-    let r3 = k2();
-    if (null === r3.activeOptionIndex) {
-      let e3 = r3.options.findIndex((e4) => !e4.dataRef.disabled);
-      -1 !== e3 && (r3.activeOptionIndex = e3);
-    }
-    let o3 = be(t3 === ye.Specific ? { focus: ye.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, m2.value = r3.options;
+    w2.value = false, null !== P2 && cancelAnimationFrame(P2), P2 = requestAnimationFrame(() => {
+      if (e2.disabled || u2.value && !p2.value.static && 1 === n2.value)
+        return;
+      let r3 = k2();
+      if (null === r3.activeOptionIndex) {
+        let e3 = r3.options.findIndex((e4) => !e4.dataRef.disabled);
+        -1 !== e3 && (r3.activeOptionIndex = e3);
+      }
+      let o3 = be(t3 === ye.Specific ? { focus: ye.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, m2.value = r3.options;
+    });
   }, selectOption(e3) {
     let t3 = m2.value.find((t4) => t4.id === e3);
     if (!t3)
       return;
     let { dataRef: l3 } = t3;
     D2(re(S2.value, { 0: () => l3.value, 1: () => {
-      let e4 = h(M2.value.value).slice(), t4 = h(l3.value), a3 = e4.findIndex((e5) => M2.compare(t4, h(e5)));
+      let e4 = h(T2.value.value).slice(), t4 = h(l3.value), a3 = e4.findIndex((e5) => T2.compare(t4, h(e5)));
       return -1 === a3 ? e4.push(t4) : e4.splice(a3, 1), e4;
     } }));
   }, selectActiveOption() {
-    if (null === M2.activeOptionIndex.value)
+    if (null === T2.activeOptionIndex.value)
       return;
-    let { dataRef: e3, id: t3 } = m2.value[M2.activeOptionIndex.value];
+    let { dataRef: e3, id: t3 } = m2.value[T2.activeOptionIndex.value];
     D2(re(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)));
+      let t4 = h(T2.value.value).slice(), l3 = h(e3.value), a3 = t4.findIndex((e4) => T2.compare(l3, h(e4)));
       return -1 === a3 ? t4.push(l3) : t4.splice(a3, 1), t4;
-    } })), M2.goToOption(ye.Specific, t3);
+    } })), T2.goToOption(ye.Specific, t3);
   }, registerOption(e3, t3) {
-    let l3 = { id: e3, dataRef: t3 }, a3 = k2((e4) => [...e4, l3]);
+    _2 && cancelAnimationFrame(_2);
+    let l3 = { id: e3, dataRef: t3 }, a3 = k2((e4) => (e4.push(l3), e4));
     if (null === v2.value) {
       let e4 = t3.value.value;
-      re(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));
+      re(S2.value, { 0: () => T2.compare(h(T2.value.value), h(e4)), 1: () => h(T2.value.value).some((t4) => T2.compare(h(t4), h(e4))) }) && (a3.activeOptionIndex = a3.options.indexOf(l3));
     }
-    m2.value = a3.options, v2.value = a3.activeOptionIndex, b2.value = 1, a3.options.some((e4) => !he(e4.dataRef.domRef)) && requestAnimationFrame(() => {
+    m2.value = a3.options, v2.value = a3.activeOptionIndex, b2.value = 1, a3.options.some((e4) => !he(e4.dataRef.domRef)) && (_2 = requestAnimationFrame(() => {
       let e4 = k2();
       m2.value = e4.options, v2.value = e4.activeOptionIndex;
-    });
+    }));
   }, unregisterOption(e3) {
     var t3;
-    null !== M2.activeOptionIndex.value && (null == (t3 = M2.options.value[M2.activeOptionIndex.value]) ? void 0 : t3.id) === e3 && (w2.value = true);
+    null !== T2.activeOptionIndex.value && (null == (t3 = T2.options.value[T2.activeOptionIndex.value]) ? void 0 : t3.id) === e3 && (w2.value = true);
     let l3 = k2((t4) => {
       let l4 = t4.findIndex((t5) => t5.id === e3);
       return -1 !== l4 && t4.splice(l4, 1), t4;
     });
     m2.value = l3.options, v2.value = l3.activeOptionIndex, b2.value = 1;
   } };
-  Ue([o2, i2, u2], () => M2.closeCombobox(), y(() => 0 === n2.value)), g(st, M2), Se(y(() => re(n2.value, { 0: we.Open, 1: we.Closed })));
-  let P2 = y(() => null === M2.activeOptionIndex.value ? null : m2.value[M2.activeOptionIndex.value].dataRef.value), _2 = y(() => {
+  Ue([o2, i2, u2], () => T2.closeCombobox(), y(() => 0 === n2.value)), g(ut, T2), Se(y(() => re(n2.value, { 0: we.Open, 1: we.Closed })));
+  let j2 = y(() => null === T2.activeOptionIndex.value ? null : m2.value[T2.activeOptionIndex.value].dataRef.value), E2 = y(() => {
     var e3;
     return null == (e3 = he(o2)) ? void 0 : e3.closest("form");
   });
   return f(() => {
-    x([_2], () => {
-      if (_2.value && void 0 !== e2.defaultValue)
-        return _2.value.addEventListener("reset", t3), () => {
+    x([E2], () => {
+      if (E2.value && void 0 !== e2.defaultValue)
+        return E2.value.addEventListener("reset", t3), () => {
           var e3;
-          null == (e3 = _2.value) || e3.removeEventListener("reset", t3);
+          null == (e3 = E2.value) || e3.removeEventListener("reset", t3);
         };
       function t3() {
-        M2.change(e2.defaultValue);
+        T2.change(e2.defaultValue);
       }
     }, { immediate: true });
   }), () => {
-    let { name: a3, disabled: r3, form: o3, ...i3 } = e2, s2 = { open: 0 === n2.value, disabled: r3, activeIndex: M2.activeOptionIndex.value, activeOption: P2.value, value: O2.value };
-    return d(c, [...null != a3 && null != O2.value ? Je({ [a3]: O2.value }).map(([e3, t3]) => d(Ke, pe({ features: We.Hidden, key: e3, as: "input", type: "hidden", hidden: true, readOnly: true, form: o3, name: e3, value: t3 }))) : [], se({ theirProps: { ...l2, ...ge(i3, ["modelValue", "defaultValue", "nullable", "multiple", "onUpdate:modelValue", "by"]) }, ourProps: {}, slot: s2, slots: t2, attrs: l2, name: "Combobox" })]);
+    let { name: a3, disabled: r3, form: o3, ...i3 } = e2, s2 = { open: 0 === n2.value, disabled: r3, activeIndex: T2.activeOptionIndex.value, activeOption: j2.value, value: M2.value };
+    return d(c, [...null != a3 && null != M2.value ? Je({ [a3]: M2.value }).map(([e3, t3]) => d(Ke, pe({ features: We.Hidden, key: e3, as: "input", type: "hidden", hidden: true, readOnly: true, form: o3, name: e3, value: t3 }))) : [], se({ theirProps: { ...l2, ...ge(i3, ["modelValue", "defaultValue", "nullable", "multiple", "onUpdate:modelValue", "by"]) }, ourProps: {}, slot: s2, slots: t2, attrs: l2, name: "Combobox" })]);
   };
-} }), ct = b({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: () => `headlessui-combobox-label-${me()}` } }, setup(e2, { attrs: t2, slots: l2 }) {
-  let a2 = ut("ComboboxLabel");
+} }), pt = b({ name: "ComboboxLabel", props: { as: { type: [Object, String], default: "label" }, id: { type: String, default: () => `headlessui-combobox-label-${me()}` } }, setup(e2, { attrs: t2, slots: l2 }) {
+  let a2 = dt("ComboboxLabel");
   function n2() {
     var e3;
     null == (e3 = he(a2.inputRef)) || e3.focus({ preventScroll: true });
@@ -516,8 +534,8 @@ let dt = b({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, pro
     let r2 = { open: 0 === a2.comboboxState.value, disabled: a2.disabled.value }, { id: o2, ...i2 } = e2;
     return se({ ourProps: { id: o2, ref: a2.labelRef, onClick: n2 }, theirProps: i2, slot: r2, attrs: t2, slots: l2, name: "ComboboxLabel" });
   };
-} }), pt = b({ name: "ComboboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-combobox-button-${me()}` } }, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
-  let n2 = ut("ComboboxButton");
+} }), gt = b({ name: "ComboboxButton", props: { as: { type: [Object, String], default: "button" }, id: { type: String, default: () => `headlessui-combobox-button-${me()}` } }, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
+  let n2 = dt("ComboboxButton");
   function r2(e3) {
     n2.disabled.value || (0 === n2.comboboxState.value ? n2.closeCombobox() : (e3.preventDefault(), n2.openCombobox()), v(() => {
       var e4;
@@ -552,24 +570,37 @@ let dt = b({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, pro
   return () => {
     var a3, s2;
     let u2 = { open: 0 === n2.comboboxState.value, disabled: n2.disabled.value, value: n2.value.value }, { id: d2, ...c2 } = e2;
-    return se({ ourProps: { ref: n2.buttonRef, id: d2, type: i2.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": null == (a3 = he(n2.optionsRef)) ? void 0 : a3.id, "aria-expanded": n2.disabled.value ? void 0 : 0 === n2.comboboxState.value, "aria-labelledby": n2.labelRef.value ? [null == (s2 = he(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" });
+    return se({ ourProps: { ref: n2.buttonRef, id: d2, type: i2.value, tabindex: "-1", "aria-haspopup": "listbox", "aria-controls": null == (a3 = he(n2.optionsRef)) ? void 0 : a3.id, "aria-expanded": 0 === n2.comboboxState.value, "aria-labelledby": n2.labelRef.value ? [null == (s2 = he(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" });
   };
-} }), gt = 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-${me()}` } }, emits: { change: (e2) => true }, setup(e2, { emit: t2, attrs: l2, slots: a2, expose: n2 }) {
-  let r2 = ut("ComboboxInput"), o2 = { value: false };
+} }), 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-${me()}` } }, emits: { change: (e2) => true }, setup(e2, { emit: t2, attrs: l2, slots: a2, expose: n2 }) {
+  let r2 = dt("ComboboxInput"), o2 = y(() => _e(he(r2.inputRef))), i2 = { value: false };
+  function u2() {
+    r2.change(null);
+    let e3 = he(r2.optionsRef);
+    e3 && (e3.scrollTop = 0), r2.goToOption(ye.Nothing);
+  }
   n2({ el: r2.inputRef, $el: r2.inputRef });
-  let i2 = y(() => {
+  let d2 = y(() => {
     var t3;
     let l3 = r2.value.value;
     return he(r2.inputRef) ? void 0 !== e2.displayValue && void 0 !== l3 ? null != (t3 = e2.displayValue(l3)) ? t3 : "" : "string" == typeof l3 ? l3 : "" : "";
   });
   f(() => {
-    x([i2, r2.comboboxState], ([e3, t3], [l3, a3]) => {
-      if (o2.value)
+    x([d2, r2.comboboxState, o2], ([e3, t3], [l3, a3]) => {
+      if (i2.value)
         return;
       let n3 = he(r2.inputRef);
-      n3 && (0 === a3 && 1 === t3 || e3 !== l3) && (n3.value = e3);
+      n3 && ((0 === a3 && 1 === t3 || e3 !== l3) && (n3.value = e3), requestAnimationFrame(() => {
+        var e4;
+        if (i2.value || !n3 || (null == (e4 = o2.value) ? void 0 : e4.activeElement) !== n3)
+          return;
+        let { selectionStart: t4, selectionEnd: l4 } = n3;
+        0 === Math.abs((null != l4 ? l4 : 0) - (null != t4 ? t4 : 0)) && 0 === t4 && n3.setSelectionRange(n3.value.length, n3.value.length);
+      }));
     }, { immediate: true }), x([r2.comboboxState], ([e3], [t3]) => {
       if (0 === e3 && 1 === t3) {
+        if (i2.value)
+          return;
         let e4 = he(r2.inputRef);
         if (!e4)
           return;
@@ -578,41 +609,28 @@ let dt = b({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, pro
       }
     });
   });
-  let u2 = s(false), d2 = s(null);
-  function c2() {
-    u2.value = true;
-  }
+  let c2 = s(false);
   function p2() {
-    at().nextFrame(() => {
-      u2.value = false, d2.value && (r2.openCombobox(), t2("change", d2.value), d2.value = null);
+    c2.value = true;
+  }
+  function g2() {
+    nt().nextFrame(() => {
+      c2.value = false;
     });
   }
-  function g2(e3) {
-    switch (o2.value = true, e3.key) {
-      case ve.Backspace:
-      case ve.Delete:
-        if (0 !== r2.mode.value || !r2.nullable.value)
-          return;
-        let t3 = e3.currentTarget;
-        requestAnimationFrame(() => {
-          if ("" === t3.value) {
-            r2.change(null);
-            let e4 = he(r2.optionsRef);
-            e4 && (e4.scrollTop = 0), r2.goToOption(ye.Nothing);
-          }
-        });
-        break;
+  function m2(e3) {
+    switch (i2.value = true, e3.key) {
       case ve.Enter:
-        if (o2.value = false, 0 !== r2.comboboxState.value || u2.value)
+        if (i2.value = false, 0 !== r2.comboboxState.value || c2.value)
           return;
         if (e3.preventDefault(), e3.stopPropagation(), null === r2.activeOptionIndex.value)
           return void r2.closeCombobox();
         r2.selectActiveOption(), 0 === r2.mode.value && r2.closeCombobox();
         break;
       case ve.ArrowDown:
-        return o2.value = false, e3.preventDefault(), e3.stopPropagation(), re(r2.comboboxState.value, { 0: () => r2.goToOption(ye.Next), 1: () => r2.openCombobox() });
+        return i2.value = false, e3.preventDefault(), e3.stopPropagation(), re(r2.comboboxState.value, { 0: () => r2.goToOption(ye.Next), 1: () => r2.openCombobox() });
       case ve.ArrowUp:
-        return o2.value = false, e3.preventDefault(), e3.stopPropagation(), re(r2.comboboxState.value, { 0: () => r2.goToOption(ye.Previous), 1: () => {
+        return i2.value = false, e3.preventDefault(), e3.stopPropagation(), re(r2.comboboxState.value, { 0: () => r2.goToOption(ye.Previous), 1: () => {
           r2.openCombobox(), v(() => {
             r2.value.value || r2.goToOption(ye.Last);
           });
@@ -620,43 +638,43 @@ let dt = b({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, pro
       case ve.Home:
         if (e3.shiftKey)
           break;
-        return o2.value = false, e3.preventDefault(), e3.stopPropagation(), r2.goToOption(ye.First);
+        return i2.value = false, e3.preventDefault(), e3.stopPropagation(), r2.goToOption(ye.First);
       case ve.PageUp:
-        return o2.value = false, e3.preventDefault(), e3.stopPropagation(), r2.goToOption(ye.First);
+        return i2.value = false, e3.preventDefault(), e3.stopPropagation(), r2.goToOption(ye.First);
       case ve.End:
         if (e3.shiftKey)
           break;
-        return o2.value = false, e3.preventDefault(), e3.stopPropagation(), r2.goToOption(ye.Last);
+        return i2.value = false, e3.preventDefault(), e3.stopPropagation(), r2.goToOption(ye.Last);
       case ve.PageDown:
-        return o2.value = false, e3.preventDefault(), e3.stopPropagation(), r2.goToOption(ye.Last);
+        return i2.value = false, e3.preventDefault(), e3.stopPropagation(), r2.goToOption(ye.Last);
       case ve.Escape:
-        if (o2.value = false, 0 !== r2.comboboxState.value)
+        if (i2.value = false, 0 !== r2.comboboxState.value)
           return;
-        e3.preventDefault(), r2.optionsRef.value && !r2.optionsPropsRef.value.static && e3.stopPropagation(), r2.closeCombobox();
+        e3.preventDefault(), r2.optionsRef.value && !r2.optionsPropsRef.value.static && e3.stopPropagation(), r2.nullable.value && 0 === r2.mode.value && null === r2.value.value && u2(), r2.closeCombobox();
         break;
       case ve.Tab:
-        if (o2.value = false, 0 !== r2.comboboxState.value)
+        if (i2.value = false, 0 !== r2.comboboxState.value)
           return;
         0 === r2.mode.value && r2.selectActiveOption(), r2.closeCombobox();
     }
   }
-  function m2(e3) {
-    u2.value ? d2.value = e3 : (r2.openCombobox(), t2("change", e3));
+  function b2(e3) {
+    t2("change", e3), r2.nullable.value && 0 === r2.mode.value && "" === e3.target.value && u2(), r2.openCombobox();
   }
-  function b2() {
-    o2.value = false;
+  function h2() {
+    i2.value = false;
   }
-  let h2 = y(() => {
+  let w2 = y(() => {
     var t3, l3, a3, n3;
     return null != (n3 = null != (a3 = null != (l3 = e2.defaultValue) ? l3 : void 0 !== r2.defaultValue.value ? null == (t3 = e2.displayValue) ? void 0 : t3.call(e2, r2.defaultValue.value) : null) ? a3 : r2.defaultValue.value) ? n3 : "";
   });
   return () => {
     var t3, n3, o3, i3, s2, u3;
-    let d3 = { open: 0 === r2.comboboxState.value }, { id: f2, displayValue: v2, onChange: y2, ...x2 } = e2;
-    return se({ 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 = he(r2.labelRef)) ? void 0 : o3.id) ? s2 : null == (i3 = he(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: oe.RenderStrategy | oe.Static, name: "ComboboxInput" });
+    let d3 = { open: 0 === r2.comboboxState.value }, { id: c3, displayValue: f2, onChange: v2, ...y2 } = e2;
+    return se({ ourProps: { "aria-controls": null == (t3 = r2.optionsRef.value) ? void 0 : t3.id, "aria-expanded": 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 = he(r2.labelRef)) ? void 0 : o3.id) ? s2 : null == (i3 = he(r2.buttonRef)) ? void 0 : i3.id, "aria-autocomplete": "list", id: c3, onCompositionstart: p2, onCompositionend: g2, onKeydown: m2, onInput: b2, onBlur: h2, role: "combobox", type: null != (u3 = l2.type) ? u3 : "text", tabIndex: 0, ref: r2.inputRef, defaultValue: w2.value, disabled: true === r2.disabled.value || void 0 }, theirProps: y2, slot: d3, attrs: l2, slots: a2, features: oe.RenderStrategy | oe.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 }) {
-  let n2 = ut("ComboboxOptions"), r2 = `headlessui-combobox-options-${me()}`;
+} }), 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-${me()}`;
   a2({ el: n2.optionsRef, $el: n2.optionsRef }), m(() => {
     n2.optionsPropsRef.value.static = e2.static;
   }), m(() => {
@@ -670,8 +688,8 @@ let dt = b({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, pro
     let u2 = { open: 0 === n2.comboboxState.value };
     return se({ ourProps: { "aria-labelledby": null != (s2 = null == (a3 = he(n2.labelRef)) ? void 0 : a3.id) ? s2 : null == (o3 = he(n2.buttonRef)) ? void 0 : o3.id, id: r2, ref: n2.optionsRef, role: "listbox", "aria-multiselectable": 1 === n2.mode.value || void 0 }, theirProps: ge(e2, ["hold"]), slot: u2, attrs: t2, slots: l2, features: oe.RenderStrategy | oe.Static, visible: i2.value, name: "ComboboxOptions" });
   };
-} }), mt = 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 = ut("ComboboxOption"), r2 = `headlessui-combobox-option-${me()}`, o2 = s(null);
+} }), 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-${me()}`, o2 = s(null);
   a2({ el: o2, $el: o2 });
   let i2 = y(() => null !== n2.activeOptionIndex.value && n2.options.value[n2.activeOptionIndex.value].id === r2), u2 = y(() => re(n2.mode.value, { 0: () => n2.compare(h(n2.value.value), h(e2.value)), 1: () => h(n2.value.value).some((t3) => n2.compare(h(t3), h(e2.value))) })), d2 = y(() => ({ disabled: e2.disabled, value: e2.value, domRef: o2 }));
   function c2(t3) {
@@ -708,17 +726,12 @@ let dt = b({ name: "Combobox", emits: { "update:modelValue": (e2) => true }, pro
     return se({ ourProps: { id: r2, ref: o2, role: "option", tabIndex: true === a3 ? void 0 : -1, "aria-disabled": true === a3 || void 0, "aria-selected": u2.value, disabled: void 0, onClick: c2, onFocus: p2, onPointerenter: b2, onMouseenter: b2, onPointermove: x2, onMousemove: x2, onPointerleave: k2, onMouseleave: k2 }, theirProps: e2, slot: n3, attrs: l2, slots: t2, name: "ComboboxOption" });
   };
 } });
-var vt = ((e2) => (e2[e2.Forwards = 0] = "Forwards", e2[e2.Backwards = 1] = "Backwards", e2))(vt || {});
-function yt(e2, t2, l2, a2) {
+var yt = ((e2) => (e2[e2.Forwards = 0] = "Forwards", e2[e2.Backwards = 1] = "Backwards", e2))(yt || {});
+function bt(e2, t2, l2, a2) {
   Pe.isServer || m((n2) => {
     (e2 = null != e2 ? e2 : window).addEventListener(t2, l2, a2), n2(() => e2.removeEventListener(t2, l2, a2));
   });
 }
-function bt(e2) {
-  "function" == typeof queueMicrotask ? queueMicrotask(e2) : Promise.resolve().then(e2).catch((e3) => setTimeout(() => {
-    throw e3;
-  }));
-}
 function ht(e2) {
   if (!e2)
     return /* @__PURE__ */ new Set();
@@ -740,7 +753,7 @@ let wt = Object.assign(b({ name: "FocusTrap", props: { as: { type: [Object, Stri
     let l3 = function(e4) {
       let t4 = s(kt.slice());
       return x([e4], ([e5], [l4]) => {
-        true === l4 && false === e5 ? bt(() => {
+        true === l4 && false === e5 ? at(() => {
           t4.value.splice(0);
         }) : false === l4 && true === e5 && (t4.value = kt.slice());
       }, { flush: "post" }), () => {
@@ -764,7 +777,7 @@ let wt = Object.assign(b({ name: "FocusTrap", props: { as: { type: [Object, Stri
         if (o3.every((e4, t4) => (null == i3 ? void 0 : i3[t4]) === e4) || !a3.value)
           return;
         let s2 = he(t3);
-        s2 && bt(() => {
+        s2 && at(() => {
           var t4, a4;
           if (!r3.value)
             return;
@@ -781,7 +794,7 @@ let wt = Object.assign(b({ name: "FocusTrap", props: { as: { type: [Object, Stri
   }({ ownerDocument: r2, container: n2, initialFocus: y(() => e2.initialFocus) }, y(() => o2.value && Boolean(2 & e2.features)));
   !function({ ownerDocument: e3, container: t3, containers: l3, previousActiveElement: a3 }, n3) {
     var r3;
-    yt(null == (r3 = e3.value) ? void 0 : r3.defaultView, "focus", (e4) => {
+    bt(null == (r3 = e3.value) ? void 0 : r3.defaultView, "focus", (e4) => {
       if (!n3.value)
         return;
       let r4 = ht(l3);
@@ -801,9 +814,9 @@ let wt = Object.assign(b({ name: "FocusTrap", props: { as: { type: [Object, Stri
   }();
   function p2(e3) {
     let t3 = he(n2);
-    t3 && re(u2.value, { [vt.Forwards]: () => {
+    t3 && re(u2.value, { [yt.Forwards]: () => {
       Ve(t3, Ee.First, { skipElements: [e3.relatedTarget] });
-    }, [vt.Backwards]: () => {
+    }, [yt.Backwards]: () => {
       Ve(t3, Ee.Last, { skipElements: [e3.relatedTarget] });
     } });
   }
@@ -819,7 +832,7 @@ let wt = Object.assign(b({ name: "FocusTrap", props: { as: { type: [Object, Stri
     let l3 = ht(e2.containers);
     he(n2) instanceof HTMLElement && l3.add(he(n2));
     let a3 = t3.relatedTarget;
-    a3 instanceof HTMLElement && "true" !== a3.dataset.headlessuiFocusGuard && (St(l3, a3) || (g2.value ? Ve(he(n2), re(u2.value, { [vt.Forwards]: () => Ee.Next, [vt.Backwards]: () => Ee.Previous }) | Ee.WrapAround, { relativeTo: t3.target }) : t3.target instanceof HTMLElement && $e(t3.target)));
+    a3 instanceof HTMLElement && "true" !== a3.dataset.headlessuiFocusGuard && (St(l3, a3) || (g2.value ? Ve(he(n2), re(u2.value, { [yt.Forwards]: () => Ee.Next, [yt.Backwards]: () => Ee.Previous }) | Ee.WrapAround, { relativeTo: t3.target }) : t3.target instanceof HTMLElement && $e(t3.target)));
   }
   return () => {
     let a3 = { ref: n2, onKeydown: v2, onFocusout: b2 }, { features: r3, initialFocus: o3, containers: i3, ...s2 } = e2;
@@ -959,6 +972,10 @@ function $t() {
     function n2(e3) {
       return a2.containers.flatMap((e4) => e4()).some((t3) => t3.contains(e3));
     }
+    if ("auto" !== window.getComputedStyle(t2.documentElement).scrollBehavior) {
+      let e3 = nt();
+      e3.style(t2.documentElement, "scroll-behavior", "auto"), l2.add(() => l2.microTask(() => e3.dispose()));
+    }
     l2.style(t2.body, "marginTop", `-${e2}px`), window.scrollTo(0, 0);
     let r2 = null;
     l2.addEventListener(t2, "click", (e3) => {
@@ -1004,7 +1021,7 @@ let Yt = function(e2, t2) {
   } };
 }(() => /* @__PURE__ */ new Map(), { PUSH(e2, t2) {
   var l2;
-  let a2 = null != (l2 = this.get(e2)) ? l2 : { doc: e2, count: 0, d: at(), meta: /* @__PURE__ */ new Set() };
+  let a2 = null != (l2 = this.get(e2)) ? l2 : { doc: e2, count: 0, d: nt(), meta: /* @__PURE__ */ new Set() };
   return a2.count++, a2.meta.add(t2), this.set(e2, a2), this;
 }, POP(e2, t2) {
   let l2 = this.get(e2);
@@ -1082,21 +1099,21 @@ let Wt = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Kt = b({ name: "Dialog", inheri
       var e5;
       return null == (e5 = t4.default) ? void 0 : e5.call(t4);
     }) })];
-  }(), { resolveContainers: M2, mainTreeNodeRef: P2, MainTreeNode: _2 } = function({ defaultContainers: e3 = [], portals: t3 } = {}) {
-    let l3 = s(null), a3 = _e(l3);
-    function n3() {
-      var n4;
-      let r3 = [];
+  }(), { resolveContainers: M2, mainTreeNodeRef: P2, MainTreeNode: _2 } = function({ defaultContainers: e3 = [], portals: t3, mainTreeNodeRef: l3 } = {}) {
+    let a3 = s(null), n3 = _e(a3);
+    function r3() {
+      var l4;
+      let r4 = [];
       for (let t4 of e3)
-        null !== t4 && (t4 instanceof HTMLElement ? r3.push(t4) : "value" in t4 && t4.value instanceof HTMLElement && r3.push(t4.value));
+        null !== t4 && (t4 instanceof HTMLElement ? r4.push(t4) : "value" in t4 && t4.value instanceof HTMLElement && r4.push(t4.value));
       if (null != t3 && t3.value)
         for (let e4 of t3.value)
-          r3.push(e4);
-      for (let e4 of null != (n4 = null == a3 ? void 0 : a3.querySelectorAll("html > *, body > *")) ? n4 : [])
-        e4 !== document.body && e4 !== document.head && e4 instanceof HTMLElement && "headlessui-portal-root" !== e4.id && (e4.contains(he(l3)) || r3.some((t4) => e4.contains(t4)) || r3.push(e4));
-      return r3;
+          r4.push(e4);
+      for (let e4 of null != (l4 = null == n3 ? void 0 : n3.querySelectorAll("html > *, body > *")) ? l4 : [])
+        e4 !== document.body && e4 !== document.head && e4 instanceof HTMLElement && "headlessui-portal-root" !== e4.id && (e4.contains(he(a3)) || r4.some((t4) => e4.contains(t4)) || r4.push(e4));
+      return r4;
     }
-    return { resolveContainers: n3, contains: (e4) => n3().some((t4) => t4.contains(e4)), mainTreeNodeRef: l3, MainTreeNode: () => d(Ke, { features: We.Hidden, ref: l3 }) };
+    return { resolveContainers: r3, contains: (e4) => r3().some((t4) => t4.contains(e4)), mainTreeNodeRef: a3, MainTreeNode: () => null != l3 ? null : d(Ke, { features: We.Hidden, ref: a3 }) };
   }({ portals: O2, defaultContainers: [y(() => {
     var e3;
     return null != (e3 = F2.panelRef.value) ? e3 : h2.value;
@@ -1124,7 +1141,7 @@ let Wt = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", Kt = b({ name: "Dialog", inheri
     F2.close(), v(() => null == t3 ? void 0 : t3.focus());
   }, N2);
   let $2 = y(() => !(S2.value || 0 !== w2.value));
-  yt(null == (r2 = x2.value) ? void 0 : r2.defaultView, "keydown", (e3) => {
+  bt(null == (r2 = x2.value) ? void 0 : r2.defaultView, "keydown", (e3) => {
     $2.value && (e3.defaultPrevented || e3.key === ve.Escape && (e3.preventDefault(), e3.stopPropagation(), F2.close()));
   });
   let H2 = y(() => !(j2.value || 0 !== w2.value || C2));
@@ -1198,7 +1215,7 @@ function Zt(e2) {
 }
 let el = Symbol("DisclosurePanelContext");
 let tl = b({ name: "Disclosure", props: { as: { type: [Object, String], default: "template" }, defaultOpen: { type: [Boolean], default: false } }, setup(e2, { slots: t2, attrs: l2 }) {
-  let a2 = s(e2.defaultOpen ? 0 : 1), n2 = s(null), r2 = s(null), o2 = { buttonId: s(null), panelId: s(null), disclosureState: a2, panel: n2, button: r2, toggleDisclosure() {
+  let a2 = s(e2.defaultOpen ? 0 : 1), n2 = s(null), r2 = s(null), o2 = { buttonId: s(`headlessui-disclosure-button-${me()}`), panelId: s(`headlessui-disclosure-panel-${me()}`), disclosureState: a2, panel: n2, button: r2, toggleDisclosure() {
     a2.value = re(a2.value, { 0: 1, 1: 0 });
   }, closeDisclosure() {
     1 !== a2.value && (a2.value = 1);
@@ -1211,14 +1228,14 @@ let tl = b({ name: "Disclosure", props: { as: { type: [Object, String], default:
     let { defaultOpen: n3, ...r3 } = e2;
     return se({ theirProps: r3, ourProps: {}, slot: { open: 0 === a2.value, close: o2.close }, slots: t2, attrs: l2, name: "Disclosure" });
   };
-} }), ll = b({ name: "DisclosureButton", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: false }, id: { type: String, default: () => `headlessui-disclosure-button-${me()}` } }, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
-  let n2 = Zt("DisclosureButton");
+} }), ll = b({ name: "DisclosureButton", props: { as: { type: [Object, String], default: "button" }, disabled: { type: [Boolean], default: false }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
+  let n2 = Zt("DisclosureButton"), r2 = p(el, null), o2 = y(() => null !== r2 && r2.value === n2.panelId.value);
   f(() => {
-    n2.buttonId.value = e2.id;
+    o2.value || null !== e2.id && (n2.buttonId.value = e2.id);
   }), w(() => {
-    n2.buttonId.value = null;
+    o2.value || (n2.buttonId.value = null);
   });
-  let r2 = p(el, null), o2 = y(() => null !== r2 && r2.value === n2.panelId.value), i2 = s(null);
+  let i2 = s(null);
   a2({ el: i2, $el: i2 }), o2.value || m(() => {
     n2.button.value = i2.value;
   });
@@ -1248,20 +1265,22 @@ let tl = b({ name: "Disclosure", props: { as: { type: [Object, String], default:
       e3.preventDefault();
   }
   return () => {
-    let a3 = { open: 0 === n2.disclosureState.value }, { id: r3, ...s2 } = e2;
-    return se({ ourProps: o2.value ? { ref: i2, type: u2.value, onClick: d2, onKeydown: c2 } : { id: r3, ref: i2, type: u2.value, "aria-expanded": e2.disabled ? void 0 : 0 === n2.disclosureState.value, "aria-controls": he(n2.panel) ? n2.panelId.value : void 0, disabled: !!e2.disabled || void 0, onClick: d2, onKeydown: c2, onKeyup: g2 }, theirProps: s2, slot: a3, attrs: t2, slots: l2, name: "DisclosureButton" });
+    var a3;
+    let r3 = { open: 0 === n2.disclosureState.value }, { id: s2, ...p2 } = e2;
+    return se({ ourProps: o2.value ? { ref: i2, type: u2.value, onClick: d2, onKeydown: c2 } : { id: null != (a3 = n2.buttonId.value) ? a3 : s2, ref: i2, type: u2.value, "aria-expanded": 0 === n2.disclosureState.value, "aria-controls": 0 === n2.disclosureState.value || he(n2.panel) ? n2.panelId.value : void 0, disabled: !!e2.disabled || void 0, onClick: d2, onKeydown: c2, onKeyup: g2 }, theirProps: p2, slot: r3, attrs: t2, slots: l2, name: "DisclosureButton" });
   };
-} }), al = 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-${me()}` } }, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
+} }), al = b({ name: "DisclosurePanel", props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
   let n2 = Zt("DisclosurePanel");
   f(() => {
-    n2.panelId.value = e2.id;
+    null !== e2.id && (n2.panelId.value = e2.id);
   }), w(() => {
     n2.panelId.value = null;
   }), a2({ el: n2.panel, $el: n2.panel }), g(el, n2.panelId);
   let r2 = ke(), o2 = y(() => null !== r2 ? (r2.value & we.Open) === we.Open : 0 === n2.disclosureState.value);
   return () => {
-    let a3 = { open: 0 === n2.disclosureState.value, close: n2.close }, { id: r3, ...i2 } = e2;
-    return se({ ourProps: { id: r3, ref: n2.panel }, theirProps: i2, slot: a3, attrs: t2, slots: l2, features: oe.RenderStrategy | oe.Static, visible: o2.value, name: "DisclosurePanel" });
+    var a3;
+    let r3 = { open: 0 === n2.disclosureState.value, close: n2.close }, { id: i2, ...s2 } = e2;
+    return se({ ourProps: { id: null != (a3 = n2.panelId.value) ? a3 : i2, ref: n2.panel }, theirProps: s2, slot: r3, attrs: t2, slots: l2, features: oe.RenderStrategy | oe.Static, visible: o2.value, name: "DisclosurePanel" });
   };
 } }), nl = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
 function rl(e2) {
@@ -1390,7 +1409,7 @@ let cl = b({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   return () => {
     var a3;
     let u2 = { open: 0 === n2.menuState.value }, { id: d2, ...c2 } = e2;
-    return se({ ourProps: { ref: n2.buttonRef, id: d2, type: s2.value, "aria-haspopup": "menu", "aria-controls": null == (a3 = he(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" });
+    return se({ ourProps: { ref: n2.buttonRef, id: d2, type: s2.value, "aria-haspopup": "menu", "aria-controls": null == (a3 = he(n2.itemsRef)) ? void 0 : a3.id, "aria-expanded": 0 === n2.menuState.value, onKeydown: r2, onKeyup: o2, onClick: i2 }, theirProps: c2, slot: u2, attrs: t2, slots: l2, name: "MenuButton" });
   };
 } }), gl = 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-${me()}` } }, setup(e2, { attrs: t2, slots: l2, expose: a2 }) {
   let n2 = dl("MenuItems"), r2 = s(null);
@@ -1523,12 +1542,13 @@ let bl = b({ name: "Label", props: { as: { type: [Object, String], default: "lab
   }
   function h2(e3) {
     e3.key === ve.Space ? (e3.preventDefault(), u2()) : e3.key === ve.Enter && function(e4) {
-      var t3;
-      let l3 = null != (t3 = null == e4 ? void 0 : e4.form) ? t3 : e4.closest("form");
-      if (l3) {
-        for (let e5 of l3.elements)
-          if ("INPUT" === e5.tagName && "submit" === e5.type || "BUTTON" === e5.tagName && "submit" === e5.type || "INPUT" === e5.nodeName && "image" === e5.type)
-            return void e5.click();
+      var t3, l3;
+      let a3 = null != (t3 = null == e4 ? void 0 : e4.form) ? t3 : e4.closest("form");
+      if (a3) {
+        for (let t4 of a3.elements)
+          if (t4 !== e4 && ("INPUT" === t4.tagName && "submit" === t4.type || "BUTTON" === t4.tagName && "submit" === t4.type || "INPUT" === t4.nodeName && "image" === t4.type))
+            return void t4.click();
+        null == (l3 = a3.requestSubmit) || l3.call(a3);
       }
     }(e3.currentTarget);
   }
@@ -1564,7 +1584,7 @@ function Cl(e2, ...t2) {
 }
 var Ol = ((e2) => (e2.Finished = "finished", e2.Cancelled = "cancelled", e2))(Ol || {});
 function Dl(e2, t2, l2, a2, n2, r2) {
-  let o2 = at(), i2 = void 0 !== r2 ? function(e3) {
+  let o2 = nt(), i2 = void 0 !== r2 ? function(e3) {
     let t3 = { called: false };
     return (...l3) => {
       if (!t3.called)
@@ -1574,7 +1594,7 @@ function Dl(e2, t2, l2, a2, n2, r2) {
   };
   return Cl(e2, ...n2), Sl(e2, ...t2, ...l2), o2.nextFrame(() => {
     Cl(e2, ...l2), Sl(e2, ...a2), o2.add(function(e3, t3) {
-      let l3 = at();
+      let l3 = nt();
       if (!e3)
         return l3.dispose;
       let { transitionDuration: a3, transitionDelay: n3 } = getComputedStyle(e3), [r3, o3] = [a3, n3].map((e4) => {
@@ -1741,40 +1761,40 @@ 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: "M6 18L18 6M6 6l12 12" })]);
 }
 const Zl = { class: "py-1" }, ea = ["onClick"], ta = { key: 1, class: "animate-pulse px-4 py-2 bg-gray-200 rounded-md flex inline-flex items-center relative inline-block text-left" }, la = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1), aa = { name: "uiDropdown" }, na = Object.assign(aa, { props: { items: { type: Array, required: true }, position: { type: String, default: "left" }, disabled: Boolean, label: String, loading: { type: Boolean, default: true } }, emits: ["optionSelected"], setup(l2, { emit: o2 }) {
-  const s2 = l2, u2 = y(() => {
-    let e2 = s2.items.find((e3) => true === e3.active);
-    return e2 ? e2.name : s2.label;
+  const s2 = o2, u2 = l2, d2 = y(() => {
+    let e2 = u2.items.find((e3) => true === e3.active);
+    return e2 ? e2.name : u2.label;
   });
-  return (d2, p2) => l2.loading ? (e(), n("div", ta, [la, r(C(Hl), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300" })])) : (e(), t(C(cl), { key: 0, as: "div", class: a(["relative inline-block text-left", { "opacity-25": l2.disabled }]) }, { default: D(() => [i("div", null, [r(C(pl), { 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(P(u2.value) + " ", 1), r(C(Hl), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5" })]), _: 1 })]), r(_, { "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(gl), { 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) => {
-    s2.disabled || o2("optionSelected", e3.value);
+  return (o3, p2) => l2.loading ? (e(), n("div", ta, [la, r(C(Hl), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300" })])) : (e(), t(C(cl), { key: 0, as: "div", class: a(["relative inline-block text-left", { "opacity-25": l2.disabled }]) }, { default: D(() => [i("div", null, [r(C(pl), { 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(P(d2.value) + " ", 1), r(C(Hl), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5" })]), _: 1 })]), r(_, { "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(gl), { 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) => {
+    u2.disabled || s2("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"]) }, P(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), 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 = t2, s2 = (e2) => {
-    l2("inputChanged", { value: e2.target.value, name: e2.target.name });
-  }, u2 = y(() => o2.value);
-  return (l3, o3) => 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, P(t2.label), 1)) : j("", true), t2.optional ? (e(), n("span", sa, P(t2.optional), 1)) : j("", true)]), i("div", { class: a([{ "mt-1": t2.label }, "relative flex"]) }, [t2.addOn ? (e(), n("span", { key: 0, onClick: o3[0] || (o3[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" }, P(t2.addOn), 1)) : j("", true), E(i("input", { "onUpdate:modelValue": o3[1] || (o3[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: s2 }, null, 42, ua), [[L, u2.value]]), t2.rightAddOn ? (e(), n("span", { key: 1, onClick: o3[2] || (o3[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" }, P(t2.rightAddOn), 1)) : j("", true), t2.icon ? (e(), n("div", da, [r(z, { icon: t2.icon, color: t2.color, loading: t2.loading }, null, 8, ["icon", "color", "loading"]), E(r(z, { icon: C($l), color: "green", loading: t2.loading }, null, 8, ["icon", "loading"]), [[B, "success" === t2.color]]), E(r(z, { icon: C(Ul), color: "yellow", loading: t2.loading }, null, 8, ["icon", "loading"]), [[B, "warning" === t2.color]]), E(r(z, { icon: C(Ql), color: "red", loading: t2.loading }, null, 8, ["icon", "loading"]), [[B, "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"]) }, P(t2.error), 3), [[B, t2.error]])]));
+  const o2 = l2, s2 = t2, u2 = (e2) => {
+    o2("inputChanged", { value: e2.target.value, name: e2.target.name });
+  }, d2 = y(() => s2.value);
+  return (l3, o3) => 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, P(t2.label), 1)) : j("", true), t2.optional ? (e(), n("span", sa, P(t2.optional), 1)) : j("", true)]), i("div", { class: a([{ "mt-1": t2.label }, "relative flex"]) }, [t2.addOn ? (e(), n("span", { key: 0, onClick: o3[0] || (o3[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" }, P(t2.addOn), 1)) : j("", true), E(i("input", { "onUpdate:modelValue": o3[1] || (o3[1] = (e2) => d2.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: u2 }, null, 42, ua), [[L, d2.value]]), t2.rightAddOn ? (e(), n("span", { key: 1, onClick: o3[2] || (o3[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" }, P(t2.rightAddOn), 1)) : j("", true), t2.icon ? (e(), n("div", da, [r(z, { icon: t2.icon, color: t2.color, loading: t2.loading }, null, 8, ["icon", "color", "loading"]), E(r(z, { icon: C($l), color: "green", loading: t2.loading }, null, 8, ["icon", "loading"]), [[B, "success" === t2.color]]), E(r(z, { icon: C(Ul), color: "yellow", loading: t2.loading }, null, 8, ["icon", "loading"]), [[B, "warning" === t2.color]]), E(r(z, { icon: C(Ql), color: "red", loading: t2.loading }, null, 8, ["icon", "loading"]), [[B, "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"]) }, P(t2.error), 3), [[B, 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" }, Pa = { key: 1, class: "animate-pulse" }, _a = [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 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) => {
+  const o2 = s(""), u2 = l2, d2 = t2, c2 = (e2) => {
     let t3 = e2.dataTransfer.files;
-    l2("filesUploaded", t3), o2.filename = t3[0].name;
-  }, c2 = (e2) => {
-    l2("filesUploaded", e2.target.files), o2.filename = e2.target.files[0].name;
+    u2("filesUploaded", t3), d2.filename = t3[0].name;
+  }, p2 = (e2) => {
+    u2("filesUploaded", e2.target.files), d2.filename = e2.target.files[0].name;
   };
-  return (l3, o3) => t2.loading ? (e(), n("div", Pa, _a)) : (e(), n("div", va, [i("div", ya, [t2.label ? (e(), n("label", ba, P(t2.label), 1)) : j("", true), t2.optional ? (e(), n("span", ha, P(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] = I(() => {
-  }, ["prevent"])), onDrop: I(d2, ["prevent"]) }, [i("div", wa, [r(z, { 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, P(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, P(t2.dragAndDrop), 1)]), i("p", Da, P(t2.fileTypesAndSizes), 1), E(i("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, P(u2.value), 513), [[B, "" !== u2.value]])])], 42, xa), E(i("p", Ma, [r(z, { icon: C(Xl), color: "red", class: "mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), M(P(t2.error), 1)], 512), [[B, t2.error]])]));
+  return (l3, s2) => t2.loading ? (e(), n("div", Pa, _a)) : (e(), n("div", va, [i("div", ya, [t2.label ? (e(), n("label", ba, P(t2.label), 1)) : j("", true), t2.optional ? (e(), n("span", ha, P(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: s2[0] || (s2[0] = I(() => {
+  }, ["prevent"])), onDrop: I(c2, ["prevent"]) }, [i("div", wa, [r(z, { 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, P(t2.placeholder), 1), i("input", { id: "file-upload", name: "file-upload", type: "file", class: "sr-only", accept: t2.accept, onChange: p2 }, null, 40, Ca)]), i("p", Oa, P(t2.dragAndDrop), 1)]), i("p", Da, P(t2.fileTypesAndSizes), 1), E(i("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, P(o2.value), 513), [[B, "" !== o2.value]])])], 42, xa), E(i("p", Ma, [r(z, { icon: C(Xl), color: "red", class: "mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), M(P(t2.error), 1)], 512), [[B, 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" }, Ba = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1), Ia = { name: "uiSelect" }, Ra = Object.assign(Ia, { 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()))), f2 = () => {
-    o2("selectChanged", p2.value);
+  const u2 = s(""), d2 = o2, p2 = l2, g2 = s(p2.select), f2 = y(() => "" === u2.value ? p2.items : p2.items.filter((e2) => e2.name.toLowerCase().includes(u2.value.toLowerCase()))), m2 = () => {
+    d2("selectChanged", g2.value);
   };
-  return (o3, s2) => l2.loading ? (e(), n("div", La, [Ba, r(C(zl), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400" })])) : (e(), t(C(dt), { 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(ct), { class: "block text-sm font-medium text-gray-700" }, { default: D(() => [M(P(l2.label), 1)]), _: 1 }), i("div", Ea, [r(C(gt), { "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(pt), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, { default: D(() => [r(C(zl), { "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(mt), { 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"]) }, P(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($l), { "aria-hidden": "true", class: "h-5 w-5", loading: true })], 2)) : j("", true)], 2)]), _: 2 }, 1032, ["value"]))), 128))]), _: 1 })) : j("", true)])]), _: 1 }, 8, ["modelValue"]));
+  return (o3, s2) => l2.loading ? (e(), n("div", La, [Ba, r(C(zl), { "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: g2.value, "onUpdate:modelValue": [s2[1] || (s2[1] = (e2) => g2.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(P(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) => u2.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(zl), { "aria-hidden": "true", class: "h-5 w-5 text-gray-400" })]), _: 1 }), f2.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, T(f2.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"]) }, P(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($l), { "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"], 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", za, qa)) : (e(), n("div", Ha, [t2.label ? (e(), n("label", Ya, P(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(z, { icon: C(Xl), color: "red", class: "mr-2" }, null, 8, ["icon"]), M(P(t2.error), 1)], 2), [[B, t2.error]])]));
+  const o2 = l2, u2 = (e2) => {
+    o2("inputChanged", e2.target.value);
+  }, d2 = s(t2.value);
+  return (l3, o3) => t2.loading ? (e(), n("div", za, qa)) : (e(), n("div", Ha, [t2.label ? (e(), n("label", Ya, P(t2.label), 1)) : j("", true), i("div", { class: a({ "mt-1": t2.label }) }, [E(i("textarea", { disabled: t2.disabled, rows: "4", "onUpdate:modelValue": o3[0] || (o3[0] = (e2) => d2.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: u2 }, null, 42, Va), [[R, d2.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(z, { icon: C(Xl), color: "red", class: "mr-2" }, null, 8, ["icon"]), M(P(t2.error), 1)], 2), [[B, 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(xl), { key: 0, as: "div", class: "flex items-center relative" }, { default: D(() => [r(C(wl), { 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(kl), { as: "span", class: "ml-3" }, { default: D(() => [i("span", Ka, P(l2.item.title), 1), l2.item.subtitle ? (e(), n("span", Ja, P(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)) }, P(l2.item.action), 1)) : j("", true)]), _: 1 }));
@@ -1782,17 +1802,17 @@ const Zl = { class: "py-1" }, ea = ["onClick"], ta = { key: 1, class: "animate-p
   var _a2;
   return l2.loading ? (e(), n("div", Mn, Pn)) : (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, P(l2.name), 1), i("p", On, P(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: "mb-1 mr-1", key: a3.name, color: a3.color, loading: l2.loading }, { default: D(() => [M(P(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 }) {
-  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) => {
+  const n2 = a2, r2 = s(l2.items);
+  return (a3, o2) => (e(), t(na, { loading: l2.loading, onOptionSelected: o2[0] || (o2[0] = (e2) => ((e3) => {
+    r2.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"]));
+    }), n2("filterSelected", e3);
+  })(e2)), position: l2.position, items: r2.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), Bn = { class: "fixed inset-0 z-10 overflow-y-auto" }, In = { 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" }, zn = 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 }) {
-  const u2 = l2, d2 = (e2) => {
-    s2("modalAction", { modal: u2.modalName, action: e2 });
+  const u2 = l2, d2 = s2, p2 = (e2) => {
+    d2("modalAction", { modal: u2.modalName, action: e2 });
   };
-  return (s3, u3) => (e(), t(C(Rl), { as: "template", show: l2.open }, { default: D(() => [r(C(Kt), { 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", Bn, [i("div", In, [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(Jt), { 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(z, { 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), [[B, "danger" === l2.type]]), E(r(C($l), { class: "h-6 w-6 text-green-600", "aria-hidden": "true" }, null, 512), [[B, "success" === l2.type]]), E(r(C(Ul), { class: "h-6 w-6 text-yellow-600", "aria-hidden": "true" }, null, 512), [[B, "warning" === l2.type]]), E(r(C(Wl), { class: "h-6 w-6 text-indigo-600", "aria-hidden": "true" }, null, 512), [[B, "default" === l2.type]])], 2), i("div", Nn, [r(C(Gt), { as: "h3", class: "text-lg font-medium leading-6 text-gray-900" }, { default: D(() => [M(P(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) }, P(t2.name), 9, Yn))), 128))])) : j("", true)])])]), _: 3 })]), _: 3 })])])]), _: 3 })]), _: 3 }, 8, ["show"]));
+  return (s3, u3) => (e(), t(C(Rl), { as: "template", show: l2.open }, { default: D(() => [r(C(Kt), { as: "div", class: "relative z-10", onClose: u3[1] || (u3[1] = (e2) => p2("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", Bn, [i("div", In, [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(Jt), { 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) => p2("close")) }, [An, r(z, { 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), [[B, "danger" === l2.type]]), E(r(C($l), { class: "h-6 w-6 text-green-600", "aria-hidden": "true" }, null, 512), [[B, "success" === l2.type]]), E(r(C(Ul), { class: "h-6 w-6 text-yellow-600", "aria-hidden": "true" }, null, 512), [[B, "warning" === l2.type]]), E(r(C(Wl), { class: "h-6 w-6 text-indigo-600", "aria-hidden": "true" }, null, 512), [[B, "default" === l2.type]])], 2), i("div", Nn, [r(C(Gt), { as: "h3", class: "text-lg font-medium leading-6 text-gray-900" }, { default: D(() => [M(P(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) => p2(t2.value) }, P(t2.name), 9, Yn))), 128))])) : j("", 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", qn, [r(_, { "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(Nl), { "aria-hidden": "true", class: "h-6 w-6 text-green-400" }, null, 512), [[B, "success" === t2.type]]), E(r(C(Xl), { "aria-hidden": "true", class: "h-6 w-6 text-red-400" }, null, 512), [[B, "danger" === t2.type]]), E(r(C(Ul), { "aria-hidden": "true", class: "h-6 w-6 text-yellow-400" }, null, 512), [[B, "warning" === t2.type]]), E(r(C(Jl), { "aria-hidden": "true", class: "h-6 w-6 text-indigo-600" }, null, 512), [[B, "info" === t2.type]])]), i("div", Gn, [i("p", Xn, P(t2.title), 1), i("p", Qn, P(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));
@@ -1897,49 +1917,57 @@ const vo = yr(Hr, [["render", function(l2, a2, o2, s2, u2, d2) {
   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", Yr, [i("div", Vr, [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, 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(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, T(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, T(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, 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" }, P(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, P(t2.name), 1)]), i("td", fo, P(t2.building), 1), i("td", mo, P(t2.floor), 1), (e(true), n(c, null, T(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, { props: { range: { type: String } }, emits: ["rangeSelected"], setup(t2, { emit: l2 }) {
-  const r2 = t2;
-  let o2 = y(() => r2.range);
-  const s2 = (e2) => {
-    o2.value = e2, l2("rangeSelected", e2);
+  const r2 = l2, o2 = t2;
+  let s2 = y(() => o2.range);
+  const u2 = (e2) => {
+    s2.value = e2, r2("rangeSelected", e2);
   };
-  return (t3, l3) => (e(), n("ul", yo, [i("li", { class: a({ selected: "24h" === C(o2) }), onClick: l3[0] || (l3[0] = (e2) => s2("24h")) }, " 24H ", 2), i("li", { class: a({ selected: "7d" === C(o2) }), onClick: l3[1] || (l3[1] = (e2) => s2("7d")) }, "7D", 2), i("li", { class: a({ selected: "1m" === C(o2) }), onClick: l3[2] || (l3[2] = (e2) => s2("1m")) }, "1M", 2), i("li", { class: a({ selected: "3m" === C(o2) }), onClick: l3[3] || (l3[3] = (e2) => s2("3m")) }, "3M", 2)]));
+  return (t3, l3) => (e(), n("ul", yo, [i("li", { class: a({ selected: "24h" === C(s2) }), onClick: l3[0] || (l3[0] = (e2) => u2("24h")) }, " 24H ", 2), i("li", { class: a({ selected: "7d" === C(s2) }), onClick: l3[1] || (l3[1] = (e2) => u2("7d")) }, "7D", 2), i("li", { class: a({ selected: "1m" === C(s2) }), onClick: l3[2] || (l3[2] = (e2) => u2("1m")) }, "1M", 2), i("li", { class: a({ selected: "3m" === C(s2) }), onClick: l3[3] || (l3[3] = (e2) => u2("3m")) }, "3M", 2)]));
 } }), xo = { class: "chart-header flex flex-row justify-between" }, wo = { class: "text-sm font-medium text-gray-500 truncate" }, ko = { class: "chart-content" }, So = { class: "h-full w-full flex items-center justify-center flex-col" }, Co = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Oo = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Do = [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)], Mo = { name: "uiChart" }, Po = Object.assign(Mo, { 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" }, horizontal: { type: Boolean, default: false }, stacked: { type: Boolean, default: false }, height: { type: Number, default: 320 } }, emits: ["selectedRange", "chartUpdated", "dataPointSelection"], setup(t2, { emit: l2 }) {
-  const o2 = t2;
-  let s2 = { 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 } } };
-  "area" === o2.type && (s2.tooltip = { intersect: true, shared: false });
-  const u2 = y(() => o2.series), d2 = y(() => (s2.chart.stacked = o2.stacked, { ...s2, ...o2.options, plotOptions: { bar: { horizontal: o2.horizontal } } })), p2 = () => l2("chartUpdated"), g2 = (e2, t3, a2) => {
-    l2("dataPointSelection", { id: o2.id, chartContext: t3, config: a2, event: e2 });
+  const o2 = l2, s2 = t2;
+  let u2 = { 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 } } };
+  "area" === s2.type && (u2.tooltip = { intersect: true, shared: false });
+  const d2 = y(() => s2.series), p2 = y(() => (u2.chart.stacked = s2.stacked, { ...u2, ...s2.options, plotOptions: { bar: { horizontal: s2.horizontal } } })), g2 = () => o2("chartUpdated"), f2 = (e2, t3, l3) => {
+    o2("dataPointSelection", { id: s2.id, chartContext: t3, config: l3, event: e2 });
   };
-  return (l3, o3) => (e(), n(c, null, [E(i("div", { class: a(["h-[" + t2.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"]) }, [i("div", xo, [i("div", wo, P(t2.title), 1), r(ho, { range: t2.range, onRangeSelected: o3[0] || (o3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) }, null, 8, ["range"])]), E(i("div", ko, [r(C(Y), { type: t2.type, series: u2.value, width: "100%", height: t2.height, options: d2.value, onUpdated: p2, onMounted: p2, onDataPointSelection: g2 }, null, 8, ["type", "series", "height", "options"])], 512), [[B, !t2.empty]]), E(i("div", So, [r(z, { icon: C(Ul), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Co], 512), [[B, t2.empty]])], 2), [[B, !t2.loading]]), E(i("div", Oo, Do, 512), [[B, t2.loading]])], 64));
+  return (l3, o3) => (e(), n(c, null, [E(i("div", { class: a(["h-[" + t2.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"]) }, [i("div", xo, [i("div", wo, P(t2.title), 1), r(ho, { range: t2.range, onRangeSelected: o3[0] || (o3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) }, null, 8, ["range"])]), E(i("div", ko, [r(C(Y), { type: t2.type, series: d2.value, width: "100%", height: t2.height, options: p2.value, onUpdated: g2, onMounted: g2, onDataPointSelection: f2 }, null, 8, ["type", "series", "height", "options"])], 512), [[B, !t2.empty]]), E(i("div", So, [r(z, { icon: C(Ul), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Co], 512), [[B, t2.empty]])], 2), [[B, !t2.loading]]), E(i("div", Oo, Do, 512), [[B, t2.loading]])], 64));
 } }), _o = { name: "uiFooter" }, To = { class: "bg-white" }, jo = [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 Eo = yr(_o, [["render", function(t2, l2, a2, r2, o2, i2) {
   return e(), n("footer", To, jo);
 }]]), Lo = i("div", { class: "spinner h-12 w-12 mb-6" }, [i("img", { src: "https://images.hotelinking.com/ui/loader.gif", alt: "loading animation" })], -1), Bo = { name: "uiLoadScreen" }, Io = Object.assign(Bo, { 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"]) }, [Lo, E(i("h2", { class: "text-xs font-bold text-center uppercase mb-2" }, P(t2.title), 513), [[B, t2.title]]), E(i("p", { class: "text-xs text-center uppercase md:w-1/4" }, P(t2.message), 513), [[B, t2.message]])], 2)) }), Ro = { key: 0, class: "py-6 flex items-center justify-between" }, Ao = { class: "flex-1 flex justify-between sm:hidden" }, Fo = { 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" }, No = { 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" }, $o = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, Ho = { class: "text-sm text-gray-700" }, Yo = { class: "font-bold" }, Vo = { class: "font-bold" }, zo = { class: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px", "aria-label": "Pagination" }, qo = { class: "sr-only" }, Uo = ["onClick"], Wo = { class: "sr-only" }, Ko = { key: 1, class: "py-6 flex flex-row justify-between items-center animate-pulse" }, Jo = [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)], Go = { name: "uiPagination" }, Xo = Object.assign(Go, { 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(() => {
+  const u2 = l2, d2 = t2, p2 = s(3), g2 = y(() => Math.max(1, Number(d2.current) - Number(p2.value))), f2 = y(() => Math.min(Number(d2.current) + Number(p2.value), Number(d2.total))), m2 = y(() => {
     let e2 = [];
-    for (let t3 = Number(p2.value); t3 <= Number(g2.value); t3++)
+    for (let t3 = Number(g2.value); t3 <= Number(f2.value); t3++)
       e2.push(t3);
     return e2;
   });
-  return (s2, u3) => t2.loading ? (e(), n("div", Ko, Jo)) : (e(), n("div", Ro, [i("div", Ao, [i("a", Fo, [o(s2.$slots, "previous")]), i("a", No, [o(s2.$slots, "next")])]), i("div", $o, [i("div", null, [i("p", Ho, [o(s2.$slots, "showing"), M(), i("span", Yo, P(t2.current + " "), 1), o(s2.$slots, "of"), M(), i("span", Vo, P(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", qo, [o(s2.$slots, "previous")]), r(C(Yl), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[B, 1 !== t2.current]]), (e(true), n(c, null, T(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"]) }, P(r2), 11, Uo))), 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", Wo, [o(s2.$slots, "next")]), r(C(Vl), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[B, t2.current !== t2.total]])])])])]));
-} }), Qo = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, Zo = { class: "flex flex-col flex-grow overflow-y-auto" }, ei = { class: "grow flex flex-col" }, ti = { class: "flex-1 space-y-1", "aria-label": "Sidebar" }, li = { key: 0 }, ai = ["onClick"], ni = { key: 0 }, ri = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, oi = { key: 0, class: "flex-1" }, ii = { key: 1, class: "flex-1" }, si = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)], ui = { key: 0 }, di = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, ci = { name: "uiSidebar" }, pi = Object.assign(ci, { props: { navigation: { type: Array, required: true }, loading: { type: Boolean, default: true } }, emits: ["sideBarClick"], setup: (l2, { emit: o2 }) => (s2, u2) => (e(), n("div", Qo, [i("div", Zo, [i("div", ei, [i("nav", ti, [(e(true), n(c, null, T(l2.navigation, (s3) => (e(), n(c, { key: s3.name }, [s3.children ? (e(), t(C(tl), { key: 1, as: "div", class: "space-y-1" }, { default: D(({ open: i2 }) => [r(C(ll), { 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(z, { 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", ii, si)) : (e(), n("span", oi, P(s3.name), 1)), r(C(Vl), { 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(al), { class: "space-y-1" }, { default: D(() => [(e(true), n(c, null, T(s3.children, (a2) => (e(), t(C(ll), { 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", di)) : (e(), n("span", ui, P(a2.name), 1))]), _: 2 }, 1032, ["onClick"]))), 128))]), _: 2 }, 1024)]), _: 2 }, 1024)) : (e(), n("div", li, [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(z, { 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", ri)) : (e(), n("span", ni, P(s3.name), 1))], 10, ai)]))], 64))), 128))])])])])) }), gi = { key: 0 }, fi = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, mi = { class: "ml-16 flex items-baseline pb-5" }, vi = { class: "text-2xl font-semibold text-gray-900" }, yi = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, bi = { class: "text-sm" }, hi = { key: 1 }, xi = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, wi = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, ki = 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), Si = 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), Ci = { name: "uiStats" }, Oi = Object.assign(Ci, { props: { item: { type: Object, required: true }, loading: { type: Boolean, default: true } }, emits: ["statClick"], setup: (l2, { emit: o2 }) => (s2, u2) => l2.loading ? (e(), n("div", hi, [i("div", xi, [i("dt", null, [i("div", wi, [r(z, { loading: l2.loading, icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true" }, null, 8, ["loading", "icon"])]), ki, Si])])])) : (e(), n("div", gi, [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(z, { icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])], 2), i("p", fi, P(l2.item.name), 1)]), i("dd", mi, [i("p", vi, P(l2.item.stat), 1), l2.item.changeType ? (e(), n("p", { key: 0, class: a([{ "text-green-600": "increase" === l2.item.changeType, "text-red-600": "decrease" === l2.item.changeType, "text-black": "neutral" === l2.item.changeType }, "ml-2 flex items-baseline text-sm font-semibold"]) }, ["increase" === l2.item.changeType ? (e(), t(C(Fl), { key: 0, class: "self-center flex-shrink-0 h-3 w-3 text-green-500", "aria-hidden": "true" })) : j("", true), "decrease" === l2.item.changeType ? (e(), t(C(Al), { key: 1, class: "self-center flex-shrink-0 h-3 w-3 text-red-500", "aria-hidden": "true" })) : j("", true), M(" " + P(l2.item.change), 1)], 2)) : j("", true), E(i("div", yi, [i("div", bi, [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" }, P(l2.item.actionText), 1)])], 512), [[B, l2.item.showFooter]])])], 2)])) }), Di = { key: 0, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, Mi = { class: "px-4 py-5 sm:px-6" }, Pi = { class: "text-lg font-medium leading-6 text-gray-900" }, _i = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, Ti = { class: "border-t border-gray-200" }, ji = { class: "text-sm font-medium text-gray-500" }, Ei = { key: 0, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, Li = { key: 1, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, Bi = ["onClick"], Ii = { key: 3, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words" }, Ri = { key: 1, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, Ai = 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), Fi = { class: "border-t border-gray-200" }, Ni = [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)], $i = { name: "uiStripedCard" }, Hi = Object.assign($i, { 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", Ri, [Ai, i("div", Fi, [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"]]) }, Ni, 2)), 64))])])])) : (e(), n("div", Di, [i("div", Mi, [i("h3", Pi, P(l2.title), 1), i("p", _i, P(l2.subtitle), 1)]), i("div", Ti, [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", ji, P(s3.title), 1), "tag" === s3.type ? (e(), n("dd", Ei, [r($a, { color: s3.color }, { default: D(() => [M(P(s3.text), 1)]), _: 2 }, 1032, ["color"])])) : "tags" === s3.type ? (e(), n("dd", Li, [(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(P(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) }, P(s3.text), 9, Bi)) : (e(), n("dd", Ii, P(s3.text), 1))], 2))), 128))])])])) }), Yi = { class: "absolute top-10 bg-indigo-600 text-white text-xs p-2 rounded z-10 font-light w-60 flex flex-row items-start" }, Vi = i("svg", { class: "absolute -top-3 left-0", xmlns: "http://www.w3.org/2000/svg", width: "27.687", height: "26.954", viewBox: "0 0 27.687 26.954" }, [i("path", { id: "Polígono_1", "data-name": "Polígono 1", d: "M10.5,0,21,19H0Z", transform: "translate(0 10.5) rotate(-30)", fill: "#4f46e5" })], -1), zi = { class: "ml-2" }, qi = { __name: "tooltip", props: { tip: { type: String, required: true } }, setup: (t2) => (l2, a2) => (e(), n("div", Yi, [Vi, i("div", null, [r(z, { icon: C(Gl), loading: false, color: "white", size: "big" }, null, 8, ["icon"])]), i("span", zi, P(t2.tip), 1)])) }, Ui = { key: 0 }, Wi = { class: "flex flex-col" }, Ki = { class: "-my-2 overflow-x-auto" }, Ji = { class: "inline-block min-w-full py-2 align-middle px-1" }, Gi = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Xi = { 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" }, Qi = ["onClick"], Zi = { class: "min-w-full table-fixed divide-y divide-gray-300" }, es = { class: "bg-gray-50" }, ts = ["checked", "indeterminate"], ls = ["onMouseover", "onMouseleave"], as = ["onClick"], ns = { key: 2, class: "group flex items-center uppercase text-xs" }, rs = { class: "divide-y divide-gray-200 bg-white" }, os = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, is = ["value"], ss = ["onClick"], us = { key: 2 }, ds = { name: "uiTable" }, cs = Object.assign(ds, { 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([]);
+  return (l3, s2) => t2.loading ? (e(), n("div", Ko, Jo)) : (e(), n("div", Ro, [i("div", Ao, [i("a", Fo, [o(l3.$slots, "previous")]), i("a", No, [o(l3.$slots, "next")])]), i("div", $o, [i("div", null, [i("p", Ho, [o(l3.$slots, "showing"), M(), i("span", Yo, P(t2.current + " "), 1), o(l3.$slots, "of"), M(), i("span", Vo, P(t2.total), 1)])]), i("div", null, [i("nav", zo, [E(i("button", { onClick: s2[0] || (s2[0] = (e2) => u2("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", qo, [o(l3.$slots, "previous")]), r(C(Yl), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[B, 1 !== t2.current]]), (e(true), n(c, null, T(m2.value, (l4) => (e(), n("button", { onClick: (e2) => u2("changePage", l4), key: l4, "aria-current": "page", class: a([[l4 === 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"]) }, P(l4), 11, Uo))), 128)), E(i("button", { onClick: s2[1] || (s2[1] = (e2) => u2("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", Wo, [o(l3.$slots, "next")]), r(C(Vl), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[B, t2.current !== t2.total]])])])])]));
+} }), Qo = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, Zo = { class: "flex flex-col flex-grow overflow-y-auto" }, ei = { class: "grow flex flex-col" }, ti = { class: "flex-1 space-y-1", "aria-label": "Sidebar" }, li = { key: 0 }, ai = ["onClick"], ni = { key: 0 }, ri = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, oi = { key: 0, class: "flex-1" }, ii = { key: 1, class: "flex-1" }, si = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)], ui = { key: 0 }, di = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, ci = { name: "uiSidebar" }, pi = Object.assign(ci, { props: { navigation: { type: Array, required: true }, loading: { type: Boolean, default: true } }, emits: ["sideBarClick"], setup(l2, { emit: o2 }) {
+  const s2 = o2;
+  return (o3, u2) => (e(), n("div", Qo, [i("div", Zo, [i("div", ei, [i("nav", ti, [(e(true), n(c, null, T(l2.navigation, (o4) => (e(), n(c, { key: o4.name }, [o4.children ? (e(), t(C(tl), { key: 1, as: "div", class: "space-y-1" }, { default: D(({ open: i2 }) => [r(C(ll), { class: a([o4.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(z, { loading: l2.loading, icon: o4.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", ii, si)) : (e(), n("span", oi, P(o4.name), 1)), r(C(Vl), { 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(al), { class: "space-y-1" }, { default: D(() => [(e(true), n(c, null, T(o4.children, (a2) => (e(), t(C(ll), { onClick: (e2) => s2("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", di)) : (e(), n("span", ui, P(a2.name), 1))]), _: 2 }, 1032, ["onClick"]))), 128))]), _: 2 }, 1024)]), _: 2 }, 1024)) : (e(), n("div", li, [i("button", { onClick: (e2) => s2("sideBarClick", o4.id), class: a([o4.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(z, { loading: l2.loading, icon: o4.icon, class: a([o4.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", ri)) : (e(), n("span", ni, P(o4.name), 1))], 10, ai)]))], 64))), 128))])])])]));
+} }), gi = { key: 0 }, fi = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, mi = { class: "ml-16 flex items-baseline pb-5" }, vi = { class: "text-2xl font-semibold text-gray-900" }, yi = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, bi = { class: "text-sm" }, hi = { key: 1 }, xi = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, wi = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, ki = 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), Si = 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), Ci = { name: "uiStats" }, Oi = Object.assign(Ci, { props: { item: { type: Object, required: true }, loading: { type: Boolean, default: true } }, emits: ["statClick"], setup(l2, { emit: o2 }) {
+  const s2 = o2;
+  return (o3, u2) => l2.loading ? (e(), n("div", hi, [i("div", xi, [i("dt", null, [i("div", wi, [r(z, { loading: l2.loading, icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true" }, null, 8, ["loading", "icon"])]), ki, Si])])])) : (e(), n("div", gi, [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(z, { icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])], 2), i("p", fi, P(l2.item.name), 1)]), i("dd", mi, [i("p", vi, P(l2.item.stat), 1), l2.item.changeType ? (e(), n("p", { key: 0, class: a([{ "text-green-600": "increase" === l2.item.changeType, "text-red-600": "decrease" === l2.item.changeType, "text-black": "neutral" === l2.item.changeType }, "ml-2 flex items-baseline text-sm font-semibold"]) }, ["increase" === l2.item.changeType ? (e(), t(C(Fl), { key: 0, class: "self-center flex-shrink-0 h-3 w-3 text-green-500", "aria-hidden": "true" })) : j("", true), "decrease" === l2.item.changeType ? (e(), t(C(Al), { key: 1, class: "self-center flex-shrink-0 h-3 w-3 text-red-500", "aria-hidden": "true" })) : j("", true), M(" " + P(l2.item.change), 1)], 2)) : j("", true), E(i("div", yi, [i("div", bi, [i("span", { onClick: u2[0] || (u2[0] = (e2) => s2("statClick", l2.item.id)), class: "font-medium text-indigo-600 hover:text-indigo-500 cursor-pointer" }, P(l2.item.actionText), 1)])], 512), [[B, l2.item.showFooter]])])], 2)]));
+} }), Di = { key: 0, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, Mi = { class: "px-4 py-5 sm:px-6" }, Pi = { class: "text-lg font-medium leading-6 text-gray-900" }, _i = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, Ti = { class: "border-t border-gray-200" }, ji = { class: "text-sm font-medium text-gray-500" }, Ei = { key: 0, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, Li = { key: 1, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, Bi = ["onClick"], Ii = { key: 3, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words" }, Ri = { key: 1, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, Ai = 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), Fi = { class: "border-t border-gray-200" }, Ni = [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)], $i = { name: "uiStripedCard" }, Hi = Object.assign($i, { 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", Ri, [Ai, i("div", Fi, [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"]]) }, Ni, 2)), 64))])])])) : (e(), n("div", Di, [i("div", Mi, [i("h3", Pi, P(l2.title), 1), i("p", _i, P(l2.subtitle), 1)]), i("div", Ti, [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", ji, P(s3.title), 1), "tag" === s3.type ? (e(), n("dd", Ei, [r($a, { color: s3.color }, { default: D(() => [M(P(s3.text), 1)]), _: 2 }, 1032, ["color"])])) : "tags" === s3.type ? (e(), n("dd", Li, [(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(P(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) }, P(s3.text), 9, Bi)) : (e(), n("dd", Ii, P(s3.text), 1))], 2))), 128))])])])) }), Yi = { class: "absolute top-10 bg-indigo-600 text-white text-xs p-2 rounded z-10 font-light w-60 flex flex-row items-start" }, Vi = i("svg", { class: "absolute -top-3 left-0", xmlns: "http://www.w3.org/2000/svg", width: "27.687", height: "26.954", viewBox: "0 0 27.687 26.954" }, [i("path", { id: "Polígono_1", "data-name": "Polígono 1", d: "M10.5,0,21,19H0Z", transform: "translate(0 10.5) rotate(-30)", fill: "#4f46e5" })], -1), zi = { class: "ml-2" }, qi = { __name: "tooltip", props: { tip: { type: String, required: true } }, setup: (t2) => (l2, a2) => (e(), n("div", Yi, [Vi, i("div", null, [r(z, { icon: C(Gl), loading: false, color: "white", size: "big" }, null, 8, ["icon"])]), i("span", zi, P(t2.tip), 1)])) }, Ui = { key: 0 }, Wi = { class: "flex flex-col" }, Ki = { class: "-my-2 overflow-x-auto" }, Ji = { class: "inline-block min-w-full py-2 align-middle px-1" }, Gi = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Xi = { 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 z-10" }, Qi = ["onClick"], Zi = { class: "min-w-full table-fixed divide-y divide-gray-300" }, es = { class: "bg-gray-50" }, ts = ["checked", "indeterminate"], ls = ["onMouseover", "onMouseleave"], as = ["onClick"], ns = { key: 2, class: "group flex items-center uppercase text-xs" }, rs = { class: "divide-y divide-gray-200 bg-white" }, os = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, is = ["value"], ss = ["onClick"], us = { key: 2 }, ds = { name: "uiTable" }, cs = Object.assign(ds, { 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 }) {
+  let u2 = s([]);
   s(false);
-  let p2 = s(void 0);
-  const g2 = y(() => d2.value.length > 0 && d2.value.length < u2.items.length), f2 = (e2, t2) => {
-    p2 !== e2 && t2 && (p2.value = e2), t2 || (p2.value = void 0);
+  let d2 = s(void 0);
+  const p2 = o2, g2 = l2, f2 = y(() => u2.value.length > 0 && u2.value.length < g2.items.length), m2 = (e2, t2) => {
+    d2 !== e2 && t2 && (d2.value = e2), t2 || (d2.value = void 0);
   };
-  return (s2, u3) => {
+  return (o3, s2) => {
     var _a2, _b;
-    return l2.loading ? (e(), t(Lr, { key: 1 })) : (e(), n("div", Ui, [i("div", Wi, [i("div", Ki, [i("div", Ji, [i("div", Gi, [((_a2 = C(d2)) == null ? void 0 : _a2.length) > 0 && ((_b = l2.actions) == null ? void 0 : _b.length) > 0 ? (e(), n("div", Xi, [(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" }, P(t2.name), 9, Qi))), 128))])) : j("", true), i("table", Zi, [i("thead", es, [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: g2.value || C(d2).length === l2.items.length, indeterminate: g2.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, ts)) : j("", true)], 2), (e(true), n(c, null, T(l2.header, (s3, u4) => (e(), n("th", { key: u4, class: "py-3.5 pr-3 text-left font-semibold text-gray-900 flex-wrap relative", scope: "col", onMouseover: (e2) => f2(s3.name, true), onMouseleave: (e2) => f2(s3.name, false) }, [s3.tooltip ? E((e(), t(qi, { key: 0, tip: s3.tooltip }, null, 8, ["tip"])), [[B, C(p2) === s3.name]]) : j("", true), s3.value ? (e(), n("button", { key: 1, class: "group flex items-center uppercase text-xs relative", onClick: (e2) => o2("orderBy", { value: s3.value, orderDirection: "asc" === l2.orderDirection ? "desc" : "asc" }) }, [i("span", null, P(s3.name), 1), i("span", { class: a([[s3.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(z, { icon: "asc" === l2.orderDirection ? C(Hl) : C(ql), loading: l2.loading, color: s3.value === l2.orderedBy ? "white" : "primary" }, null, 8, ["icon", "loading", "color"])], 2)], 8, as)) : (e(), n("p", ns, [i("span", null, P(s3.name), 1)]))], 40, ls))), 128))])]), i("tbody", rs, [(e(true), n(c, null, T(l2.items, (r2, s3) => {
+    return l2.loading ? (e(), t(Lr, { key: 1 })) : (e(), n("div", Ui, [i("div", Wi, [i("div", Ki, [i("div", Ji, [i("div", Gi, [((_a2 = C(u2)) == null ? void 0 : _a2.length) > 0 && ((_b = l2.actions) == null ? void 0 : _b.length) > 0 ? (e(), n("div", Xi, [(e(true), n(c, null, T(l2.actions, (t2, l3) => (e(), n("button", { onClick: (e2) => p2("tableAction", { action: t2.id, items: C(u2) }), 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" }, P(t2.name), 9, Qi))), 128))])) : j("", true), i("table", Zi, [i("thead", es, [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: f2.value || C(u2).length === l2.items.length, indeterminate: f2.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: s2[0] || (s2[0] = (e2) => $(u2) ? u2.value = e2.target.checked ? l2.items.map((e3) => e3.id) : [] : u2 = e2.target.checked ? l2.items.map((e3) => e3.id) : []) }, null, 40, ts)) : j("", true)], 2), (e(true), n(c, null, T(l2.header, (o4, s3) => (e(), n("th", { key: s3, class: "py-3.5 pr-3 text-left font-semibold text-gray-900 flex-wrap relative", scope: "col", onMouseover: (e2) => m2(o4.name, true), onMouseleave: (e2) => m2(o4.name, false) }, [o4.tooltip ? E((e(), t(qi, { key: 0, tip: o4.tooltip }, null, 8, ["tip"])), [[B, C(d2) === o4.name]]) : j("", true), o4.value ? (e(), n("button", { key: 1, class: "group flex items-center uppercase text-xs relative", onClick: (e2) => p2("orderBy", { value: o4.value, orderDirection: "asc" === l2.orderDirection ? "desc" : "asc" }) }, [i("span", null, P(o4.name), 1), i("span", { class: a([[o4.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(z, { icon: "asc" === l2.orderDirection ? C(Hl) : C(ql), loading: l2.loading, color: o4.value === l2.orderedBy ? "white" : "primary" }, null, 8, ["icon", "loading", "color"])], 2)], 8, as)) : (e(), n("p", ns, [i("span", null, P(o4.name), 1)]))], 40, ls))), 128))])]), i("tbody", rs, [(e(true), n(c, null, T(l2.items, (r2, o4) => {
       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", os)) : 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, is)), [[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", 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(P(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 }) }, P(i2.content), 9, ss)) : (e(), n("span", us, P(i2), 1))], 2))), 128))], 2);
+      return e(), n("tr", { key: r2.id, class: a([C(u2).includes(r2.id) && "bg-gray-50", o4 % 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(u2).includes(r2.id) ? (e(), n("div", os)) : j("", true), ((_b2 = l2.actions) == null ? void 0 : _b2.length) > 0 ? E((e(), n("input", { key: 1, "onUpdate:modelValue": s2[1] || (s2[1] = (e2) => $(u2) ? u2.value = e2 : u2 = 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, is)), [[N, C(u2)]]) : j("", true)], 2), (e(true), n(c, null, T(r2.row, (o5, i2) => (e(), n("td", { key: i2, class: a(["whitespace-nowrap py-4 pr-3 text-sm", C(u2).includes(r2.id) ? "text-indigo-600" : "text-gray-900"]) }, ["object" == typeof o5 && "tag" === o5.type ? (e(), t($a, { key: 0, loading: l2.loading, color: o5.color }, { default: D(() => [M(P(o5.content), 1)]), _: 2 }, 1032, ["loading", "color"])) : "object" == typeof o5 && "link" === o5.type ? (e(), n("span", { key: 1, class: "text-indigo-600 hover:text-indigo-400 cursor-pointer", onClick: (e2) => p2(o5.emits, { id: r2.id, data: (r2 == null ? void 0 : r2.emitWith) || null }) }, P(o5.content), 9, ss)) : (e(), n("span", us, P(o5), 1))], 2))), 128))], 2);
     }), 128))])])])])])])]));
   };
-} }), ps = { class: "lg:hidden" }, gs = ["value"], fs = { class: "hidden lg:block" }, ms = { class: "border-b border-gray-200" }, vs = { class: "-mb-px flex space-x-8", "aria-label": "Tabs" }, ys = ["onClick", "aria-current"], bs = { name: "uiTabs" }, hs = Object.assign(bs, { props: { tabs: Array }, emits: ["tabClicked"], setup: (t2, { emit: l2 }) => (r2, o2) => (e(), n("div", null, [i("div", ps, [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 }, P(t3.name), 9, gs))), 128))], 32)]), i("div", fs, [i("div", ms, [i("nav", vs, [(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(P(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"]) }, P(t3.count), 3)) : j("", true)], 10, ys))), 128))])])])])) }), xs = { key: 0, class: "bg-white overflow-hidden shadow rounded-lg" }, ws = { class: "px-4 py-5 sm:px-6" }, ks = { class: "text-xl font-bold" }, Ss = { class: "px-4 py-5 sm:p-6" }, Cs = { class: "flow-root" }, Os = { class: "-mb-8", role: "list" }, Ds = { class: "relative pb-8" }, Ms = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, Ps = { class: "relative flex space-x-3" }, _s = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, Ts = { class: "text-sm text-gray-500" }, js = ["onClick"], Es = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, Ls = ["datetime"], Bs = { class: "bg-gray-50 px-4 py-4 sm:px-6 z-10" }, Is = { class: "text-sm" }, Rs = { class: "h-full w-full flex items-center justify-center flex-col mb-5" }, As = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Fs = { key: 1, class: "bg-white overflow-hidden shadow rounded-lg" }, Ns = 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), $s = { class: "px-4 py-5 sm:p-6 animate-pulse" }, Hs = { class: "flow-root" }, Ys = { class: "-mb-8", role: "list" }, Vs = { class: "relative pb-8" }, zs = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, qs = 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), Us = 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), Ws = { name: "uiTimeline" }, Ks = Object.assign(Ws, { props: { name: { type: String, required: true }, timeline: { type: Object }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false } }, setup: (t2) => (l2, o2) => {
+} }), ps = { class: "lg:hidden" }, gs = ["value"], fs = { class: "hidden lg:block" }, ms = { class: "border-b border-gray-200" }, vs = { class: "-mb-px flex space-x-8", "aria-label": "Tabs" }, ys = ["onClick", "aria-current"], bs = { name: "uiTabs" }, hs = Object.assign(bs, { props: { tabs: Array }, emits: ["tabClicked"], setup(t2, { emit: l2 }) {
+  const r2 = l2;
+  return (l3, o2) => (e(), n("div", null, [i("div", ps, [i("select", { onChange: o2[0] || (o2[0] = (e2) => {
+    r2("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 }, P(t3.name), 9, gs))), 128))], 32)]), i("div", fs, [i("div", ms, [i("nav", vs, [(e(true), n(c, null, T(t2.tabs, (t3) => (e(), n("a", { key: t3.name, onClick: (e2) => r2("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(P(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"]) }, P(t3.count), 3)) : j("", true)], 10, ys))), 128))])])])]));
+} }), xs = { key: 0, class: "bg-white overflow-hidden shadow rounded-lg" }, ws = { class: "px-4 py-5 sm:px-6" }, ks = { class: "text-xl font-bold" }, Ss = { class: "px-4 py-5 sm:p-6" }, Cs = { class: "flow-root" }, Os = { class: "-mb-8", role: "list" }, Ds = { class: "relative pb-8" }, Ms = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, Ps = { class: "relative flex space-x-3" }, _s = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, Ts = { class: "text-sm text-gray-500" }, js = ["onClick"], Es = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, Ls = ["datetime"], Bs = { class: "bg-gray-50 px-4 py-4 sm:px-6 z-10" }, Is = { class: "text-sm" }, Rs = { class: "h-full w-full flex items-center justify-center flex-col mb-5" }, As = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Fs = { key: 1, class: "bg-white overflow-hidden shadow rounded-lg" }, Ns = 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), $s = { class: "px-4 py-5 sm:p-6 animate-pulse" }, Hs = { class: "flow-root" }, Ys = { class: "-mb-8", role: "list" }, Vs = { class: "relative pb-8" }, zs = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, qs = 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), Us = 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), Ws = { name: "uiTimeline" }, Ks = Object.assign(Ws, { 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", Fs, [Ns, i("div", $s, [i("div", Hs, [i("ul", Ys, [(e(), n(c, null, T(10, (t3) => i("li", { key: l2.index }, [i("div", Vs, [10 !== t3 ? (e(), n("span", zs)) : j("", true), qs])])), 64))])])]), Us])) : (e(), n("div", xs, [i("div", ws, [i("h1", ks, P(t2.name), 1)]), E(i("div", Ss, [i("div", Cs, [i("ul", Os, [(e(true), n(c, null, T(t2.timeline.items, (o3, u2) => (e(), n("li", { key: u2 }, [i("div", Ds, [u2 !== t2.timeline.items.length - 1 ? (e(), n("span", Ms)) : j("", true), i("div", Ps, [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", _s, [i("div", null, [i("p", Ts, [i("a", { onClick: (e2) => l2.$emit("timelineEventClicked", o3.linkId), class: "font-medium text-indigo-600 hover:text-indigo-800 cursor-pointer" }, P(o3.target), 9, js), M(" " + P(o3.content), 1)])]), i("div", Es, [i("time", { datetime: o3.datetime }, P(o3.date), 9, Ls)])])])])]))), 128))])])], 512), [[B, !t2.empty]]), E(i("div", Bs, [i("div", Is, [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)) }, P(t2.timeline.footerText), 1)])], 512), [[B, !t2.empty]]), E(i("div", Rs, [r(z, { icon: C(Ul), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), As], 512), [[B, t2.empty]])]));
 } }), Js = { name: "uiTopbar", props: ["navigation", "logo", "profileMenu", "brand", "accountLogo", "alerted"], components: { Disclosure: tl, DisclosureButton: ll, DisclosurePanel: al, Menu: cl, MenuButton: pl, MenuItem: fl, MenuItems: gl, Bars3Icon: function(t2, l2) {
@@ -1951,11 +1979,14 @@ const hu = yr(Js, [["render", function(l2, o2, s2, u2, d2, p2) {
 }]]), xu = { 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 } } }, wu = { class: "chart-header flex flex-row justify-between" }, ku = { class: "text-sm font-medium text-gray-500 truncate" }, Su = { class: "chart-content" }, Cu = { class: "h-full w-full flex items-center justify-center flex-col" }, Ou = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Du = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Mu = [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)], Pu = { name: "uiChart" }, _u = Object.assign(Pu, { 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" }, height: { type: Number, default: 320 } }, emits: ["selectedRange", "chartUpdated", "dataPointSelection"], setup(t2, { emit: l2 }) {
-  const o2 = t2, s2 = y(() => ({ ...o2.options, ...xu })), u2 = y(() => o2.series), d2 = () => l2("chartUpdated"), p2 = (e2, t3, a2) => {
-    l2("dataPointSelection", { id: o2.id, chartContext: t3, config: a2, event: e2 });
+  const o2 = l2, s2 = t2, u2 = y(() => ({ ...s2.options, ...xu })), d2 = y(() => s2.series), p2 = () => o2("chartUpdated"), g2 = (e2, t3, l3) => {
+    o2("dataPointSelection", { id: s2.id, chartContext: t3, config: l3, event: e2 });
   };
-  return (l3, o3) => (e(), n(c, null, [E(i("div", { class: a(["h-[" + t2.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"]) }, [i("div", wu, [i("div", ku, P(t2.title), 1), r(ho, { range: t2.range, onRangeSelected: o3[0] || (o3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) }, null, 8, ["range"])]), E(i("div", Su, [r(C(Y), { type: l3.bar, series: u2.value, width: "100%", height: t2.height, options: s2.value, onUpdated: d2, onMounted: d2, onDataPointSelection: p2 }, null, 8, ["type", "series", "height", "options"])], 512), [[B, !t2.empty]]), E(i("div", Cu, [r(z, { icon: C(Ul), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Ou], 512), [[B, t2.empty]])], 2), [[B, !t2.loading]]), E(i("div", Du, Mu, 512), [[B, t2.loading]])], 64));
-} }), Tu = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, ju = { class: "text-2xl mt-4 font-bold" }, Eu = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, Lu = { __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", Tu, [r(z, { loading: false, icon: C(Ul), size: "massive", color: "gray" }, null, 8, ["icon"]), i("h2", ju, P(l2.title), 1), i("p", null, P(l2.message), 1), i("div", Eu, [(e(true), n(c, null, T(l2.actions, (l3, n2) => (e(), t(J, { key: n2, loading: false, onClick: (e2) => a3.$emit("action", l3.action) }, { default: D(() => [M(P(l3.text), 1)]), _: 2 }, 1032, ["onClick"]))), 128))])])) }, Bu = i("div", { class: "fixed inset-0" }, null, -1), Iu = { class: "fixed inset-0 overflow-hidden" }, Ru = { class: "absolute inset-0 overflow-hidden" }, Au = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, Fu = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, Nu = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, $u = { class: "flex items-center justify-between" }, Hu = { class: "ml-3 flex h-7 items-center" }, Yu = i("span", { class: "absolute -inset-2.5" }, null, -1), Vu = i("span", { class: "sr-only" }, "Close panel", -1), zu = { class: "mt-1" }, qu = { class: "text-sm text-indigo-300" }, Uu = { class: "relative flex-1 px-4 py-6 sm:px-6" }, Wu = { name: "uiRightSidebar" }, Ku = Object.assign(Wu, { props: { title: { type: String, required: true }, description: { type: String }, open: { type: Boolean, default: false } }, emits: ["closeRightBar"], setup: (l2, { emit: a2 }) => (n2, s2) => (e(), t(C(Rl), { as: "template", show: l2.open }, { default: D(() => [r(C(Kt), { as: "div", class: "relative z-10", onClose: s2[1] || (s2[1] = (e2) => a2("closeRightBar")) }, { default: D(() => [Bu, i("div", Iu, [i("div", Ru, [i("div", Au, [r(C(Bl), { as: "template", enter: "transform transition ease-in-out duration-500 sm:duration-700", "enter-from": "translate-x-full", "enter-to": "translate-x-0", leave: "transform transition ease-in-out duration-500 sm:duration-700", "leave-from": "translate-x-0", "leave-to": "translate-x-full" }, { default: D(() => [r(C(Jt), { class: "pointer-events-auto w-screen max-w-md" }, { default: D(() => [i("div", Fu, [i("div", Nu, [i("div", $u, [r(C(Gt), { class: "text-base font-semibold leading-6 text-white" }, { default: D(() => [M(P(l2.title), 1)]), _: 1 }), i("div", Hu, [i("button", { type: "button", class: "relative rounded-md bg-indigo-700 text-indigo-200 hover:text-white outline-none", onClick: s2[0] || (s2[0] = (e2) => a2("closeRightBar")) }, [Yu, Vu, r(C(Ql), { class: "h-6 w-6 ring-0", "aria-hidden": "true" })])])]), i("div", zu, [i("p", qu, P(l2.description), 1)])]), i("div", Uu, [o(n2.$slots, "default")])])]), _: 3 })]), _: 3 })])])])]), _: 3 })]), _: 3 }, 8, ["show"])) }), Ju = { uiButton: J, uiIcon: z, uiCheckbox: ne, uiDropdown: na, uiInput: ma, uiInputFile: ja, uiSelect: Ra, uiTag: $a, uiTextArea: Wa, uiToggle: Za, uiAlert: cn, uiBreadcrumbs: wn, uiCard: Tn, uiFilter: En, uiModal: zn, uiNotification: lr, uiTaskList: mr, uiPriceCalendar: vo, uiChart: Po, uiFooter: Eo, uiLoadingScreen: Io, uiPagination: Xo, uiSidebar: pi, uiStats: Oi, uiStripedCard: Hi, uiTable: cs, uiTabs: hs, uiTimeline: Ks, uiTopbar: hu, uiFunnelChartV2: _u, uiNoResults: Lu, uiRightSidebar: Ku }, Gu = { install(e2) {
+  return (l3, o3) => (e(), n(c, null, [E(i("div", { class: a(["h-[" + t2.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"]) }, [i("div", wu, [i("div", ku, P(t2.title), 1), r(ho, { range: t2.range, onRangeSelected: o3[0] || (o3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) }, null, 8, ["range"])]), E(i("div", Su, [r(C(Y), { type: l3.bar, series: d2.value, width: "100%", height: t2.height, options: u2.value, onUpdated: p2, onMounted: p2, onDataPointSelection: g2 }, null, 8, ["type", "series", "height", "options"])], 512), [[B, !t2.empty]]), E(i("div", Cu, [r(z, { icon: C(Ul), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Ou], 512), [[B, t2.empty]])], 2), [[B, !t2.loading]]), E(i("div", Du, Mu, 512), [[B, t2.loading]])], 64));
+} }), Tu = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, ju = { class: "text-2xl mt-4 font-bold" }, Eu = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, Lu = { __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", Tu, [r(z, { loading: false, icon: C(Ul), size: "massive", color: "gray" }, null, 8, ["icon"]), i("h2", ju, P(l2.title), 1), i("p", null, P(l2.message), 1), i("div", Eu, [(e(true), n(c, null, T(l2.actions, (l3, n2) => (e(), t(J, { key: n2, loading: false, onClick: (e2) => a3.$emit("action", l3.action) }, { default: D(() => [M(P(l3.text), 1)]), _: 2 }, 1032, ["onClick"]))), 128))])])) }, Bu = i("div", { class: "fixed inset-0" }, null, -1), Iu = { class: "fixed inset-0 overflow-hidden" }, Ru = { class: "absolute inset-0 overflow-hidden" }, Au = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, Fu = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, Nu = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, $u = { class: "flex items-center justify-between" }, Hu = { class: "ml-3 flex h-7 items-center" }, Yu = i("span", { class: "absolute -inset-2.5" }, null, -1), Vu = i("span", { class: "sr-only" }, "Close panel", -1), zu = { class: "mt-1" }, qu = { class: "text-sm text-indigo-300" }, Uu = { class: "relative flex-1 px-4 py-6 sm:px-6" }, Wu = { name: "uiRightSidebar" }, Ku = Object.assign(Wu, { props: { title: { type: String, required: true }, description: { type: String }, open: { type: Boolean, default: false } }, emits: ["closeRightBar"], setup(l2, { emit: a2 }) {
+  const n2 = a2;
+  return (a3, s2) => (e(), t(C(Rl), { as: "template", show: l2.open }, { default: D(() => [r(C(Kt), { as: "div", class: "relative z-10", onClose: s2[1] || (s2[1] = (e2) => n2("closeRightBar")) }, { default: D(() => [Bu, i("div", Iu, [i("div", Ru, [i("div", Au, [r(C(Bl), { as: "template", enter: "transform transition ease-in-out duration-500 sm:duration-700", "enter-from": "translate-x-full", "enter-to": "translate-x-0", leave: "transform transition ease-in-out duration-500 sm:duration-700", "leave-from": "translate-x-0", "leave-to": "translate-x-full" }, { default: D(() => [r(C(Jt), { class: "pointer-events-auto w-screen max-w-md" }, { default: D(() => [i("div", Fu, [i("div", Nu, [i("div", $u, [r(C(Gt), { class: "text-base font-semibold leading-6 text-white" }, { default: D(() => [M(P(l2.title), 1)]), _: 1 }), i("div", Hu, [i("button", { type: "button", class: "relative rounded-md bg-indigo-700 text-indigo-200 hover:text-white outline-none", onClick: s2[0] || (s2[0] = (e2) => n2("closeRightBar")) }, [Yu, Vu, r(C(Ql), { class: "h-6 w-6 ring-0", "aria-hidden": "true" })])])]), i("div", zu, [i("p", qu, P(l2.description), 1)])]), i("div", Uu, [o(a3.$slots, "default")])])]), _: 3 })]), _: 3 })])])])]), _: 3 })]), _: 3 }, 8, ["show"]));
+} }), Ju = { uiButton: J, uiIcon: z, uiCheckbox: ne, uiDropdown: na, uiInput: ma, uiInputFile: ja, uiSelect: Ra, uiTag: $a, uiTextArea: Wa, uiToggle: Za, uiAlert: cn, uiBreadcrumbs: wn, uiCard: Tn, uiFilter: En, uiModal: zn, uiNotification: lr, uiTaskList: mr, uiPriceCalendar: vo, uiChart: Po, uiFooter: Eo, uiLoadingScreen: Io, uiPagination: Xo, uiSidebar: pi, uiStats: Oi, uiStripedCard: Hi, uiTable: cs, uiTabs: hs, uiTimeline: Ks, uiTopbar: hu, uiFunnelChartV2: _u, uiNoResults: Lu, uiRightSidebar: Ku }, Gu = { install(e2) {
   Object.keys(Ju).forEach((t2) => {
     e2.component(t2, Ju[t2]);
   });