@hotelinking/ui 5.37.6 → 5.37.8

package/dist/ui.es.js

@@ -36,7 +36,7 @@ function de(e2, t2, l2) {
 }
 function ce(e2, t2) {
   if (void 0 === e2)
-    throw new Error("Unexpected undefined" + (t2 ? `: ${t2}` : ""));
+    throw new Error("Unexpected undefined");
   return e2;
 }
 const pe = (e2, t2) => {
@@ -80,7 +80,7 @@ const pe = (e2, t2) => {
   const a2 = he ? () => {
   } : pe(() => {
     t2(n2, false);
-  }, 150), o2 = (o3) => () => {
+  }, e2.options.isScrollingResetDelay), o2 = (o3) => () => {
     n2 = l2[e2.options.horizontal ? "scrollLeft" : "scrollTop"], a2(), t2(n2, o3);
   }, r2 = o2(true), i2 = o2(false);
   return i2(), l2.addEventListener("scroll", r2, ve), l2.addEventListener("scrollend", i2, ve), () => {
@@ -122,7 +122,7 @@ class we {
       Object.entries(e3).forEach(([t2, l2]) => {
         void 0 === l2 && delete e3[t2];
       }), this.options = { debug: false, initialOffset: 0, overscan: 1, paddingStart: 0, paddingEnd: 0, scrollPaddingStart: 0, scrollPaddingEnd: 0, horizontal: false, getItemKey: ge, rangeExtractor: me, onChange: () => {
-      }, measureElement: ye, initialRect: { width: 0, height: 0 }, scrollMargin: 0, gap: 0, indexAttribute: "data-index", initialMeasurementsCache: [], lanes: 1, ...e3 };
+      }, measureElement: ye, initialRect: { width: 0, height: 0 }, scrollMargin: 0, gap: 0, indexAttribute: "data-index", initialMeasurementsCache: [], lanes: 1, isScrollingResetDelay: 150, ...e3 };
     }, this.notify = (e3, t2) => {
       var l2, n2;
       const { startIndex: a2, endIndex: o2 } = this.range ?? { startIndex: void 0, endIndex: void 0 }, r2 = this.calculateRange();
@@ -1035,12 +1035,15 @@ let _t = Symbol("VirtualContext"), Pt = k({ name: "VirtualProvider", setup(e2, {
     a2.optionsPropsRef.value.hold = e2.hold;
   });
   let r2 = ft(), i2 = u(() => null !== r2 ? (r2.value & mt.Open) === mt.Open : 0 === a2.comboboxState.value);
+  function s2(e3) {
+    e3.preventDefault();
+  }
   return lt({ container: u(() => Ee(a2.optionsRef)), enabled: u(() => 0 === a2.comboboxState.value), accept: (e3) => "option" === e3.getAttribute("role") ? NodeFilter.FILTER_REJECT : e3.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT, walk(e3) {
     e3.setAttribute("role", "none");
   } }), () => {
-    var n3, r3, s2;
-    let u2 = { open: 0 === a2.comboboxState.value };
-    return ot({ ourProps: { "aria-labelledby": null != (s2 = null == (n3 = Ee(a2.labelRef)) ? void 0 : n3.id) ? s2 : null == (r3 = Ee(a2.buttonRef)) ? void 0 : r3.id, id: o2, ref: a2.optionsRef, role: "listbox", "aria-multiselectable": 1 === a2.mode.value || void 0 }, theirProps: dt(e2, ["hold"]), slot: u2, attrs: t2, slots: a2.virtual.value && 0 === a2.comboboxState.value ? { ...l2, default: () => [x(Pt, {}, l2.default)] } : l2, features: nt.RenderStrategy | nt.Static, visible: i2.value, name: "ComboboxOptions" });
+    var n3, r3, u2;
+    let d2 = { open: 0 === a2.comboboxState.value };
+    return ot({ ourProps: { "aria-labelledby": null != (u2 = null == (n3 = Ee(a2.labelRef)) ? void 0 : n3.id) ? u2 : null == (r3 = Ee(a2.buttonRef)) ? void 0 : r3.id, id: o2, ref: a2.optionsRef, role: "listbox", "aria-multiselectable": 1 === a2.mode.value || void 0, onMousedown: s2 }, theirProps: dt(e2, ["hold"]), slot: d2, attrs: t2, slots: a2.virtual.value && 0 === a2.comboboxState.value ? { ...l2, default: () => [x(Pt, {}, l2.default)] } : l2, features: nt.RenderStrategy | nt.Static, visible: i2.value, name: "ComboboxOptions" });
   };
 } }), Ft = k({ name: "ComboboxOption", props: { as: { type: [Object, String], default: "li" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: false }, order: { type: [Number], default: null } }, setup(e2, { slots: t2, attrs: l2, expose: n2 }) {
   let a2 = It("ComboboxOption"), o2 = `headlessui-combobox-option-${De()}`, r2 = s(null);
@@ -1396,8 +1399,16 @@ k({ name: "Description", props: { as: { type: [Object, String], default: "p" },
     return ot({ ourProps: c2, theirProps: u2, slot: r2.value, attrs: t2, slots: l2, name: n3 });
   };
 } });
-let rl = k({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e2, { slots: t2, attrs: l2 }) {
-  let n2 = s(null), a2 = u(() => je(n2)), o2 = Qt(), r2 = f(sl, null), i2 = s(true === o2 || null == r2 ? function(e3) {
+const rl = /* @__PURE__ */ new WeakMap();
+function il(e2, t2) {
+  let l2 = t2(function(e3) {
+    var t3;
+    return null != (t3 = rl.get(e3)) ? t3 : 0;
+  }(e2));
+  return l2 <= 0 ? rl.delete(e2) : rl.set(e2, l2), l2;
+}
+let sl = k({ name: "Portal", props: { as: { type: [Object, String], default: "div" } }, setup(e2, { slots: t2, attrs: l2 }) {
+  let n2 = s(null), a2 = u(() => je(n2)), o2 = Qt(), r2 = f(dl, null), i2 = s(true === o2 || null == r2 ? function(e3) {
     let t3 = je(e3);
     if (!t3) {
       if (null === e3)
@@ -1409,13 +1420,15 @@ let rl = k({ name: "Portal", props: { as: { type: [Object, String], default: "di
       return l3;
     let n3 = t3.createElement("div");
     return n3.setAttribute("id", "headlessui-portal-root"), t3.body.appendChild(n3);
-  }(n2.value) : r2.resolveTarget()), d2 = s(false);
+  }(n2.value) : r2.resolveTarget());
+  i2.value && il(i2.value, (e3) => e3 + 1);
+  let d2 = s(false);
   b(() => {
     d2.value = true;
   }), h(() => {
     o2 || null != r2 && (i2.value = r2.resolveTarget());
   });
-  let c2 = f(il, null), g2 = false, m2 = D();
+  let c2 = f(ul, null), g2 = false, m2 = D();
   return p(n2, () => {
     if (g2 || !c2)
       return;
@@ -1424,44 +1437,44 @@ let rl = k({ name: "Portal", props: { as: { type: [Object, String], default: "di
   }), O(() => {
     var e3, t3;
     let l3 = null == (e3 = a2.value) ? void 0 : e3.getElementById("headlessui-portal-root");
-    l3 && i2.value === l3 && i2.value.children.length <= 0 && (null == (t3 = i2.value.parentElement) || t3.removeChild(i2.value));
+    !l3 || i2.value !== l3 || il(i2.value, (e4) => e4 - 1) || i2.value.children.length > 0 || null == (t3 = i2.value.parentElement) || t3.removeChild(i2.value);
   }), () => {
     if (!d2.value || null === i2.value)
       return null;
     let a3 = { ref: n2, "data-headlessui-portal": "" };
     return x(E, { to: i2.value }, ot({ ourProps: a3, theirProps: e2, slot: {}, attrs: l2, slots: t2, name: "Portal" }));
   };
-} }), il = Symbol("PortalParentContext");
-let sl = Symbol("PortalGroupContext"), ul = k({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(e2, { attrs: t2, slots: l2 }) {
+} }), ul = Symbol("PortalParentContext");
+let dl = Symbol("PortalGroupContext"), cl = k({ name: "PortalGroup", props: { as: { type: [Object, String], default: "template" }, target: { type: Object, default: null } }, setup(e2, { attrs: t2, slots: l2 }) {
   let n2 = C({ resolveTarget: () => e2.target });
-  return S(sl, n2), () => {
+  return S(dl, n2), () => {
     let { target: n3, ...a2 } = e2;
     return ot({ theirProps: a2, ourProps: {}, slot: {}, attrs: t2, slots: l2, name: "PortalGroup" });
   };
 } });
-var dl = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(dl || {});
-let cl = Symbol("DialogContext");
-function pl(e2) {
-  let t2 = f(cl, null);
+var pl = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(pl || {});
+let gl = Symbol("DialogContext");
+function ml(e2) {
+  let t2 = f(gl, null);
   if (null === t2) {
     let t3 = new Error(`<${e2} /> is missing a parent <Dialog /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(t3, pl), t3;
+    throw Error.captureStackTrace && Error.captureStackTrace(t3, ml), t3;
   }
   return t2;
 }
-let gl = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", ml = k({ name: "Dialog", inheritAttrs: false, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, open: { type: [Boolean, String], default: gl }, initialFocus: { type: Object, default: null }, id: { type: String, default: null }, role: { type: String, default: "dialog" } }, emits: { close: (e2) => true }, setup(e2, { emit: t2, attrs: l2, slots: n2, expose: a2 }) {
+let fl = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", vl = k({ name: "Dialog", inheritAttrs: false, props: { as: { type: [Object, String], default: "div" }, static: { type: Boolean, default: false }, unmount: { type: Boolean, default: true }, open: { type: [Boolean, String], default: fl }, initialFocus: { type: Object, default: null }, id: { type: String, default: null }, role: { type: String, default: "dialog" } }, emits: { close: (e2) => true }, setup(e2, { emit: t2, attrs: l2, slots: n2, expose: a2 }) {
   var o2, r2;
   let i2 = null != (o2 = e2.id) ? o2 : `headlessui-dialog-${De()}`, d2 = s(false);
   b(() => {
     d2.value = true;
   });
-  let c2 = false, p2 = u(() => "dialog" === e2.role || "alertdialog" === e2.role ? e2.role : (c2 || (c2 = true, console.warn(`Invalid role [${p2}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), g2 = s(0), m2 = ft(), y2 = u(() => e2.open === gl && null !== m2 ? (m2.value & mt.Open) === mt.Open : e2.open), w2 = s(null), C2 = u(() => je(w2));
-  if (a2({ el: w2, $el: w2 }), e2.open === gl && null === m2)
+  let c2 = false, p2 = u(() => "dialog" === e2.role || "alertdialog" === e2.role ? e2.role : (c2 || (c2 = true, console.warn(`Invalid role [${p2}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)), "dialog")), g2 = s(0), m2 = ft(), y2 = u(() => e2.open === fl && null !== m2 ? (m2.value & mt.Open) === mt.Open : e2.open), w2 = s(null), C2 = u(() => je(w2));
+  if (a2({ el: w2, $el: w2 }), e2.open === fl && null === m2)
     throw new Error("You forgot to provide an `open` prop to the `Dialog`.");
   if ("boolean" != typeof y2.value)
-    throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${y2.value === gl ? void 0 : e2.open}`);
-  let O2 = u(() => d2.value && y2.value ? 0 : 1), M2 = u(() => 0 === O2.value), D2 = u(() => g2.value > 1), E2 = null !== f(cl, null), [T2, I2] = function() {
-    let e3 = f(il, null), t3 = s([]);
+    throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${y2.value === fl ? void 0 : e2.open}`);
+  let O2 = u(() => d2.value && y2.value ? 0 : 1), M2 = u(() => 0 === O2.value), D2 = u(() => g2.value > 1), E2 = null !== f(gl, null), [T2, I2] = function() {
+    let e3 = f(ul, null), t3 = s([]);
     function l3(l4) {
       let n4 = t3.value.indexOf(l4);
       -1 !== n4 && t3.value.splice(n4, 1), e3 && e3.unregister(l4);
@@ -1469,7 +1482,7 @@ let gl = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", ml = k({ name: "Dialog", inheri
     let n3 = { register: function(n4) {
       return t3.value.push(n4), e3 && e3.register(n4), () => l3(n4);
     }, unregister: l3, portals: t3 };
-    return [t3, k({ name: "PortalWrapper", setup: (e4, { slots: t4 }) => (S(il, n3), () => {
+    return [t3, k({ name: "PortalWrapper", setup: (e4, { slots: t4 }) => (S(ul, n3), () => {
       var e5;
       return null == (e5 = t4.default) ? void 0 : e5.call(t4);
     }) })];
@@ -1509,7 +1522,7 @@ let gl = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", ml = k({ name: "Dialog", inheri
   }, close() {
     t2("close", false);
   } };
-  S(cl, V2);
+  S(gl, V2);
   let H2 = u(() => !(!M2.value || D2.value));
   Ze(_2, (e3, t3) => {
     e3.preventDefault(), V2.close(), v(() => null == t3 ? void 0 : t3.focus());
@@ -1537,12 +1550,12 @@ let gl = "DC8F892D-2EBD-447C-A4C8-A03058436FF4", ml = k({ name: "Dialog", inheri
     l3.observe(t3), e3(() => l3.disconnect());
   }), () => {
     let { open: t3, initialFocus: a3, ...o3 } = e2, r3 = { ...l2, ref: w2, id: i2, role: p2.value, "aria-modal": 0 === O2.value || void 0, "aria-labelledby": $2.value, "aria-describedby": z2.value }, s2 = { open: 0 === O2.value };
-    return x(el, { force: true }, () => [x(rl, () => x(ul, { target: w2.value }, () => x(el, { force: false }, () => x(Ht, { initialFocus: a3, containers: _2, features: M2.value ? Te(R2.value, { parent: Ht.features.RestoreFocus, leaf: Ht.features.All & ~Ht.features.FocusLock }) : Ht.features.None }, () => x(I2, {}, () => ot({ ourProps: r3, theirProps: { ...o3, ...l2 }, slot: s2, attrs: l2, slots: n2, visible: 0 === O2.value, features: nt.RenderStrategy | nt.Static, name: "Dialog" })))))), x(j2)]);
+    return x(el, { force: true }, () => [x(sl, () => x(cl, { target: w2.value }, () => x(el, { force: false }, () => x(Ht, { initialFocus: a3, containers: _2, features: M2.value ? Te(R2.value, { parent: Ht.features.RestoreFocus, leaf: Ht.features.All & ~Ht.features.FocusLock }) : Ht.features.None }, () => x(I2, {}, () => ot({ ourProps: r3, theirProps: { ...o3, ...l2 }, slot: s2, attrs: l2, slots: n2, visible: 0 === O2.value, features: nt.RenderStrategy | nt.Static, name: "Dialog" })))))), x(j2)]);
   };
 } });
 k({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2 }) {
   var n2;
-  let a2 = null != (n2 = e2.id) ? n2 : `headlessui-dialog-overlay-${De()}`, o2 = pl("DialogOverlay");
+  let a2 = null != (n2 = e2.id) ? n2 : `headlessui-dialog-overlay-${De()}`, o2 = ml("DialogOverlay");
   function r2(e3) {
     e3.target === e3.currentTarget && (e3.preventDefault(), e3.stopPropagation(), o2.close());
   }
@@ -1552,18 +1565,18 @@ k({ name: "DialogOverlay", props: { as: { type: [Object, String], default: "div"
   };
 } }), k({ name: "DialogBackdrop", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, inheritAttrs: false, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
   var a2;
-  let o2 = null != (a2 = e2.id) ? a2 : `headlessui-dialog-backdrop-${De()}`, r2 = pl("DialogBackdrop"), i2 = s(null);
+  let o2 = null != (a2 = e2.id) ? a2 : `headlessui-dialog-backdrop-${De()}`, r2 = ml("DialogBackdrop"), i2 = s(null);
   return n2({ el: i2, $el: i2 }), b(() => {
     if (null === r2.panelRef.value)
       throw new Error("A <DialogBackdrop /> component is being used, but a <DialogPanel /> component is missing.");
   }), () => {
     let { ...n3 } = e2, a3 = { id: o2, ref: i2, "aria-hidden": true };
-    return x(el, { force: true }, () => x(rl, () => ot({ ourProps: a3, theirProps: { ...t2, ...n3 }, slot: { open: 0 === r2.dialogState.value }, attrs: t2, slots: l2, name: "DialogBackdrop" })));
+    return x(el, { force: true }, () => x(sl, () => ot({ ourProps: a3, theirProps: { ...t2, ...n3 }, slot: { open: 0 === r2.dialogState.value }, attrs: t2, slots: l2, name: "DialogBackdrop" })));
   };
 } });
-let fl = k({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
+let hl = k({ name: "DialogPanel", props: { as: { type: [Object, String], default: "div" }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
   var a2;
-  let o2 = null != (a2 = e2.id) ? a2 : `headlessui-dialog-panel-${De()}`, r2 = pl("DialogPanel");
+  let o2 = null != (a2 = e2.id) ? a2 : `headlessui-dialog-panel-${De()}`, r2 = ml("DialogPanel");
   function i2(e3) {
     e3.stopPropagation();
   }
@@ -1571,9 +1584,9 @@ let fl = k({ name: "DialogPanel", props: { as: { type: [Object, String], default
     let { ...n3 } = e2;
     return ot({ ourProps: { id: o2, ref: r2.panelRef, onClick: i2 }, theirProps: n3, slot: { open: 0 === r2.dialogState.value }, attrs: t2, slots: l2, name: "DialogPanel" });
   };
-} }), vl = k({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2 }) {
+} }), bl = k({ name: "DialogTitle", props: { as: { type: [Object, String], default: "h2" }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2 }) {
   var n2;
-  let a2 = null != (n2 = e2.id) ? n2 : `headlessui-dialog-title-${De()}`, o2 = pl("DialogTitle");
+  let a2 = null != (n2 = e2.id) ? n2 : `headlessui-dialog-title-${De()}`, o2 = ml("DialogTitle");
   return b(() => {
     o2.setTitleId(a2), O(() => o2.setTitleId(null));
   }), () => {
@@ -1581,18 +1594,18 @@ let fl = k({ name: "DialogPanel", props: { as: { type: [Object, String], default
     return ot({ ourProps: { id: a2 }, theirProps: n3, slot: { open: 0 === o2.dialogState.value }, attrs: t2, slots: l2, name: "DialogTitle" });
   };
 } });
-var hl = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(hl || {});
-let bl = Symbol("DisclosureContext");
-function yl(e2) {
-  let t2 = f(bl, null);
+var yl = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(yl || {});
+let xl = Symbol("DisclosureContext");
+function wl(e2) {
+  let t2 = f(xl, null);
   if (null === t2) {
     let t3 = new Error(`<${e2} /> is missing a parent <Disclosure /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(t3, yl), t3;
+    throw Error.captureStackTrace && Error.captureStackTrace(t3, wl), t3;
   }
   return t2;
 }
-let xl = Symbol("DisclosurePanelContext");
-let wl = k({ name: "Disclosure", props: { as: { type: [Object, String], default: "template" }, defaultOpen: { type: [Boolean], default: false } }, setup(e2, { slots: t2, attrs: l2 }) {
+let kl = Symbol("DisclosurePanelContext");
+let Sl = k({ name: "Disclosure", props: { as: { type: [Object, String], default: "template" }, defaultOpen: { type: [Boolean], default: false } }, setup(e2, { slots: t2, attrs: l2 }) {
   let n2 = s(e2.defaultOpen ? 0 : 1), a2 = s(null), o2 = s(null), r2 = { buttonId: s(`headlessui-disclosure-button-${De()}`), panelId: s(`headlessui-disclosure-panel-${De()}`), disclosureState: n2, panel: a2, button: o2, toggleDisclosure() {
     n2.value = Te(n2.value, { 0: 1, 1: 0 });
   }, closeDisclosure() {
@@ -1602,12 +1615,12 @@ let wl = k({ name: "Disclosure", props: { as: { type: [Object, String], default:
     let t3 = e3 ? e3 instanceof HTMLElement ? e3 : e3.value instanceof HTMLElement ? Ee(e3) : Ee(r2.button) : Ee(r2.button);
     null == t3 || t3.focus();
   } };
-  return S(bl, r2), vt(u(() => Te(n2.value, { 0: mt.Open, 1: mt.Closed }))), () => {
+  return S(xl, r2), vt(u(() => Te(n2.value, { 0: mt.Open, 1: mt.Closed }))), () => {
     let { defaultOpen: a3, ...o3 } = e2;
     return ot({ theirProps: o3, ourProps: {}, slot: { open: 0 === n2.value, close: r2.close }, slots: t2, attrs: l2, name: "Disclosure" });
   };
-} }), kl = k({ 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: n2 }) {
-  let a2 = yl("DisclosureButton"), o2 = f(xl, null), r2 = u(() => null !== o2 && o2.value === a2.panelId.value);
+} }), Cl = k({ 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: n2 }) {
+  let a2 = wl("DisclosureButton"), o2 = f(kl, null), r2 = u(() => null !== o2 && o2.value === a2.panelId.value);
   b(() => {
     r2.value || null !== e2.id && (a2.buttonId.value = e2.id);
   }), O(() => {
@@ -1647,21 +1660,21 @@ let wl = k({ name: "Disclosure", props: { as: { type: [Object, String], default:
     let o3 = { open: 0 === a2.disclosureState.value }, { id: s2, ...u2 } = e2;
     return ot({ ourProps: r2.value ? { ref: i2, type: d2.value, onClick: c2, onKeydown: p2 } : { id: null != (n3 = a2.buttonId.value) ? n3 : s2, ref: i2, type: d2.value, "aria-expanded": 0 === a2.disclosureState.value, "aria-controls": 0 === a2.disclosureState.value || Ee(a2.panel) ? a2.panelId.value : void 0, disabled: !!e2.disabled || void 0, onClick: c2, onKeydown: p2, onKeyup: g2 }, theirProps: u2, slot: o3, attrs: t2, slots: l2, name: "DisclosureButton" });
   };
-} }), Sl = k({ 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: n2 }) {
-  let a2 = yl("DisclosurePanel");
+} }), Ol = k({ 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: n2 }) {
+  let a2 = wl("DisclosurePanel");
   b(() => {
     null !== e2.id && (a2.panelId.value = e2.id);
   }), O(() => {
     a2.panelId.value = null;
-  }), n2({ el: a2.panel, $el: a2.panel }), S(xl, a2.panelId);
+  }), n2({ el: a2.panel, $el: a2.panel }), S(kl, a2.panelId);
   let o2 = ft(), r2 = u(() => null !== o2 ? (o2.value & mt.Open) === mt.Open : 0 === a2.disclosureState.value);
   return () => {
     var n3;
     let o3 = { open: 0 === a2.disclosureState.value, close: a2.close }, { id: i2, ...s2 } = e2;
     return ot({ ourProps: { id: null != (n3 = a2.panelId.value) ? n3 : i2, ref: a2.panel }, theirProps: s2, slot: o3, attrs: t2, slots: l2, features: nt.RenderStrategy | nt.Static, visible: r2.value, name: "DisclosurePanel" });
   };
-} }), Cl = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
-function Ol(e2) {
+} }), Ml = /([\u2700-\u27BF]|[\uE000-\uF8FF]|\uD83C[\uDC00-\uDFFF]|\uD83D[\uDC00-\uDFFF]|[\u2011-\u26FF]|\uD83E[\uDD10-\uDDFF])/g;
+function Dl(e2) {
   var t2, l2;
   let n2 = null != (t2 = e2.innerText) ? t2 : "", a2 = e2.cloneNode(true);
   if (!(a2 instanceof HTMLElement))
@@ -1670,9 +1683,9 @@ function Ol(e2) {
   for (let e3 of a2.querySelectorAll('[hidden],[aria-hidden],[role="img"]'))
     e3.remove(), o2 = true;
   let r2 = o2 ? null != (l2 = a2.innerText) ? l2 : "" : n2;
-  return Cl.test(r2) && (r2 = r2.replace(Cl, "")), r2;
+  return Ml.test(r2) && (r2 = r2.replace(Ml, "")), r2;
 }
-function Ml(e2) {
+function El(e2) {
   let t2 = s(""), l2 = s("");
   return () => {
     let n2 = Ee(e2);
@@ -1691,29 +1704,29 @@ function Ml(e2) {
           let t4 = document.getElementById(e5);
           if (t4) {
             let e6 = t4.getAttribute("aria-label");
-            return "string" == typeof e6 ? e6.trim() : Ol(t4).trim();
+            return "string" == typeof e6 ? e6.trim() : Dl(t4).trim();
           }
           return null;
         }).filter(Boolean);
         if (e4.length > 0)
           return e4.join(", ");
       }
-      return Ol(e3).trim();
+      return Dl(e3).trim();
     }(n2).trim().toLowerCase();
     return t2.value = a2, l2.value = o2, o2;
   };
 }
-var Dl = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(Dl || {}), El = ((e2) => (e2[e2.Pointer = 0] = "Pointer", e2[e2.Other = 1] = "Other", e2))(El || {});
-let Tl = Symbol("MenuContext");
-function Il(e2) {
-  let t2 = f(Tl, null);
+var Tl = ((e2) => (e2[e2.Open = 0] = "Open", e2[e2.Closed = 1] = "Closed", e2))(Tl || {}), Il = ((e2) => (e2[e2.Pointer = 0] = "Pointer", e2[e2.Other = 1] = "Other", e2))(Il || {});
+let _l = Symbol("MenuContext");
+function Pl(e2) {
+  let t2 = f(_l, null);
   if (null === t2) {
     let t3 = new Error(`<${e2} /> is missing a parent <Menu /> component.`);
-    throw Error.captureStackTrace && Error.captureStackTrace(t3, Il), t3;
+    throw Error.captureStackTrace && Error.captureStackTrace(t3, Pl), t3;
   }
   return t2;
 }
-let _l = k({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e2, { slots: t2, attrs: l2 }) {
+let jl = k({ name: "Menu", props: { as: { type: [Object, String], default: "template" } }, setup(e2, { slots: t2, attrs: l2 }) {
   let n2 = s(1), a2 = s(null), o2 = s(null), r2 = s([]), i2 = s(""), d2 = s(null), c2 = s(1);
   function p2(e3 = (e4) => e4) {
     let t3 = null !== d2.value ? r2.value[d2.value] : null, l3 = Ue(e3(r2.value.slice()), (e4) => Ee(e4.dataRef.domRef)), n3 = t3 ? l3.indexOf(t3) : null;
@@ -1744,13 +1757,13 @@ let _l = k({ name: "Menu", props: { as: { type: [Object, String], default: "temp
   return Ze([a2, o2], (e3, t3) => {
     var l3;
     g2.closeMenu(), ze(t3, Ne.Loose) || (e3.preventDefault(), null == (l3 = Ee(a2)) || l3.focus());
-  }, u(() => 0 === n2.value)), S(Tl, g2), vt(u(() => Te(n2.value, { 0: mt.Open, 1: mt.Closed }))), () => {
+  }, u(() => 0 === n2.value)), S(_l, g2), vt(u(() => Te(n2.value, { 0: mt.Open, 1: mt.Closed }))), () => {
     let a3 = { open: 0 === n2.value, close: g2.closeMenu };
     return ot({ ourProps: {}, theirProps: e2, slot: a3, slots: t2, attrs: l2, name: "Menu" });
   };
-} }), Pl = k({ name: "MenuButton", props: { disabled: { type: Boolean, default: false }, as: { type: [Object, String], default: "button" }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
+} }), Rl = k({ name: "MenuButton", props: { disabled: { type: Boolean, default: false }, as: { type: [Object, String], default: "button" }, id: { type: String, default: null } }, setup(e2, { attrs: t2, slots: l2, expose: n2 }) {
   var a2;
-  let o2 = null != (a2 = e2.id) ? a2 : `headlessui-menu-button-${De()}`, r2 = Il("MenuButton");
+  let o2 = null != (a2 = e2.id) ? a2 : `headlessui-menu-button-${De()}`, r2 = Pl("MenuButton");
   function i2(e3) {
     switch (e3.key) {
       case ht.Space:
@@ -1790,9 +1803,9 @@ let _l = k({ name: "Menu", props: { as: { type: [Object, String], default: "temp
     let a3 = { open: 0 === r2.menuState.value }, { ...u2 } = e2;
     return ot({ ourProps: { ref: r2.buttonRef, id: o2, type: c2.value, "aria-haspopup": "menu", "aria-controls": null == (n3 = Ee(r2.itemsRef)) ? void 0 : n3.id, "aria-expanded": 0 === r2.menuState.value, onKeydown: i2, onKeyup: s2, onClick: d2 }, theirProps: u2, slot: a3, attrs: t2, slots: l2, name: "MenuButton" });
   };
-} }), jl = k({ name: "MenuItems", 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: n2 }) {
+} }), Bl = k({ name: "MenuItems", 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: n2 }) {
   var a2;
-  let o2 = null != (a2 = e2.id) ? a2 : `headlessui-menu-items-${De()}`, r2 = Il("MenuItems"), i2 = s(null);
+  let o2 = null != (a2 = e2.id) ? a2 : `headlessui-menu-items-${De()}`, r2 = Pl("MenuItems"), i2 = s(null);
   function d2(e3) {
     var t3;
     switch (i2.value && clearTimeout(i2.value), e3.key) {
@@ -1843,11 +1856,11 @@ let _l = k({ name: "Menu", props: { as: { type: [Object, String], default: "temp
     let i3 = { open: 0 === r2.menuState.value }, { ...s2 } = e2;
     return ot({ ourProps: { "aria-activedescendant": null === r2.activeItemIndex.value || null == (n3 = r2.items.value[r2.activeItemIndex.value]) ? void 0 : n3.id, "aria-labelledby": null == (a3 = Ee(r2.buttonRef)) ? void 0 : a3.id, id: o2, onKeydown: d2, onKeyup: c2, role: "menu", tabIndex: 0, ref: r2.itemsRef }, theirProps: s2, slot: i3, attrs: t2, slots: l2, features: nt.RenderStrategy | nt.Static, visible: g2.value, name: "MenuItems" });
   };
-} }), Rl = k({ name: "MenuItem", inheritAttrs: false, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: false }, id: { type: String, default: null } }, setup(e2, { slots: t2, attrs: l2, expose: n2 }) {
+} }), Al = k({ name: "MenuItem", inheritAttrs: false, props: { as: { type: [Object, String], default: "template" }, disabled: { type: Boolean, default: false }, id: { type: String, default: null } }, setup(e2, { slots: t2, attrs: l2, expose: n2 }) {
   var a2;
-  let o2 = null != (a2 = e2.id) ? a2 : `headlessui-menu-item-${De()}`, r2 = Il("MenuItem"), i2 = s(null);
+  let o2 = null != (a2 = e2.id) ? a2 : `headlessui-menu-item-${De()}`, r2 = Pl("MenuItem"), i2 = s(null);
   n2({ el: i2, $el: i2 });
-  let d2 = u(() => null !== r2.activeItemIndex.value && r2.items.value[r2.activeItemIndex.value].id === o2), c2 = Ml(i2), p2 = u(() => ({ disabled: e2.disabled, get textValue() {
+  let d2 = u(() => null !== r2.activeItemIndex.value && r2.items.value[r2.activeItemIndex.value].id === o2), c2 = El(i2), p2 = u(() => ({ disabled: e2.disabled, get textValue() {
     return c2();
   }, domRef: i2 }));
   function g2(t3) {
@@ -1880,26 +1893,26 @@ let _l = k({ name: "Menu", props: { as: { type: [Object, String], default: "temp
     let { disabled: n3, ...a3 } = e2, s2 = { active: d2.value, disabled: n3, close: r2.closeMenu };
     return ot({ ourProps: { id: o2, ref: i2, role: "menuitem", tabIndex: true === n3 ? void 0 : -1, "aria-disabled": true === n3 || void 0, onClick: g2, onFocus: m2, onPointerenter: y2, onMouseenter: y2, onPointermove: x2, onMousemove: x2, onPointerleave: w2, onMouseleave: w2 }, theirProps: { ...l2, ...a3 }, slot: s2, attrs: l2, slots: t2, name: "MenuItem" });
   };
-} }), Bl = Symbol("LabelContext");
-function Al() {
-  let e2 = f(Bl, null);
+} }), Ll = Symbol("LabelContext");
+function Fl() {
+  let e2 = f(Ll, null);
   if (null === e2) {
     let e3 = new Error("You used a <Label /> component, but it is not inside a parent.");
-    throw Error.captureStackTrace && Error.captureStackTrace(e3, Al), e3;
+    throw Error.captureStackTrace && Error.captureStackTrace(e3, Fl), e3;
   }
   return e2;
 }
-let Ll = k({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: false }, id: { type: String, default: null } }, setup(e2, { slots: t2, attrs: l2 }) {
+let Nl = k({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: false }, id: { type: String, default: null } }, setup(e2, { slots: t2, attrs: l2 }) {
   var n2;
-  let a2 = null != (n2 = e2.id) ? n2 : `headlessui-label-${De()}`, o2 = Al();
+  let a2 = null != (n2 = e2.id) ? n2 : `headlessui-label-${De()}`, o2 = Fl();
   return b(() => O(o2.register(a2))), () => {
     let { name: n3 = "Label", slot: r2 = {}, props: i2 = {} } = o2, { passive: s2, ...u2 } = e2, c2 = { ...Object.entries(i2).reduce((e3, [t3, l3]) => Object.assign(e3, { [t3]: d(l3) }), {}), id: a2 };
     return s2 && (delete c2.onClick, delete c2.htmlFor, delete u2.onClick), ot({ ourProps: c2, theirProps: u2, slot: r2, attrs: l2, slots: t2, name: n3 });
   };
-} }), Fl = Symbol("GroupContext"), Nl = k({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e2, { slots: t2, attrs: l2 }) {
+} }), zl = Symbol("GroupContext"), $l = k({ name: "SwitchGroup", props: { as: { type: [Object, String], default: "template" } }, setup(e2, { slots: t2, attrs: l2 }) {
   let n2 = s(null), a2 = function({ slot: e3 = {}, name: t3 = "Label", props: l3 = {} } = {}) {
     let n3 = s([]);
-    return S(Bl, { register: function(e4) {
+    return S(Ll, { register: function(e4) {
       return n3.value.push(e4), () => {
         let t4 = n3.value.indexOf(e4);
         -1 !== t4 && n3.value.splice(t4, 1);
@@ -1911,10 +1924,10 @@ let Ll = k({ name: "Label", props: { as: { type: [Object, String], default: "lab
   }), onClick(e3) {
     n2.value && ("LABEL" === e3.currentTarget.tagName && e3.preventDefault(), n2.value.click(), n2.value.focus({ preventScroll: true }));
   } } }), o2 = ol({ name: "SwitchDescription" });
-  return S(Fl, { switchRef: n2, labelledby: a2, describedby: o2 }), () => ot({ theirProps: e2, ourProps: {}, slot: {}, slots: t2, attrs: l2, name: "SwitchGroup" });
-} }), zl = k({ name: "Switch", emits: { "update:modelValue": (e2) => true }, props: { as: { type: [Object, String], default: "button" }, modelValue: { type: Boolean, default: void 0 }, defaultChecked: { type: Boolean, optional: true }, form: { type: String, optional: true }, name: { type: String, optional: true }, value: { type: String, optional: true }, id: { type: String, default: null }, disabled: { type: Boolean, default: false }, tabIndex: { type: Number, default: 0 } }, inheritAttrs: false, setup(e2, { emit: t2, attrs: l2, slots: n2, expose: a2 }) {
+  return S(zl, { switchRef: n2, labelledby: a2, describedby: o2 }), () => ot({ theirProps: e2, ourProps: {}, slot: {}, slots: t2, attrs: l2, name: "SwitchGroup" });
+} }), Vl = k({ name: "Switch", emits: { "update:modelValue": (e2) => true }, props: { as: { type: [Object, String], default: "button" }, modelValue: { type: Boolean, default: void 0 }, defaultChecked: { type: Boolean, optional: true }, form: { type: String, optional: true }, name: { type: String, optional: true }, value: { type: String, optional: true }, id: { type: String, default: null }, disabled: { type: Boolean, default: false }, tabIndex: { type: Number, default: 0 } }, inheritAttrs: false, setup(e2, { emit: t2, attrs: l2, slots: n2, expose: a2 }) {
   var o2;
-  let r2 = null != (o2 = e2.id) ? o2 : `headlessui-switch-${De()}`, i2 = f(Fl, null), [d2, c2] = Ce(u(() => e2.modelValue), (e3) => t2("update:modelValue", e3), u(() => e2.defaultChecked));
+  let r2 = null != (o2 = e2.id) ? o2 : `headlessui-switch-${De()}`, i2 = f(zl, null), [d2, c2] = Ce(u(() => e2.modelValue), (e3) => t2("update:modelValue", e3), u(() => e2.defaultChecked));
   function g2() {
     c2(!d2.value);
   }
@@ -1957,15 +1970,15 @@ let Ll = k({ name: "Label", props: { as: { type: [Object, String], default: "lab
     let { name: t3, value: a3, form: o3, tabIndex: s2, ...u2 } = e2, c3 = { checked: d2.value }, p2 = { id: r2, ref: v2, role: "switch", type: h2.value, tabIndex: -1 === s2 ? 0 : s2, "aria-checked": d2.value, "aria-labelledby": null == i2 ? void 0 : i2.labelledby.value, "aria-describedby": null == i2 ? void 0 : i2.describedby.value, onClick: y2, onKeyup: k2, onKeypress: S2 };
     return x(w, [null != t3 && null != d2.value ? x(pt, ut({ features: ct.Hidden, as: "input", type: "checkbox", hidden: true, readOnly: true, checked: d2.value, form: o3, disabled: u2.disabled, name: t3, value: a3 })) : null, ot({ ourProps: p2, theirProps: { ...l2, ...dt(u2, ["modelValue", "defaultChecked"]) }, slot: c3, attrs: l2, slots: n2, name: "Switch" })]);
   };
-} }), $l = Ll;
-function Vl(e2, ...t2) {
+} }), Hl = Nl;
+function Yl(e2, ...t2) {
   e2 && t2.length > 0 && e2.classList.add(...t2);
 }
-function Hl(e2, ...t2) {
+function Ul(e2, ...t2) {
   e2 && t2.length > 0 && e2.classList.remove(...t2);
 }
-var Yl = ((e2) => (e2.Finished = "finished", e2.Cancelled = "cancelled", e2))(Yl || {});
-function Ul(e2, t2, l2, n2, a2, o2) {
+var ql = ((e2) => (e2.Finished = "finished", e2.Cancelled = "cancelled", e2))(ql || {});
+function Wl(e2, t2, l2, n2, a2, o2) {
   let r2 = kt(), i2 = void 0 !== o2 ? /* @__PURE__ */ function(e3) {
     let t3 = { called: false };
     return (...l3) => {
@@ -1974,8 +1987,8 @@ function Ul(e2, t2, l2, n2, a2, o2) {
     };
   }(o2) : () => {
   };
-  return Hl(e2, ...a2), Vl(e2, ...t2, ...l2), r2.nextFrame(() => {
-    Hl(e2, ...l2), Vl(e2, ...n2), r2.add(function(e3, t3) {
+  return Ul(e2, ...a2), Yl(e2, ...t2, ...l2), r2.nextFrame(() => {
+    Ul(e2, ...l2), Yl(e2, ...n2), r2.add(function(e3, t3) {
       let l3 = kt();
       if (!e3)
         return l3.dispose;
@@ -1984,19 +1997,19 @@ function Ul(e2, t2, l2, n2, a2, o2) {
         return t4;
       });
       return 0 !== o3 ? l3.setTimeout(() => t3("finished"), o3 + r3) : t3("finished"), l3.add(() => t3("cancelled")), l3.dispose;
-    }(e2, (l3) => (Hl(e2, ...n2, ...t2), Vl(e2, ...a2), i2(l3))));
-  }), r2.add(() => Hl(e2, ...t2, ...l2, ...n2, ...a2)), r2.add(() => i2("cancelled")), r2.dispose;
+    }(e2, (l3) => (Ul(e2, ...n2, ...t2), Yl(e2, ...a2), i2(l3))));
+  }), r2.add(() => Ul(e2, ...t2, ...l2, ...n2, ...a2)), r2.add(() => i2("cancelled")), r2.dispose;
 }
-function ql(e2 = "") {
+function Kl(e2 = "") {
   return e2.split(/\s+/).filter((e3) => e3.length > 1);
 }
-let Wl = Symbol("TransitionContext");
-var Kl = ((e2) => (e2.Visible = "visible", e2.Hidden = "hidden", e2))(Kl || {});
-let Jl = Symbol("NestingContext");
-function Gl(e2) {
-  return "children" in e2 ? Gl(e2.children) : e2.value.filter(({ state: e3 }) => "visible" === e3).length > 0;
+let Jl = Symbol("TransitionContext");
+var Gl = ((e2) => (e2.Visible = "visible", e2.Hidden = "hidden", e2))(Gl || {});
+let Zl = Symbol("NestingContext");
+function Xl(e2) {
+  return "children" in e2 ? Xl(e2.children) : e2.value.filter(({ state: e3 }) => "visible" === e3).length > 0;
 }
-function Zl(e2) {
+function Ql(e2) {
   let t2 = s([]), l2 = s(false);
   function n2(n3, a2 = at.Hidden) {
     let o2 = t2.value.findIndex(({ id: e3 }) => e3 === n3);
@@ -2004,14 +2017,14 @@ function Zl(e2) {
       t2.value.splice(o2, 1);
     }, [at.Hidden]() {
       t2.value[o2].state = "hidden";
-    } }), !Gl(t2) && l2.value && (null == e2 || e2()));
+    } }), !Xl(t2) && l2.value && (null == e2 || e2()));
   }
   return b(() => l2.value = true), O(() => l2.value = false), { children: t2, register: function(e3) {
     let l3 = t2.value.find(({ id: t3 }) => t3 === e3);
     return l3 ? "visible" !== l3.state && (l3.state = "visible") : t2.value.push({ id: e3, state: "visible" }), () => n2(e3, at.Unmount);
   }, unregister: n2 };
 }
-let Xl = nt.RenderStrategy, Ql = k({ props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: true }, appear: { type: [Boolean], default: false }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => true, afterEnter: () => true, beforeLeave: () => true, afterLeave: () => true }, setup(e2, { emit: t2, attrs: l2, slots: a2, expose: o2 }) {
+let en = nt.RenderStrategy, tn = k({ props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: true }, appear: { type: [Boolean], default: false }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => true, afterEnter: () => true, beforeLeave: () => true, afterLeave: () => true }, setup(e2, { emit: t2, attrs: l2, slots: a2, expose: o2 }) {
   let r2 = s(0);
   function i2() {
     r2.value |= mt.Opening, t2("beforeEnter");
@@ -2025,21 +2038,21 @@ let Xl = nt.RenderStrategy, Ql = k({ props: { as: { type: [Object, String], defa
   function g2() {
     r2.value &= ~mt.Closing, t2("afterLeave");
   }
-  if (null === f(Wl, null) && null !== ft())
-    return () => x(tn, { ...e2, onBeforeEnter: i2, onAfterEnter: d2, onBeforeLeave: c2, onAfterLeave: g2 }, a2);
+  if (null === f(Jl, null) && null !== ft())
+    return () => x(nn, { ...e2, onBeforeEnter: i2, onAfterEnter: d2, onBeforeLeave: c2, onAfterLeave: g2 }, a2);
   let m2 = s(null), v2 = u(() => e2.unmount ? at.Unmount : at.Hidden);
   o2({ el: m2, $el: m2 });
   let { show: y2, appear: w2 } = function() {
-    let e3 = f(Wl, null);
+    let e3 = f(Jl, null);
     if (null === e3)
       throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
     return e3;
   }(), { register: k2, unregister: C2 } = function() {
-    let e3 = f(Jl, null);
+    let e3 = f(Zl, null);
     if (null === e3)
       throw new Error("A <TransitionChild /> is used but it is missing a parent <TransitionRoot />.");
     return e3;
-  }(), M2 = s(y2.value ? "visible" : "hidden"), D2 = { value: true }, E2 = De(), T2 = { value: false }, I2 = Zl(() => {
+  }(), M2 = s(y2.value ? "visible" : "hidden"), D2 = { value: true }, E2 = De(), T2 = { value: false }, I2 = Ql(() => {
     !T2.value && "hidden" !== M2.value && (M2.value = "hidden", C2(E2), g2());
   });
   b(() => {
@@ -2052,7 +2065,7 @@ let Xl = nt.RenderStrategy, Ql = k({ props: { as: { type: [Object, String], defa
       Te(M2.value, { hidden: () => C2(E2), visible: () => k2(E2) });
     }
   });
-  let _2 = ql(e2.enter), P2 = ql(e2.enterFrom), j2 = ql(e2.enterTo), R2 = ql(e2.entered), B2 = ql(e2.leave), A2 = ql(e2.leaveFrom), L2 = ql(e2.leaveTo);
+  let _2 = Kl(e2.enter), P2 = Kl(e2.enterFrom), j2 = Kl(e2.enterTo), R2 = Kl(e2.entered), B2 = Kl(e2.leave), A2 = Kl(e2.leaveFrom), L2 = Kl(e2.leaveTo);
   return b(() => {
     h(() => {
       if ("visible" === M2.value) {
@@ -2065,104 +2078,104 @@ let Xl = nt.RenderStrategy, Ql = k({ props: { as: { type: [Object, String], defa
     p([y2], (e3, t3, l3) => {
       (function(e4) {
         let t4 = D2.value && !w2.value, l4 = Ee(m2);
-        !l4 || !(l4 instanceof HTMLElement) || t4 || (T2.value = true, y2.value && i2(), y2.value || c2(), e4(y2.value ? Ul(l4, _2, P2, j2, R2, (e5) => {
-          T2.value = false, e5 === Yl.Finished && d2();
-        }) : Ul(l4, B2, A2, L2, R2, (e5) => {
-          T2.value = false, e5 === Yl.Finished && (Gl(I2) || (M2.value = "hidden", C2(E2), g2()));
+        !l4 || !(l4 instanceof HTMLElement) || t4 || (T2.value = true, y2.value && i2(), y2.value || c2(), e4(y2.value ? Wl(l4, _2, P2, j2, R2, (e5) => {
+          T2.value = false, e5 === ql.Finished && d2();
+        }) : Wl(l4, B2, A2, L2, R2, (e5) => {
+          T2.value = false, e5 === ql.Finished && (Xl(I2) || (M2.value = "hidden", C2(E2), g2()));
         })));
       })(l3), D2.value = false;
     }, { immediate: true });
-  }), S(Jl, I2), vt(u(() => Te(M2.value, { visible: mt.Open, hidden: mt.Closed }) | r2.value)), () => {
+  }), S(Zl, I2), vt(u(() => Te(M2.value, { visible: mt.Open, hidden: mt.Closed }) | r2.value)), () => {
     let { appear: t3, show: o3, enter: r3, enterFrom: i3, enterTo: s2, entered: u2, leave: d3, leaveFrom: c3, leaveTo: p2, ...g3 } = e2, f2 = { ref: m2 };
-    return ot({ theirProps: { ...g3, ...w2.value && y2.value && Pe.isServer ? { class: n([l2.class, g3.class, ..._2, ...P2]) } : {} }, ourProps: f2, slot: {}, slots: a2, attrs: l2, features: Xl, visible: "visible" === M2.value, name: "TransitionChild" });
+    return ot({ theirProps: { ...g3, ...w2.value && y2.value && Pe.isServer ? { class: n([l2.class, g3.class, ..._2, ...P2]) } : {} }, ourProps: f2, slot: {}, slots: a2, attrs: l2, features: en, visible: "visible" === M2.value, name: "TransitionChild" });
   };
-} }), en = Ql, tn = k({ inheritAttrs: false, props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: true }, appear: { type: [Boolean], default: false }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => true, afterEnter: () => true, beforeLeave: () => true, afterLeave: () => true }, setup(e2, { emit: t2, attrs: l2, slots: n2 }) {
+} }), ln = tn, nn = k({ inheritAttrs: false, props: { as: { type: [Object, String], default: "div" }, show: { type: [Boolean], default: null }, unmount: { type: [Boolean], default: true }, appear: { type: [Boolean], default: false }, enter: { type: [String], default: "" }, enterFrom: { type: [String], default: "" }, enterTo: { type: [String], default: "" }, entered: { type: [String], default: "" }, leave: { type: [String], default: "" }, leaveFrom: { type: [String], default: "" }, leaveTo: { type: [String], default: "" } }, emits: { beforeEnter: () => true, afterEnter: () => true, beforeLeave: () => true, afterLeave: () => true }, setup(e2, { emit: t2, attrs: l2, slots: n2 }) {
   let a2 = ft(), o2 = u(() => null === e2.show && null !== a2 ? (a2.value & mt.Open) === mt.Open : e2.show);
   h(() => {
     if (![true, false].includes(o2.value))
       throw new Error('A <Transition /> is used but it is missing a `:show="true | false"` prop.');
   });
-  let r2 = s(o2.value ? "visible" : "hidden"), i2 = Zl(() => {
+  let r2 = s(o2.value ? "visible" : "hidden"), i2 = Ql(() => {
     r2.value = "hidden";
   }), d2 = s(true), c2 = { show: o2, appear: u(() => e2.appear || !d2.value) };
   return b(() => {
     h(() => {
-      d2.value = false, o2.value ? r2.value = "visible" : Gl(i2) || (r2.value = "hidden");
+      d2.value = false, o2.value ? r2.value = "visible" : Xl(i2) || (r2.value = "hidden");
     });
-  }), S(Jl, i2), S(Wl, c2), () => {
+  }), S(Zl, i2), S(Jl, c2), () => {
     let a3 = dt(e2, ["show", "appear", "unmount", "onBeforeEnter", "onBeforeLeave", "onAfterEnter", "onAfterLeave"]), o3 = { unmount: e2.unmount };
-    return ot({ ourProps: { ...o3, as: "template" }, theirProps: {}, slot: {}, slots: { ...n2, default: () => [x(en, { onBeforeEnter: () => t2("beforeEnter"), onAfterEnter: () => t2("afterEnter"), onBeforeLeave: () => t2("beforeLeave"), onAfterLeave: () => t2("afterLeave"), ...l2, ...o3, ...a3 }, n2.default)] }, attrs: {}, features: Xl, visible: "visible" === r2.value, name: "Transition" });
+    return ot({ ourProps: { ...o3, as: "template" }, theirProps: {}, slot: {}, slots: { ...n2, default: () => [x(ln, { onBeforeEnter: () => t2("beforeEnter"), onAfterEnter: () => t2("afterEnter"), onBeforeLeave: () => t2("beforeLeave"), onAfterLeave: () => t2("afterLeave"), ...l2, ...o3, ...a3 }, n2.default)] }, attrs: {}, features: en, visible: "visible" === r2.value, name: "Transition" });
   };
 } });
-function ln(t2, l2) {
+function an(t2, l2) {
   return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M19.5 13.5 12 21m0 0-7.5-7.5M12 21V3" })]);
 }
-function nn(t2, l2) {
+function on(t2, l2) {
   return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18" })]);
 }
-function an(t2, l2) {
+function rn(t2, l2) {
   return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M3.75 5.25h16.5m-16.5 4.5h16.5m-16.5 4.5h16.5m-16.5 4.5h16.5" })]);
 }
-function on(t2, l2) {
+function sn(t2, l2) {
   return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" })]);
 }
-function rn(t2, l2) {
+function un(t2, l2) {
   return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m4.5 12.75 6 6 9-13.5" })]);
 }
-function sn(t2, l2) {
+function dn(t2, l2) {
   return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m19.5 8.25-7.5 7.5-7.5-7.5" })]);
 }
-function un(t2, l2) {
+function cn(t2, l2) {
   return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M15.75 19.5 8.25 12l7.5-7.5" })]);
 }
-function dn(t2, l2) {
+function pn(t2, l2) {
   return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" })]);
 }
-function cn(t2, l2) {
+function gn(t2, l2) {
   return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M8.25 15 12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" })]);
 }
-function pn(t2, l2) {
+function mn(t2, l2) {
   return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m4.5 15.75 7.5-7.5 7.5 7.5" })]);
 }
-function gn(t2, l2) {
+function fn(t2, l2) {
   return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M12 9v3.75m-9.303 3.376c-.866 1.5.217 3.374 1.948 3.374h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 3.378c-.866-1.5-3.032-1.5-3.898 0L2.697 16.126ZM12 15.75h.007v.008H12v-.008Z" })]);
 }
-function mn(t2, l2) {
+function vn(t2, l2) {
   return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M10.05 4.575a1.575 1.575 0 1 0-3.15 0v3m3.15-3v-1.5a1.575 1.575 0 0 1 3.15 0v1.5m-3.15 0 .075 5.925m3.075.75V4.575m0 0a1.575 1.575 0 0 1 3.15 0V15M6.9 7.575a1.575 1.575 0 1 0-3.15 0v8.175a6.75 6.75 0 0 0 6.75 6.75h2.018a5.25 5.25 0 0 0 3.712-1.538l1.732-1.732a5.25 5.25 0 0 0 1.538-3.712l.003-2.024a.668.668 0 0 1 .198-.471 1.575 1.575 0 1 0-2.228-2.228 3.818 3.818 0 0 0-1.12 2.687M6.9 7.575V12m6.27 4.318A4.49 4.49 0 0 1 16.35 15m.002 0h-.002" })]);
 }
-function fn(t2, l2) {
+function hn(t2, l2) {
   return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m2.25 12 8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25" })]);
 }
-function vn(t2, l2) {
+function bn(t2, l2) {
   return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m11.25 11.25.041-.02a.75.75 0 0 1 1.063.852l-.708 2.836a.75.75 0 0 0 1.063.853l.041-.021M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9-3.75h.008v.008H12V8.25Z" })]);
 }
-function hn(t2, l2) {
+function yn(t2, l2) {
   return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M9.879 7.519c1.171-1.025 3.071-1.025 4.242 0 1.172 1.025 1.172 2.687 0 3.712-.203.179-.43.326-.67.442-.745.361-1.45.999-1.45 1.827v.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Zm-9 5.25h.008v.008H12v-.008Z" })]);
 }
-function bn(t2, l2) {
+function xn(t2, l2) {
   return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m14.74 9-.346 9m-4.788 0L9.26 9m9.968-3.21c.342.052.682.107 1.022.166m-1.022-.165L18.16 19.673a2.25 2.25 0 0 1-2.244 2.077H8.084a2.25 2.25 0 0 1-2.244-2.077L4.772 5.79m14.456 0a48.108 48.108 0 0 0-3.478-.397m-12 .562c.34-.059.68-.114 1.022-.165m0 0a48.11 48.11 0 0 1 3.478-.397m7.5 0v-.916c0-1.18-.91-2.164-2.09-2.201a51.964 51.964 0 0 0-3.32 0c-1.18.037-2.09 1.022-2.09 2.201v.916m7.5 0a48.667 48.667 0 0 0-7.5 0" })]);
 }
-function yn(t2, l2) {
+function wn(t2, l2) {
   return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z" })]);
 }
-function xn(t2, l2) {
+function kn(t2, l2) {
   return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M6 18 18 6M6 6l12 12" })]);
 }
-const wn = { class: "py-1" }, kn = ["onClick"], Sn = { key: 1, class: "animate-pulse px-4 py-2 bg-gray-200 rounded-md flex inline-flex items-center relative inline-block text-left" }, Cn = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1), On = { name: "uiDropdown" }, Mn = Object.assign(On, { 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: r2 }) {
+const Sn = { class: "py-1" }, Cn = ["onClick"], On = { key: 1, class: "animate-pulse px-4 py-2 bg-gray-200 rounded-md flex inline-flex items-center relative inline-block text-left" }, Mn = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1), Dn = { name: "uiDropdown" }, En = Object.assign(Dn, { 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: r2 }) {
   const s2 = r2, c2 = l2, p2 = u(() => {
     let e2 = c2.items.find((e3) => true === e3.active);
     return e2 ? e2.name : c2.label;
   });
-  return (r3, u2) => l2.loading ? (e(), a("div", Sn, [Cn, o(d(sn), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300" })])) : (e(), t(d(_l), { key: 0, as: "div", class: n(["relative inline-block text-left", { "opacity-25": l2.disabled }]) }, { default: T(() => [i("div", null, [o(d(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: T(() => [I(_(p2.value) + " ", 1), o(d(sn), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5" })]), _: 1 })]), o(P, { "enter-active-class": "transition ease-out duration-100", "enter-from-class": "transform opacity-0 scale-95", "enter-to-class": "transform opacity-100 scale-100", "leave-active-class": "transition ease-in duration-75", "leave-from-class": "transform opacity-100 scale-100", "leave-to-class": "transform opacity-0 scale-95" }, { default: T(() => [l2.disabled ? R("", true) : (e(), t(d(jl), { key: 0, class: n([{ "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: T(() => [i("div", wn, [(e(true), a(w, null, j(l2.items, (l3, a2) => (e(), t(d(Rl), { key: a2 }, { default: T(() => [i("a", { onClick: (e2) => ((e3) => {
+  return (r3, u2) => l2.loading ? (e(), a("div", On, [Mn, o(d(dn), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300" })])) : (e(), t(d(jl), { key: 0, as: "div", class: n(["relative inline-block text-left", { "opacity-25": l2.disabled }]) }, { default: T(() => [i("div", null, [o(d(Rl), { 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: T(() => [I(_(p2.value) + " ", 1), o(d(dn), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5" })]), _: 1 })]), o(P, { "enter-active-class": "transition ease-out duration-100", "enter-from-class": "transform opacity-0 scale-95", "enter-to-class": "transform opacity-100 scale-100", "leave-active-class": "transition ease-in duration-75", "leave-from-class": "transform opacity-100 scale-100", "leave-to-class": "transform opacity-0 scale-95" }, { default: T(() => [l2.disabled ? R("", true) : (e(), t(d(Bl), { key: 0, class: n([{ "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: T(() => [i("div", Sn, [(e(true), a(w, null, j(l2.items, (l3, a2) => (e(), t(d(Al), { key: a2 }, { default: T(() => [i("a", { onClick: (e2) => ((e3) => {
     c2.disabled || s2("optionSelected", e3.value);
-  })(l3), class: n([l3.active ? "bg-gray-100 text-gray-900" : "text-gray-700", "block px-4 py-2 text-sm cursor-pointer"]) }, _(l3.name), 11, kn)]), _: 2 }, 1024))), 128))])]), _: 1 }, 8, ["class"]))]), _: 1 })]), _: 1 }, 8, ["class"]));
-} }), Dn = { key: 0 }, En = { class: "flex justify-between" }, Tn = { key: 0, class: "block text-sm font-medium text-gray-700" }, In = { key: 1, class: "text-[10px] text-gray-500 uppercase justify-self-end" }, _n = ["disabled", "name", "placeholder", "type"], Pn = { key: 2, class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none" }, jn = { key: 1, class: "animate-pulse" }, Rn = { 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" }, Bn = 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), An = { name: "uiInput" }, Ln = Object.assign(An, { props: { label: String, type: { type: String, default: "text" }, name: String, placeholder: { type: String, default: "..." }, icon: { type: Function, default: () => {
+  })(l3), class: n([l3.active ? "bg-gray-100 text-gray-900" : "text-gray-700", "block px-4 py-2 text-sm cursor-pointer"]) }, _(l3.name), 11, Cn)]), _: 2 }, 1024))), 128))])]), _: 1 }, 8, ["class"]))]), _: 1 })]), _: 1 }, 8, ["class"]));
+} }), Tn = { key: 0 }, In = { class: "flex justify-between" }, _n = { key: 0, class: "block text-sm font-medium text-gray-700" }, Pn = { key: 1, class: "text-[10px] text-gray-500 uppercase justify-self-end" }, jn = ["disabled", "name", "placeholder", "type"], Rn = { key: 2, class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none" }, Bn = { key: 1, class: "animate-pulse" }, An = { 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" }, Ln = 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), Fn = { name: "uiInput" }, Nn = Object.assign(Fn, { 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 r2 = l2, u2 = t2, c2 = s(u2.value);
   return p(() => u2.value, (e2) => {
     c2.value = e2, r2("inputChanged", { name: u2.name, value: c2.value });
-  }), (l3, r3) => t2.loading ? (e(), a("div", jn, [void 0 !== t2.label ? (e(), a("div", Rn)) : R("", true), Bn])) : (e(), a("div", Dn, [i("div", En, [t2.label ? (e(), a("label", Tn, _(t2.label), 1)) : R("", true), t2.optional ? (e(), a("span", In, _(t2.optional), 1)) : R("", true)]), i("div", { class: n([{ "mt-1": t2.label }, "relative flex"]) }, [t2.addOn ? (e(), a("span", { key: 0, onClick: r3[0] || (r3[0] = (e2) => l3.$emit("addOnClicked")), class: "inline-flex items-center px-3 rounded-l-md border border-r-0 border-gray-300 bg-gray-50 text-gray-500 sm:text-sm cursor-pointer" }, _(t2.addOn), 1)) : R("", true), B(i("input", { "onUpdate:modelValue": r3[1] || (r3[1] = (e2) => c2.value = e2), class: n([{ "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: r3[2] || (r3[2] = (e2) => l3.$emit("inputChanged", { value: e2.target.value, name: e2.target.name })) }, null, 42, _n), [[A, c2.value]]), t2.rightAddOn ? (e(), a("span", { key: 1, onClick: r3[3] || (r3[3] = (e2) => l3.$emit("rightAddOnClicked")), class: "inline-flex items-center px-3 rounded-r-md border border-l-0 border-gray-300 bg-gray-50 hover:bg-gray-200 text-gray-500 sm:text-sm cursor-pointer" }, _(t2.rightAddOn), 1)) : R("", true), t2.icon ? (e(), a("div", Pn, [o(J, { icon: t2.icon, color: t2.color, loading: t2.loading }, null, 8, ["icon", "color", "loading"]), B(o(J, { icon: d(rn), color: "green", loading: t2.loading }, null, 8, ["icon", "loading"]), [[L, "success" === t2.color]]), B(o(J, { icon: d(gn), color: "yellow", loading: t2.loading }, null, 8, ["icon", "loading"]), [[L, "warning" === t2.color]]), B(o(J, { icon: d(xn), color: "red", loading: t2.loading }, null, 8, ["icon", "loading"]), [[L, "danger" === t2.color]])])) : R("", true)], 2), B(i("p", { class: n([{ "text-gray-400": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "text-red-400": "danger" === t2.color, "text-yellow-400": "warning" === t2.color, "text-green-400": "success" === t2.color }, "mt-2 text-xs flex flex-row items-center"]) }, _(t2.error), 3), [[L, t2.error]])]));
-} }), Fn = { key: 0 }, Nn = { class: "flex justify-between" }, zn = { key: 0, class: "block text-sm font-medium text-gray-700" }, $n = { key: 1, class: "text-[10px] text-gray-500 uppercase" }, Vn = { class: "space-y-1 flex flex-col items-center justify-center" }, Hn = { class: "flex text-sm text-gray-600 flex flex-col sm:flex-row text-center" }, Yn = { 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" }, Un = ["accept"], qn = { class: "pl-1" }, Wn = { class: "text-xs text-gray-500 pb-4" }, Kn = { class: "mt-2 text-xs flex flex-row items-center text-red-300" }, Jn = { key: 1, class: "animate-pulse" }, Gn = [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)], Zn = { name: "uiInputFile" }, Xn = Object.assign(Zn, { props: { name: String, label: String, optional: String, placeholder: String, dragAndDrop: String, fileTypesAndSizes: String, error: String, accept: String, icon: { type: Function, default: function(t2, l2) {
+  }), (l3, r3) => t2.loading ? (e(), a("div", Bn, [void 0 !== t2.label ? (e(), a("div", An)) : R("", true), Ln])) : (e(), a("div", Tn, [i("div", In, [t2.label ? (e(), a("label", _n, _(t2.label), 1)) : R("", true), t2.optional ? (e(), a("span", Pn, _(t2.optional), 1)) : R("", true)]), i("div", { class: n([{ "mt-1": t2.label }, "relative flex"]) }, [t2.addOn ? (e(), a("span", { key: 0, onClick: r3[0] || (r3[0] = (e2) => l3.$emit("addOnClicked")), class: "inline-flex items-center px-3 rounded-l-md border border-r-0 border-gray-300 bg-gray-50 text-gray-500 sm:text-sm cursor-pointer" }, _(t2.addOn), 1)) : R("", true), B(i("input", { "onUpdate:modelValue": r3[1] || (r3[1] = (e2) => c2.value = e2), class: n([{ "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: r3[2] || (r3[2] = (e2) => l3.$emit("inputChanged", { value: e2.target.value, name: e2.target.name })) }, null, 42, jn), [[A, c2.value]]), t2.rightAddOn ? (e(), a("span", { key: 1, onClick: r3[3] || (r3[3] = (e2) => l3.$emit("rightAddOnClicked")), class: "inline-flex items-center px-3 rounded-r-md border border-l-0 border-gray-300 bg-gray-50 hover:bg-gray-200 text-gray-500 sm:text-sm cursor-pointer" }, _(t2.rightAddOn), 1)) : R("", true), t2.icon ? (e(), a("div", Rn, [o(J, { icon: t2.icon, color: t2.color, loading: t2.loading }, null, 8, ["icon", "color", "loading"]), B(o(J, { icon: d(un), color: "green", loading: t2.loading }, null, 8, ["icon", "loading"]), [[L, "success" === t2.color]]), B(o(J, { icon: d(fn), color: "yellow", loading: t2.loading }, null, 8, ["icon", "loading"]), [[L, "warning" === t2.color]]), B(o(J, { icon: d(kn), color: "red", loading: t2.loading }, null, 8, ["icon", "loading"]), [[L, "danger" === t2.color]])])) : R("", true)], 2), B(i("p", { class: n([{ "text-gray-400": "danger" !== t2.color || "warning" !== t2.color || "success" !== t2.color, "text-red-400": "danger" === t2.color, "text-yellow-400": "warning" === t2.color, "text-green-400": "success" === t2.color }, "mt-2 text-xs flex flex-row items-center"]) }, _(t2.error), 3), [[L, t2.error]])]));
+} }), zn = { key: 0 }, $n = { class: "flex justify-between" }, Vn = { key: 0, class: "block text-sm font-medium text-gray-700" }, Hn = { key: 1, class: "text-[10px] text-gray-500 uppercase" }, Yn = { class: "space-y-1 flex flex-col items-center justify-center" }, Un = { class: "flex text-sm text-gray-600 flex flex-col sm:flex-row text-center" }, qn = { 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" }, Wn = ["accept"], Kn = { class: "pl-1" }, Jn = { class: "text-xs text-gray-500 pb-4" }, Gn = { class: "mt-2 text-xs flex flex-row items-center text-red-300" }, Zn = { key: 1, class: "animate-pulse" }, Xn = [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)], Qn = { name: "uiInputFile" }, ea = Object.assign(Qn, { 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(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M7.5 7.5h-.75A2.25 2.25 0 0 0 4.5 9.75v7.5a2.25 2.25 0 0 0 2.25 2.25h7.5a2.25 2.25 0 0 0 2.25-2.25v-7.5a2.25 2.25 0 0 0-2.25-2.25h-.75m0-3-3-3m0 0-3 3m3-3v11.25m6-2.25h.75a2.25 2.25 0 0 1 2.25 2.25v7.5a2.25 2.25 0 0 1-2.25 2.25h-7.5a2.25 2.25 0 0 1-2.25-2.25v-.75" })]);
 } }, loading: { type: Boolean, default: true } }, emits: ["filesUploaded"], setup(t2, { emit: l2 }) {
   const r2 = s(""), u2 = l2, c2 = t2, p2 = (e2) => {
@@ -2171,42 +2184,42 @@ const wn = { class: "py-1" }, kn = ["onClick"], Sn = { key: 1, class: "animate-p
   }, g2 = (e2) => {
     u2("filesUploaded", e2.target.files), c2.filename = e2.target.files[0].name;
   };
-  return (l3, s2) => t2.loading ? (e(), a("div", Jn, Gn)) : (e(), a("div", Fn, [i("div", Nn, [t2.label ? (e(), a("label", zn, _(t2.label), 1)) : R("", true), t2.optional ? (e(), a("span", $n, _(t2.optional), 1)) : R("", true)]), i("div", { class: n([[{ "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] = F(() => {
-  }, ["prevent"])), onDrop: F(p2, ["prevent"]) }, [i("div", Vn, [o(J, { icon: t2.icon, size: "massive", color: "gray", "aria-hidden": "true", class: "mb-4", loading: t2.loading }, null, 8, ["icon", "loading"]), i("div", Hn, [i("label", Yn, [i("span", null, _(t2.placeholder), 1), i("input", { id: "file-upload", name: "file-upload", type: "file", class: "sr-only", accept: t2.accept, onChange: g2 }, null, 40, Un)]), i("p", qn, _(t2.dragAndDrop), 1)]), i("p", Wn, _(t2.fileTypesAndSizes), 1), B(i("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, _(r2.value), 513), [[L, "" !== r2.value]])])], 34), B(i("p", Kn, [o(J, { icon: d(yn), color: "red", class: "mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), I(_(t2.error), 1)], 512), [[L, t2.error]])]));
-} }), Qn = { class: "relative mt-1" }, ea = { key: 1, class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full" }, ta = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1), la = { name: "uiSelect" }, na = Object.assign(la, { props: { items: { type: Array, required: true }, label: String, error: String, color: String, select: Object, loading: { type: Boolean, default: true }, disabled: { type: Boolean, default: false } }, emits: ["selectChanged"], setup(l2, { emit: r2 }) {
+  return (l3, s2) => t2.loading ? (e(), a("div", Zn, Xn)) : (e(), a("div", zn, [i("div", $n, [t2.label ? (e(), a("label", Vn, _(t2.label), 1)) : R("", true), t2.optional ? (e(), a("span", Hn, _(t2.optional), 1)) : R("", true)]), i("div", { class: n([[{ "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] = F(() => {
+  }, ["prevent"])), onDrop: F(p2, ["prevent"]) }, [i("div", Yn, [o(J, { icon: t2.icon, size: "massive", color: "gray", "aria-hidden": "true", class: "mb-4", loading: t2.loading }, null, 8, ["icon", "loading"]), i("div", Un, [i("label", qn, [i("span", null, _(t2.placeholder), 1), i("input", { id: "file-upload", name: "file-upload", type: "file", class: "sr-only", accept: t2.accept, onChange: g2 }, null, 40, Wn)]), i("p", Kn, _(t2.dragAndDrop), 1)]), i("p", Jn, _(t2.fileTypesAndSizes), 1), B(i("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, _(r2.value), 513), [[L, "" !== r2.value]])])], 34), B(i("p", Gn, [o(J, { icon: d(wn), color: "red", class: "mr-2", loading: t2.loading }, null, 8, ["icon", "loading"]), I(_(t2.error), 1)], 512), [[L, t2.error]])]));
+} }), ta = { 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" }, na = i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1), aa = { name: "uiSelect" }, oa = Object.assign(aa, { props: { items: { type: Array, required: true }, label: String, error: String, color: String, select: Object, loading: { type: Boolean, default: true }, disabled: { type: Boolean, default: false } }, emits: ["selectChanged"], setup(l2, { emit: r2 }) {
   const c2 = s(""), p2 = r2, g2 = l2, m2 = u(() => "" === c2.value ? g2.items : g2.items.filter((e2) => e2.name.toLowerCase().includes(c2.value.toLowerCase()))), f2 = u(() => g2.select);
-  return (r3, s2) => l2.loading ? (e(), a("div", ea, [ta, o(d(cn), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400" })])) : (e(), t(d(jt), { key: 0, modelValue: f2.value, "onUpdate:modelValue": [s2[1] || (s2[1] = (e2) => f2.value = e2), s2[2] || (s2[2] = (e2) => p2("selectChanged", e2))], disabled: l2.disabled, as: "div" }, { default: T(() => [o(d(Rt), { class: "block text-sm font-medium" }, { default: T(() => [I(_(l2.label), 1)]), _: 1 }), i("div", Qn, [o(d(At), { "display-value": (e2) => e2 == null ? void 0 : e2.name, class: n([{ "border-gray-300": "danger" !== l2.color || "warning" !== l2.color || "success" !== l2.color, "border-red-400": "danger" === l2.color, "border-yellow-400": "warning" === l2.color, "border-green-400": "success" === l2.color, "bg-gray-100": l2.disabled, "bg-white": !l2.disabled, "text-black": "danger" !== l2.color || "warning" !== l2.color || "success" !== l2.color, "text-gray-300": l2.disabled, "text-red-400": "danger" === l2.color, "text-yellow-400": "warning" === l2.color, "text-green-400": "success" === l2.color }, "w-full rounded-md border 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) => c2.value = e2.target.value) }, null, 8, ["display-value", "class"]), o(d(Bt), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, { default: T(() => [o(d(cn), { "aria-hidden": "true", class: "h-5 w-5 text-gray-400" })]), _: 1 }), m2.value.length > 0 ? (e(), t(d(Lt), { 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: T(() => [(e(true), a(w, null, j(m2.value, (l3) => (e(), t(d(Ft), { key: l3.id, value: l3, as: "template" }, { default: T(({ active: t2, selected: r4 }) => [i("li", { class: n(["relative cursor-default select-none py-2 pl-3 pr-9", t2 ? "bg-indigo-600 text-white" : "text-gray-900"]) }, [i("span", { class: n(["block truncate", r4 && "font-semibold"]) }, _(l3.name), 3), r4 ? (e(), a("span", { key: 0, class: n(["absolute inset-y-0 right-0 flex items-center pr-4", t2 ? "text-white" : "text-indigo-600"]) }, [o(d(rn), { "aria-hidden": "true", class: "h-5 w-5", loading: true })], 2)) : R("", true)], 2)]), _: 2 }, 1032, ["value"]))), 128))]), _: 1 })) : R("", true)]), B(i("p", { class: n([{ "text-gray-400": "danger" !== l2.color || "warning" !== l2.color || "success" !== l2.color, "text-red-400": "danger" === l2.color, "text-yellow-400": "warning" === l2.color, "text-green-400": "success" === l2.color }, "mt-2 text-xs flex flex-row items-center"]) }, _(l2.error), 3), [[L, l2.error]])]), _: 1 }, 8, ["modelValue", "disabled"]));
-} }), 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" }, oa = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" }, null, -1)], ra = { name: "uiTag" }, ia = Object.assign(ra, { props: { color: { type: String, default: "primary" }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, o2) => t2.loading ? (e(), a("div", aa, oa)) : (e(), a("span", { key: 0, class: n([{ "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"]) }, [r(l2.$slots, "default")], 2)) }), sa = { key: 0 }, ua = { key: 0, class: "block text-sm font-medium text-gray-700" }, da = ["disabled", "placeholder"], ca = { key: 1, class: "animate-pulse" }, pa = [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)], ga = { name: "uiTextArea" }, ma = Object.assign(ga, { props: { label: String, placeholder: { type: String, default: "..." }, value: String, color: String, disabled: { type: Boolean, default: false }, error: String, loading: { type: Boolean, default: true } }, emits: ["inputChanged"], setup(t2, { emit: l2 }) {
+  return (r3, s2) => l2.loading ? (e(), a("div", la, [na, o(d(gn), { "aria-hidden": "true", class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400" })])) : (e(), t(d(jt), { key: 0, modelValue: f2.value, "onUpdate:modelValue": [s2[1] || (s2[1] = (e2) => f2.value = e2), s2[2] || (s2[2] = (e2) => p2("selectChanged", e2))], disabled: l2.disabled, as: "div" }, { default: T(() => [o(d(Rt), { class: "block text-sm font-medium" }, { default: T(() => [I(_(l2.label), 1)]), _: 1 }), i("div", ta, [o(d(At), { "display-value": (e2) => e2 == null ? void 0 : e2.name, class: n([{ "border-gray-300": "danger" !== l2.color || "warning" !== l2.color || "success" !== l2.color, "border-red-400": "danger" === l2.color, "border-yellow-400": "warning" === l2.color, "border-green-400": "success" === l2.color, "bg-gray-100": l2.disabled, "bg-white": !l2.disabled, "text-black": "danger" !== l2.color || "warning" !== l2.color || "success" !== l2.color, "text-gray-300": l2.disabled, "text-red-400": "danger" === l2.color, "text-yellow-400": "warning" === l2.color, "text-green-400": "success" === l2.color }, "w-full rounded-md border 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) => c2.value = e2.target.value) }, null, 8, ["display-value", "class"]), o(d(Bt), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, { default: T(() => [o(d(gn), { "aria-hidden": "true", class: "h-5 w-5 text-gray-400" })]), _: 1 }), m2.value.length > 0 ? (e(), t(d(Lt), { 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: T(() => [(e(true), a(w, null, j(m2.value, (l3) => (e(), t(d(Ft), { key: l3.id, value: l3, as: "template" }, { default: T(({ active: t2, selected: r4 }) => [i("li", { class: n(["relative cursor-default select-none py-2 pl-3 pr-9", t2 ? "bg-indigo-600 text-white" : "text-gray-900"]) }, [i("span", { class: n(["block truncate", r4 && "font-semibold"]) }, _(l3.name), 3), r4 ? (e(), a("span", { key: 0, class: n(["absolute inset-y-0 right-0 flex items-center pr-4", t2 ? "text-white" : "text-indigo-600"]) }, [o(d(un), { "aria-hidden": "true", class: "h-5 w-5", loading: true })], 2)) : R("", true)], 2)]), _: 2 }, 1032, ["value"]))), 128))]), _: 1 })) : R("", true)]), B(i("p", { class: n([{ "text-gray-400": "danger" !== l2.color || "warning" !== l2.color || "success" !== l2.color, "text-red-400": "danger" === l2.color, "text-yellow-400": "warning" === l2.color, "text-green-400": "success" === l2.color }, "mt-2 text-xs flex flex-row items-center"]) }, _(l2.error), 3), [[L, l2.error]])]), _: 1 }, 8, ["modelValue", "disabled"]));
+} }), ra = { key: 1, class: "inline-flex items-center px-3 py-2.5 rounded text-xs font-medium leading-none animate-pulse bg-gray-200" }, ia = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" }, null, -1)], sa = { name: "uiTag" }, ua = Object.assign(sa, { props: { color: { type: String, default: "primary" }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, o2) => t2.loading ? (e(), a("div", ra, ia)) : (e(), a("span", { key: 0, class: n([{ "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"]) }, [r(l2.$slots, "default")], 2)) }), da = { key: 0 }, ca = { key: 0, class: "block text-sm font-medium text-gray-700" }, pa = ["disabled", "placeholder"], ga = { key: 1, class: "animate-pulse" }, ma = [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)], fa = { name: "uiTextArea" }, va = Object.assign(fa, { 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 r2 = l2, u2 = t2, c2 = (e2) => {
     r2("inputChanged", e2.target.value);
   }, g2 = s(u2.value);
   return p(() => u2.value, (e2) => {
     g2.value = e2, r2("inputChanged", e2);
-  }), (l3, r3) => t2.loading ? (e(), a("div", ca, pa)) : (e(), a("div", sa, [t2.label ? (e(), a("label", ua, _(t2.label), 1)) : R("", true), i("div", { class: n({ "mt-1": t2.label }) }, [B(i("textarea", { disabled: t2.disabled, rows: "4", "onUpdate:modelValue": r3[0] || (r3[0] = (e2) => g2.value = e2), placeholder: t2.placeholder, class: n(["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: c2 }, null, 42, da), [[N, g2.value]])], 2), B(i("p", { class: n([{ "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"]) }, [o(J, { icon: d(yn), color: "red", class: "mr-2" }, null, 8, ["icon"]), I(_(t2.error), 1)], 2), [[L, t2.error]])]));
-} }), fa = { class: "text-sm font-medium text-gray-900" }, va = { key: 0, class: "text-sm text-gray-500 ml-2" }, ha = { key: 1, class: "animate-pulse flex items-center" }, ba = [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)], ya = { name: "uiToggle" }, xa = Object.assign(ya, { props: { item: { type: Object, required: true }, checked: { type: Boolean, default: false }, disabled: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, setup(l2) {
+  }), (l3, r3) => t2.loading ? (e(), a("div", ga, ma)) : (e(), a("div", da, [t2.label ? (e(), a("label", ca, _(t2.label), 1)) : R("", true), i("div", { class: n({ "mt-1": t2.label }) }, [B(i("textarea", { disabled: t2.disabled, rows: "4", "onUpdate:modelValue": r3[0] || (r3[0] = (e2) => g2.value = e2), placeholder: t2.placeholder, class: n(["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: c2 }, null, 42, pa), [[N, g2.value]])], 2), B(i("p", { class: n([{ "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"]) }, [o(J, { icon: d(wn), color: "red", class: "mr-2" }, null, 8, ["icon"]), I(_(t2.error), 1)], 2), [[L, t2.error]])]));
+} }), ha = { class: "text-sm font-medium text-gray-900" }, ba = { key: 0, class: "text-sm text-gray-500 ml-2" }, ya = { 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)], wa = { name: "uiToggle" }, ka = Object.assign(wa, { props: { item: { type: Object, required: true }, checked: { type: Boolean, default: false }, disabled: { type: Boolean, default: false }, loading: { type: Boolean, default: true } }, setup(l2) {
   const r2 = s(l2.checked);
-  return (s2, u2) => l2.loading ? (e(), a("div", ha, ba)) : (e(), t(d(Nl), { key: 0, as: "div", class: "flex items-center relative" }, { default: T(() => [o(d(zl), { disabled: l2.disabled, onClick: u2[0] || (u2[0] = (e2) => s2.$emit("toggleChanged", { item: l2.item, active: !r2.value })), modelValue: r2.value, "onUpdate:modelValue": u2[1] || (u2[1] = (e2) => r2.value = e2), class: n([r2.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: T(() => [i("span", { "aria-hidden": "true", class: n([r2.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"]), o(d($l), { as: "span", class: "ml-3" }, { default: T(() => [i("span", fa, _(l2.item.title), 1), l2.item.subtitle ? (e(), a("span", va, _(l2.item.subtitle), 1)) : R("", true)]), _: 1 }), l2.item.action ? (e(), a("span", { key: 0, class: "cursor-pointer text-indigo-600 hover:text-indigo-400 uppercase text-xs absolute right-0 bottom-0.5", onClick: u2[2] || (u2[2] = (e2) => s2.$emit("actionClicked", l2.item)) }, _(l2.item.action), 1)) : R("", true)]), _: 1 }));
-} }), wa = { key: 0, class: "flex flex-col" }, ka = { class: "flex" }, Sa = { class: "flex-shrink-0" }, Ca = { class: "ml-3" }, Oa = { class: "mt-4" }, Ma = { class: "-mx-2 -my-1.5 flex" }, Da = ["onClick"], Ea = { key: 1, class: "flex flex-col animate-pulse" }, Ta = [z('<div class="p-4 border-l-4 bg-gray-100 border-gray-400 rounded"><div class="flex"><div class="flex-shrink-0"><div class="h-6 w-6 animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"></div></div><div class="ml-3 w-full"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-3/5"></div></div></div></div>', 1)], Ia = { name: "uiAlert" }, _a = Object.assign(Ia, { props: { actions: { type: Array }, title: { type: String }, type: { type: String, default: "info" }, loading: { type: Boolean, default: true } }, setup: (l2) => (o2, s2) => l2.loading ? (e(), a("div", Ea, Ta)) : (e(), a("div", wa, [i("div", { class: n([{ "bg-indigo-50 border-indigo-400": "info" === l2.type, "bg-red-50 border-red-400": "danger" === l2.type, "bg-yellow-50 border-yellow-400": "warning" === l2.type, "bg-green-50 border-green-400": "success" === l2.type }, "p-4 border-l-4 rounded"]) }, [i("div", ka, [i("div", Sa, ["info" === l2.type ? (e(), t(d(vn), { key: 0, class: "h-8 w-8 text-indigo-400", "aria-hidden": "true" })) : R("", true), "danger" === l2.type ? (e(), t(d(yn), { key: 1, class: "h-8 w-8 text-red-400", "aria-hidden": "true" })) : R("", true), "warning" === l2.type ? (e(), t(d(gn), { key: 2, class: "h-8 w-8 text-yellow-400", "aria-hidden": "true" })) : R("", true), "success" === l2.type ? (e(), t(d(on), { key: 3, class: "h-8 w-8 text-green-400", "aria-hidden": "true" })) : R("", true)]), i("div", Ca, [i("h3", { class: n([{ "text-red-800": "danger" === l2.type, "text-yellow-800": "warning" === l2.type, "text-green-800": "success" === l2.type }, "text-sm font-medium"]) }, _(l2.title), 3), i("div", { class: n([{ "text-red-700": "danger" === l2.type, "text-yellow-700": "warning" === l2.type, "text-green-700": "success" === l2.type }, "mt-2 text-sm"]) }, [r(o2.$slots, "default")], 2), i("div", Oa, [i("div", Ma, [(e(true), a(w, null, j(l2.actions, (t2, r2) => (e(), a("button", { onClick: (e2) => o2.$emit("alertEvent", t2.event), type: "button", key: r2, class: n([{ "bg-green-50 text-green-800 hover:bg-green-100 focus:ring-green-600 focus:ring-offset-green-50": "success" === l2.type, "bg-indigo-50 text-indigo-800 hover:bg-indigo-100 focus:ring-indigo-600 focus:ring-offset-indigo-50": "info" === l2.type, "bg-red-50 text-red-800 hover:bg-red-100 focus:ring-red-600 focus:ring-offset-red-50": "danger" === l2.type, "bg-yellow-50 text-yellow-800 hover:bg-yellow-100 focus:ring-yellow-600 focus:ring-offset-yellow-50": "warning" === l2.type }, "px-2 py-1.5 text-sm font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2"]) }, _(t2.name), 11, Da))), 128))])])])])], 2)])) }), Pa = { key: 0, class: "inline-flex", "aria-label": "Breadcrumb" }, ja = { role: "list", class: "flex items-center space-x-4 text-xs" }, Ra = { key: 0 }, Ba = ["onClick"], Aa = { key: 1, class: "flex items-center" }, La = ["onClick", "aria-current"], Fa = { key: 1, class: "flex flex-row items-center animate-pulse" }, Na = [i("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5 mr-4" }, null, -1), i("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1)], za = { name: "uiBreadcrumbs" }, $a = Object.assign(za, { props: { pages: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, r2) => t2.loading ? (e(), a("div", Fa, Na)) : (e(), a("nav", Pa, [i("ol", ja, [(e(true), a(w, null, j(t2.pages, (t3, r3) => (e(), a("li", { key: r3 }, [0 === r3 ? (e(), a("div", Ra, [i("p", { onClick: (e2) => l2.$emit("breadCrumbClicked", t3.routeName), class: "flex flex-row items-center justify-center text-indigo-600 hover:text-indigo-800 cursor-pointer" }, [o(d(fn), { class: "flex-shrink-0 h-3 w-3 text-gray-400 mr-4", "aria-hidden": "true" }), i("span", null, _(t3.name), 1)], 8, Ba)])) : (e(), a("div", Aa, [o(d(dn), { class: "flex-shrink-0 h-3 w-3 text-gray-400", "aria-hidden": "true" }), i("span", { onClick: (e2) => l2.$emit("breadCrumbClicked", t3.routeName), class: n(["cursor-pointer ml-4 text-xs text-gray-400 hover:text-gray-500", { "text-indigo-600 hover:text-indigo-800": !t3.current }]), "aria-current": t3.current ? "page" : "" }, _(t3.name), 11, La)]))]))), 128))])])) }), Va = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, Ha = ["src"], Ya = { class: "font-bold text-center sm:text-left" }, Ua = { class: "mt-1 text-xs text-center sm:text-left" }, qa = { key: 0, class: "flex flex-wrap mt-4 justify-center sm:justify-start" }, Wa = { key: 1, class: "rounded-lg bg-white shadow p-6 cursor-pointer animate-pulse" }, Ka = [z('<div class="flex items-center flex-col sm:flex-row justify-center sm:justify-start w-full"><div class="w-16 h-16 rounded-full bg-gray-200 flex self-center"></div><div class="w-full ml-4"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mt-4 sm:mt-0 sm:w-16 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full sm:w-32"></div></div></div>', 1)], Ja = { name: "uiCard" }, Ga = Object.assign(Ja, { props: { id: { type: String, required: true }, name: { type: String, required: true }, type: String, tags: Array, logo: String, loading: { type: Boolean, default: true } }, setup: (l2) => (n2, o2) => {
+  return (s2, u2) => l2.loading ? (e(), a("div", ya, xa)) : (e(), t(d($l), { key: 0, as: "div", class: "flex items-center relative" }, { default: T(() => [o(d(Vl), { disabled: l2.disabled, onClick: u2[0] || (u2[0] = (e2) => s2.$emit("toggleChanged", { item: l2.item, active: !r2.value })), modelValue: r2.value, "onUpdate:modelValue": u2[1] || (u2[1] = (e2) => r2.value = e2), class: n([r2.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: T(() => [i("span", { "aria-hidden": "true", class: n([r2.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"]), o(d(Hl), { as: "span", class: "ml-3" }, { default: T(() => [i("span", ha, _(l2.item.title), 1), l2.item.subtitle ? (e(), a("span", ba, _(l2.item.subtitle), 1)) : R("", true)]), _: 1 }), l2.item.action ? (e(), a("span", { key: 0, class: "cursor-pointer text-indigo-600 hover:text-indigo-400 uppercase text-xs absolute right-0 bottom-0.5", onClick: u2[2] || (u2[2] = (e2) => s2.$emit("actionClicked", l2.item)) }, _(l2.item.action), 1)) : R("", true)]), _: 1 }));
+} }), Sa = { key: 0, class: "flex flex-col" }, Ca = { class: "flex" }, Oa = { class: "flex-shrink-0" }, Ma = { class: "ml-3" }, Da = { class: "mt-4" }, Ea = { class: "-mx-2 -my-1.5 flex" }, Ta = ["onClick"], Ia = { key: 1, class: "flex flex-col animate-pulse" }, _a = [z('<div class="p-4 border-l-4 bg-gray-100 border-gray-400 rounded"><div class="flex"><div class="flex-shrink-0"><div class="h-6 w-6 animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"></div></div><div class="ml-3 w-full"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-3/5"></div></div></div></div>', 1)], Pa = { name: "uiAlert" }, ja = Object.assign(Pa, { props: { actions: { type: Array }, title: { type: String }, type: { type: String, default: "info" }, loading: { type: Boolean, default: true } }, setup: (l2) => (o2, s2) => l2.loading ? (e(), a("div", Ia, _a)) : (e(), a("div", Sa, [i("div", { class: n([{ "bg-indigo-50 border-indigo-400": "info" === l2.type, "bg-red-50 border-red-400": "danger" === l2.type, "bg-yellow-50 border-yellow-400": "warning" === l2.type, "bg-green-50 border-green-400": "success" === l2.type }, "p-4 border-l-4 rounded"]) }, [i("div", Ca, [i("div", Oa, ["info" === l2.type ? (e(), t(d(bn), { key: 0, class: "h-8 w-8 text-indigo-400", "aria-hidden": "true" })) : R("", true), "danger" === l2.type ? (e(), t(d(wn), { key: 1, class: "h-8 w-8 text-red-400", "aria-hidden": "true" })) : R("", true), "warning" === l2.type ? (e(), t(d(fn), { key: 2, class: "h-8 w-8 text-yellow-400", "aria-hidden": "true" })) : R("", true), "success" === l2.type ? (e(), t(d(sn), { key: 3, class: "h-8 w-8 text-green-400", "aria-hidden": "true" })) : R("", true)]), i("div", Ma, [i("h3", { class: n([{ "text-red-800": "danger" === l2.type, "text-yellow-800": "warning" === l2.type, "text-green-800": "success" === l2.type }, "text-sm font-medium"]) }, _(l2.title), 3), i("div", { class: n([{ "text-red-700": "danger" === l2.type, "text-yellow-700": "warning" === l2.type, "text-green-700": "success" === l2.type }, "mt-2 text-sm"]) }, [r(o2.$slots, "default")], 2), i("div", Da, [i("div", Ea, [(e(true), a(w, null, j(l2.actions, (t2, r2) => (e(), a("button", { onClick: (e2) => o2.$emit("alertEvent", t2.event), type: "button", key: r2, class: n([{ "bg-green-50 text-green-800 hover:bg-green-100 focus:ring-green-600 focus:ring-offset-green-50": "success" === l2.type, "bg-indigo-50 text-indigo-800 hover:bg-indigo-100 focus:ring-indigo-600 focus:ring-offset-indigo-50": "info" === l2.type, "bg-red-50 text-red-800 hover:bg-red-100 focus:ring-red-600 focus:ring-offset-red-50": "danger" === l2.type, "bg-yellow-50 text-yellow-800 hover:bg-yellow-100 focus:ring-yellow-600 focus:ring-offset-yellow-50": "warning" === l2.type }, "px-2 py-1.5 text-sm font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2"]) }, _(t2.name), 11, Ta))), 128))])])])])], 2)])) }), Ra = { key: 0, class: "inline-flex", "aria-label": "Breadcrumb" }, Ba = { role: "list", class: "flex items-center space-x-4 text-xs" }, Aa = { key: 0 }, La = ["onClick"], Fa = { key: 1, class: "flex items-center" }, Na = ["onClick", "aria-current"], za = { key: 1, class: "flex flex-row items-center animate-pulse" }, $a = [i("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5 mr-4" }, null, -1), i("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1)], Va = { name: "uiBreadcrumbs" }, Ha = Object.assign(Va, { props: { pages: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, r2) => t2.loading ? (e(), a("div", za, $a)) : (e(), a("nav", Ra, [i("ol", Ba, [(e(true), a(w, null, j(t2.pages, (t3, r3) => (e(), a("li", { key: r3 }, [0 === r3 ? (e(), a("div", Aa, [i("p", { onClick: (e2) => l2.$emit("breadCrumbClicked", t3.routeName), class: "flex flex-row items-center justify-center text-indigo-600 hover:text-indigo-800 cursor-pointer" }, [o(d(hn), { class: "flex-shrink-0 h-3 w-3 text-gray-400 mr-4", "aria-hidden": "true" }), i("span", null, _(t3.name), 1)], 8, La)])) : (e(), a("div", Fa, [o(d(pn), { class: "flex-shrink-0 h-3 w-3 text-gray-400", "aria-hidden": "true" }), i("span", { onClick: (e2) => l2.$emit("breadCrumbClicked", t3.routeName), class: n(["cursor-pointer ml-4 text-xs text-gray-400 hover:text-gray-500", { "text-indigo-600 hover:text-indigo-800": !t3.current }]), "aria-current": t3.current ? "page" : "" }, _(t3.name), 11, Na)]))]))), 128))])])) }), Ya = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, Ua = ["src"], qa = { class: "font-bold text-center sm:text-left" }, Wa = { class: "mt-1 text-xs text-center sm:text-left" }, Ka = { key: 0, class: "flex flex-wrap mt-4 justify-center sm:justify-start" }, Ja = { key: 1, class: "rounded-lg bg-white shadow p-6 cursor-pointer animate-pulse" }, Ga = [z('<div class="flex items-center flex-col sm:flex-row justify-center sm:justify-start w-full"><div class="w-16 h-16 rounded-full bg-gray-200 flex self-center"></div><div class="w-full ml-4"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mt-4 sm:mt-0 sm:w-16 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full sm:w-32"></div></div></div>', 1)], Za = { name: "uiCard" }, Xa = Object.assign(Za, { props: { id: { type: String, required: true }, name: { type: String, required: true }, type: String, tags: Array, logo: String, loading: { type: Boolean, default: true } }, setup: (l2) => (n2, o2) => {
   var _a2;
-  return l2.loading ? (e(), a("div", Wa, Ka)) : (e(), a("div", { key: 0, class: "rounded-lg bg-white shadow p-6 cursor-pointer", onClick: o2[0] || (o2[0] = (e2) => n2.$emit("cardSelected", { id: l2.id, name: l2.name, type: l2.type, tags: l2.tags })) }, [i("div", Va, [i("img", { class: "w-16 h-16 rounded-full mb-4 sm:mb-0 sm:mr-4", src: l2.logo }, null, 8, Ha), i("div", null, [i("h4", Ya, _(l2.name), 1), i("p", Ua, _(l2.type), 1)])]), ((_a2 = l2.tags) == null ? void 0 : _a2.length) > 0 ? (e(), a("div", qa, [(e(true), a(w, null, j(l2.tags, (n3) => (e(), t(ia, { class: "mb-1 mr-1", key: n3.name, color: n3.color, loading: l2.loading }, { default: T(() => [I(_(n3.name), 1)]), _: 2 }, 1032, ["color", "loading"]))), 128))])) : R("", true)]));
-} }), Za = { name: "uiFilter" }, Xa = Object.assign(Za, { 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: n2 }) {
+  return l2.loading ? (e(), a("div", Ja, Ga)) : (e(), a("div", { key: 0, class: "rounded-lg bg-white shadow p-6 cursor-pointer", onClick: o2[0] || (o2[0] = (e2) => n2.$emit("cardSelected", { id: l2.id, name: l2.name, type: l2.type, tags: l2.tags })) }, [i("div", Ya, [i("img", { class: "w-16 h-16 rounded-full mb-4 sm:mb-0 sm:mr-4", src: l2.logo }, null, 8, Ua), i("div", null, [i("h4", qa, _(l2.name), 1), i("p", Wa, _(l2.type), 1)])]), ((_a2 = l2.tags) == null ? void 0 : _a2.length) > 0 ? (e(), a("div", Ka, [(e(true), a(w, null, j(l2.tags, (n3) => (e(), t(ua, { class: "mb-1 mr-1", key: n3.name, color: n3.color, loading: l2.loading }, { default: T(() => [I(_(n3.name), 1)]), _: 2 }, 1032, ["color", "loading"]))), 128))])) : R("", true)]));
+} }), Qa = { name: "uiFilter" }, eo = Object.assign(Qa, { 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: n2 }) {
   const a2 = n2, o2 = s(l2.items);
-  return (n3, r2) => (e(), t(Mn, { loading: l2.loading, onOptionSelected: r2[0] || (r2[0] = (e2) => ((e3) => {
+  return (n3, r2) => (e(), t(En, { loading: l2.loading, onOptionSelected: r2[0] || (r2[0] = (e2) => ((e3) => {
     o2.value.forEach((t2) => {
       t2.value !== e3 ? t2.active = false : t2.active = true;
     }), a2("filterSelected", e3);
   })(e2)), position: l2.position, items: o2.value, label: l2.label }, null, 8, ["loading", "position", "items", "label"]));
-} }), Qa = i("div", { class: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" }, null, -1), eo = { class: "fixed inset-0 z-10 overflow-y-auto" }, to = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, lo = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, no = i("span", { class: "sr-only" }, "X", -1), ao = { class: "sm:flex sm:items-start" }, oo = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left sm:mr-4 sm:w-10/12 break-words" }, ro = { class: "mt-4 text-gray-500 text-sm" }, io = { key: 0, class: "mt-8" }, so = ["onClick"], uo = { name: "uiModal" }, co = Object.assign(uo, { 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 }) {
+} }), to = i("div", { class: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" }, null, -1), lo = { class: "fixed inset-0 z-10 overflow-y-auto" }, no = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, ao = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, oo = i("span", { class: "sr-only" }, "X", -1), ro = { class: "sm:flex sm:items-start" }, io = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left sm:mr-4 sm:w-10/12 break-words" }, so = { class: "mt-4 text-gray-500 text-sm" }, uo = { key: 0, class: "mt-8" }, co = ["onClick"], po = { name: "uiModal" }, go = Object.assign(po, { 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, c2 = s2, p2 = (e2) => {
     c2("modalAction", { modal: u2.modalName, action: e2 });
   };
-  return (s3, u3) => (e(), t(d(tn), { as: "template", show: l2.open }, { default: T(() => [o(d(ml), { as: "div", class: "relative z-10", onClose: u3[1] || (u3[1] = (e2) => p2("close")) }, { default: T(() => [o(d(Ql), { 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: T(() => [Qa]), _: 1 }), i("div", eo, [i("div", to, [o(d(Ql), { 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: T(() => [o(d(fl), { 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: T(() => [i("div", lo, [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")) }, [no, o(J, { icon: d(xn), "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])])]), i("div", ao, [i("div", { class: n(["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 }]) }, [B(o(d(xn), { class: "h-6 w-6 text-red-600", "aria-hidden": "true" }, null, 512), [[L, "danger" === l2.type]]), B(o(d(rn), { class: "h-6 w-6 text-green-600", "aria-hidden": "true" }, null, 512), [[L, "success" === l2.type]]), B(o(d(gn), { class: "h-6 w-6 text-yellow-600", "aria-hidden": "true" }, null, 512), [[L, "warning" === l2.type]]), B(o(d(mn), { class: "h-6 w-6 text-indigo-600", "aria-hidden": "true" }, null, 512), [[L, "default" === l2.type]])], 2), i("div", oo, [o(d(vl), { as: "h3", class: "text-lg font-medium leading-6 text-gray-900" }, { default: T(() => [I(_(l2.title), 1)]), _: 1 }), i("div", ro, [r(s3.$slots, "default")]), l2.actions ? (e(), a("div", io, [(e(true), a(w, null, j(l2.actions, (t2, l3) => (e(), a("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) }, _(t2.name), 9, so))), 128))])) : R("", true)])])]), _: 3 })]), _: 3 })])])]), _: 3 })]), _: 3 }, 8, ["show"]));
-} }), po = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, go = { 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" }, mo = { class: "p-4" }, fo = { class: "flex items-start" }, vo = { class: "flex-shrink-0 mt-0.5" }, ho = { class: "ml-3 w-0 flex-1 pt-0.5" }, bo = { class: "font-medium text-gray-900" }, yo = { class: "mt-1 text-sm text-gray-500" }, xo = { class: "ml-4 flex-shrink-0 flex" }, wo = i("span", { class: "sr-only" }, "Close", -1), ko = { name: "uiNotification" }, So = Object.assign(ko, { props: { show: Boolean, type: { type: String, default: "info" }, title: String, message: String, fixed: { type: Boolean, default: true } }, setup(t2) {
+  return (s3, u3) => (e(), t(d(nn), { as: "template", show: l2.open }, { default: T(() => [o(d(vl), { as: "div", class: "relative z-10", onClose: u3[1] || (u3[1] = (e2) => p2("close")) }, { default: T(() => [o(d(tn), { 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: T(() => [to]), _: 1 }), i("div", lo, [i("div", no, [o(d(tn), { 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: T(() => [o(d(hl), { 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: T(() => [i("div", ao, [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")) }, [oo, o(J, { icon: d(kn), "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])])]), i("div", ro, [i("div", { class: n(["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 }]) }, [B(o(d(kn), { class: "h-6 w-6 text-red-600", "aria-hidden": "true" }, null, 512), [[L, "danger" === l2.type]]), B(o(d(un), { class: "h-6 w-6 text-green-600", "aria-hidden": "true" }, null, 512), [[L, "success" === l2.type]]), B(o(d(fn), { class: "h-6 w-6 text-yellow-600", "aria-hidden": "true" }, null, 512), [[L, "warning" === l2.type]]), B(o(d(vn), { class: "h-6 w-6 text-indigo-600", "aria-hidden": "true" }, null, 512), [[L, "default" === l2.type]])], 2), i("div", io, [o(d(bl), { as: "h3", class: "text-lg font-medium leading-6 text-gray-900" }, { default: T(() => [I(_(l2.title), 1)]), _: 1 }), i("div", so, [r(s3.$slots, "default")]), l2.actions ? (e(), a("div", uo, [(e(true), a(w, null, j(l2.actions, (t2, l3) => (e(), a("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) }, _(t2.name), 9, co))), 128))])) : R("", true)])])]), _: 3 })]), _: 3 })])])]), _: 3 })]), _: 3 }, 8, ["show"]));
+} }), mo = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, fo = { 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" }, vo = { class: "p-4" }, ho = { class: "flex items-start" }, bo = { class: "flex-shrink-0 mt-0.5" }, yo = { class: "ml-3 w-0 flex-1 pt-0.5" }, xo = { class: "font-medium text-gray-900" }, wo = { class: "mt-1 text-sm text-gray-500" }, ko = { class: "ml-4 flex-shrink-0 flex" }, So = i("span", { class: "sr-only" }, "Close", -1), Co = { name: "uiNotification" }, Oo = Object.assign(Co, { props: { show: Boolean, type: { type: String, default: "info" }, title: String, message: String, fixed: { type: Boolean, default: true } }, setup(t2) {
   const l2 = t2, r2 = u(() => l2.show);
-  return (l3, s2) => (e(), a("div", { "aria-live": "assertive", class: n([{ fixed: t2.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"]) }, [i("div", po, [o(P, { "enter-active-class": "transform ease-out duration-300 transition", "enter-from-class": "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2", "enter-to-class": "translate-y-0 opacity-100 sm:translate-x-0", "leave-active-class": "transition ease-in duration-100", "leave-from-class": "opacity-100", "leave-to-class": "opacity-0" }, { default: T(() => [r2.value ? (e(), a("div", go, [i("div", mo, [i("div", fo, [i("div", vo, [B(o(d(on), { "aria-hidden": "true", class: "h-6 w-6 text-green-400" }, null, 512), [[L, "success" === t2.type]]), B(o(d(yn), { "aria-hidden": "true", class: "h-6 w-6 text-red-400" }, null, 512), [[L, "danger" === t2.type]]), B(o(d(gn), { "aria-hidden": "true", class: "h-6 w-6 text-yellow-400" }, null, 512), [[L, "warning" === t2.type]]), B(o(d(vn), { "aria-hidden": "true", class: "h-6 w-6 text-indigo-600" }, null, 512), [[L, "info" === t2.type]])]), i("div", ho, [i("p", bo, _(t2.title), 1), i("p", yo, _(t2.message), 1)]), i("div", xo, [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")) }, [wo, o(d(xn), { "aria-hidden": "true", class: "h-5 w-5" })])])])])])) : R("", true)]), _: 1 })])], 2));
-} }), Co = { key: 0, role: "list", class: "divide-y divide-gray-100" }, Oo = { class: "min-w-0" }, Mo = { class: "flex items-start gap-x-3" }, Do = { class: "text-sm font-semibold leading-6 text-gray-900" }, Eo = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, To = { class: "truncate" }, Io = { class: "flex flex-none items-center gap-x-4" }, _o = ["href"], Po = { class: "sr-only" }, jo = { key: 1, class: "divide-y divide-gray-100 animate-pulse" }, Ro = [z('<div class="min-w-0 w-full"><div class="flex items-start gap-x-3"><p class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2"></p></div></div><div class="flex flex-none items-center gap-x-4"><div class="hidden rounded-md bg-gray-200 px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block"><p class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-10"></p></div></div>', 2)], Bo = { name: "uiTaskList" }, Ao = Object.assign(Bo, { props: { tasks: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, o2) => t2.loading ? (e(), a("ul", jo, [(e(true), a(w, null, j(t2.tasks, (t3) => (e(), a("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, Ro))), 128))])) : (e(), a("ul", Co, [(e(true), a(w, null, j(t2.tasks, (t3) => (e(), a("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, [i("div", Oo, [i("div", Mo, [i("p", Do, _(t3.name), 1), i("p", { class: n([{ "text-green-700 bg-green-50 ring-green-600/20": "Complete" === t3.status, "text-gray-600 bg-gray-50 ring-gray-500/10": "In progress" === t3.status, "text-yellow-800 bg-yellow-50 ring-yellow-600/20": "Incomplete" === t3.status }, "rounded-md whitespace-nowrap mt-0.5 px-1.5 py-0.5 text-xs font-medium ring-1 ring-inset"]) }, _(t3.statusLiteral), 3)]), i("div", Eo, [i("p", To, _(t3.description), 1)])]), i("div", Io, [i("a", { href: t3.href, class: "hidden rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block" }, [I(_(t3.action), 1), i("span", Po, ", " + _(t3.name), 1)], 8, _o)])]))), 128))])) });
+  return (l3, s2) => (e(), a("div", { "aria-live": "assertive", class: n([{ fixed: t2.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"]) }, [i("div", mo, [o(P, { "enter-active-class": "transform ease-out duration-300 transition", "enter-from-class": "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2", "enter-to-class": "translate-y-0 opacity-100 sm:translate-x-0", "leave-active-class": "transition ease-in duration-100", "leave-from-class": "opacity-100", "leave-to-class": "opacity-0" }, { default: T(() => [r2.value ? (e(), a("div", fo, [i("div", vo, [i("div", ho, [i("div", bo, [B(o(d(sn), { "aria-hidden": "true", class: "h-6 w-6 text-green-400" }, null, 512), [[L, "success" === t2.type]]), B(o(d(wn), { "aria-hidden": "true", class: "h-6 w-6 text-red-400" }, null, 512), [[L, "danger" === t2.type]]), B(o(d(fn), { "aria-hidden": "true", class: "h-6 w-6 text-yellow-400" }, null, 512), [[L, "warning" === t2.type]]), B(o(d(bn), { "aria-hidden": "true", class: "h-6 w-6 text-indigo-600" }, null, 512), [[L, "info" === t2.type]])]), i("div", yo, [i("p", xo, _(t2.title), 1), i("p", wo, _(t2.message), 1)]), i("div", ko, [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")) }, [So, o(d(kn), { "aria-hidden": "true", class: "h-5 w-5" })])])])])])) : R("", true)]), _: 1 })])], 2));
+} }), Mo = { key: 0, role: "list", class: "divide-y divide-gray-100" }, Do = { class: "min-w-0" }, Eo = { class: "flex items-start gap-x-3" }, To = { class: "text-sm font-semibold leading-6 text-gray-900" }, Io = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, _o = { class: "truncate" }, Po = { class: "flex flex-none items-center gap-x-4" }, jo = ["href"], Ro = { class: "sr-only" }, Bo = { key: 1, class: "divide-y divide-gray-100 animate-pulse" }, Ao = [z('<div class="min-w-0 w-full"><div class="flex items-start gap-x-3"><p class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2"></p></div></div><div class="flex flex-none items-center gap-x-4"><div class="hidden rounded-md bg-gray-200 px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block"><p class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-10"></p></div></div>', 2)], Lo = { name: "uiTaskList" }, Fo = Object.assign(Lo, { props: { tasks: { type: Array, required: true }, loading: { type: Boolean, default: true } }, setup: (t2) => (l2, o2) => t2.loading ? (e(), a("ul", Bo, [(e(true), a(w, null, j(t2.tasks, (t3) => (e(), a("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, Ao))), 128))])) : (e(), a("ul", Mo, [(e(true), a(w, null, j(t2.tasks, (t3) => (e(), a("li", { key: t3.id, class: "flex items-center justify-between gap-x-6 py-5" }, [i("div", Do, [i("div", Eo, [i("p", To, _(t3.name), 1), i("p", { class: n([{ "text-green-700 bg-green-50 ring-green-600/20": "Complete" === t3.status, "text-gray-600 bg-gray-50 ring-gray-500/10": "In progress" === t3.status, "text-yellow-800 bg-yellow-50 ring-yellow-600/20": "Incomplete" === t3.status }, "rounded-md whitespace-nowrap mt-0.5 px-1.5 py-0.5 text-xs font-medium ring-1 ring-inset"]) }, _(t3.statusLiteral), 3)]), i("div", Io, [i("p", _o, _(t3.description), 1)])]), i("div", Po, [i("a", { href: t3.href, class: "hidden rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block" }, [I(_(t3.action), 1), i("span", Ro, ", " + _(t3.name), 1)], 8, jo)])]))), 128))])) });
 "undefined" != typeof globalThis ? globalThis : "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self && self;
-function Lo(e2) {
+function No(e2) {
   return e2 && e2.__esModule && Object.prototype.hasOwnProperty.call(e2, "default") ? e2.default : e2;
 }
 !function(e2) {
@@ -2242,42 +2255,42 @@ function Lo(e2) {
   } };
   l2.default.locale(n2, null, true);
 }(Y);
-const Fo = (e2, t2) => {
+const zo = (e2, t2) => {
   const l2 = e2.__vccOpts || e2;
   for (const [e3, n2] of t2)
     l2[e3] = n2;
   return l2;
-}, No = { class: "dateSelector flex items-center text-white flex-row" }, zo = { class: "pagination flex items-center my-1 md:my-0" }, $o = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, Vo = { class: "pagination flex items-center my-1 sm:my-0" };
-const Ho = Fo({ name: "dateSelector", components: { ChevronLeftIcon: un, ChevronRightIcon: dn }, computed: { currentDate() {
+}, $o = { class: "dateSelector flex items-center text-white flex-row" }, Vo = { class: "pagination flex items-center my-1 md:my-0" }, Ho = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, Yo = { class: "pagination flex items-center my-1 sm:my-0" };
+const Uo = zo({ name: "dateSelector", components: { ChevronLeftIcon: cn, ChevronRightIcon: pn }, computed: { currentDate() {
   return Y(this.selectedDate).locale("es").format("DD MMM. YYYY");
 } }, props: { selectedDate: { type: Object, required: true } }, methods: { selectDate(e2, t2) {
   let l2;
   "previous" === t2 && ("day" === e2 && (l2 = Y(this.selectedDate).subtract(1, "day")), "month" === e2 && (l2 = Y(this.selectedDate).subtract(1, "month")), "year" === e2 && (l2 = Y(this.selectedDate).subtract(1, "year"))), "next" === t2 && ("day" === e2 && (l2 = Y(this.selectedDate).add(1, "day")), "month" === e2 && (l2 = Y(this.selectedDate).add(1, "month")), "year" === e2 && (l2 = Y(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", l2);
 } } }, [["render", function(t2, l2, n2, r2, s2, u2) {
   const d2 = $("ChevronLeftIcon"), c2 = $("ChevronRightIcon");
-  return e(), a("div", No, [i("div", zo, [i("div", { class: "previousYear flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[0] || (l2[0] = (e2) => u2.selectDate("year", "previous")) }, [o(d2, { class: "h-4" }), o(d2, { class: "h-4 -ml-3" }), o(d2, { class: "h-4 -ml-3" })]), i("div", { class: "previousMonth flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[1] || (l2[1] = (e2) => u2.selectDate("month", "previous")) }, [o(d2, { class: "h-4" }), o(d2, { class: "h-4 -ml-3" })]), i("div", { class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[2] || (l2[2] = (e2) => u2.selectDate("day", "previous")) }, [o(d2, { class: "h-4" })])]), i("div", $o, _(u2.currentDate), 1), i("div", Vo, [i("div", { class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[3] || (l2[3] = (e2) => u2.selectDate("day", "next")) }, [o(c2, { class: "h-4" })]), i("div", { class: "previousMonth flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[4] || (l2[4] = (e2) => u2.selectDate("month", "next")) }, [o(c2, { class: "h-4" }), o(c2, { class: "h-4 -ml-3" })]), i("div", { class: "previousYear flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[5] || (l2[5] = (e2) => u2.selectDate("year", "next")) }, [o(c2, { class: "h-4" }), o(c2, { class: "h-4 -ml-3" }), o(c2, { class: "h-4 -ml-3" })])])]);
-}]]), Yo = { name: "SkeletonTable" }, Uo = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, qo = { class: "flow-root" }, Wo = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Ko = { class: "inline-block min-w-full py-2 align-middle px-1" }, Jo = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Go = { class: "min-w-full divide-y divide-gray-300" }, Zo = i("thead", { class: "bg-gray-50" }, [i("tr", null, [i("th", { scope: "col", class: "py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "px-3 py-3.5 text-left text-sm font-semibold text-gray-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "px-3 py-3.5 text-left text-sm font-semibold text-gray-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "px-3 py-3.5 text-left text-sm font-semibold text-gray-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "relative py-3.5 pl-3 pr-4 sm:pr-6" }, [i("span", { class: "sr-only" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })])])])], -1), Xo = { class: "divide-y divide-gray-200 bg-white" }, Qo = [i("td", { class: "whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "whitespace-nowrap px-3 py-4 text-sm text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "whitespace-nowrap px-3 py-4 text-sm text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "whitespace-nowrap px-3 py-4 text-sm text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6" }, [i("a", { href: "#", class: "text-indigo-600 hover:text-indigo-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" }), i("span", { class: "sr-only" }, [I(", {"), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })])])], -1)];
-const er = Fo(Yo, [["render", function(t2, l2, n2, o2, r2, s2) {
-  return e(), a("div", Uo, [i("div", qo, [i("div", Wo, [i("div", Ko, [i("div", Jo, [i("table", Go, [Zo, i("tbody", Xo, [(e(), a(w, null, j(10, (e2) => i("tr", { key: e2 }, Qo)), 64))])])])])])])]);
+  return e(), a("div", $o, [i("div", Vo, [i("div", { class: "previousYear flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[0] || (l2[0] = (e2) => u2.selectDate("year", "previous")) }, [o(d2, { class: "h-4" }), o(d2, { class: "h-4 -ml-3" }), o(d2, { class: "h-4 -ml-3" })]), i("div", { class: "previousMonth flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[1] || (l2[1] = (e2) => u2.selectDate("month", "previous")) }, [o(d2, { class: "h-4" }), o(d2, { class: "h-4 -ml-3" })]), i("div", { class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[2] || (l2[2] = (e2) => u2.selectDate("day", "previous")) }, [o(d2, { class: "h-4" })])]), i("div", Ho, _(u2.currentDate), 1), i("div", Yo, [i("div", { class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[3] || (l2[3] = (e2) => u2.selectDate("day", "next")) }, [o(c2, { class: "h-4" })]), i("div", { class: "previousMonth flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[4] || (l2[4] = (e2) => u2.selectDate("month", "next")) }, [o(c2, { class: "h-4" }), o(c2, { class: "h-4 -ml-3" })]), i("div", { class: "previousYear flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm", onClick: l2[5] || (l2[5] = (e2) => u2.selectDate("year", "next")) }, [o(c2, { class: "h-4" }), o(c2, { class: "h-4 -ml-3" }), o(c2, { class: "h-4 -ml-3" })])])]);
+}]]), qo = { name: "SkeletonTable" }, Wo = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Ko = { class: "flow-root" }, Jo = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Go = { class: "inline-block min-w-full py-2 align-middle px-1" }, Zo = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Xo = { class: "min-w-full divide-y divide-gray-300" }, Qo = i("thead", { class: "bg-gray-50" }, [i("tr", null, [i("th", { scope: "col", class: "py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "px-3 py-3.5 text-left text-sm font-semibold text-gray-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "px-3 py-3.5 text-left text-sm font-semibold text-gray-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "px-3 py-3.5 text-left text-sm font-semibold text-gray-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })]), i("th", { scope: "col", class: "relative py-3.5 pl-3 pr-4 sm:pr-6" }, [i("span", { class: "sr-only" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })])])])], -1), er = { class: "divide-y divide-gray-200 bg-white" }, tr = [i("td", { class: "whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "whitespace-nowrap px-3 py-4 text-sm text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "whitespace-nowrap px-3 py-4 text-sm text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "whitespace-nowrap px-3 py-4 text-sm text-gray-500" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })], -1), i("td", { class: "relative whitespace-nowrap py-4 pl-3 pr-4 text-right text-sm font-medium sm:pr-6" }, [i("a", { href: "#", class: "text-indigo-600 hover:text-indigo-900" }, [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" }), i("span", { class: "sr-only" }, [I(", {"), i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })])])], -1)];
+const lr = zo(qo, [["render", function(t2, l2, n2, o2, r2, s2) {
+  return e(), a("div", Wo, [i("div", Ko, [i("div", Jo, [i("div", Go, [i("div", Zo, [i("table", Xo, [Qo, i("tbody", er, [(e(), a(w, null, j(10, (e2) => i("tr", { key: e2 }, tr)), 64))])])])])])])]);
 }]]);
-var tr = { exports: {} };
-tr.exports = function(e2, t2, l2) {
+var nr = { exports: {} };
+nr.exports = function(e2, t2, l2) {
   t2.prototype.isToday = function() {
     var e3 = "YYYY-MM-DD", t3 = l2();
     return this.format(e3) === t3.format(e3);
   };
 };
-const lr = Lo(tr.exports), nr = { class: "text-xs" }, ar = { class: "font-bold text-lg" }, or = { class: "text-xs font-medium" };
-const rr = Fo({ name: "calendarDay", props: { day: Object }, computed: { currentDay() {
-  return Y.extend(lr), { dayName: Y(this.day).locale("es").format("ddd"), day: Y(this.day).locale("es").format("DD"), month: Y(this.day).locale("es").format("MMM."), isWeekend: 6 == Y(this.day).format("d") || 0 == Y(this.day).format("d"), isToday: Y(this.day).isToday() };
+const ar = No(nr.exports), or = { class: "text-xs" }, rr = { class: "font-bold text-lg" }, ir = { class: "text-xs font-medium" };
+const sr = zo({ name: "calendarDay", props: { day: Object }, computed: { currentDay() {
+  return Y.extend(ar), { dayName: Y(this.day).locale("es").format("ddd"), day: Y(this.day).locale("es").format("DD"), month: Y(this.day).locale("es").format("MMM."), isWeekend: 6 == Y(this.day).format("d") || 0 == Y(this.day).format("d"), isToday: Y(this.day).isToday() };
 } } }, [["render", function(t2, l2, o2, r2, s2, u2) {
-  return e(), a("div", { class: n(["day select-none text-center", { "bg-indigo-200 text-white": u2.currentDay.isWeekend, "bg-[#0ff] text-white": u2.currentDay.isToday }]) }, [i("p", nr, _(u2.currentDay.dayName), 1), i("p", ar, _(u2.currentDay.day), 1), i("p", or, _(u2.currentDay.month), 1)], 2);
-}]]), ir = { name: "dayPrice", props: { currency: String, price: Object, basePrice: Number, isBasePrice: { type: Boolean, default: false } }, computed: { currentDay() {
+  return e(), a("div", { class: n(["day select-none text-center", { "bg-indigo-200 text-white": u2.currentDay.isWeekend, "bg-[#0ff] text-white": u2.currentDay.isToday }]) }, [i("p", or, _(u2.currentDay.dayName), 1), i("p", rr, _(u2.currentDay.day), 1), i("p", ir, _(u2.currentDay.month), 1)], 2);
+}]]), ur = { name: "dayPrice", props: { currency: String, price: Object, basePrice: Number, isBasePrice: { type: Boolean, default: false } }, computed: { currentDay() {
   return { isWeekend: 6 == Y(this.price.date).format("d") || 0 == Y(this.price.date).format("d"), price: this.price.price };
-} } }, sr = { class: "priceDay" };
-const ur = { name: "uiPriceCalendar", data: () => ({ today: /* @__PURE__ */ new Date(), date: /* @__PURE__ */ new Date(), selectedRooms: [], showBasePricesModal: false, showDays: 14 }), props: { type: String, category: { type: Object, required: true }, rooms: { type: Array, required: true }, currency: Object, actions: Array, loading: { type: Boolean, default: true }, literals: { type: Object, required: true } }, components: { DateSelector: Ho, Day: rr, Price: Fo(ir, [["render", function(t2, l2, o2, r2, s2, u2) {
-  return e(), a("div", sr, [i("div", { class: n([{ "bg-indigo-200 text-white": u2.currentDay.isWeekend, "bg-green-300 text-white": o2.price.price > o2.basePrice, "bg-yellow-300 text-white": o2.price.price < o2.basePrice }, "select-none text-center rounded-lg p-1"]) }, _(u2.currentDay.price) + _(o2.currency), 3)]);
-}]]), uiButton: ee, SkeletonTable: er }, computed: { days() {
+} } }, dr = { class: "priceDay" };
+const cr = { name: "uiPriceCalendar", data: () => ({ today: /* @__PURE__ */ new Date(), date: /* @__PURE__ */ new Date(), selectedRooms: [], showBasePricesModal: false, showDays: 14 }), props: { type: String, category: { type: Object, required: true }, rooms: { type: Array, required: true }, currency: Object, actions: Array, loading: { type: Boolean, default: true }, literals: { type: Object, required: true } }, components: { DateSelector: Uo, Day: sr, Price: zo(ur, [["render", function(t2, l2, o2, r2, s2, u2) {
+  return e(), a("div", dr, [i("div", { class: n([{ "bg-indigo-200 text-white": u2.currentDay.isWeekend, "bg-green-300 text-white": o2.price.price > o2.basePrice, "bg-yellow-300 text-white": o2.price.price < o2.basePrice }, "select-none text-center rounded-lg p-1"]) }, _(u2.currentDay.price) + _(o2.currency), 3)]);
+}]]), uiButton: ee, SkeletonTable: lr }, computed: { days() {
   let e2 = [];
   for (let t2 = 0; t2 < this.showDays; t2++)
     e2.push(Y(this.date).add(t2, "day"));
@@ -2299,44 +2312,44 @@ const ur = { name: "uiPriceCalendar", data: () => ({ today: /* @__PURE__ */ new
   this.$emit("tableAction", e2);
 }, changeRoomPrice(e2) {
   this.$emit("changeRoomPrice", e2);
-} } }, dr = { key: 0, class: "px-4 sm:px-6 lg:px-8" }, cr = { class: "flow-root" }, pr = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, gr = { class: "inline-block min-w-full align-middle" }, mr = { class: "min-w-full text-sm" }, fr = { class: "bg-white" }, vr = { colspan: "6", scope: "colgroup", class: "bg-gray-50 py-2 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-3" }, hr = { colspan: "20", scope: "colgroup", class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, br = { key: 0 }, yr = { colspan: "6", class: "pl-4" }, xr = { key: 1 }, wr = { colspan: "6", class: "pl-4" }, kr = { key: 2 }, Sr = { colspan: "6", class: "pl-4" }, Cr = { colspan: "20", scope: "colgroup", class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900 relative" }, Or = { key: 0, class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-48 bg-white shadow rounded px-4 py-1 z-10" }, Mr = ["onClick"], Dr = { colspan: "2", scope: "colgroup", class: "relative bg-gray-100 py-3.5 pl-4 pr-3 text-left font-semibold text-gray-900" }, Er = ["checked", "indeterminate"], Tr = { class: "pl-6" }, Ir = { colspan: "2", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, _r = { colspan: "2", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, Pr = i("th", { colspan: "14", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, null, -1), jr = { colspan: "2", class: "relative py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6" }, Rr = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, Br = ["value"], Ar = { class: "pl-6" }, Lr = { colspan: "2", class: "pl-4" }, Fr = { colspan: "2", class: "pl-4" };
-const Nr = Fo(ur, [["render", function(l2, r2, s2, u2, d2, c2) {
+} } }, pr = { key: 0, class: "px-4 sm:px-6 lg:px-8" }, gr = { class: "flow-root" }, mr = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, fr = { class: "inline-block min-w-full align-middle" }, vr = { class: "min-w-full text-sm" }, hr = { class: "bg-white" }, br = { colspan: "6", scope: "colgroup", class: "bg-gray-50 py-2 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-3" }, yr = { colspan: "20", scope: "colgroup", class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, xr = { key: 0 }, wr = { colspan: "6", class: "pl-4" }, kr = { key: 1 }, Sr = { colspan: "6", class: "pl-4" }, Cr = { key: 2 }, Or = { colspan: "6", class: "pl-4" }, Mr = { colspan: "20", scope: "colgroup", class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900 relative" }, Dr = { key: 0, class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-48 bg-white shadow rounded px-4 py-1 z-10" }, Er = ["onClick"], Tr = { colspan: "2", scope: "colgroup", class: "relative bg-gray-100 py-3.5 pl-4 pr-3 text-left font-semibold text-gray-900" }, Ir = ["checked", "indeterminate"], _r = { class: "pl-6" }, Pr = { colspan: "2", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, jr = { colspan: "2", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, Rr = i("th", { colspan: "14", scope: "colgroup", class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900" }, null, -1), Br = { colspan: "2", class: "relative py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6" }, Ar = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, Lr = ["value"], Fr = { class: "pl-6" }, Nr = { colspan: "2", class: "pl-4" }, zr = { colspan: "2", class: "pl-4" };
+const $r = zo(cr, [["render", function(l2, r2, s2, u2, d2, c2) {
   var _a2, _b;
   const p2 = $("DateSelector"), g2 = $("Day"), m2 = $("uiButton"), f2 = $("Price"), v2 = $("SkeletonTable");
-  return s2.loading ? (e(), t(v2, { key: 1 })) : (e(), a("div", dr, [i("div", cr, [i("div", pr, [i("div", gr, [i("table", mr, [i("tbody", fr, [i("tr", null, [i("th", vr, [o(p2, { selectedDate: l2.date, onDateSelected: r2[0] || (r2[0] = (e2) => c2.changeDate(e2)) }, null, 8, ["selectedDate"])]), (e(true), a(w, null, j(c2.days, (t2, l3) => (e(), a("th", { scope: "col", key: l3, class: "text-sm font-semibold text-gray-900 p-0" }, [o(g2, { class: "border-l border-gray-200 px-6 py-3", day: t2 }, null, 8, ["day"])]))), 128))]), i("tr", null, [i("th", hr, [i("span", null, _(s2.literals.category) + " " + _(s2.category.name), 1), o(m2, { loading: s2.loading, class: "ml-4", size: "small", onClick: c2.changeCategoryBulkPrices }, { default: T(() => [I(_(s2.literals.changeInBulk), 1)]), _: 1 }, 8, ["loading", "onClick"])])]), "discounts" === s2.type ? (e(), a("tr", br, [i("td", yr, _(s2.literals.pricesDiscount), 1), (e(true), a(w, null, j(s2.category.selectionPrices, (t2, l3) => (e(), a("td", { key: l3, class: "p-0" }, [o(f2, { onClick: (e2) => c2.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: s2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))])) : R("", true), "prices" === s2.type ? (e(), a("tr", xr, [i("td", wr, _(s2.literals.pricesSelection), 1), (e(true), a(w, null, j(s2.category.selectionPrices, (t2, l3) => (e(), a("td", { key: l3, class: "p-0" }, [o(f2, { onClick: (e2) => c2.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: s2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))])) : R("", true), "prices" === s2.type ? (e(), a("tr", kr, [i("td", Sr, _(s2.literals.pricesUpgrade), 1), (e(true), a(w, null, j(s2.category.upgradePrices, (t2, l3) => (e(), a("td", { key: l3, class: "p-0" }, [o(f2, { onClick: (e2) => c2.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: s2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))])) : R("", true), i("tr", null, [i("th", Cr, [((_a2 = l2.selectedRooms) == null ? void 0 : _a2.length) > 0 && ((_b = s2.actions) == null ? void 0 : _b.length) > 0 ? (e(), a("div", Or, [(e(true), a(w, null, j(s2.actions, (t2, n2) => (e(), a("button", { onClick: (e2) => c2.tableAction({ action: t2.id, items: l2.selectedRooms }), key: n2, type: "button", class: "inline-flex items-center rounded bg-indigo-600 hover:bg-indigo-800 px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30" }, _(t2.name), 9, Mr))), 128))])) : R("", true), i("span", null, _(s2.literals.pricesSelection), 1)])]), i("tr", null, [i("th", Dr, [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: c2.indeterminate || l2.selectedRooms.length === s2.rooms.length, indeterminate: c2.indeterminate, onChange: r2[1] || (r2[1] = (e2) => l2.selectedRooms = e2.target.checked ? s2.rooms.map((e3) => e3.name) : []) }, null, 40, Er), i("span", Tr, _(s2.literals.room), 1)]), i("th", Ir, _(s2.literals.building), 1), i("th", _r, _(s2.literals.floor), 1), Pr]), (e(true), a(w, null, j(s2.rooms, (t2) => (e(), a("tr", { key: t2.name, class: n([{ "even:bg-gray-100": "prices" === s2.type, "odd:bg-gray-100": "discounts" === s2.type }]) }, [i("td", jr, [l2.selectedRooms.includes(t2.name) ? (e(), a("div", Rr)) : R("", true), B(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": r2[2] || (r2[2] = (e2) => l2.selectedRooms = e2) }, null, 8, Br), [[V, l2.selectedRooms]]), i("span", Ar, _(t2.name), 1)]), i("td", Lr, _(t2.building), 1), i("td", Fr, _(t2.floor), 1), (e(true), a(w, null, j(t2.selectionPrices, (t3, l3) => (e(), a("td", { class: "p-0", key: l3 }, [o(f2, { onClick: (e2) => c2.changeRoomPrice(t3), class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 cursor-pointer", price: t3, currency: s2.currency.symbol, basePrice: c2.getSelectionBasePrice(t3) }, null, 8, ["onClick", "price", "currency", "basePrice"])]))), 128))], 2))), 128))])])])])])]));
-}]]), zr = { class: "chart-selector flex flex-row items-center justify-center" }, $r = { name: "rangeSelector" }, Vr = Object.assign($r, { props: { range: { type: String } }, emits: ["rangeSelected"], setup(t2, { emit: l2 }) {
+  return s2.loading ? (e(), t(v2, { key: 1 })) : (e(), a("div", pr, [i("div", gr, [i("div", mr, [i("div", fr, [i("table", vr, [i("tbody", hr, [i("tr", null, [i("th", br, [o(p2, { selectedDate: l2.date, onDateSelected: r2[0] || (r2[0] = (e2) => c2.changeDate(e2)) }, null, 8, ["selectedDate"])]), (e(true), a(w, null, j(c2.days, (t2, l3) => (e(), a("th", { scope: "col", key: l3, class: "text-sm font-semibold text-gray-900 p-0" }, [o(g2, { class: "border-l border-gray-200 px-6 py-3", day: t2 }, null, 8, ["day"])]))), 128))]), i("tr", null, [i("th", yr, [i("span", null, _(s2.literals.category) + " " + _(s2.category.name), 1), o(m2, { loading: s2.loading, class: "ml-4", size: "small", onClick: c2.changeCategoryBulkPrices }, { default: T(() => [I(_(s2.literals.changeInBulk), 1)]), _: 1 }, 8, ["loading", "onClick"])])]), "discounts" === s2.type ? (e(), a("tr", xr, [i("td", wr, _(s2.literals.pricesDiscount), 1), (e(true), a(w, null, j(s2.category.selectionPrices, (t2, l3) => (e(), a("td", { key: l3, class: "p-0" }, [o(f2, { onClick: (e2) => c2.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: s2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))])) : R("", true), "prices" === s2.type ? (e(), a("tr", kr, [i("td", Sr, _(s2.literals.pricesSelection), 1), (e(true), a(w, null, j(s2.category.selectionPrices, (t2, l3) => (e(), a("td", { key: l3, class: "p-0" }, [o(f2, { onClick: (e2) => c2.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: s2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))])) : R("", true), "prices" === s2.type ? (e(), a("tr", Cr, [i("td", Or, _(s2.literals.pricesUpgrade), 1), (e(true), a(w, null, j(s2.category.upgradePrices, (t2, l3) => (e(), a("td", { key: l3, class: "p-0" }, [o(f2, { onClick: (e2) => c2.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: s2.currency.symbol, isBasePrice: true }, null, 8, ["onClick", "price", "currency"])]))), 128))])) : R("", true), i("tr", null, [i("th", Mr, [((_a2 = l2.selectedRooms) == null ? void 0 : _a2.length) > 0 && ((_b = s2.actions) == null ? void 0 : _b.length) > 0 ? (e(), a("div", Dr, [(e(true), a(w, null, j(s2.actions, (t2, n2) => (e(), a("button", { onClick: (e2) => c2.tableAction({ action: t2.id, items: l2.selectedRooms }), key: n2, type: "button", class: "inline-flex items-center rounded bg-indigo-600 hover:bg-indigo-800 px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30" }, _(t2.name), 9, Er))), 128))])) : R("", true), i("span", null, _(s2.literals.pricesSelection), 1)])]), i("tr", null, [i("th", Tr, [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: c2.indeterminate || l2.selectedRooms.length === s2.rooms.length, indeterminate: c2.indeterminate, onChange: r2[1] || (r2[1] = (e2) => l2.selectedRooms = e2.target.checked ? s2.rooms.map((e3) => e3.name) : []) }, null, 40, Ir), i("span", _r, _(s2.literals.room), 1)]), i("th", Pr, _(s2.literals.building), 1), i("th", jr, _(s2.literals.floor), 1), Rr]), (e(true), a(w, null, j(s2.rooms, (t2) => (e(), a("tr", { key: t2.name, class: n([{ "even:bg-gray-100": "prices" === s2.type, "odd:bg-gray-100": "discounts" === s2.type }]) }, [i("td", Br, [l2.selectedRooms.includes(t2.name) ? (e(), a("div", Ar)) : R("", true), B(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": r2[2] || (r2[2] = (e2) => l2.selectedRooms = e2) }, null, 8, Lr), [[V, l2.selectedRooms]]), i("span", Fr, _(t2.name), 1)]), i("td", Nr, _(t2.building), 1), i("td", zr, _(t2.floor), 1), (e(true), a(w, null, j(t2.selectionPrices, (t3, l3) => (e(), a("td", { class: "p-0", key: l3 }, [o(f2, { onClick: (e2) => c2.changeRoomPrice(t3), class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 cursor-pointer", price: t3, currency: s2.currency.symbol, basePrice: c2.getSelectionBasePrice(t3) }, null, 8, ["onClick", "price", "currency", "basePrice"])]))), 128))], 2))), 128))])])])])])]));
+}]]), Vr = { class: "chart-selector flex flex-row items-center justify-center" }, Hr = { name: "rangeSelector" }, Yr = Object.assign(Hr, { props: { range: { type: String } }, emits: ["rangeSelected"], setup(t2, { emit: l2 }) {
   const o2 = l2, r2 = t2;
   let s2 = u(() => r2.range);
   const c2 = (e2) => {
     s2.value = e2, o2("rangeSelected", e2);
   };
-  return (t3, l3) => (e(), a("ul", zr, [i("li", { class: n({ selected: "24h" === d(s2) }), onClick: l3[0] || (l3[0] = (e2) => c2("24h")) }, " 24H ", 2), i("li", { class: n({ selected: "7d" === d(s2) }), onClick: l3[1] || (l3[1] = (e2) => c2("7d")) }, "7D", 2), i("li", { class: n({ selected: "1m" === d(s2) }), onClick: l3[2] || (l3[2] = (e2) => c2("1m")) }, "1M", 2), i("li", { class: n({ selected: "3m" === d(s2) }), onClick: l3[3] || (l3[3] = (e2) => c2("3m")) }, "3M", 2)]));
-} }), Hr = { class: "chart-header flex flex-row justify-between" }, Yr = { class: "text-sm font-medium text-gray-500 truncate" }, Ur = { class: "chart-content" }, qr = { class: "h-full w-full flex items-center justify-center flex-col" }, Wr = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Kr = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Jr = [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)], Gr = { name: "uiChart" }, Zr = Object.assign(Gr, { 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 }, annotations: { type: Object } }, emits: ["selectedRange", "chartUpdated", "dataPointSelection"], setup(t2, { emit: l2 }) {
+  return (t3, l3) => (e(), a("ul", Vr, [i("li", { class: n({ selected: "24h" === d(s2) }), onClick: l3[0] || (l3[0] = (e2) => c2("24h")) }, " 24H ", 2), i("li", { class: n({ selected: "7d" === d(s2) }), onClick: l3[1] || (l3[1] = (e2) => c2("7d")) }, "7D", 2), i("li", { class: n({ selected: "1m" === d(s2) }), onClick: l3[2] || (l3[2] = (e2) => c2("1m")) }, "1M", 2), i("li", { class: n({ selected: "3m" === d(s2) }), onClick: l3[3] || (l3[3] = (e2) => c2("3m")) }, "3M", 2)]));
+} }), Ur = { class: "chart-header flex flex-row justify-between" }, qr = { class: "text-sm font-medium text-gray-500 truncate" }, Wr = { class: "chart-content" }, Kr = { class: "h-full w-full flex items-center justify-center flex-col" }, Jr = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Gr = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Zr = [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)], Xr = { name: "uiChart" }, Qr = Object.assign(Xr, { 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 }, annotations: { type: Object } }, emits: ["selectedRange", "chartUpdated", "dataPointSelection"], setup(t2, { emit: l2 }) {
   const r2 = l2, s2 = t2;
   let c2 = { chart: { toolbar: { show: false }, zoom: { enabled: false } }, colors: ["#715aff", "#00ffff", "#aba9ba"], stroke: { show: true, curve: "stepline", lineCap: "butt", width: 1, dashArray: 0 }, dataLabels: { enabled: true }, markers: { strokeWidth: 0, size: 4, hover: { size: 8 } } };
   s2.annotations && (c2.annotations = { yaxis: [{ y: s2.annotations.high, borderColor: "#4f46e5", label: { borderColor: "#4f46e5", style: { color: "#fff", background: "#4f46e5" }, text: s2.annotations.text } }] }), "area" === s2.type && (c2.tooltip = { intersect: true, shared: false });
   const p2 = u(() => s2.series), g2 = u(() => (c2.chart.stacked = s2.stacked, { ...c2, ...s2.options, plotOptions: { bar: { horizontal: s2.horizontal } } })), m2 = () => r2("chartUpdated"), f2 = (e2, t3, l3) => {
     r2("dataPointSelection", { id: s2.id, chartContext: t3, config: l3, event: e2 });
   };
-  return (l3, r3) => (e(), a(w, null, [B(i("div", { class: n(["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", Hr, [i("div", Yr, _(t2.title), 1), o(Vr, { range: t2.range, onRangeSelected: r3[0] || (r3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) }, null, 8, ["range"])]), B(i("div", Ur, [o(d(U), { type: t2.type, series: p2.value, width: "100%", height: t2.height, options: g2.value, onUpdated: m2, onMounted: m2, onDataPointSelection: f2 }, null, 8, ["type", "series", "height", "options"])], 512), [[L, !t2.empty]]), B(i("div", qr, [o(J, { icon: d(gn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Wr], 512), [[L, t2.empty]])], 2), [[L, !t2.loading]]), B(i("div", Kr, Jr, 512), [[L, t2.loading]])], 64));
-} }), Xr = { name: "uiFooter" }, Qr = { class: "bg-white" }, ei = [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 ti = Fo(Xr, [["render", function(t2, l2, n2, o2, r2, i2) {
-  return e(), a("footer", Qr, ei);
-}]]), li = i("div", { class: "spinner h-12 w-12 mb-6" }, [i("img", { src: "https://images.hotelinking.com/ui/loader.gif", alt: "loading animation" })], -1), ni = { name: "uiLoadScreen" }, ai = Object.assign(ni, { props: { title: String, message: String, fixed: { type: Boolean, default: true } }, setup: (t2) => (l2, o2) => (e(), a("div", { class: n([{ 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"]) }, [li, B(i("h2", { class: "text-xs font-bold text-center uppercase mb-2" }, _(t2.title), 513), [[L, t2.title]]), B(i("p", { class: "text-xs text-center uppercase md:w-1/4" }, _(t2.message), 513), [[L, t2.message]])], 2)) }), oi = { key: 0, class: "py-6 flex items-center justify-between" }, ri = { class: "flex-1 flex justify-between sm:hidden" }, ii = { 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" }, si = { 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" }, ui = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, di = { class: "text-sm text-gray-700" }, ci = { class: "font-bold" }, pi = { class: "font-bold" }, gi = { class: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px", "aria-label": "Pagination" }, mi = { class: "sr-only" }, fi = ["onClick"], vi = { class: "sr-only" }, hi = { key: 1, class: "py-6 flex flex-row justify-between items-center animate-pulse" }, bi = [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)], yi = { name: "uiPagination" }, xi = Object.assign(yi, { props: { current: { type: Number, requires: true }, total: { type: Number, requires: true }, loading: { type: Boolean, default: true } }, emits: ["changePage"], setup(t2, { emit: l2 }) {
+  return (l3, r3) => (e(), a(w, null, [B(i("div", { class: n(["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", Ur, [i("div", qr, _(t2.title), 1), o(Yr, { range: t2.range, onRangeSelected: r3[0] || (r3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) }, null, 8, ["range"])]), B(i("div", Wr, [o(d(U), { type: t2.type, series: p2.value, width: "100%", height: t2.height, options: g2.value, onUpdated: m2, onMounted: m2, onDataPointSelection: f2 }, null, 8, ["type", "series", "height", "options"])], 512), [[L, !t2.empty]]), B(i("div", Kr, [o(J, { icon: d(fn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Jr], 512), [[L, t2.empty]])], 2), [[L, !t2.loading]]), B(i("div", Gr, Zr, 512), [[L, t2.loading]])], 64));
+} }), ei = { name: "uiFooter" }, ti = { class: "bg-white" }, li = [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 ni = zo(ei, [["render", function(t2, l2, n2, o2, r2, i2) {
+  return e(), a("footer", ti, li);
+}]]), ai = i("div", { class: "spinner h-12 w-12 mb-6" }, [i("img", { src: "https://images.hotelinking.com/ui/loader.gif", alt: "loading animation" })], -1), oi = { name: "uiLoadScreen" }, ri = Object.assign(oi, { props: { title: String, message: String, fixed: { type: Boolean, default: true } }, setup: (t2) => (l2, o2) => (e(), a("div", { class: n([{ 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"]) }, [ai, B(i("h2", { class: "text-xs font-bold text-center uppercase mb-2" }, _(t2.title), 513), [[L, t2.title]]), B(i("p", { class: "text-xs text-center uppercase md:w-1/4" }, _(t2.message), 513), [[L, t2.message]])], 2)) }), ii = { key: 0, class: "py-6 flex items-center justify-between" }, si = { class: "flex-1 flex justify-between sm:hidden" }, ui = { 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" }, di = { 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" }, ci = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, pi = { class: "text-sm text-gray-700" }, gi = { class: "font-bold" }, mi = { class: "font-bold" }, fi = { class: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px", "aria-label": "Pagination" }, vi = { class: "sr-only" }, hi = ["onClick"], bi = { class: "sr-only" }, yi = { key: 1, class: "py-6 flex flex-row justify-between items-center animate-pulse" }, xi = [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)], wi = { name: "uiPagination" }, ki = Object.assign(wi, { props: { current: { type: Number, requires: true }, total: { type: Number, requires: true }, loading: { type: Boolean, default: true } }, emits: ["changePage"], setup(t2, { emit: l2 }) {
   const c2 = l2, p2 = t2, g2 = s(3), m2 = u(() => Math.max(1, Number(p2.current) - Number(g2.value))), f2 = u(() => Math.min(Number(p2.current) + Number(g2.value), Number(p2.total))), v2 = u(() => {
     let e2 = [];
     for (let t3 = Number(m2.value); t3 <= Number(f2.value); t3++)
       e2.push(t3);
     return e2;
   });
-  return (l3, s2) => t2.loading ? (e(), a("div", hi, bi)) : (e(), a("div", oi, [i("div", ri, [i("a", ii, [r(l3.$slots, "previous")]), i("a", si, [r(l3.$slots, "next")])]), i("div", ui, [i("div", null, [i("p", di, [r(l3.$slots, "showing"), I(), i("span", ci, _(t2.current + " "), 1), r(l3.$slots, "of"), I(), i("span", pi, _(t2.total), 1)])]), i("div", null, [i("nav", gi, [B(i("button", { onClick: s2[0] || (s2[0] = (e2) => c2("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", mi, [r(l3.$slots, "previous")]), o(d(un), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[L, 1 !== t2.current]]), (e(true), a(w, null, j(v2.value, (l4) => (e(), a("button", { onClick: (e2) => c2("changePage", l4), key: l4, "aria-current": "page", class: n([[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"]) }, _(l4), 11, fi))), 128)), B(i("button", { onClick: s2[1] || (s2[1] = (e2) => c2("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", vi, [r(l3.$slots, "next")]), o(d(dn), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[L, t2.current !== t2.total]])])])])]));
-} }), wi = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, ki = { class: "flex flex-col flex-grow overflow-y-auto" }, Si = { class: "grow flex flex-col" }, Ci = { class: "flex-1 space-y-1", "aria-label": "Sidebar" }, Oi = { key: 0 }, Mi = ["onClick"], Di = { key: 0, class: "text-left" }, Ei = { key: 0, class: "flex-1 text-left" }, Ti = { key: 1, class: "flex-1" }, Ii = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)], _i = { key: 0, class: "align-left" }, Pi = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, ji = { class: "h-12 flex flex-row items-center" }, Ri = [i("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1), i("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 grow" }, null, -1)], Bi = { name: "uiSidebar" }, Ai = Object.assign(Bi, { props: { navigation: { type: Array, required: true }, loading: { type: Boolean, default: true } }, emits: ["sideBarClick"], setup(l2, { emit: r2 }) {
+  return (l3, s2) => t2.loading ? (e(), a("div", yi, xi)) : (e(), a("div", ii, [i("div", si, [i("a", ui, [r(l3.$slots, "previous")]), i("a", di, [r(l3.$slots, "next")])]), i("div", ci, [i("div", null, [i("p", pi, [r(l3.$slots, "showing"), I(), i("span", gi, _(t2.current + " "), 1), r(l3.$slots, "of"), I(), i("span", mi, _(t2.total), 1)])]), i("div", null, [i("nav", fi, [B(i("button", { onClick: s2[0] || (s2[0] = (e2) => c2("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", vi, [r(l3.$slots, "previous")]), o(d(cn), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[L, 1 !== t2.current]]), (e(true), a(w, null, j(v2.value, (l4) => (e(), a("button", { onClick: (e2) => c2("changePage", l4), key: l4, "aria-current": "page", class: n([[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"]) }, _(l4), 11, hi))), 128)), B(i("button", { onClick: s2[1] || (s2[1] = (e2) => c2("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", bi, [r(l3.$slots, "next")]), o(d(pn), { class: "h-5 w-5", "aria-hidden": "true" })], 512), [[L, t2.current !== t2.total]])])])])]));
+} }), Si = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, Ci = { class: "flex flex-col flex-grow overflow-y-auto" }, Oi = { class: "grow flex flex-col" }, Mi = { class: "flex-1 space-y-1", "aria-label": "Sidebar" }, Di = { key: 0 }, Ei = ["onClick"], Ti = { key: 0, class: "text-left" }, Ii = { key: 0, class: "flex-1 text-left" }, _i = { key: 1, class: "flex-1" }, Pi = [i("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)], ji = { key: 0, class: "align-left" }, Ri = { key: 1, class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, Bi = { class: "h-12 flex flex-row items-center" }, Ai = [i("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1), i("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 grow" }, null, -1)], Li = { name: "uiSidebar" }, Fi = Object.assign(Li, { props: { navigation: { type: Array, required: true }, loading: { type: Boolean, default: true } }, emits: ["sideBarClick"], setup(l2, { emit: r2 }) {
   const s2 = r2;
-  return (r3, u2) => (e(), a("div", wi, [i("div", ki, [i("div", Si, [i("nav", Ci, [l2.loading ? (e(), a(w, { key: 1 }, j(5, (e2) => i("div", ji, Ri)), 64)) : (e(true), a(w, { key: 0 }, j(l2.navigation, (r4) => (e(), a(w, { key: r4.name }, [r4.children ? (e(), t(d(wl), { key: 1, as: "div", class: "space-y-1" }, { default: T(({ open: i2 }) => [o(d(kl), { class: n([r4.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: T(() => [o(J, { loading: l2.loading, icon: r4.icon, class: n([r4.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(), a("div", Ti, Ii)) : (e(), a("span", Ei, _(r4.name), 1)), o(d(dn), { class: n([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"]), o(d(Sl), { class: "space-y-1" }, { default: T(() => [(e(true), a(w, null, j(r4.children, (o2) => (e(), t(d(kl), { onClick: (e2) => s2("sideBarClick", o2.id), key: o2.name, class: n([o2.current ? "bg-gray-200" : "hover:text-gray-900 hover:bg-gray-100", "group text-gray-600 w-full flex items-center text-left pl-11 pr-2 py-2 text-sm font-medium rounded-md"]) }, { default: T(() => [l2.loading ? (e(), a("div", Pi)) : (e(), a("span", _i, _(o2.name), 1))]), _: 2 }, 1032, ["onClick", "class"]))), 128))]), _: 2 }, 1024)]), _: 2 }, 1024)) : (e(), a("div", Oi, [i("button", { onClick: (e2) => s2("sideBarClick", r4.id), class: n([r4.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"]) }, [o(J, { loading: l2.loading, icon: r4.icon, class: n([r4.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 ? R("", true) : (e(), a("span", Di, _(r4.name), 1))], 10, Mi)]))], 64))), 128))])])])]));
-} }), Li = { key: 0 }, Fi = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, Ni = { class: "ml-16 flex items-baseline pb-5" }, zi = { class: "text-2xl font-semibold text-gray-900" }, $i = { key: 0, class: "text-black ml-2 flex items-baseline text-sm font-semibold" }, Vi = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, Hi = { class: "text-sm" }, Yi = { key: 1 }, Ui = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, qi = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Wi = 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), Ki = 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), Ji = { name: "uiStats" }, Gi = Object.assign(Ji, { props: { item: { type: Object, required: true }, loading: { type: Boolean, default: true } }, emits: ["statClick"], setup(l2, { emit: r2 }) {
+  return (r3, u2) => (e(), a("div", Si, [i("div", Ci, [i("div", Oi, [i("nav", Mi, [l2.loading ? (e(), a(w, { key: 1 }, j(5, (e2) => i("div", Bi, Ai)), 64)) : (e(true), a(w, { key: 0 }, j(l2.navigation, (r4) => (e(), a(w, { key: r4.name }, [r4.children ? (e(), t(d(Sl), { key: 1, as: "div", class: "space-y-1" }, { default: T(({ open: i2 }) => [o(d(Cl), { class: n([r4.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: T(() => [o(J, { loading: l2.loading, icon: r4.icon, class: n([r4.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(), a("div", _i, Pi)) : (e(), a("span", Ii, _(r4.name), 1)), o(d(pn), { class: n([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"]), o(d(Ol), { class: "space-y-1" }, { default: T(() => [(e(true), a(w, null, j(r4.children, (o2) => (e(), t(d(Cl), { onClick: (e2) => s2("sideBarClick", o2.id), key: o2.name, class: n([o2.current ? "bg-gray-200" : "hover:text-gray-900 hover:bg-gray-100", "group text-gray-600 w-full flex items-center text-left pl-11 pr-2 py-2 text-sm font-medium rounded-md"]) }, { default: T(() => [l2.loading ? (e(), a("div", Ri)) : (e(), a("span", ji, _(o2.name), 1))]), _: 2 }, 1032, ["onClick", "class"]))), 128))]), _: 2 }, 1024)]), _: 2 }, 1024)) : (e(), a("div", Di, [i("button", { onClick: (e2) => s2("sideBarClick", r4.id), class: n([r4.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"]) }, [o(J, { loading: l2.loading, icon: r4.icon, class: n([r4.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 ? R("", true) : (e(), a("span", Ti, _(r4.name), 1))], 10, Ei)]))], 64))), 128))])])])]));
+} }), Ni = { key: 0 }, zi = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, $i = { class: "ml-16 flex items-baseline pb-5" }, Vi = { class: "text-2xl font-semibold text-gray-900" }, Hi = { key: 0, class: "text-black ml-2 flex items-baseline text-sm font-semibold" }, Yi = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, Ui = { class: "text-sm" }, qi = { key: 1 }, Wi = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, Ki = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Ji = 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), Gi = 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), Zi = { name: "uiStats" }, Xi = Object.assign(Zi, { props: { item: { type: Object, required: true }, loading: { type: Boolean, default: true } }, emits: ["statClick"], setup(l2, { emit: r2 }) {
   const s2 = r2;
-  return (r3, u2) => l2.loading ? (e(), a("div", Yi, [i("div", Ui, [i("dt", null, [i("div", qi, [o(J, { loading: l2.loading, icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true" }, null, 8, ["loading", "icon"])]), Wi, Ki])])])) : (e(), a("div", Li, [i("div", { class: n(["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: n(["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 }]) }, [o(J, { 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, _(l2.item.name), 1)]), i("dd", Ni, [i("p", zi, _(l2.item.stat), 1), l2.item.explanation ? (e(), a("p", $i, _(l2.item.explanation), 1)) : R("", true), l2.item.changeType ? (e(), a("p", { key: 1, class: n([{ "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(d(nn), { key: 0, class: "self-center flex-shrink-0 h-3 w-3 text-green-500", "aria-hidden": "true" })) : R("", true), "decrease" === l2.item.changeType ? (e(), t(d(ln), { key: 1, class: "self-center flex-shrink-0 h-3 w-3 text-red-500", "aria-hidden": "true" })) : R("", true), I(" " + _(l2.item.change), 1)], 2)) : R("", true), B(i("div", Vi, [i("div", Hi, [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" }, _(l2.item.actionText), 1)])], 512), [[L, l2.item.showFooter]])])], 2)]));
-} }), Zi = { key: 0, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, Xi = { class: "px-4 py-5 sm:px-6" }, Qi = { class: "text-lg font-medium leading-6 text-gray-900" }, es = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, ts = { class: "border-t border-gray-200" }, ls = { class: "text-sm font-medium text-gray-500" }, ns = { key: 0, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, as = { key: 1, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, os = ["onClick"], rs = { key: 3, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words" }, is = { key: 1, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, ss = z('<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), us = { class: "border-t border-gray-200" }, ds = [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)], cs = { name: "uiStripedCard" }, ps = Object.assign(cs, { props: { title: String, subtitle: String, items: Object, loading: { type: Boolean, default: true } }, emits: ["itemClicked"], setup: (l2, { emit: r2 }) => (r3, s2) => l2.loading ? (e(), a("div", is, [ss, i("div", us, [i("dl", null, [(e(), a(w, null, j(5, (e2) => i("div", { key: e2, class: n(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [e2 % 2 == 0 ? "bg-gray-50" : "bg-white"]]) }, ds, 2)), 64))])])])) : (e(), a("div", Zi, [i("div", Xi, [i("h3", Qi, _(l2.title), 1), i("p", es, _(l2.subtitle), 1)]), i("div", ts, [i("dl", null, [(e(true), a(w, null, j(l2.items, (s3, u2) => (e(), a("div", { key: u2, class: n(["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", ls, _(s3.title), 1), "tag" === s3.type ? (e(), a("dd", ns, [o(ia, { color: s3.color }, { default: T(() => [I(_(s3.text), 1)]), _: 2 }, 1032, ["color"])])) : "tags" === s3.type ? (e(), a("dd", as, [(e(true), a(w, null, j(s3.tags, (n2, a2) => (e(), t(ia, { loading: l2.loading, key: a2, color: n2.color, class: "mr-2 mb-2" }, { default: T(() => [I(_(n2.text), 1)]), _: 2 }, 1032, ["loading", "color"]))), 128))])) : "link" === s3.type ? (e(), a("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) => r3.$emit("itemClicked", s3.emits) }, _(s3.text), 9, os)) : (e(), a("dd", rs, _(s3.text), 1))], 2))), 128))])])])) }), gs = { 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" }, ms = 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), fs = { class: "ml-2" }, vs = { __name: "tooltip", props: { tip: { type: String, required: true } }, setup: (t2) => (l2, n2) => (e(), a("div", gs, [ms, i("div", null, [o(J, { icon: d(hn), loading: false, color: "white", size: "big" }, null, 8, ["icon"])]), i("span", fs, _(t2.tip), 1)])) }, hs = { key: 0 }, bs = { class: "flex flex-col" }, ys = { class: "-my-2 overflow-x-auto" }, xs = { class: "inline-block min-w-full py-2 align-middle px-1" }, ws = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, ks = { 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" }, Ss = ["onClick"], Cs = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Os = { class: "bg-gray-50" }, Ms = ["checked", "indeterminate"], Ds = ["onMouseover", "onMouseleave"], Es = ["onClick"], Ts = { key: 2, class: "group flex items-center uppercase text-xs" }, Is = { class: "divide-y divide-gray-200 bg-white" }, _s = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, Ps = ["value"], js = ["onClick"], Rs = ["href"], Bs = { key: 3 }, As = { name: "uiTable" }, Ls = Object.assign(As, { 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: r2 }) {
+  return (r3, u2) => l2.loading ? (e(), a("div", qi, [i("div", Wi, [i("dt", null, [i("div", Ki, [o(J, { loading: l2.loading, icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true" }, null, 8, ["loading", "icon"])]), Ji, Gi])])])) : (e(), a("div", Ni, [i("div", { class: n(["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: n(["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 }]) }, [o(J, { icon: l2.item.icon, class: "h-6 w-6 text-white", "aria-hidden": "true", loading: l2.loading }, null, 8, ["icon", "loading"])], 2), i("p", zi, _(l2.item.name), 1)]), i("dd", $i, [i("p", Vi, _(l2.item.stat), 1), l2.item.explanation ? (e(), a("p", Hi, _(l2.item.explanation), 1)) : R("", true), l2.item.changeType ? (e(), a("p", { key: 1, class: n([{ "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(d(on), { key: 0, class: "self-center flex-shrink-0 h-3 w-3 text-green-500", "aria-hidden": "true" })) : R("", true), "decrease" === l2.item.changeType ? (e(), t(d(an), { key: 1, class: "self-center flex-shrink-0 h-3 w-3 text-red-500", "aria-hidden": "true" })) : R("", true), I(" " + _(l2.item.change), 1)], 2)) : R("", true), B(i("div", Yi, [i("div", Ui, [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" }, _(l2.item.actionText), 1)])], 512), [[L, l2.item.showFooter]])])], 2)]));
+} }), Qi = { key: 0, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, es = { class: "px-4 py-5 sm:px-6" }, ts = { class: "text-lg font-medium leading-6 text-gray-900" }, ls = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, ns = { class: "border-t border-gray-200" }, as = { class: "text-sm font-medium text-gray-500" }, os = { key: 0, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, rs = { key: 1, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal" }, is = ["onClick"], ss = { key: 3, class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words" }, us = { key: 1, class: "overflow-hidden bg-white shadow sm:rounded-lg" }, ds = z('<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), cs = { class: "border-t border-gray-200" }, ps = [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)], gs = { name: "uiStripedCard" }, ms = Object.assign(gs, { props: { title: String, subtitle: String, items: Object, loading: { type: Boolean, default: true } }, emits: ["itemClicked"], setup: (l2, { emit: r2 }) => (r3, s2) => l2.loading ? (e(), a("div", us, [ds, i("div", cs, [i("dl", null, [(e(), a(w, null, j(5, (e2) => i("div", { key: e2, class: n(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [e2 % 2 == 0 ? "bg-gray-50" : "bg-white"]]) }, ps, 2)), 64))])])])) : (e(), a("div", Qi, [i("div", es, [i("h3", ts, _(l2.title), 1), i("p", ls, _(l2.subtitle), 1)]), i("div", ns, [i("dl", null, [(e(true), a(w, null, j(l2.items, (s3, u2) => (e(), a("div", { key: u2, class: n(["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", as, _(s3.title), 1), "tag" === s3.type ? (e(), a("dd", os, [o(ua, { color: s3.color }, { default: T(() => [I(_(s3.text), 1)]), _: 2 }, 1032, ["color"])])) : "tags" === s3.type ? (e(), a("dd", rs, [(e(true), a(w, null, j(s3.tags, (n2, a2) => (e(), t(ua, { loading: l2.loading, key: a2, color: n2.color, class: "mr-2 mb-2" }, { default: T(() => [I(_(n2.text), 1)]), _: 2 }, 1032, ["loading", "color"]))), 128))])) : "link" === s3.type ? (e(), a("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) => r3.$emit("itemClicked", s3.emits) }, _(s3.text), 9, is)) : (e(), a("dd", ss, _(s3.text), 1))], 2))), 128))])])])) }), fs = { 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" }, vs = 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), hs = { class: "ml-2" }, bs = { __name: "tooltip", props: { tip: { type: String, required: true } }, setup: (t2) => (l2, n2) => (e(), a("div", fs, [vs, i("div", null, [o(J, { icon: d(yn), loading: false, color: "white", size: "big" }, null, 8, ["icon"])]), i("span", hs, _(t2.tip), 1)])) }, ys = { key: 0 }, xs = { class: "flex flex-col" }, ws = { class: "-my-2 overflow-x-auto" }, ks = { class: "inline-block min-w-full py-2 align-middle px-1" }, Ss = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Cs = { 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" }, Os = ["onClick"], Ms = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Ds = { class: "bg-gray-50" }, Es = ["checked", "indeterminate"], Ts = ["onMouseover", "onMouseleave"], Is = ["onClick"], _s = { key: 2, class: "group flex items-center uppercase text-xs" }, Ps = { class: "divide-y divide-gray-200 bg-white" }, js = { key: 0, class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600" }, Rs = ["value"], Bs = ["onClick"], As = ["href"], Ls = { key: 3 }, Fs = { name: "uiTable" }, Ns = Object.assign(Fs, { 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: r2 }) {
   let c2 = s([]);
   s(false);
   let p2 = s(void 0);
@@ -2345,65 +2358,65 @@ const ti = Fo(Xr, [["render", function(t2, l2, n2, o2, r2, i2) {
   };
   return (r3, s2) => {
     var _a2, _b;
-    return l2.loading ? (e(), t(er, { key: 1 })) : (e(), a("div", hs, [i("div", bs, [i("div", ys, [i("div", xs, [i("div", ws, [((_a2 = d(c2)) == null ? void 0 : _a2.length) > 0 && ((_b = l2.actions) == null ? void 0 : _b.length) > 0 ? (e(), a("div", ks, [(e(true), a(w, null, j(l2.actions, (t2, l3) => (e(), a("button", { onClick: (e2) => g2("tableAction", { action: t2.id, items: d(c2) }), key: l3, type: "button", class: "inline-flex items-center rounded bg-indigo-600 hover:bg-indigo-800 px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30" }, _(t2.name), 9, Ss))), 128))])) : R("", true), i("table", Cs, [i("thead", Os, [i("tr", null, [i("th", { scope: "col", class: n([l2.actions ? "px-6 sm:px-8" : "px-3", "relative"]) }, [l2.actions ? (e(), a("input", { key: 0, checked: f2.value || d(c2).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) => H(c2) ? c2.value = e2.target.checked ? l2.items.map((e3) => e3.id) : [] : c2 = e2.target.checked ? l2.items.map((e3) => e3.id) : []) }, null, 40, Ms)) : R("", true)], 2), (e(true), a(w, null, j(l2.header, (r4, s3) => (e(), a("th", { key: s3, class: "py-3.5 pr-3 text-left font-semibold text-gray-900 flex-wrap relative", scope: "col", onMouseover: (e2) => v2(r4.name, true), onMouseleave: (e2) => v2(r4.name, false) }, [r4.tooltip ? B((e(), t(vs, { key: 0, tip: r4.tooltip }, null, 8, ["tip"])), [[L, d(p2) === r4.name]]) : R("", true), r4.value ? (e(), a("button", { key: 1, class: "group flex items-center uppercase text-xs relative", onClick: (e2) => g2("orderBy", { value: r4.value, orderDirection: "asc" === l2.orderDirection ? "desc" : "asc" }) }, [i("span", null, _(r4.name), 1), i("span", { class: n([[r4.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"]) }, [o(J, { icon: "asc" === l2.orderDirection ? d(sn) : d(pn), loading: l2.loading, color: r4.value === l2.orderedBy ? "white" : "primary" }, null, 8, ["icon", "loading", "color"])], 2)], 8, Es)) : (e(), a("p", Ts, [i("span", null, _(r4.name), 1)]))], 40, Ds))), 128))])]), i("tbody", Is, [(e(true), a(w, null, j(l2.items, (o2, r4) => {
+    return l2.loading ? (e(), t(lr, { key: 1 })) : (e(), a("div", ys, [i("div", xs, [i("div", ws, [i("div", ks, [i("div", Ss, [((_a2 = d(c2)) == null ? void 0 : _a2.length) > 0 && ((_b = l2.actions) == null ? void 0 : _b.length) > 0 ? (e(), a("div", Cs, [(e(true), a(w, null, j(l2.actions, (t2, l3) => (e(), a("button", { onClick: (e2) => g2("tableAction", { action: t2.id, items: d(c2) }), key: l3, type: "button", class: "inline-flex items-center rounded bg-indigo-600 hover:bg-indigo-800 px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30" }, _(t2.name), 9, Os))), 128))])) : R("", true), i("table", Ms, [i("thead", Ds, [i("tr", null, [i("th", { scope: "col", class: n([l2.actions ? "px-6 sm:px-8" : "px-3", "relative"]) }, [l2.actions ? (e(), a("input", { key: 0, checked: f2.value || d(c2).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) => H(c2) ? c2.value = e2.target.checked ? l2.items.map((e3) => e3.id) : [] : c2 = e2.target.checked ? l2.items.map((e3) => e3.id) : []) }, null, 40, Es)) : R("", true)], 2), (e(true), a(w, null, j(l2.header, (r4, s3) => (e(), a("th", { key: s3, class: "py-3.5 pr-3 text-left font-semibold text-gray-900 flex-wrap relative", scope: "col", onMouseover: (e2) => v2(r4.name, true), onMouseleave: (e2) => v2(r4.name, false) }, [r4.tooltip ? B((e(), t(bs, { key: 0, tip: r4.tooltip }, null, 8, ["tip"])), [[L, d(p2) === r4.name]]) : R("", true), r4.value ? (e(), a("button", { key: 1, class: "group flex items-center uppercase text-xs relative", onClick: (e2) => g2("orderBy", { value: r4.value, orderDirection: "asc" === l2.orderDirection ? "desc" : "asc" }) }, [i("span", null, _(r4.name), 1), i("span", { class: n([[r4.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"]) }, [o(J, { icon: "asc" === l2.orderDirection ? d(dn) : d(mn), loading: l2.loading, color: r4.value === l2.orderedBy ? "white" : "primary" }, null, 8, ["icon", "loading", "color"])], 2)], 8, Is)) : (e(), a("p", _s, [i("span", null, _(r4.name), 1)]))], 40, Ts))), 128))])]), i("tbody", Ps, [(e(true), a(w, null, j(l2.items, (o2, r4) => {
       var _a3, _b2;
-      return e(), a("tr", { key: o2.id, class: n([d(c2).includes(o2.id) && "bg-gray-50", r4 % 2 == 0 ? void 0 : "bg-gray-50"]) }, [i("td", { class: n([((_a3 = l2.actions) == null ? void 0 : _a3.length) > 0 ? "w-2" : "w-0", "relative"]) }, [d(c2).includes(o2.id) ? (e(), a("div", _s)) : R("", true), ((_b2 = l2.actions) == null ? void 0 : _b2.length) > 0 ? B((e(), a("input", { key: 1, "onUpdate:modelValue": s2[1] || (s2[1] = (e2) => H(c2) ? c2.value = e2 : c2 = e2), value: o2.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, Ps)), [[V, d(c2)]]) : R("", true)], 2), (e(true), a(w, null, j(o2.row, (r5, i2) => (e(), a("td", { key: i2, class: n(["whitespace-nowrap py-4 pr-3 text-sm", d(c2).includes(o2.id) ? "text-indigo-600" : "text-gray-900"]) }, ["object" == typeof r5 && "tag" === r5.type ? (e(), t(ia, { key: 0, loading: l2.loading, color: r5.color }, { default: T(() => [I(_(r5.content), 1)]), _: 2 }, 1032, ["loading", "color"])) : "object" == typeof r5 && "link" === r5.type ? (e(), a("span", { key: 1, class: "text-indigo-600 hover:text-indigo-400 cursor-pointer", onClick: (e2) => g2(r5.emits, { id: o2.id, data: (o2 == null ? void 0 : o2.emitWith) || null }) }, _(r5.content), 9, js)) : "object" == typeof r5 && "href" === r5.type ? (e(), a("a", { key: 2, class: "text-indigo-600 hover:text-indigo-400 cursor-pointer", href: r5.href, target: "_blank" }, _(r5.content), 9, Rs)) : (e(), a("span", Bs, _(r5), 1))], 2))), 128))], 2);
+      return e(), a("tr", { key: o2.id, class: n([d(c2).includes(o2.id) && "bg-gray-50", r4 % 2 == 0 ? void 0 : "bg-gray-50"]) }, [i("td", { class: n([((_a3 = l2.actions) == null ? void 0 : _a3.length) > 0 ? "w-2" : "w-0", "relative"]) }, [d(c2).includes(o2.id) ? (e(), a("div", js)) : R("", true), ((_b2 = l2.actions) == null ? void 0 : _b2.length) > 0 ? B((e(), a("input", { key: 1, "onUpdate:modelValue": s2[1] || (s2[1] = (e2) => H(c2) ? c2.value = e2 : c2 = e2), value: o2.id, class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500 flex-wrap", type: "checkbox" }, null, 8, Rs)), [[V, d(c2)]]) : R("", true)], 2), (e(true), a(w, null, j(o2.row, (r5, i2) => (e(), a("td", { key: i2, class: n(["whitespace-nowrap py-4 pr-3 text-sm", d(c2).includes(o2.id) ? "text-indigo-600" : "text-gray-900"]) }, ["object" == typeof r5 && "tag" === r5.type ? (e(), t(ua, { key: 0, loading: l2.loading, color: r5.color }, { default: T(() => [I(_(r5.content), 1)]), _: 2 }, 1032, ["loading", "color"])) : "object" == typeof r5 && "link" === r5.type ? (e(), a("span", { key: 1, class: "text-indigo-600 hover:text-indigo-400 cursor-pointer", onClick: (e2) => g2(r5.emits, { id: o2.id, data: (o2 == null ? void 0 : o2.emitWith) || null }) }, _(r5.content), 9, Bs)) : "object" == typeof r5 && "href" === r5.type ? (e(), a("a", { key: 2, class: "text-indigo-600 hover:text-indigo-400 cursor-pointer", href: r5.href, target: "_blank" }, _(r5.content), 9, As)) : (e(), a("span", Ls, _(r5), 1))], 2))), 128))], 2);
     }), 128))])])])])])])]));
   };
-} }), Fs = { class: "lg:hidden" }, Ns = ["value"], zs = { class: "hidden lg:block" }, $s = { class: "border-b border-gray-200" }, Vs = { class: "-mb-px flex space-x-8", "aria-label": "Tabs" }, Hs = ["onClick", "aria-current"], Ys = { name: "uiTabs" }, Us = Object.assign(Ys, { props: { tabs: Array }, emits: ["tabClicked"], setup(t2, { emit: l2 }) {
+} }), zs = { class: "lg:hidden" }, $s = ["value"], Vs = { class: "hidden lg:block" }, Hs = { class: "border-b border-gray-200" }, Ys = { class: "-mb-px flex space-x-8", "aria-label": "Tabs" }, Us = ["onClick", "aria-current"], qs = { name: "uiTabs" }, Ws = Object.assign(qs, { props: { tabs: Array }, emits: ["tabClicked"], setup(t2, { emit: l2 }) {
   const o2 = l2;
-  return (l3, r2) => (e(), a("div", null, [i("div", Fs, [i("select", { onChange: r2[0] || (r2[0] = (e2) => {
+  return (l3, r2) => (e(), a("div", null, [i("div", zs, [i("select", { onChange: r2[0] || (r2[0] = (e2) => {
     o2("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), a(w, null, j(t2.tabs, (t3) => (e(), a("option", { value: t3.id, key: t3.name }, _(t3.name), 9, Ns))), 128))], 32)]), i("div", zs, [i("div", $s, [i("nav", Vs, [(e(true), a(w, null, j(t2.tabs, (t3) => (e(), a("a", { key: t3.name, onClick: (e2) => o2("tabClicked", t3.id), class: n([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 }, [I(_(t3.name) + " ", 1), t3.count ? (e(), a("span", { key: 0, class: n([t3.current ? "bg-indigo-100 text-indigo-600" : "bg-gray-100 text-gray-900", "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block"]) }, _(t3.count), 3)) : R("", true)], 10, Hs))), 128))])])])]));
-} }), qs = { 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" }, Js = { class: "px-4 py-5 sm:p-6" }, Gs = { class: "flow-root" }, Zs = { class: "-mb-8", role: "list" }, Xs = { class: "relative pb-8" }, Qs = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, eu = { class: "relative flex space-x-3" }, tu = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, lu = { class: "text-sm text-gray-500" }, nu = ["onClick"], au = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, ou = ["datetime"], ru = { class: "bg-gray-50 px-4 py-4 sm:px-6 z-10" }, iu = { class: "text-sm" }, su = { class: "h-full w-full flex items-center justify-center flex-col mb-5" }, uu = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), du = { key: 1, class: "bg-white overflow-hidden shadow rounded-lg" }, cu = 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), pu = { class: "px-4 py-5 sm:p-6 animate-pulse" }, gu = { class: "flow-root" }, mu = { class: "-mb-8", role: "list" }, fu = { class: "relative pb-8" }, vu = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, hu = z('<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), bu = 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), yu = { name: "uiTimeline" }, xu = Object.assign(yu, { props: { name: { type: String, required: true }, timeline: { type: Object }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false } }, setup: (t2) => (l2, r2) => {
+  }), 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), a(w, null, j(t2.tabs, (t3) => (e(), a("option", { value: t3.id, key: t3.name }, _(t3.name), 9, $s))), 128))], 32)]), i("div", Vs, [i("div", Hs, [i("nav", Ys, [(e(true), a(w, null, j(t2.tabs, (t3) => (e(), a("a", { key: t3.name, onClick: (e2) => o2("tabClicked", t3.id), class: n([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 }, [I(_(t3.name) + " ", 1), t3.count ? (e(), a("span", { key: 0, class: n([t3.current ? "bg-indigo-100 text-indigo-600" : "bg-gray-100 text-gray-900", "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block"]) }, _(t3.count), 3)) : R("", true)], 10, Us))), 128))])])])]));
+} }), Ks = { key: 0, class: "bg-white overflow-hidden shadow rounded-lg" }, Js = { class: "px-4 py-5 sm:px-6" }, Gs = { class: "text-xl font-bold" }, Zs = { class: "px-4 py-5 sm:p-6" }, Xs = { class: "flow-root" }, Qs = { class: "-mb-8", role: "list" }, eu = { class: "relative pb-8" }, tu = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, lu = { class: "relative flex space-x-3" }, nu = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, au = { class: "text-sm text-gray-500" }, ou = ["onClick"], ru = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, iu = ["datetime"], su = { class: "bg-gray-50 px-4 py-4 sm:px-6 z-10" }, uu = { class: "text-sm" }, du = { class: "h-full w-full flex items-center justify-center flex-col mb-5" }, cu = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), pu = { key: 1, class: "bg-white overflow-hidden shadow rounded-lg" }, gu = 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), mu = { class: "px-4 py-5 sm:p-6 animate-pulse" }, fu = { class: "flow-root" }, vu = { class: "-mb-8", role: "list" }, hu = { class: "relative pb-8" }, bu = { key: 0, class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" }, yu = z('<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), xu = 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), wu = { name: "uiTimeline" }, ku = Object.assign(wu, { props: { name: { type: String, required: true }, timeline: { type: Object }, loading: { type: Boolean, default: true }, empty: { type: Boolean, default: false } }, setup: (t2) => (l2, r2) => {
   const s2 = $("uiIcon");
-  return t2.loading ? (e(), a("div", du, [cu, i("div", pu, [i("div", gu, [i("ul", mu, [(e(), a(w, null, j(10, (t3) => i("li", { key: l2.index }, [i("div", fu, [10 !== t3 ? (e(), a("span", vu)) : R("", true), hu])])), 64))])])]), bu])) : (e(), a("div", qs, [i("div", Ws, [i("h1", Ks, _(t2.name), 1)]), B(i("div", Js, [i("div", Gs, [i("ul", Zs, [(e(true), a(w, null, j(t2.timeline.items, (r3, u2) => (e(), a("li", { key: u2 }, [i("div", Xs, [u2 !== t2.timeline.items.length - 1 ? (e(), a("span", Qs)) : R("", true), i("div", eu, [i("div", null, [i("span", { class: n([r3.iconBackground, "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"]) }, [o(s2, { loading: t2.loading, icon: r3.icon, "aria-hidden": "true", class: "h-5 w-5 text-white", color: "white" }, null, 8, ["loading", "icon"])], 2)]), i("div", tu, [i("div", null, [i("p", lu, [i("a", { onClick: (e2) => l2.$emit("timelineEventClicked", r3.linkId), class: "font-medium text-indigo-600 hover:text-indigo-800 cursor-pointer" }, _(r3.target), 9, nu), I(" " + _(r3.content), 1)])]), i("div", au, [i("time", { datetime: r3.datetime }, _(r3.date), 9, ou)])])])])]))), 128))])])], 512), [[L, !t2.empty]]), B(i("div", ru, [i("div", iu, [i("a", { class: "cursor-pointer font-medium text-indigo-600 hover:text-indigo-500", onClick: r2[0] || (r2[0] = (e2) => l2.$emit("timelineFooterClicked", t2.timeline.id)) }, _(t2.timeline.footerText), 1)])], 512), [[L, !t2.empty]]), B(i("div", su, [o(J, { icon: d(gn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), uu], 512), [[L, t2.empty]])]));
-} }), wu = { name: "uiTopbar", props: ["navigation", "logo", "profileMenu", "brand", "accountLogo", "alerted"], components: { Disclosure: wl, DisclosureButton: kl, DisclosurePanel: Sl, Menu: _l, MenuButton: Pl, MenuItem: Rl, MenuItems: jl, Bars3Icon: function(t2, l2) {
+  return t2.loading ? (e(), a("div", pu, [gu, i("div", mu, [i("div", fu, [i("ul", vu, [(e(), a(w, null, j(10, (t3) => i("li", { key: l2.index }, [i("div", hu, [10 !== t3 ? (e(), a("span", bu)) : R("", true), yu])])), 64))])])]), xu])) : (e(), a("div", Ks, [i("div", Js, [i("h1", Gs, _(t2.name), 1)]), B(i("div", Zs, [i("div", Xs, [i("ul", Qs, [(e(true), a(w, null, j(t2.timeline.items, (r3, u2) => (e(), a("li", { key: u2 }, [i("div", eu, [u2 !== t2.timeline.items.length - 1 ? (e(), a("span", tu)) : R("", true), i("div", lu, [i("div", null, [i("span", { class: n([r3.iconBackground, "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"]) }, [o(s2, { loading: t2.loading, icon: r3.icon, "aria-hidden": "true", class: "h-5 w-5 text-white", color: "white" }, null, 8, ["loading", "icon"])], 2)]), i("div", nu, [i("div", null, [i("p", au, [i("a", { onClick: (e2) => l2.$emit("timelineEventClicked", r3.linkId), class: "font-medium text-indigo-600 hover:text-indigo-800 cursor-pointer" }, _(r3.target), 9, ou), I(" " + _(r3.content), 1)])]), i("div", ru, [i("time", { datetime: r3.datetime }, _(r3.date), 9, iu)])])])])]))), 128))])])], 512), [[L, !t2.empty]]), B(i("div", su, [i("div", uu, [i("a", { class: "cursor-pointer font-medium text-indigo-600 hover:text-indigo-500", onClick: r2[0] || (r2[0] = (e2) => l2.$emit("timelineFooterClicked", t2.timeline.id)) }, _(t2.timeline.footerText), 1)])], 512), [[L, !t2.empty]]), B(i("div", du, [o(J, { icon: d(fn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), cu], 512), [[L, t2.empty]])]));
+} }), Su = { name: "uiTopbar", props: ["navigation", "logo", "profileMenu", "brand", "accountLogo", "alerted"], components: { Disclosure: Sl, DisclosureButton: Cl, DisclosurePanel: Ol, Menu: jl, MenuButton: Rl, MenuItem: Al, MenuItems: Bl, Bars3Icon: function(t2, l2) {
   return e(), a("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor", "aria-hidden": "true", "data-slot": "icon" }, [i("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5" })]);
-}, XMarkIcon: xn } }, ku = { class: "mx-auto px-6 lg:px-8" }, Su = { class: "flex justify-between h-20" }, Cu = { class: "flex" }, Ou = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, Mu = i("span", { class: "sr-only" }, "Open main menu", -1), Du = ["src"], Eu = { class: "flex items-center" }, Tu = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, Iu = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, _u = [i("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)], Pu = ["src"], ju = ["onClick"], Ru = { class: "pt-2 pb-3 space-y-1" }, Bu = ["onClick"], Au = { class: "pt-4 pb-3 border-t border-gray-200" }, Lu = { class: "flex items-center px-4 sm:px-6" }, Fu = { class: "flex-shrink-0" }, Nu = ["src"], zu = { key: 0, class: "ml-3" }, $u = { class: "text-base font-medium text-gray-800" }, Vu = { class: "text-sm font-medium text-gray-500" }, Hu = { class: "mt-3 space-y-1" }, Yu = ["onClick"];
-const Uu = Fo(wu, [["render", function(l2, r2, s2, u2, d2, c2) {
+}, XMarkIcon: kn } }, Cu = { class: "mx-auto px-6 lg:px-8" }, Ou = { class: "flex justify-between h-20" }, Mu = { class: "flex" }, Du = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, Eu = i("span", { class: "sr-only" }, "Open main menu", -1), Tu = ["src"], Iu = { class: "flex items-center" }, _u = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, Pu = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, ju = [i("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)], Ru = ["src"], Bu = ["onClick"], Au = { class: "pt-2 pb-3 space-y-1" }, Lu = ["onClick"], Fu = { class: "pt-4 pb-3 border-t border-gray-200" }, Nu = { class: "flex items-center px-4 sm:px-6" }, zu = { class: "flex-shrink-0" }, $u = ["src"], Vu = { key: 0, class: "ml-3" }, Hu = { class: "text-base font-medium text-gray-800" }, Yu = { class: "text-sm font-medium text-gray-500" }, Uu = { class: "mt-3 space-y-1" }, qu = ["onClick"];
+const Wu = zo(Su, [["render", function(l2, r2, s2, u2, d2, c2) {
   const p2 = $("Bars3Icon"), g2 = $("XMarkIcon"), m2 = $("DisclosureButton"), f2 = $("MenuButton"), v2 = $("MenuItem"), h2 = $("MenuItems"), b2 = $("Menu"), y2 = $("DisclosurePanel"), x2 = $("Disclosure");
-  return e(), t(x2, { as: "nav", class: "bg-white shadow z-10" }, { default: T(({ open: u3 }) => [i("div", ku, [i("div", Su, [i("div", Cu, [i("div", Ou, [o(m2, { class: "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" }, { default: T(() => [Mu, u3 ? (e(), t(g2, { key: 1, class: "block h-6 w-6", "aria-hidden": "true" })) : (e(), t(p2, { key: 0, class: "block h-6 w-6", "aria-hidden": "true" }))]), _: 2 }, 1024)]), i("div", { class: "flex-shrink-0 flex items-center cursor-pointer", onClick: r2[0] || (r2[0] = (e2) => l2.$emit("topBarClick", "logo")) }, [i("img", { class: "h-10", src: s2.logo, alt: "Hotelinking suite product logo" }, null, 8, Du)])]), i("div", Eu, [i("div", Tu, [o(b2, { as: "div", class: "ml-3 relative" }, { default: T(() => [i("div", null, [B(o(f2, { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, { default: T(() => [B(i("div", Iu, _u, 512), [[L, s2.alerted]]), i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, Pu)]), _: 1 }, 512), [[L, s2.accountLogo]])]), o(P, { "enter-active-class": "transition ease-out duration-200", "enter-from-class": "transform opacity-0 scale-95", "enter-to-class": "transform opacity-100 scale-100", "leave-active-class": "transition ease-in duration-75", "leave-from-class": "transform opacity-100 scale-100", "leave-to-class": "transform opacity-0 scale-95" }, { default: T(() => [o(h2, { class: "origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, { default: T(() => [(e(true), a(w, null, j(s2.profileMenu, (a2) => (e(), t(v2, { key: a2.name }, { default: T(({ active: e2 }) => [i("p", { onClick: (e3) => l2.$emit("topBarClick", a2.id), class: n(["cursor-pointer", [e2 ? "bg-gray-100" : "", "block px-4 py-2 text-sm text-gray-700"]]) }, _(a2.name), 11, ju)]), _: 2 }, 1024))), 128))]), _: 1 })]), _: 1 })]), _: 1 })])])])]), o(y2, { class: "lg:hidden" }, { default: T(() => [i("div", Ru, [(e(true), a(w, null, j(s2.navigation, (a2) => (e(), t(m2, { as: "template", key: a2.name, class: n(["block pl-3 pr-4 py-2 border-l-4 text-base font-medium sm:pl-5 sm:pr-6", { "bg-indigo-50 border-indigo-500 text-indigo-700": a2.current && true === a2.current, "border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700": !a2.current }]) }, { default: T(() => [i("p", { onClick: (e2) => l2.$emit("topBarClick", a2.id) }, _(a2.name), 9, Bu)]), _: 2 }, 1032, ["class"]))), 128))]), i("div", Au, [i("div", Lu, [i("div", Fu, [i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, Nu)]), s2.brand ? (e(), a("div", zu, [i("div", $u, _(s2.brand.title), 1), i("div", Vu, _(s2.brand.subtitle), 1)])) : R("", true)]), i("div", Hu, [(e(true), a(w, null, j(s2.profileMenu, (n2) => (e(), t(m2, { as: "template", key: n2.name, class: "block px-4 py-2 text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100 sm:px-6" }, { default: T(() => [i("p", { onClick: (e2) => l2.$emit("topBarClick", n2.id) }, _(n2.name), 9, Yu)]), _: 2 }, 1024))), 128))])])]), _: 1 })]), _: 1 });
-}]]), qu = { chart: { type: "bar", toolbar: { show: false }, zoom: { enabled: false } }, colors: ["#715aff"], dataLabels: { enabled: true, formatter: function(e2, t2) {
+  return e(), t(x2, { as: "nav", class: "bg-white shadow z-10" }, { default: T(({ open: u3 }) => [i("div", Cu, [i("div", Ou, [i("div", Mu, [i("div", Du, [o(m2, { class: "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" }, { default: T(() => [Eu, u3 ? (e(), t(g2, { key: 1, class: "block h-6 w-6", "aria-hidden": "true" })) : (e(), t(p2, { key: 0, class: "block h-6 w-6", "aria-hidden": "true" }))]), _: 2 }, 1024)]), i("div", { class: "flex-shrink-0 flex items-center cursor-pointer", onClick: r2[0] || (r2[0] = (e2) => l2.$emit("topBarClick", "logo")) }, [i("img", { class: "h-10", src: s2.logo, alt: "Hotelinking suite product logo" }, null, 8, Tu)])]), i("div", Iu, [i("div", _u, [o(b2, { as: "div", class: "ml-3 relative" }, { default: T(() => [i("div", null, [B(o(f2, { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, { default: T(() => [B(i("div", Pu, ju, 512), [[L, s2.alerted]]), i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, Ru)]), _: 1 }, 512), [[L, s2.accountLogo]])]), o(P, { "enter-active-class": "transition ease-out duration-200", "enter-from-class": "transform opacity-0 scale-95", "enter-to-class": "transform opacity-100 scale-100", "leave-active-class": "transition ease-in duration-75", "leave-from-class": "transform opacity-100 scale-100", "leave-to-class": "transform opacity-0 scale-95" }, { default: T(() => [o(h2, { class: "origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, { default: T(() => [(e(true), a(w, null, j(s2.profileMenu, (a2) => (e(), t(v2, { key: a2.name }, { default: T(({ active: e2 }) => [i("p", { onClick: (e3) => l2.$emit("topBarClick", a2.id), class: n(["cursor-pointer", [e2 ? "bg-gray-100" : "", "block px-4 py-2 text-sm text-gray-700"]]) }, _(a2.name), 11, Bu)]), _: 2 }, 1024))), 128))]), _: 1 })]), _: 1 })]), _: 1 })])])])]), o(y2, { class: "lg:hidden" }, { default: T(() => [i("div", Au, [(e(true), a(w, null, j(s2.navigation, (a2) => (e(), t(m2, { as: "template", key: a2.name, class: n(["block pl-3 pr-4 py-2 border-l-4 text-base font-medium sm:pl-5 sm:pr-6", { "bg-indigo-50 border-indigo-500 text-indigo-700": a2.current && true === a2.current, "border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700": !a2.current }]) }, { default: T(() => [i("p", { onClick: (e2) => l2.$emit("topBarClick", a2.id) }, _(a2.name), 9, Lu)]), _: 2 }, 1032, ["class"]))), 128))]), i("div", Fu, [i("div", Nu, [i("div", zu, [i("img", { class: "h-10 w-10 rounded-full", src: s2.accountLogo }, null, 8, $u)]), s2.brand ? (e(), a("div", Vu, [i("div", Hu, _(s2.brand.title), 1), i("div", Yu, _(s2.brand.subtitle), 1)])) : R("", true)]), i("div", Uu, [(e(true), a(w, null, j(s2.profileMenu, (n2) => (e(), t(m2, { as: "template", key: n2.name, class: "block px-4 py-2 text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100 sm:px-6" }, { default: T(() => [i("p", { onClick: (e2) => l2.$emit("topBarClick", n2.id) }, _(n2.name), 9, qu)]), _: 2 }, 1024))), 128))])])]), _: 1 })]), _: 1 });
+}]]), Ku = { 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" }, Ju = { class: "chart-content" }, Gu = { class: "h-full w-full flex items-center justify-center flex-col" }, Zu = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Xu = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Qu = [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)], ed = { name: "uiChart" }, td = Object.assign(ed, { 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 r2 = l2, s2 = t2, c2 = u(() => ({ ...s2.options, ...qu })), p2 = u(() => s2.series), g2 = () => r2("chartUpdated"), m2 = (e2, t3, l3) => {
+} }, markers: { strokeWidth: 0, size: 4, hover: { size: 8 } }, plotOptions: { bar: { borderRadius: 0, horizontal: true, barHeight: "80%", isFunnel: true } } }, Ju = { class: "chart-header flex flex-row justify-between" }, Gu = { class: "text-sm font-medium text-gray-500 truncate" }, Zu = { class: "chart-content" }, Xu = { class: "h-full w-full flex items-center justify-center flex-col" }, Qu = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), ed = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, td = [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)], ld = { name: "uiChart" }, nd = Object.assign(ld, { 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 r2 = l2, s2 = t2, c2 = u(() => ({ ...s2.options, ...Ku })), p2 = u(() => s2.series), g2 = () => r2("chartUpdated"), m2 = (e2, t3, l3) => {
     r2("dataPointSelection", { id: s2.id, chartContext: t3, config: l3, event: e2 });
   };
-  return (l3, r3) => (e(), a(w, null, [B(i("div", { class: n(["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, _(t2.title), 1), o(Vr, { range: t2.range, onRangeSelected: r3[0] || (r3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) }, null, 8, ["range"])]), B(i("div", Ju, [o(d(U), { type: l3.bar, series: p2.value, width: "100%", height: t2.height, options: c2.value, onUpdated: g2, onMounted: g2, onDataPointSelection: m2 }, null, 8, ["type", "series", "height", "options"])], 512), [[L, !t2.empty]]), B(i("div", Gu, [o(J, { icon: d(gn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Zu], 512), [[L, t2.empty]])], 2), [[L, !t2.loading]]), B(i("div", Xu, Qu, 512), [[L, t2.loading]])], 64));
-} }), ld = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, nd = { class: "text-2xl mt-4 font-bold" }, ad = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, od = { __name: "uiNoResults", props: { title: { type: String, required: true }, message: { type: String, required: true }, actions: { type: Array } }, emits: ["action"], setup: (l2, { emit: n2 }) => (n3, r2) => (e(), a("div", ld, [o(J, { loading: false, icon: d(gn), size: "massive", color: "gray" }, null, 8, ["icon"]), i("h2", nd, _(l2.title), 1), i("p", null, _(l2.message), 1), i("div", ad, [(e(true), a(w, null, j(l2.actions, (l3, a2) => (e(), t(ee, { key: a2, loading: false, onClick: (e2) => n3.$emit("action", l3.action) }, { default: T(() => [I(_(l3.text), 1)]), _: 2 }, 1032, ["onClick"]))), 128))])])) }, rd = i("div", { class: "fixed inset-0" }, null, -1), id = { class: "fixed inset-0 overflow-hidden" }, sd = { class: "absolute inset-0 overflow-hidden" }, ud = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, dd = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, cd = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, pd = { class: "flex items-center justify-between" }, gd = { class: "ml-3 flex h-7 items-center" }, md = i("span", { class: "absolute -inset-2.5" }, null, -1), fd = i("span", { class: "sr-only" }, "Close panel", -1), vd = { class: "mt-1" }, hd = { class: "text-sm text-indigo-300" }, bd = { class: "relative flex-1 px-4 py-6 sm:px-6" }, yd = { name: "uiRightSidebar" }, xd = Object.assign(yd, { props: { title: { type: String, required: true }, description: { type: String }, open: { type: Boolean, default: false } }, emits: ["closeRightBar"], setup(l2, { emit: n2 }) {
+  return (l3, r3) => (e(), a(w, null, [B(i("div", { class: n(["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", Ju, [i("div", Gu, _(t2.title), 1), o(Yr, { range: t2.range, onRangeSelected: r3[0] || (r3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) }, null, 8, ["range"])]), B(i("div", Zu, [o(d(U), { type: l3.bar, series: p2.value, width: "100%", height: t2.height, options: c2.value, onUpdated: g2, onMounted: g2, onDataPointSelection: m2 }, null, 8, ["type", "series", "height", "options"])], 512), [[L, !t2.empty]]), B(i("div", Xu, [o(J, { icon: d(fn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Qu], 512), [[L, t2.empty]])], 2), [[L, !t2.loading]]), B(i("div", ed, td, 512), [[L, t2.loading]])], 64));
+} }), ad = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, od = { class: "text-2xl mt-4 font-bold" }, rd = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, id = { __name: "uiNoResults", props: { title: { type: String, required: true }, message: { type: String, required: true }, actions: { type: Array } }, emits: ["action"], setup: (l2, { emit: n2 }) => (n3, r2) => (e(), a("div", ad, [o(J, { loading: false, icon: d(fn), size: "massive", color: "gray" }, null, 8, ["icon"]), i("h2", od, _(l2.title), 1), i("p", null, _(l2.message), 1), i("div", rd, [(e(true), a(w, null, j(l2.actions, (l3, a2) => (e(), t(ee, { key: a2, loading: false, onClick: (e2) => n3.$emit("action", l3.action) }, { default: T(() => [I(_(l3.text), 1)]), _: 2 }, 1032, ["onClick"]))), 128))])])) }, sd = i("div", { class: "fixed inset-0" }, null, -1), ud = { class: "fixed inset-0 overflow-hidden" }, dd = { class: "absolute inset-0 overflow-hidden" }, cd = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, pd = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, gd = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, md = { class: "flex items-center justify-between" }, fd = { class: "ml-3 flex h-7 items-center" }, vd = i("span", { class: "absolute -inset-2.5" }, null, -1), hd = i("span", { class: "sr-only" }, "Close panel", -1), bd = { class: "mt-1" }, yd = { class: "text-sm text-indigo-300" }, xd = { class: "relative flex-1 px-4 py-6 sm:px-6" }, wd = { name: "uiRightSidebar" }, kd = Object.assign(wd, { props: { title: { type: String, required: true }, description: { type: String }, open: { type: Boolean, default: false } }, emits: ["closeRightBar"], setup(l2, { emit: n2 }) {
   const a2 = n2;
-  return (n3, s2) => (e(), t(d(tn), { as: "template", show: l2.open }, { default: T(() => [o(d(ml), { as: "div", class: "relative z-10", onClose: s2[1] || (s2[1] = (e2) => a2("closeRightBar")) }, { default: T(() => [rd, i("div", id, [i("div", sd, [i("div", ud, [o(d(Ql), { 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: T(() => [o(d(fl), { class: "pointer-events-auto w-screen max-w-md" }, { default: T(() => [i("div", dd, [i("div", cd, [i("div", pd, [o(d(vl), { class: "text-base font-semibold leading-6 text-white" }, { default: T(() => [I(_(l2.title), 1)]), _: 1 }), i("div", gd, [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")) }, [md, fd, o(d(xn), { class: "h-6 w-6 ring-0", "aria-hidden": "true" })])])]), i("div", vd, [i("p", hd, _(l2.description), 1)])]), i("div", bd, [r(n3.$slots, "default")])])]), _: 3 })]), _: 3 })])])])]), _: 3 })]), _: 3 }, 8, ["show"]));
-} }), wd = { class: "uiGallery" }, kd = { key: 1, role: "list", class: "grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-4 lg:grid-cols-6" }, Sd = { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-100 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, Cd = ["src"], Od = ["onClick"], Md = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Dd = { class: "flex items-center justify-between" }, Ed = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, Td = { key: 2, role: "list", class: "grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-4 lg:grid-cols-6" }, Id = [i("div", { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-200 animate-pulse dark:bg-gray-200 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, null, -1), i("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28 mt-4" }, null, -1), i("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-14 mt-2" }, null, -1)], _d = { name: "uiGallery" }, Pd = Object.assign(_d, { props: { galleryId: String, gallery: Array, loading: Boolean, literals: Object }, setup(l2, { emit: n2 }) {
+  return (n3, s2) => (e(), t(d(nn), { as: "template", show: l2.open }, { default: T(() => [o(d(vl), { as: "div", class: "relative z-10", onClose: s2[1] || (s2[1] = (e2) => a2("closeRightBar")) }, { default: T(() => [sd, i("div", ud, [i("div", dd, [i("div", cd, [o(d(tn), { 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: T(() => [o(d(hl), { class: "pointer-events-auto w-screen max-w-md" }, { default: T(() => [i("div", pd, [i("div", gd, [i("div", md, [o(d(bl), { class: "text-base font-semibold leading-6 text-white" }, { default: T(() => [I(_(l2.title), 1)]), _: 1 }), i("div", fd, [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")) }, [vd, hd, o(d(kn), { class: "h-6 w-6 ring-0", "aria-hidden": "true" })])])]), i("div", bd, [i("p", yd, _(l2.description), 1)])]), i("div", xd, [r(n3.$slots, "default")])])]), _: 3 })]), _: 3 })])])])]), _: 3 })]), _: 3 }, 8, ["show"]));
+} }), Sd = { class: "uiGallery" }, Cd = { key: 1, role: "list", class: "grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-4 lg:grid-cols-6" }, Od = { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-100 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, Md = ["src"], Dd = ["onClick"], Ed = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Td = { class: "flex items-center justify-between" }, Id = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, _d = { key: 2, role: "list", class: "grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-4 lg:grid-cols-6" }, Pd = [i("div", { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-200 animate-pulse dark:bg-gray-200 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, null, -1), i("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28 mt-4" }, null, -1), i("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-14 mt-2" }, null, -1)], jd = { name: "uiGallery" }, Rd = Object.assign(jd, { props: { galleryId: String, gallery: Array, loading: Boolean, literals: Object }, setup(l2, { emit: n2 }) {
   const r2 = n2, u2 = s(false);
-  return (n3, s2) => (e(), a("div", wd, [l2.loading ? R("", true) : (e(), t(co, { key: 0, open: u2.value, modalName: "deleteAllImagesModal", title: l2.literals.modalTitle, type: "warning", actions: [{ value: "close", name: l2.literals.closeAction }, { value: `deleteGallery_${l2.galleryId}`, name: l2.literals.deleteAction }], onModalAction: s2[0] || (s2[0] = (e2) => {
+  return (n3, s2) => (e(), a("div", Sd, [l2.loading ? R("", true) : (e(), t(go, { key: 0, open: u2.value, modalName: "deleteAllImagesModal", title: l2.literals.modalTitle, type: "warning", actions: [{ value: "close", name: l2.literals.closeAction }, { value: `deleteGallery_${l2.galleryId}`, name: l2.literals.deleteAction }], onModalAction: s2[0] || (s2[0] = (e2) => {
     var t2;
     "close" !== (t2 = e2).action ? r2("modalAction", t2) : u2.value = false;
-  }) }, { default: T(() => [i("p", null, _(l2.literals.modalText), 1)]), _: 1 }, 8, ["open", "title", "actions"])), l2.loading ? (e(), a("ul", Td, [(e(), a(w, null, j(4, (e2) => i("li", null, Id)), 64))])) : (e(), a("ul", kd, [(e(true), a(w, null, j(l2.gallery, (t2) => (e(), a("li", { key: t2.source, class: "relative" }, [i("div", Sd, [i("img", { src: t2.source, alt: "", class: "pointer-events-none object-cover group-hover:opacity-75" }, null, 8, Cd), i("button", { type: "button", class: "absolute inset-0 focus:outline-none", onClick: (e2) => n3.$emit("imgClicked", t2) }, null, 8, Od)]), i("p", Md, _(t2.title), 1), i("div", Dd, [i("p", Ed, _(t2.size), 1), o(J, { class: "cursor-pointer", icon: d(bn), color: "red", loading: false, onClick: (e2) => r2("deleteImage", t2) }, null, 8, ["icon", "onClick"])])]))), 128))])), l2.gallery.length > 0 && !l2.loading ? (e(), t(ee, { key: 3, onClick: s2[1] || (s2[1] = (e2) => u2.value = true), class: "mt-8", loading: false, color: "red", size: "small" }, { default: T(() => [I(_(l2.literals.deleteAllImages), 1)]), _: 1 })) : R("", true)]));
-} }), jd = { class: "cursor-move mb-1 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white p-4 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400" }, Rd = { class: "flex flex-row items-center w-full" }, Bd = { class: "content text-sm grow" }, Ad = { class: "font-bold" }, Ld = { key: 0 }, Fd = { class: "font-bold text-gray-400" }, Nd = { key: 1, class: "animate-pulse" }, zd = [z('<div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div>', 5)], $d = { name: "uiDragAndDrop" }, Vd = Object.assign($d, { props: { elements: { type: Array, required: true }, loading: true }, setup(l2) {
+  }) }, { default: T(() => [i("p", null, _(l2.literals.modalText), 1)]), _: 1 }, 8, ["open", "title", "actions"])), l2.loading ? (e(), a("ul", _d, [(e(), a(w, null, j(4, (e2) => i("li", null, Pd)), 64))])) : (e(), a("ul", Cd, [(e(true), a(w, null, j(l2.gallery, (t2) => (e(), a("li", { key: t2.source, class: "relative" }, [i("div", Od, [i("img", { src: t2.source, alt: "", class: "pointer-events-none object-cover group-hover:opacity-75" }, null, 8, Md), i("button", { type: "button", class: "absolute inset-0 focus:outline-none", onClick: (e2) => n3.$emit("imgClicked", t2) }, null, 8, Dd)]), i("p", Ed, _(t2.title), 1), i("div", Td, [i("p", Id, _(t2.size), 1), o(J, { class: "cursor-pointer", icon: d(xn), color: "red", loading: false, onClick: (e2) => r2("deleteImage", t2) }, null, 8, ["icon", "onClick"])])]))), 128))])), l2.gallery.length > 0 && !l2.loading ? (e(), t(ee, { key: 3, onClick: s2[1] || (s2[1] = (e2) => u2.value = true), class: "mt-8", loading: false, color: "red", size: "small" }, { default: T(() => [I(_(l2.literals.deleteAllImages), 1)]), _: 1 })) : R("", true)]));
+} }), Bd = { class: "cursor-move mb-1 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white p-4 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400" }, Ad = { class: "flex flex-row items-center w-full" }, Ld = { class: "content text-sm grow" }, Fd = { class: "font-bold" }, Nd = { key: 0 }, zd = { class: "font-bold text-gray-400" }, $d = { key: 1, class: "animate-pulse" }, Vd = [z('<div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div>', 5)], Hd = { name: "uiDragAndDrop" }, Yd = Object.assign(Hd, { props: { elements: { type: Array, required: true }, loading: true }, setup(l2) {
   const n2 = l2;
   let r2 = s(n2.elements);
   return p(() => n2.elements, (e2) => {
     r2.value = e2;
-  }), (n3, s2) => l2.loading ? (e(), a("div", Nd, zd)) : (e(), t(d(q), { key: 0, modelValue: d(r2), "onUpdate:modelValue": s2[0] || (s2[0] = (e2) => H(r2) ? r2.value = e2 : r2 = e2) }, { item: T(({ item: t2 }) => [i("div", jd, [i("div", Rd, [o(J, { icon: d(an), loading: false, color: "gray", class: "mr-4", size: "big" }, null, 8, ["icon"]), i("div", Bd, [i("p", Ad, _(t2.name), 1), t2.description ? (e(), a("p", Ld, _(t2.description), 1)) : R("", true)]), i("div", Fd, _(d(r2).indexOf(t2) + 1), 1)])])]), _: 1 }, 8, ["modelValue"]));
-} }), Hd = { class: "chart-header flex flex-row justify-between" }, Yd = { class: "text-sm font-medium text-gray-500 truncate" }, Ud = { class: "chart-content" }, qd = { class: "h-full w-full flex items-center justify-center flex-col" }, Wd = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Kd = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Jd = [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)], Gd = { name: "uiCircleChart" }, Zd = Object.assign(Gd, { props: { title: String, id: { type: String, default: "noChartId" }, series: { type: Array, required: true }, labels: { type: Array, 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 }) {
+  }), (n3, s2) => l2.loading ? (e(), a("div", $d, Vd)) : (e(), t(d(q), { key: 0, modelValue: d(r2), "onUpdate:modelValue": s2[0] || (s2[0] = (e2) => H(r2) ? r2.value = e2 : r2 = e2) }, { item: T(({ item: t2 }) => [i("div", Bd, [i("div", Ad, [o(J, { icon: d(rn), loading: false, color: "gray", class: "mr-4", size: "big" }, null, 8, ["icon"]), i("div", Ld, [i("p", Fd, _(t2.name), 1), t2.description ? (e(), a("p", Nd, _(t2.description), 1)) : R("", true)]), i("div", zd, _(d(r2).indexOf(t2) + 1), 1)])])]), _: 1 }, 8, ["modelValue"]));
+} }), Ud = { class: "chart-header flex flex-row justify-between" }, qd = { class: "text-sm font-medium text-gray-500 truncate" }, Wd = { class: "chart-content" }, Kd = { class: "h-full w-full flex items-center justify-center flex-col" }, Jd = i("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1), Gd = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Zd = [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)], Xd = { name: "uiCircleChart" }, Qd = Object.assign(Xd, { props: { title: String, id: { type: String, default: "noChartId" }, series: { type: Array, required: true }, labels: { type: Array, 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 r2 = l2, s2 = t2;
   let c2 = { labels: s2.labels, chart: { toolbar: { show: false }, zoom: { enabled: false } }, colors: ["#715aff", "#00ffff", "#aba9ba"], stroke: { show: true, curve: "stepline", lineCap: "butt", width: 1, dashArray: 0 }, dataLabels: { enabled: true, dropShadow: { enabled: false } } };
   const p2 = u(() => s2.series), g2 = u(() => ({ ...c2, ...s2.options })), m2 = () => r2("chartUpdated"), f2 = (e2, t3, l3) => {
     r2("dataPointSelection", { id: s2.id, chartContext: t3, config: l3, event: e2 });
   };
-  return (l3, r3) => (e(), a(w, null, [B(i("div", { class: n(["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", Hd, [i("div", Yd, _(t2.title), 1), o(Vr, { range: t2.range, onRangeSelected: r3[0] || (r3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) }, null, 8, ["range"])]), B(i("div", Ud, [o(d(U), { class: "flex items-center justify-center", type: "donut", series: p2.value, options: g2.value, height: t2.height, onUpdated: m2, onMounted: m2, onDataPointSelection: f2 }, null, 8, ["series", "options", "height"])], 512), [[L, !t2.empty]]), B(i("div", qd, [o(J, { icon: d(gn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Wd], 512), [[L, t2.empty]])], 2), [[L, !t2.loading]]), B(i("div", Kd, Jd, 512), [[L, t2.loading]])], 64));
-} }), Xd = { class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2" }, Qd = { name: "uiDateRange" }, ec = Object.assign(Qd, { props: { id: { type: String, required: true }, loading: { type: Boolean, default: true }, literals: { type: Object, required: true }, color: String, values: { type: Object, default: () => ({ from: "", to: "" }) }, error: String, disabled: Boolean, label: String }, setup(t2) {
+  return (l3, r3) => (e(), a(w, null, [B(i("div", { class: n(["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", Ud, [i("div", qd, _(t2.title), 1), o(Yr, { range: t2.range, onRangeSelected: r3[0] || (r3[0] = (e2) => l3.$emit("selectedRange", { range: e2, chartId: t2.id })) }, null, 8, ["range"])]), B(i("div", Wd, [o(d(U), { class: "flex items-center justify-center", type: "donut", series: p2.value, options: g2.value, height: t2.height, onUpdated: m2, onMounted: m2, onDataPointSelection: f2 }, null, 8, ["series", "options", "height"])], 512), [[L, !t2.empty]]), B(i("div", Kd, [o(J, { icon: d(fn), color: "gray", loading: false, size: "huge" }, null, 8, ["icon"]), Jd], 512), [[L, t2.empty]])], 2), [[L, !t2.loading]]), B(i("div", Gd, Zd, 512), [[L, t2.loading]])], 64));
+} }), ec = { class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2" }, tc = { name: "uiDateRange" }, lc = Object.assign(tc, { props: { id: { type: String, required: true }, loading: { type: Boolean, default: true }, literals: { type: Object, required: true }, color: String, values: { type: Object, default: () => ({ from: "", to: "" }) }, error: String, disabled: Boolean, label: String }, setup(t2) {
   let l2 = C({ from: void 0, to: void 0 });
-  return (r2, i2) => (e(), a("div", Xd, [o(Ln, { type: "date", loading: t2.loading, addOn: t2.literals.from, name: `dateFrom_${t2.id}`, color: t2.color, value: t2.values.from, error: t2.error, disabled: t2.disabled, label: t2.label, onInputChanged: i2[0] || (i2[0] = (e2) => d(l2).from = e2.value) }, null, 8, ["loading", "addOn", "name", "color", "value", "error", "disabled", "label"]), o(Ln, { class: n([{ "mt-6": t2.label && !t2.loading }, { "mt-4": t2.loading }]), type: "date", loading: t2.loading, addOn: t2.literals.to, name: `dateTo_${t2.id}`, color: t2.color, value: t2.values.to, error: t2.error, disabled: t2.disabled, onInputChanged: i2[1] || (i2[1] = (e2) => d(l2).to = e2.value) }, null, 8, ["class", "loading", "addOn", "name", "color", "value", "error", "disabled"]), o(ee, { disabled: t2.disabled, color: "primary", loading: t2.loading, class: n([{ "mt-6": t2.label && !t2.loading }, "h-10"]), onClick: i2[2] || (i2[2] = (e2) => r2.$emit("uiDateRangeButtonClicked", d(l2))) }, { default: T(() => [I(_(t2.literals.search), 1)]), _: 1 }, 8, ["disabled", "loading", "class"])]));
-} }), tc = { class: "flex justify-between items-center" }, lc = { key: 0, class: "block text-sm font-medium text-gray-700" }, nc = { key: 1, class: "text-[10px] text-gray-500 uppercase justify-self-end" }, ac = { class: "pt-16 px-4 pb-4 bg-white border border-gray-300 rounded-lg shadow-sm" }, oc = { key: 1, class: "h-2 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 w-full" }, rc = { name: "uiRangeSlider" }, ic = Object.assign(rc, { props: { loading: { type: Boolean, default: true }, disabled: { type: Boolean, default: false }, min: Number, max: Number, sliderValue: [Array, Number], label: String, optional: String }, emits: ["sliderUpdated"], setup(l2, { emit: n2 }) {
-  const o2 = n2, r2 = s(l2.sliderValue);
-  return (n3, s2) => (e(), a("div", null, [i("div", tc, [l2.label ? (e(), a("label", lc, _(l2.label), 1)) : R("", true), l2.optional ? (e(), a("span", nc, _(l2.optional), 1)) : R("", true)]), i("div", ac, [l2.loading ? (e(), a("p", oc)) : (e(), t(d(W), { key: 0, modelValue: r2.value, "onUpdate:modelValue": s2[0] || (s2[0] = (e2) => r2.value = e2), min: l2.min, max: l2.max, disabled: l2.disabled, onChange: s2[1] || (s2[1] = (e2) => o2("sliderUpdated", e2)), classes: { base: "w-full h-full relative z-1 bg-gray-300 rounded", tooltip: "absolute block text-sm font-semibold whitespace-nowrap py-1 px-1.5 min-w-5 text-center text-white rounded border border-indigo-600 bg-indigo-600 transform h:-translate-x-1/2 h:left-1/2 v:-translate-y-1/2 v:top-1/2 slider-disabled:bg-gray-400 slider-disabled:border-gray-400 merge-h:translate-x-1/2 merge-h:left-auto merge-v:-translate-x-4 merge-v:top-auto tt-focus:hidden tt-focused:block tt-drag:hidden tt-dragging:block" } }, null, 8, ["modelValue", "min", "max", "disabled"]))])]));
-} }), sc = { uiButton: ee, uiIcon: J, uiCheckbox: ue, uiDropdown: Mn, uiInput: Ln, uiInputFile: Xn, uiSelect: na, uiTag: ia, uiTextArea: ma, uiToggle: xa, uiAlert: _a, uiBreadcrumbs: $a, uiCard: Ga, uiFilter: Xa, uiModal: co, uiNotification: So, uiTaskList: Ao, uiPriceCalendar: Nr, uiChart: Zr, uiFooter: ti, uiLoadingScreen: ai, uiPagination: xi, uiSidebar: Ai, uiStats: Gi, uiStripedCard: ps, uiTable: Ls, uiTabs: Us, uiTimeline: xu, uiTopbar: Uu, uiFunnelChartV2: td, uiNoResults: od, uiRightSidebar: xd, uiGallery: Pd, uiDragAndDrop: Vd, uiCircleChart: Zd, uiDateRange: ec, uiRangeSlider: ic }, uc = { install(e2) {
-  Object.keys(sc).forEach((t2) => {
-    e2.component(t2, sc[t2]);
+  return (r2, i2) => (e(), a("div", ec, [o(Nn, { type: "date", loading: t2.loading, addOn: t2.literals.from, name: `dateFrom_${t2.id}`, color: t2.color, value: t2.values.from, error: t2.error, disabled: t2.disabled, label: t2.label, onInputChanged: i2[0] || (i2[0] = (e2) => d(l2).from = e2.value) }, null, 8, ["loading", "addOn", "name", "color", "value", "error", "disabled", "label"]), o(Nn, { class: n([{ "mt-6": t2.label && !t2.loading }, { "mt-4": t2.loading }]), type: "date", loading: t2.loading, addOn: t2.literals.to, name: `dateTo_${t2.id}`, color: t2.color, value: t2.values.to, error: t2.error, disabled: t2.disabled, onInputChanged: i2[1] || (i2[1] = (e2) => d(l2).to = e2.value) }, null, 8, ["class", "loading", "addOn", "name", "color", "value", "error", "disabled"]), o(ee, { disabled: t2.disabled, color: "primary", loading: t2.loading, class: n([{ "mt-6": t2.label && !t2.loading, "mt-4": t2.label && t2.loading }, "h-10"]), onClick: i2[2] || (i2[2] = (e2) => r2.$emit("uiDateRangeButtonClicked", d(l2))) }, { default: T(() => [I(_(t2.literals.search), 1)]), _: 1 }, 8, ["disabled", "loading", "class"])]));
+} }), nc = { class: "flex justify-between items-center" }, ac = { key: 0, class: "block text-sm font-medium text-gray-700" }, oc = { key: 1, class: "text-[10px] text-gray-500 uppercase justify-self-end" }, rc = { key: 1, class: "h-2 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 w-full" }, ic = { name: "uiRangeSlider" }, sc = Object.assign(ic, { props: { loading: { type: Boolean, default: true }, disabled: { type: Boolean, default: false }, min: Number, max: Number, sliderValue: [Array, Number], label: String, optional: String }, emits: ["sliderUpdated"], setup(l2, { emit: o2 }) {
+  const r2 = o2, u2 = s(l2.sliderValue);
+  return (o3, s2) => (e(), a("div", null, [i("div", nc, [l2.label ? (e(), a("label", ac, _(l2.label), 1)) : R("", true), l2.optional ? (e(), a("span", oc, _(l2.optional), 1)) : R("", true)]), i("div", { class: n([{ "mt-1": l2.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"]) }, [l2.loading ? (e(), a("p", rc)) : (e(), t(d(W), { key: 0, modelValue: u2.value, "onUpdate:modelValue": s2[0] || (s2[0] = (e2) => u2.value = e2), min: l2.min, max: l2.max, disabled: l2.disabled, onChange: s2[1] || (s2[1] = (e2) => r2("sliderUpdated", e2)), classes: { base: "w-full h-full relative z-1 bg-gray-300 rounded", tooltip: "absolute block text-sm font-semibold whitespace-nowrap py-1 px-1.5 min-w-5 text-center text-white rounded border border-indigo-600 bg-indigo-600 transform h:-translate-x-1/2 h:left-1/2 v:-translate-y-1/2 v:top-1/2 slider-disabled:bg-gray-400 slider-disabled:border-gray-400 merge-h:translate-x-1/2 merge-h:left-auto merge-v:-translate-x-4 merge-v:top-auto tt-focus:hidden tt-focused:block tt-drag:hidden tt-dragging:block" } }, null, 8, ["modelValue", "min", "max", "disabled"]))], 2)]));
+} }), uc = { uiButton: ee, uiIcon: J, uiCheckbox: ue, uiDropdown: En, uiInput: Nn, uiInputFile: ea, uiSelect: oa, uiTag: ua, uiTextArea: va, uiToggle: ka, uiAlert: ja, uiBreadcrumbs: Ha, uiCard: Xa, uiFilter: eo, uiModal: go, uiNotification: Oo, uiTaskList: Fo, uiPriceCalendar: $r, uiChart: Qr, uiFooter: ni, uiLoadingScreen: ri, uiPagination: ki, uiSidebar: Fi, uiStats: Xi, uiStripedCard: ms, uiTable: Ns, uiTabs: Ws, uiTimeline: ku, uiTopbar: Wu, uiFunnelChartV2: nd, uiNoResults: id, uiRightSidebar: kd, uiGallery: Rd, uiDragAndDrop: Yd, uiCircleChart: Qd, uiDateRange: lc, uiRangeSlider: sc }, dc = { install(e2) {
+  Object.keys(uc).forEach((t2) => {
+    e2.component(t2, uc[t2]);
   });
 } };
 export {
-  uc as default
+  dc as default
 };