@hotelinking/ui 12.45.1 → 13.45.0

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as B, createBlock as x, createElementBlock as a, openBlock as s, resolveDynamicComponent as Ie, normalizeClass as f, createCommentVNode as b, renderSlot as V, createElementVNode as e, ref as A, watch as R, computed as Y, unref as c, withCtx as v, createVNode as m, toDisplayString as g, createTextVNode as T, Transition as ue, Fragment as $, renderList as _, withDirectives as C, vModelDynamic as lt, vShow as j, withModifiers as pe, vModelText as X, createStaticVNode as K, resolveComponent as De, vModelCheckbox as Ye, reactive as ce, isRef as he, TransitionGroup as rt, onMounted as nt, shallowRef as at, mergeProps as it } from "vue";
-import { Menu as ve, MenuButton as be, MenuItems as we, MenuItem as xe, Combobox as Pe, ComboboxLabel as Fe, ComboboxInput as qe, ComboboxButton as Ve, ComboboxOptions as Re, ComboboxOption as Ue, SwitchGroup as dt, Switch as ut, SwitchLabel as ct, TransitionRoot as ke, Dialog as $e, TransitionChild as G, DialogPanel as _e, DialogTitle as He, Disclosure as Ce, DisclosureButton as Z, DisclosurePanel as Se, Listbox as gt, ListboxLabel as mt, ListboxButton as pt, ListboxOptions as ft, ListboxOption as yt } from "@headlessui/vue";
+import { defineComponent as B, createBlock as x, createElementBlock as a, openBlock as s, resolveDynamicComponent as Ie, normalizeClass as f, createCommentVNode as b, renderSlot as V, createElementVNode as e, ref as A, watch as R, computed as Y, unref as c, withCtx as v, createVNode as p, toDisplayString as g, createTextVNode as T, Transition as ue, Fragment as $, renderList as _, withDirectives as C, vModelDynamic as lt, vShow as j, withModifiers as me, vModelText as X, createStaticVNode as K, resolveComponent as De, vModelCheckbox as Ye, reactive as ce, isRef as he, TransitionGroup as rt, onMounted as nt, shallowRef as at, mergeProps as it } from "vue";
+import { Menu as ve, MenuButton as be, MenuItems as we, MenuItem as xe, Combobox as Pe, ComboboxLabel as Fe, ComboboxInput as qe, ComboboxButton as Ve, ComboboxOptions as Re, ComboboxOption as Ue, SwitchGroup as dt, Switch as ut, SwitchLabel as ct, TransitionRoot as ke, Dialog as $e, TransitionChild as G, DialogPanel as _e, DialogTitle as He, Disclosure as Ce, DisclosureButton as Z, DisclosurePanel as Se, Listbox as gt, ListboxLabel as pt, ListboxButton as mt, ListboxOptions as ft, ListboxOption as yt } from "@headlessui/vue";
 import z from "dayjs";
 import Be from "vue3-apexcharts";
 import ht from "vue3-draggable";
@@ -12,7 +12,7 @@ const D = /* @__PURE__ */ B({
     color: { default: "primary" },
     loading: { type: Boolean, default: !0 }
   },
-  setup(p) {
+  setup(m) {
     return (u, n) => u.loading ? (s(), a("div", {
       key: 1,
       class: f([{
@@ -54,7 +54,7 @@ const D = /* @__PURE__ */ B({
     loading: { type: Boolean, default: !0 },
     size: { default: "medium" }
   },
-  setup(p) {
+  setup(m) {
     return (u, n) => u.loading ? (s(), a("button", wt, [
       u.icon ? (s(), x(D, {
         key: 0,
@@ -106,8 +106,8 @@ const D = /* @__PURE__ */ B({
     text: {}
   },
   emits: ["checkboxChanged"],
-  setup(p, { emit: u }) {
-    const n = u, i = p, l = A(i.check), o = () => {
+  setup(m, { emit: u }) {
+    const n = u, i = m, l = A(i.check), o = () => {
       i.disabled || (l.value = !l.value, n("checkboxChanged", { checked: l.value, value: i.value }));
     };
     return R(() => i.check, (t) => {
@@ -134,7 +134,7 @@ const D = /* @__PURE__ */ B({
     ]));
   }
 });
-function Bt(p, u) {
+function Bt(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -151,7 +151,7 @@ function Bt(p, u) {
     })
   ]);
 }
-function Mt(p, u) {
+function Mt(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -168,7 +168,7 @@ function Mt(p, u) {
     })
   ]);
 }
-function jt(p, u) {
+function jt(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -185,7 +185,7 @@ function jt(p, u) {
     })
   ]);
 }
-function Ze(p, u) {
+function Ze(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -202,7 +202,7 @@ function Ze(p, u) {
     })
   ]);
 }
-function Je(p, u) {
+function Je(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -219,7 +219,7 @@ function Je(p, u) {
     })
   ]);
 }
-function Dt(p, u) {
+function Dt(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -236,7 +236,7 @@ function Dt(p, u) {
     })
   ]);
 }
-function Tt(p, u) {
+function Tt(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -253,7 +253,7 @@ function Tt(p, u) {
     })
   ]);
 }
-function We(p, u) {
+function We(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -270,7 +270,7 @@ function We(p, u) {
     })
   ]);
 }
-function Me(p, u) {
+function Me(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -287,7 +287,7 @@ function Me(p, u) {
     })
   ]);
 }
-function de(p, u) {
+function de(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -304,7 +304,7 @@ function de(p, u) {
     })
   ]);
 }
-function Ge(p, u) {
+function Ge(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -321,7 +321,7 @@ function Ge(p, u) {
     })
   ]);
 }
-function ee(p, u) {
+function ee(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -338,7 +338,7 @@ function ee(p, u) {
     })
   ]);
 }
-function fe(p, u) {
+function fe(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -355,7 +355,7 @@ function fe(p, u) {
     })
   ]);
 }
-function Ke(p, u) {
+function Ke(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -372,7 +372,7 @@ function Ke(p, u) {
     })
   ]);
 }
-function zt(p, u) {
+function zt(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -389,7 +389,7 @@ function zt(p, u) {
     })
   ]);
 }
-function H(p, u) {
+function H(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -406,7 +406,7 @@ function H(p, u) {
     })
   ]);
 }
-function Lt(p, u) {
+function Lt(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -423,7 +423,7 @@ function Lt(p, u) {
     })
   ]);
 }
-function At(p, u) {
+function At(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -440,7 +440,7 @@ function At(p, u) {
     })
   ]);
 }
-function Ot(p, u) {
+function Ot(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -457,7 +457,7 @@ function Ot(p, u) {
     })
   ]);
 }
-function Nt(p, u) {
+function Nt(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -474,7 +474,7 @@ function Nt(p, u) {
     })
   ]);
 }
-function Qe(p, u) {
+function Qe(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -491,7 +491,7 @@ function Qe(p, u) {
     })
   ]);
 }
-function It(p, u) {
+function It(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -508,7 +508,7 @@ function It(p, u) {
     })
   ]);
 }
-function Yt(p, u) {
+function Yt(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -525,7 +525,7 @@ function Yt(p, u) {
     })
   ]);
 }
-function ge(p, u) {
+function ge(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -542,7 +542,7 @@ function ge(p, u) {
     })
   ]);
 }
-function W(p, u) {
+function W(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -568,7 +568,7 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
 }, Vt = { class: "-py-1" }, Rt = ["onClick"], Ut = {
   key: 1,
   class: "animate-pulse px-4 py-2 bg-gray-200 rounded-md inline-flex items-center relative text-left"
-}, me = /* @__PURE__ */ B({
+}, pe = /* @__PURE__ */ B({
   __name: "uiDropdown",
   props: {
     items: {},
@@ -580,8 +580,8 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
     requiredText: {}
   },
   emits: ["optionSelected"],
-  setup(p, { emit: u }) {
-    const n = u, i = p, l = Y(() => {
+  setup(m, { emit: u }) {
+    const n = u, i = m, l = Y(() => {
       let t = i.items.find((r) => r.active === !0);
       return t ? t.name : i.label;
     }), o = (t) => {
@@ -589,7 +589,7 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
     };
     return (t, r) => t.loading ? (s(), a("div", Ut, [
       r[0] || (r[0] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1)),
-      m(c(de), {
+      p(c(de), {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300"
       })
@@ -604,7 +604,7 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
             t.label ? (s(), a("label", Ft, g(t.label), 1)) : b("", !0),
             t.requiredText ? (s(), a("span", qt, g(t.requiredText), 1)) : b("", !0)
           ]),
-          m(c(be), { 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" }, {
+          p(c(be), { 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: v(() => [
               T(g(l.value) + " ", 1),
               t.verticalPosition === "bottom" ? (s(), x(c(de), {
@@ -621,7 +621,7 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
             _: 1
           })
         ]),
-        m(ue, {
+        p(ue, {
           "enter-active-class": "transition ease-out duration-100",
           "enter-from-class": "transform opacity-0 scale-95",
           "enter-to-class": "transform opacity-100 scale-100",
@@ -696,8 +696,8 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
     loading: { type: Boolean, default: !0 }
   },
   emits: ["inputChanged", "rightAddOnClicked", "addOnClicked"],
-  setup(p, { emit: u }) {
-    const n = u, i = p, l = A(i.value);
+  setup(m, { emit: u }) {
+    const n = u, i = m, l = A(i.value);
     R(() => i.value, (t) => {
       l.value = t, l.value && n("inputChanged", { name: i.name, value: l.value });
     });
@@ -761,21 +761,21 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
             color: t.color,
             loading: t.loading
           }, null, 8, ["icon", "color", "loading"])) : b("", !0),
-          C(m(D, {
+          C(p(D, {
             icon: c(Me),
             color: "green",
             loading: t.loading
           }, null, 8, ["icon", "loading"]), [
             [j, t.color === "green"]
           ]),
-          C(m(D, {
+          C(p(D, {
             icon: c(H),
             color: "yellow",
             loading: t.loading
           }, null, 8, ["icon", "loading"]), [
             [j, t.color === "yellow"]
           ]),
-          C(m(D, {
+          C(p(D, {
             icon: c(W),
             color: "red",
             loading: t.loading
@@ -821,9 +821,9 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
     label: {}
   },
   emits: ["filesUploaded"],
-  setup(p, { emit: u }) {
+  setup(m, { emit: u }) {
     let n = A("");
-    const i = u, l = p, o = (d) => {
+    const i = u, l = m, o = (d) => {
       r(d.dataTransfer.files), i("filesUploaded", { id: l.id, files: d.dataTransfer.files });
     }, t = (d) => {
       r(d.target.files), i("filesUploaded", { id: l.id, files: d.target.files });
@@ -854,12 +854,12 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
           ],
           "dropArea flex justify-center rounded-md border-2 border-dashed px-6 pt-5 pb-6"
         ]),
-        onDragover: y[0] || (y[0] = pe(() => {
+        onDragover: y[0] || (y[0] = me(() => {
         }, ["prevent"])),
-        onDrop: pe(o, ["prevent"])
+        onDrop: me(o, ["prevent"])
       }, [
         e("div", os, [
-          m(D, {
+          p(D, {
             icon: d.icon,
             size: "massive",
             color: "gray",
@@ -892,7 +892,7 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
         ])
       ], 34),
       C(e("p", ds, [
-        m(D, {
+        p(D, {
           icon: c(ge),
           color: "red",
           class: "mr-2",
@@ -904,10 +904,10 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
       ])
     ]));
   }
-}), gs = { class: "flex justify-between" }, ms = {
+}), gs = { class: "flex justify-between" }, ps = {
   key: 0,
   class: "text-[10px] text-gray-500 uppercase justify-self-end"
-}, ps = { class: "relative" }, fs = {
+}, ms = { class: "relative" }, fs = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full"
 }, ys = /* @__PURE__ */ B({
@@ -924,8 +924,8 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
     requiredText: {}
   },
   emits: ["selectChanged"],
-  setup(p, { expose: u, emit: n }) {
-    const i = A(""), l = n, o = p, t = Y(() => i.value === "" ? o.items : o.items.filter((h) => h.name.toLowerCase().includes(i.value.toLowerCase()))), r = (h) => (h == null ? void 0 : h.name) ?? "", d = (h) => {
+  setup(m, { expose: u, emit: n }) {
+    const i = A(""), l = n, o = m, t = Y(() => i.value === "" ? o.items : o.items.filter((h) => h.name.toLowerCase().includes(i.value.toLowerCase()))), r = (h) => (h == null ? void 0 : h.name) ?? "", d = (h) => {
       l("selectChanged", h);
     }, y = Y({
       get: () => o.select,
@@ -937,7 +937,7 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
       handleChange: d
     }), (h, w) => h.loading ? (s(), a("div", fs, [
       w[3] || (w[3] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
-      m(c(fe), {
+      p(c(fe), {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400"
       })
@@ -953,16 +953,16 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
     }, {
       default: v(() => [
         e("div", gs, [
-          m(c(Fe), { class: "block text-sm font-medium" }, {
+          p(c(Fe), { class: "block text-sm font-medium" }, {
             default: v(() => [
               T(g(h.label), 1)
             ]),
             _: 1
           }),
-          h.requiredText ? (s(), a("span", ms, g(h.requiredText), 1)) : b("", !0)
+          h.requiredText ? (s(), a("span", ps, g(h.requiredText), 1)) : b("", !0)
         ]),
-        e("div", ps, [
-          m(c(qe), {
+        e("div", ms, [
+          p(c(qe), {
             onChange: w[0] || (w[0] = (L) => i.value = L.target.value),
             onBlur: w[1] || (w[1] = (L) => i.value = ""),
             displayValue: r,
@@ -981,9 +981,9 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
               "text-green-400": h.color === "green"
             }, "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"])
           }, null, 8, ["class"]),
-          m(c(Ve), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
+          p(c(Ve), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
             default: v(() => [
-              m(c(fe), {
+              p(c(fe), {
                 "aria-hidden": "true",
                 class: "h-5 w-5 text-gray-400"
               })
@@ -1017,7 +1017,7 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
                         O ? "text-white" : "text-indigo-600"
                       ])
                     }, [
-                      m(c(Me), {
+                      p(c(Me), {
                         "aria-hidden": "true",
                         class: "h-5 w-5",
                         loading: !0
@@ -1046,7 +1046,7 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
     }, 8, ["modelValue", "disabled"]));
   }
 });
-function hs(p, u) {
+function hs(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -1061,7 +1061,7 @@ function hs(p, u) {
     })
   ]);
 }
-function vs(p, u) {
+function vs(m, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -1093,8 +1093,8 @@ const bs = { class: "flex justify-between" }, ws = {
     requiredText: {}
   },
   emits: ["selectChanged"],
-  setup(p, { emit: u }) {
-    const n = p, i = u, l = A(""), o = A(n.select), t = Y(
+  setup(m, { emit: u }) {
+    const n = m, i = u, l = A(""), o = A(n.select), t = Y(
       () => l.value === "" ? n.items : n.items.filter((d) => d.name.toLowerCase().includes(l.value.toLowerCase()))
     ), r = (d) => {
       l.value = "", i("selectChanged", d);
@@ -1109,7 +1109,7 @@ const bs = { class: "flex justify-between" }, ws = {
     }, {
       default: v(() => [
         e("div", bs, [
-          m(c(Fe), { class: "block text-sm font-medium" }, {
+          p(c(Fe), { class: "block text-sm font-medium" }, {
             default: v(() => [
               T(g(d.label), 1)
             ]),
@@ -1120,7 +1120,7 @@ const bs = { class: "flex justify-between" }, ws = {
         e("div", {
           class: f([{ "mt-1": d.label }, "relative"])
         }, [
-          m(c(qe), {
+          p(c(qe), {
             class: f([{
               "mt-1": d.requiredText || d.label,
               "border-gray-300": d.color === "gray",
@@ -1139,9 +1139,9 @@ const bs = { class: "flex justify-between" }, ws = {
             onBlur: y[1] || (y[1] = (h) => l.value = ""),
             "display-value": (h) => h.name
           }, null, 8, ["class", "display-value"]),
-          m(c(Ve), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
+          p(c(Ve), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
             default: v(() => [
-              m(c(vs), {
+              p(c(vs), {
                 class: "size-5 text-gray-400",
                 "aria-hidden": "true"
               })
@@ -1169,7 +1169,7 @@ const bs = { class: "flex justify-between" }, ws = {
                       key: 0,
                       class: f(["absolute inset-y-0 right-0 flex items-center pr-4", w ? "text-white" : "text-indigo-600"])
                     }, [
-                      m(c(hs), {
+                      p(c(hs), {
                         class: "size-5",
                         "aria-hidden": "true"
                       })
@@ -1210,8 +1210,8 @@ const bs = { class: "flex justify-between" }, ws = {
     text: {}
   },
   emits: ["tagEvent"],
-  setup(p, { emit: u }) {
-    const n = u, i = p, l = () => {
+  setup(m, { emit: u }) {
+    const n = u, i = m, l = () => {
       i.event != null && n("tagEvent", i.event);
     };
     return (o, t) => o.loading ? (s(), a("div", xs, t[0] || (t[0] = [
@@ -1261,8 +1261,8 @@ const bs = { class: "flex justify-between" }, ws = {
     requiredText: {}
   },
   emits: ["inputChanged"],
-  setup(p, { emit: u }) {
-    const n = u, i = p, l = (t) => {
+  setup(m, { emit: u }) {
+    const n = u, i = m, l = (t) => {
       n("inputChanged", t.target.value);
     }, o = A(i.value);
     return R(() => i.value, (t) => {
@@ -1307,7 +1307,7 @@ const bs = { class: "flex justify-between" }, ws = {
           "text-green-400": t.color === "green"
         }, "mt-2 text-xs flex flex-row items-center"])
       }, [
-        m(D, {
+        p(D, {
           icon: c(ge),
           color: "red",
           class: "mr-2",
@@ -1334,8 +1334,8 @@ const bs = { class: "flex justify-between" }, ws = {
     loading: { type: Boolean, default: !0 }
   },
   emits: ["toggleChanged", "actionClicked"],
-  setup(p, { emit: u }) {
-    const n = p, i = A(n.checked);
+  setup(m, { emit: u }) {
+    const n = m, i = A(n.checked);
     return R(() => n.checked, (l) => i.value = l), (l, o) => l.loading ? (s(), a("div", Ts, o[3] || (o[3] = [
       e("div", { class: "relative bg-gray-200 rounded-full w-12 h-6 p-1 flex items-center" }, [
         e("div", { class: "rounded-full bg-gray-300 dark:bg-gray-400 h-4 w-4" })
@@ -1347,7 +1347,7 @@ const bs = { class: "flex justify-between" }, ws = {
       class: "flex items-center relative"
     }, {
       default: v(() => [
-        m(c(ut), {
+        p(c(ut), {
           disabled: l.disabled,
           onClick: o[0] || (o[0] = (t) => l.$emit("toggleChanged", { item: l.item, active: !i.value })),
           modelValue: i.value,
@@ -1369,7 +1369,7 @@ const bs = { class: "flex justify-between" }, ws = {
           ]),
           _: 1
         }, 8, ["disabled", "modelValue", "class"]),
-        m(c(ct), {
+        p(c(ct), {
           as: "span",
           class: "ml-3"
         }, {
@@ -1403,7 +1403,7 @@ const bs = { class: "flex justify-between" }, ws = {
     loading: { type: Boolean, default: !0 }
   },
   emits: ["alertEvent"],
-  setup(p, { emit: u }) {
+  setup(m, { emit: u }) {
     const n = u, i = (l) => {
       n("alertEvent", l.event);
     };
@@ -1501,7 +1501,7 @@ const bs = { class: "flex justify-between" }, ws = {
     loading: { type: Boolean, default: !0 }
   },
   emits: ["breadCrumbClicked"],
-  setup(p, { emit: u }) {
+  setup(m, { emit: u }) {
     return (n, i) => n.loading ? (s(), a("div", Js, i[0] || (i[0] = [
       e("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1),
       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5 mr-4" }, null, -1),
@@ -1515,14 +1515,14 @@ const bs = { class: "flex justify-between" }, ws = {
               onClick: (t) => n.$emit("breadCrumbClicked", l.routeName),
               class: "flex flex-row items-center justify-center text-indigo-600 hover:text-indigo-800 cursor-pointer"
             }, [
-              m(c(Nt), {
+              p(c(Nt), {
                 class: "flex-shrink-0 h-3 w-3 text-gray-400 mr-4",
                 "aria-hidden": "true"
               }),
               e("span", null, g(l.name), 1)
             ], 8, Hs)
           ])) : (s(), a("div", Es, [
-            m(c(ee), {
+            p(c(ee), {
               class: "flex-shrink-0 h-3 w-3 text-gray-400",
               "aria-hidden": "true"
             }),
@@ -1553,7 +1553,7 @@ const bs = { class: "flex justify-between" }, ws = {
     loading: { type: Boolean, default: !0 }
   },
   emits: ["cardSelected"],
-  setup(p, { emit: u }) {
+  setup(m, { emit: u }) {
     return (n, i) => {
       var l;
       return n.loading ? (s(), a("div", to, i[1] || (i[1] = [
@@ -1598,13 +1598,13 @@ const bs = { class: "flex justify-between" }, ws = {
     loading: { type: Boolean, default: !0 }
   },
   emits: ["filterSelected"],
-  setup(p, { emit: u }) {
-    const n = u, i = p, l = (t) => {
+  setup(m, { emit: u }) {
+    const n = u, i = m, l = (t) => {
       o.value.forEach((r) => {
         r.active = r.value === t.value;
       }), n("filterSelected", t);
     }, o = A(i.items);
-    return (t, r) => (s(), x(me, {
+    return (t, r) => (s(), x(pe, {
       class: "text-nowrap",
       loading: t.loading,
       onOptionSelected: r[0] || (r[0] = (d) => l(d)),
@@ -1628,8 +1628,8 @@ const bs = { class: "flex justify-between" }, ws = {
     loading: { type: Boolean, default: !1 }
   },
   emits: ["modalAction"],
-  setup(p, { emit: u }) {
-    const n = p, i = u, l = (o) => {
+  setup(m, { emit: u }) {
+    const n = m, i = u, l = (o) => {
       i("modalAction", { modal: n.modalName, action: o });
     };
     return (o, t) => (s(), x(c(ke), {
@@ -1637,13 +1637,13 @@ const bs = { class: "flex justify-between" }, ws = {
       show: o.open
     }, {
       default: v(() => [
-        m(c($e), {
+        p(c($e), {
           as: "div",
           class: "relative z-50",
           onClose: t[1] || (t[1] = (r) => l("close"))
         }, {
           default: v(() => [
-            m(c(G), {
+            p(c(G), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -1660,7 +1660,7 @@ const bs = { class: "flex justify-between" }, ws = {
             }),
             e("div", oo, [
               e("div", lo, [
-                m(c(G), {
+                p(c(G), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -1670,7 +1670,7 @@ const bs = { class: "flex justify-between" }, ws = {
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
                   default: v(() => [
-                    m(c(_e), {
+                    p(c(_e), {
                       class: f([{
                         "sm:my-8 w-full sm:w-9/12 md:w-2/3 lg:w-1/2": o.size === "big",
                         "w-full sm:my-8 sm:w-full sm:max-w-lg sm:p-6": o.size === "medium"
@@ -1684,7 +1684,7 @@ const bs = { class: "flex justify-between" }, ws = {
                             onClick: t[0] || (t[0] = (r) => l("close"))
                           }, [
                             t[3] || (t[3] = e("span", { class: "sr-only" }, "X", -1)),
-                            m(D, {
+                            p(D, {
                               icon: c(W),
                               "aria-hidden": "true",
                               loading: o.loading
@@ -1700,25 +1700,25 @@ const bs = { class: "flex justify-between" }, ws = {
                               "bg-yellow-100": o.type === "warning"
                             }])
                           }, [
-                            C(m(c(W), {
+                            C(p(c(W), {
                               class: "h-6 w-6 text-red-600",
                               "aria-hidden": "true"
                             }, null, 512), [
                               [j, o.type === "danger"]
                             ]),
-                            C(m(c(Me), {
+                            C(p(c(Me), {
                               class: "h-6 w-6 text-green-600",
                               "aria-hidden": "true"
                             }, null, 512), [
                               [j, o.type === "success"]
                             ]),
-                            C(m(c(H), {
+                            C(p(c(H), {
                               class: "h-6 w-6 text-yellow-600",
                               "aria-hidden": "true"
                             }, null, 512), [
                               [j, o.type === "warning"]
                             ]),
-                            C(m(c(Ot), {
+                            C(p(c(Ot), {
                               class: "h-6 w-6 text-indigo-600",
                               "aria-hidden": "true"
                             }, null, 512), [
@@ -1726,7 +1726,7 @@ const bs = { class: "flex justify-between" }, ws = {
                             ])
                           ], 2),
                           e("div", ao, [
-                            m(c(He), {
+                            p(c(He), {
                               as: "h3",
                               class: "text-lg font-medium leading-6 text-gray-900"
                             }, {
@@ -1763,10 +1763,10 @@ const bs = { class: "flex justify-between" }, ws = {
       _: 3
     }, 8, ["show"]));
   }
-}), go = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, mo = {
+}), go = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, po = {
   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"
-}, po = { class: "p-4" }, fo = { class: "flex items-start" }, yo = { class: "flex-shrink-0 mt-0.5" }, ho = { class: "ml-3 w-0 flex-1 pt-0.5" }, vo = { class: "font-medium text-gray-900" }, bo = { class: "mt-1 text-sm text-gray-500" }, wo = { class: "ml-4 flex-shrink-0 flex" }, xo = /* @__PURE__ */ B({
+}, mo = { class: "p-4" }, fo = { class: "flex items-start" }, yo = { class: "flex-shrink-0 mt-0.5" }, ho = { class: "ml-3 w-0 flex-1 pt-0.5" }, vo = { class: "font-medium text-gray-900" }, bo = { class: "mt-1 text-sm text-gray-500" }, wo = { class: "ml-4 flex-shrink-0 flex" }, xo = /* @__PURE__ */ B({
   __name: "uiNotification",
   props: {
     type: { default: "info" },
@@ -1776,14 +1776,14 @@ const bs = { class: "flex justify-between" }, ws = {
     show: { type: Boolean, default: !1 }
   },
   emits: ["closeNotification"],
-  setup(p, { emit: u }) {
-    const n = p, i = Y(() => n.show);
+  setup(m, { emit: u }) {
+    const n = m, i = Y(() => n.show);
     return (l, o) => (s(), a("div", {
       "aria-live": "assertive",
       class: f([{ fixed: l.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"])
     }, [
       e("div", go, [
-        m(ue, {
+        p(ue, {
           "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",
@@ -1792,29 +1792,29 @@ const bs = { class: "flex justify-between" }, ws = {
           "leave-to-class": "opacity-0"
         }, {
           default: v(() => [
-            i.value ? (s(), a("div", mo, [
-              e("div", po, [
+            i.value ? (s(), a("div", po, [
+              e("div", mo, [
                 e("div", fo, [
                   e("div", yo, [
-                    C(m(c(We), {
+                    C(p(c(We), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-green-400"
                     }, null, 512), [
                       [j, l.type === "success"]
                     ]),
-                    C(m(c(ge), {
+                    C(p(c(ge), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-red-400"
                     }, null, 512), [
                       [j, l.type === "danger"]
                     ]),
-                    C(m(c(H), {
+                    C(p(c(H), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-yellow-400"
                     }, null, 512), [
                       [j, l.type === "warning"]
                     ]),
-                    C(m(c(Qe), {
+                    C(p(c(Qe), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-indigo-600"
                     }, null, 512), [
@@ -1832,7 +1832,7 @@ const bs = { class: "flex justify-between" }, ws = {
                       onClick: o[0] || (o[0] = (t) => l.$emit("closeNotification"))
                     }, [
                       o[1] || (o[1] = e("span", { class: "sr-only" }, "Close", -1)),
-                      m(c(W), {
+                      p(c(W), {
                         "aria-hidden": "true",
                         class: "h-5 w-5"
                       })
@@ -1860,7 +1860,7 @@ const bs = { class: "flex justify-between" }, ws = {
     tasks: {},
     loading: { type: Boolean, default: !0 }
   },
-  setup(p) {
+  setup(m) {
     return (u, n) => u.loading ? (s(), a("ul", To, [
       (s(!0), a($, null, _(u.tasks, (i) => (s(), a("li", {
         key: i.id,
@@ -1904,14 +1904,14 @@ const bs = { class: "flex justify-between" }, ws = {
     ]));
   }
 });
-function Lo(p) {
-  return p && p.__esModule && Object.prototype.hasOwnProperty.call(p, "default") ? p.default : p;
+function Lo(m) {
+  return m && m.__esModule && Object.prototype.hasOwnProperty.call(m, "default") ? m.default : m;
 }
 var le = { exports: {} }, Ao = le.exports, Te;
 function Oo() {
-  return Te || (Te = 1, function(p, u) {
+  return Te || (Te = 1, function(m, u) {
     (function(n, i) {
-      p.exports = i(z);
+      m.exports = i(z);
     })(Ao, function(n) {
       function i(t) {
         return t && typeof t == "object" && "default" in t ? t : { default: t };
@@ -1926,9 +1926,9 @@ function Oo() {
 Oo();
 var re = { exports: {} }, No = re.exports, ze;
 function Io() {
-  return ze || (ze = 1, function(p, u) {
+  return ze || (ze = 1, function(m, u) {
     (function(n, i) {
-      p.exports = i(z);
+      m.exports = i(z);
     })(No, function(n) {
       function i(d) {
         return d && typeof d == "object" && "default" in d ? d : { default: d };
@@ -1948,9 +1948,9 @@ function Io() {
 Io();
 var ne = { exports: {} }, Yo = ne.exports, Le;
 function Po() {
-  return Le || (Le = 1, function(p, u) {
+  return Le || (Le = 1, function(m, u) {
     (function(n, i) {
-      p.exports = i();
+      m.exports = i();
     })(Yo, function() {
       return { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(n) {
         var i = ["th", "st", "nd", "rd"], l = n % 100;
@@ -1962,9 +1962,9 @@ function Po() {
 Po();
 var ae = { exports: {} }, Fo = ae.exports, Ae;
 function qo() {
-  return Ae || (Ae = 1, function(p, u) {
+  return Ae || (Ae = 1, function(m, u) {
     (function(n, i) {
-      p.exports = i(z);
+      m.exports = i(z);
     })(Fo, function(n) {
       function i(t) {
         return t && typeof t == "object" && "default" in t ? t : { default: t };
@@ -1977,8 +1977,8 @@ function qo() {
   }(ae)), ae.exports;
 }
 qo();
-const te = (p, u) => {
-  const n = p.__vccOpts || p;
+const te = (m, u) => {
+  const n = m.__vccOpts || m;
   for (const [i, l] of u)
     n[i] = l;
   return n;
@@ -2003,17 +2003,17 @@ const te = (p, u) => {
     }
   },
   methods: {
-    selectDate(p, u) {
+    selectDate(m, u) {
       let n;
       if (u === "previous") {
         if (this.currentDate <= this.today) return;
-        p === "day" && (n = z(this.currentDate).subtract(1, "day")), p === "month" && (n = z(this.currentDate).subtract(1, "month")), p === "year" && (n = z(this.currentDate).subtract(1, "year")), n <= this.today && (n = this.currentDate = this.today);
+        m === "day" && (n = z(this.currentDate).subtract(1, "day")), m === "month" && (n = z(this.currentDate).subtract(1, "month")), m === "year" && (n = z(this.currentDate).subtract(1, "year")), n <= this.today && (n = this.currentDate = this.today);
       }
-      u === "next" && (p === "day" && (n = z(this.selectedDate).add(1, "day")), p === "month" && (n = z(this.selectedDate).add(1, "month")), p === "year" && (n = z(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", n);
+      u === "next" && (m === "day" && (n = z(this.selectedDate).add(1, "day")), m === "month" && (n = z(this.selectedDate).add(1, "month")), m === "year" && (n = z(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", n);
     }
   }
 }, Ro = { class: "dateSelector flex items-center text-white flex-row" }, Uo = { 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" }, Eo = { class: "pagination flex items-center my-1 sm:my-0" };
-function Zo(p, u, n, i, l, o) {
+function Zo(m, u, n, i, l, o) {
   const t = De("ChevronLeftIcon"), r = De("ChevronRightIcon");
   return s(), a("div", Ro, [
     e("div", Uo, [
@@ -2024,9 +2024,9 @@ function Zo(p, u, n, i, l, o) {
         }, "previousYear flex items-center p-1 rounded mx-0.5 shadow-sm"]),
         onClick: u[0] || (u[0] = (d) => o.selectDate("year", "previous"))
       }, [
-        m(t, { class: "h-4" }),
-        m(t, { class: "h-4 -ml-3" }),
-        m(t, { class: "h-4 -ml-3" })
+        p(t, { class: "h-4" }),
+        p(t, { class: "h-4 -ml-3" }),
+        p(t, { class: "h-4 -ml-3" })
       ], 2),
       e("div", {
         class: f([{
@@ -2035,8 +2035,8 @@ function Zo(p, u, n, i, l, o) {
         }, "previousYear flex items-center p-1 rounded mx-0.5 shadow-sm"]),
         onClick: u[1] || (u[1] = (d) => o.selectDate("month", "previous"))
       }, [
-        m(t, { class: "h-4" }),
-        m(t, { class: "h-4 -ml-3" })
+        p(t, { class: "h-4" }),
+        p(t, { class: "h-4 -ml-3" })
       ], 2),
       e("div", {
         class: f([{
@@ -2045,7 +2045,7 @@ function Zo(p, u, n, i, l, o) {
         }, "previousYear flex items-center p-1 rounded mx-0.5 shadow-sm"]),
         onClick: u[2] || (u[2] = (d) => o.selectDate("day", "previous"))
       }, [
-        m(t, { class: "h-4" })
+        p(t, { class: "h-4" })
       ], 2)
     ]),
     e("div", Ho, g(o.formatedDate), 1),
@@ -2054,22 +2054,22 @@ function Zo(p, u, n, i, l, o) {
         class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm",
         onClick: u[3] || (u[3] = (d) => o.selectDate("day", "next"))
       }, [
-        m(r, { class: "h-4" })
+        p(r, { class: "h-4" })
       ]),
       e("div", {
         class: "previousMonth flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm",
         onClick: u[4] || (u[4] = (d) => o.selectDate("month", "next"))
       }, [
-        m(r, { class: "h-4" }),
-        m(r, { class: "h-4 -ml-3" })
+        p(r, { class: "h-4" }),
+        p(r, { class: "h-4 -ml-3" })
       ]),
       e("div", {
         class: "previousYear flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm",
         onClick: u[5] || (u[5] = (d) => o.selectDate("year", "next"))
       }, [
-        m(r, { class: "h-4" }),
-        m(r, { class: "h-4 -ml-3" }),
-        m(r, { class: "h-4 -ml-3" })
+        p(r, { class: "h-4" }),
+        p(r, { class: "h-4 -ml-3" }),
+        p(r, { class: "h-4 -ml-3" })
       ])
     ])
   ]);
@@ -2077,7 +2077,7 @@ function Zo(p, u, n, i, l, o) {
 const Jo = /* @__PURE__ */ te(Vo, [["render", Zo]]), Wo = {
   name: "SkeletonTable"
 }, Go = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Ko = { class: "flow-root" }, Qo = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Xo = { class: "inline-block min-w-full py-2 align-middle px-1" }, el = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, tl = { class: "min-w-full divide-y divide-gray-300" }, sl = { class: "divide-y divide-gray-200 bg-white" };
-function ol(p, u, n, i, l, o) {
+function ol(m, u, n, i, l, o) {
   return s(), a("div", Go, [
     e("div", Ko, [
       e("div", Qo, [
@@ -2158,9 +2158,9 @@ function ol(p, u, n, i, l, o) {
 const tt = /* @__PURE__ */ te(Wo, [["render", ol]]);
 var ie = { exports: {} }, ll = ie.exports, Oe;
 function rl() {
-  return Oe || (Oe = 1, function(p, u) {
+  return Oe || (Oe = 1, function(m, u) {
     (function(n, i) {
-      p.exports = i();
+      m.exports = i();
     })(ll, function() {
       return function(n, i, l) {
         i.prototype.isToday = function() {
@@ -2189,7 +2189,7 @@ const al = /* @__PURE__ */ Lo(nl), il = {
     }
   }
 }, dl = { class: "text-xs" }, ul = { class: "font-bold text-lg" }, cl = { class: "text-xs font-medium" };
-function gl(p, u, n, i, l, o) {
+function gl(m, u, n, i, l, o) {
   return s(), a("div", {
     class: f([
       "day select-none text-center",
@@ -2204,7 +2204,7 @@ function gl(p, u, n, i, l, o) {
     e("p", cl, g(o.currentDay.month), 1)
   ], 2);
 }
-const ml = /* @__PURE__ */ te(il, [["render", gl]]), pl = {
+const pl = /* @__PURE__ */ te(il, [["render", gl]]), ml = {
   name: "dayPrice",
   props: {
     currency: String,
@@ -2224,7 +2224,7 @@ const ml = /* @__PURE__ */ te(il, [["render", gl]]), pl = {
     }
   }
 }, fl = { class: "priceDay" };
-function yl(p, u, n, i, l, o) {
+function yl(m, u, n, i, l, o) {
   return s(), a("div", fl, [
     e("div", {
       class: f([
@@ -2238,7 +2238,7 @@ function yl(p, u, n, i, l, o) {
     }, g(o.currentDay.price) + g(n.currency), 3)
   ]);
 }
-const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
+const oe = /* @__PURE__ */ te(ml, [["render", yl]]), hl = {
   key: 0,
   class: "px-4 sm:px-6 lg:px-8"
 }, vl = { class: "flow-root" }, bl = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, wl = { class: "inline-block min-w-full align-middle" }, xl = { class: "min-w-full text-sm" }, kl = { class: "bg-white" }, $l = {
@@ -2302,8 +2302,8 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
     literals: {}
   },
   emits: ["dateChanged", "changeCategoryBulkPrices", "changeCategorySelectionPrice", "changeCategoryUpgradePrice", "changeRoomPrice", "tableAction"],
-  setup(p, { emit: u }) {
-    const n = p, i = u, l = A(/* @__PURE__ */ new Date()), o = A(n.today), t = A([]);
+  setup(m, { emit: u }) {
+    const n = m, i = u, l = A(/* @__PURE__ */ new Date()), o = A(n.today), t = A([]);
     R(() => n.today, (k) => {
       o.value = k;
     });
@@ -2330,7 +2330,7 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
                 e("tbody", kl, [
                   e("tr", null, [
                     e("th", $l, [
-                      m(Jo, {
+                      p(Jo, {
                         selectedDate: o.value,
                         onDateSelected: P[0] || (P[0] = (N) => y(N))
                       }, null, 8, ["selectedDate"])
@@ -2340,7 +2340,7 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
                       key: q,
                       class: "text-sm font-semibold text-gray-900 p-0"
                     }, [
-                      m(ml, {
+                      p(pl, {
                         class: "border-l border-gray-200 px-6 py-3",
                         day: N
                       }, null, 8, ["day"])
@@ -2349,7 +2349,7 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
                   e("tr", null, [
                     e("th", _l, [
                       e("span", null, g(k.literals.category) + " " + g(k.category.name), 1),
-                      m(J, {
+                      p(J, {
                         loading: k.loading,
                         class: "ml-4",
                         size: "small",
@@ -2368,7 +2368,7 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
                       key: q,
                       class: "p-0"
                     }, [
-                      m(oe, {
+                      p(oe, {
                         onClick: (Q) => O(N),
                         class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer",
                         price: N,
@@ -2383,7 +2383,7 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
                       key: q,
                       class: "p-0"
                     }, [
-                      m(oe, {
+                      p(oe, {
                         onClick: (Q) => O(N),
                         class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 font-bold cursor-pointer",
                         price: N,
@@ -2398,7 +2398,7 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
                       key: q,
                       class: "p-0"
                     }, [
-                      m(oe, {
+                      p(oe, {
                         onClick: (Q) => S(N),
                         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: N,
@@ -2461,7 +2461,7 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
                       class: "p-0",
                       key: Q
                     }, [
-                      m(oe, {
+                      p(oe, {
                         onClick: (Yd) => F(q, N.id, N.name),
                         class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 cursor-pointer",
                         price: q,
@@ -2502,8 +2502,8 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
     annotations: {}
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection", "maximizeChart"],
-  setup(p, { emit: u }) {
-    const n = u, i = A((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":"))), l = p;
+  setup(m, { emit: u }) {
+    const n = u, i = A((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":"))), l = m;
     let o = ce(l.dates || { from: "", to: i });
     R(() => l.dates, (S) => {
       S && (o = S);
@@ -2576,13 +2576,13 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
         e("div", El, [
           e("div", Zl, g(S.title), 1),
           S.isNps && S.npsLiterals ? (s(), a("div", Jl, [
-            m(U, {
+            p(U, {
               size: "small",
               color: "red",
               loading: !1
             }, {
               default: v(() => [
-                m(D, {
+                p(D, {
                   icon: c(Lt),
                   loading: !1,
                   color: "red"
@@ -2591,13 +2591,13 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
               ]),
               _: 1
             }),
-            m(U, {
+            p(U, {
               size: "small",
               color: "yellow",
               loading: !1
             }, {
               default: v(() => [
-                m(D, {
+                p(D, {
                   icon: c(zt),
                   loading: !1,
                   color: "yellow"
@@ -2606,13 +2606,13 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
               ]),
               _: 1
             }),
-            m(U, {
+            p(U, {
               size: "small",
               color: "green",
               loading: !1
             }, {
               default: v(() => [
-                m(D, {
+                p(D, {
                   icon: c(At),
                   loading: !1,
                   color: "green"
@@ -2649,7 +2649,7 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
                 [X, c(o).to]
               ])
             ]),
-            m(D, {
+            p(D, {
               class: "ml-4 cursor-pointer",
               size: "big",
               loading: S.loading,
@@ -2659,7 +2659,7 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
           ])
         ]),
         C(e("div", or, [
-          m(c(Be), {
+          p(c(Be), {
             class: "chart",
             type: S.type,
             series: h.value,
@@ -2675,7 +2675,7 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
         C(e("div", {
           class: f(["h-[" + S.height + "px]", "w-full flex items-center justify-center flex-col"])
         }, [
-          m(D, {
+          p(D, {
             icon: c(H),
             color: "gray",
             loading: !1,
@@ -2724,7 +2724,7 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
 }), rr = {
   name: "uiFooter"
 }, nr = { class: "bg-white" };
-function ar(p, u, n, i, l, o) {
+function ar(m, u, n, i, l, o) {
   return s(), a("footer", nr, u[0] || (u[0] = [
     e("div", { class: "mx-auto py-6 px-4 sm:px-6 md:flex md:items-center md:justify-between lg:px-8" }, [
       e("div", { class: "mt-8 md:mt-0 md:order-1" }, [
@@ -2740,7 +2740,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     message: {},
     fixed: { type: Boolean, default: !0 }
   },
-  setup(p) {
+  setup(m) {
     return (u, n) => (s(), a("div", {
       class: f([
         { fixed: u.fixed },
@@ -2767,10 +2767,10 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
 }, cr = { class: "flex-1 flex justify-between sm:hidden" }, gr = {
   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"
-}, mr = {
+}, pr = {
   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"
-}, pr = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, fr = { class: "text-sm text-gray-700" }, yr = { class: "font-bold mx-1" }, hr = { class: "font-bold mx-1" }, vr = {
+}, mr = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, fr = { class: "text-sm text-gray-700" }, yr = { class: "font-bold mx-1" }, hr = { class: "font-bold mx-1" }, vr = {
   class: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px",
   "aria-label": "Pagination"
 }, br = { class: "sr-only" }, wr = ["onClick"], xr = { class: "sr-only" }, kr = {
@@ -2784,8 +2784,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     loading: { type: Boolean, default: !0 }
   },
   emits: ["changePage"],
-  setup(p, { emit: u }) {
-    const n = u, i = p, l = A(3), o = Y(
+  setup(m, { emit: u }) {
+    const n = u, i = m, l = A(3), o = Y(
       () => Math.max(1, Number(i.current) - Number(l.value))
     ), t = Y(
       () => Math.min(Number(i.current) + Number(l.value), Number(i.total))
@@ -2803,11 +2803,11 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         e("a", gr, [
           V(d.$slots, "previous")
         ]),
-        e("a", mr, [
+        e("a", pr, [
           V(d.$slots, "next")
         ])
       ]),
-      e("div", pr, [
+      e("div", mr, [
         e("div", null, [
           e("p", fr, [
             V(d.$slots, "showing"),
@@ -2826,7 +2826,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
               e("span", br, [
                 V(d.$slots, "previous")
               ]),
-              m(c(Ge), {
+              p(c(Ge), {
                 class: "h-5 w-5",
                 "aria-hidden": "true"
               })
@@ -2849,7 +2849,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
               e("span", xr, [
                 V(d.$slots, "next")
               ]),
-              m(c(ee), {
+              p(c(ee), {
                 class: "h-5 w-5",
                 "aria-hidden": "true"
               })
@@ -2889,8 +2889,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     logo: {}
   },
   emits: ["sideBarClick"],
-  setup(p, { emit: u }) {
-    const n = p, i = u, l = Y(() => n.navigation ? Array.isArray(n.navigation) ? n.navigation : [n.navigation] : []);
+  setup(m, { emit: u }) {
+    const n = m, i = u, l = Y(() => n.navigation ? Array.isArray(n.navigation) ? n.navigation : [n.navigation] : []);
     return (o, t) => (s(), a("div", _r, [
       e("div", Cr, [
         e("div", Sr, [
@@ -2907,7 +2907,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                 class: "space-y-1"
               }, {
                 default: v(({ open: d }) => [
-                  m(c(Z), {
+                  p(c(Z), {
                     class: f([r.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: v(() => [
@@ -2924,13 +2924,13 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                       o.loading ? (s(), a("div", zr, t[0] || (t[0] = [
                         e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)
                       ]))) : (s(), a("span", Tr, g(r.name), 1)),
-                      m(c(ee), {
+                      p(c(ee), {
                         class: f([d ? "text-black rotate-90" : "text-gray-400", "mr-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"]),
-                  m(c(Se), { class: "space-y-1" }, {
+                  p(c(Se), { class: "space-y-1" }, {
                     default: v(() => [
                       (s(!0), a($, null, _(r.children, (y) => (s(), x(c(Z), {
                         onClick: (h) => i("sideBarClick", y.id),
@@ -3002,8 +3002,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     productsSidebar: {}
   },
   emits: ["productBarClick", "sideBarClick"],
-  setup(p, { emit: u }) {
-    const n = p, i = Y(() => n.navigation ? Array.isArray(n.navigation) ? n.navigation : [n.navigation] : []);
+  setup(m, { emit: u }) {
+    const n = m, i = Y(() => n.navigation ? Array.isArray(n.navigation) ? n.navigation : [n.navigation] : []);
     return (l, o) => (s(), a("div", Ir, [
       e("div", Yr, [
         e("ul", null, [
@@ -3012,7 +3012,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             class: f([{ "!bg-indigo-900": t.active }, "w-full h-16 flex items-center justify-center cursor-pointer bg-indigo-600 hover:bg-indigo-700"]),
             onClick: (d) => l.$emit("productBarClick", t.name)
           }, [
-            m(D, {
+            p(D, {
               icon: t.icon,
               loading: !1,
               color: "white",
@@ -3049,12 +3049,12 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                     as: "div"
                   }, {
                     default: v(() => [
-                      m(c(Z), {
+                      p(c(Z), {
                         onClick: (r) => l.$emit("sideBarClick", t.id),
                         class: f([t.current ? "bg-gray-100" : "hover:bg-gray-100", "flex w-full items-center gap-x-3 rounded-md p-2 text-left text-sm font-semibold leading-6 text-gray-700"])
                       }, {
                         default: v(() => [
-                          m(D, {
+                          p(D, {
                             icon: t.icon,
                             color: "primary",
                             size: "big",
@@ -3063,7 +3063,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                             class: "shrink-0"
                           }, null, 8, ["icon"]),
                           T(" " + g(t.name) + " ", 1),
-                          m(c(ee), {
+                          p(c(ee), {
                             class: f([t.children.some((r) => r.current) || t.current ? "rotate-90 text-primary-500" : "text-gray-400", "ml-auto h-5 w-5 shrink-0"]),
                             "aria-hidden": "true"
                           }, null, 8, ["class"])
@@ -3071,7 +3071,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                         _: 2
                       }, 1032, ["onClick", "class"]),
                       C(e("div", null, [
-                        m(c(Se), {
+                        p(c(Se), {
                           as: "ul",
                           class: "mt-1 px-2",
                           static: ""
@@ -3080,7 +3080,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                             (s(!0), a($, null, _(t.children, (r) => (s(), a("li", {
                               key: r.name
                             }, [
-                              m(c(Z), {
+                              p(c(Z), {
                                 as: "a",
                                 onClick: (d) => l.$emit("sideBarClick", r.id),
                                 class: f([r.current ? "bg-gray-100" : "hover:bg-gray-100", "block rounded-md py-2 pl-9 pr-2 text-sm leading-6 text-gray-700 cursor-pointer"])
@@ -3104,7 +3104,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                     onClick: (r) => l.$emit("sideBarClick", t.id),
                     class: f([t.current ? "bg-gray-100" : "hover:bg-gray-100", "group flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-6 text-gray-700 cursor-pointer"])
                   }, [
-                    m(D, {
+                    p(D, {
                       icon: t.icon,
                       color: "primary",
                       size: "big",
@@ -3160,12 +3160,12 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     loading: { type: Boolean, default: !0 }
   },
   emits: ["statClick"],
-  setup(p, { emit: u }) {
+  setup(m, { emit: u }) {
     return (n, i) => n.loading ? (s(), a("div", ln, [
       e("div", rn, [
         e("dt", null, [
           e("div", nn, [
-            m(D, {
+            p(D, {
               loading: n.loading,
               icon: n.item.icon,
               class: "h-6 w-6 text-white",
@@ -3194,7 +3194,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
               "bg-cyan-300": n.item.color === "secondary"
             }])
           }, [
-            m(D, {
+            p(D, {
               icon: n.item.icon,
               class: "h-6 w-6 text-white",
               "aria-hidden": "true",
@@ -3246,7 +3246,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
 }), an = {
   key: 0,
   class: "overflow-hidden bg-white shadow sm:rounded-lg"
-}, dn = { class: "px-4 py-5 sm:px-6" }, un = { class: "text-lg font-medium leading-6 text-gray-900" }, cn = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, gn = { class: "border-t border-gray-200" }, mn = { class: "text-sm font-medium text-gray-500" }, pn = {
+}, dn = { class: "px-4 py-5 sm:px-6" }, un = { class: "text-lg font-medium leading-6 text-gray-900" }, cn = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, gn = { class: "border-t border-gray-200" }, pn = { class: "text-sm font-medium text-gray-500" }, mn = {
   key: 0,
   class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal"
 }, fn = ["onClick"], yn = {
@@ -3264,7 +3264,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     loading: { type: Boolean, default: !0 }
   },
   emits: ["itemClicked"],
-  setup(p) {
+  setup(m) {
     return (u, n) => u.loading ? (s(), a("div", hn, [
       n[1] || (n[1] = K('<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><div 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></div></div>', 1)),
       e("div", vn, [
@@ -3293,8 +3293,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             key: l,
             class: f(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [l % 2 === 0 ? "bg-gray-50" : "bg-white"]])
           }, [
-            e("dt", mn, g(i.title), 1),
-            i.type === "tags" ? (s(), a("dd", pn, [
+            e("dt", pn, g(i.title), 1),
+            i.type === "tags" ? (s(), a("dd", mn, [
               (s(!0), a($, null, _(i.tags, (o, t) => (s(), x(U, {
                 loading: u.loading,
                 key: t,
@@ -3324,7 +3324,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       required: !0
     }
   },
-  setup(p) {
+  setup(m) {
     return (u, n) => (s(), a("div", wn, [
       n[0] || (n[0] = e("svg", {
         class: "absolute -top-3 left-0",
@@ -3342,14 +3342,14 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         })
       ], -1)),
       e("div", null, [
-        m(D, {
+        p(D, {
           icon: c(It),
           loading: !1,
           color: "white",
           size: "big"
         }, null, 8, ["icon"])
       ]),
-      e("span", xn, g(p.tip), 1)
+      e("span", xn, g(m.tip), 1)
     ]));
   }
 }, $n = { key: 0 }, _n = { class: "flex flex-col" }, Cn = { class: "-my-2 overflow-x-auto" }, Sn = { class: "inline-block min-w-full py-2 align-middle px-1" }, Bn = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Mn = {
@@ -3373,9 +3373,9 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     actions: {}
   },
   emits: ["tableAction", "orderBy", "customEmit", "selectedItemsDeleted"],
-  setup(p, { emit: u }) {
+  setup(m, { emit: u }) {
     let n = A([]), i = A(""), l = A(!1);
-    const o = u, t = p, r = Y(
+    const o = u, t = m, r = Y(
       () => n.value.length > 0 && n.value.length < t.items.length
     ), d = (w, L) => {
       i.value !== w && L && (i.value = w), L || (i.value = void 0);
@@ -3441,7 +3441,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                               M.value === w.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"])
                           }, [
-                            m(D, {
+                            p(D, {
                               icon: w.orderDirection === "asc" ? c(de) : c(Ke),
                               loading: w.loading,
                               color: M.value === w.orderedBy ? "white" : "primary"
@@ -3523,7 +3523,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     tabs: {}
   },
   emits: ["tabClicked"],
-  setup(p, { emit: u }) {
+  setup(m, { emit: u }) {
     const n = u, i = (l) => {
       const o = l.target;
       o.value && n("tabClicked", o.value);
@@ -3580,11 +3580,11 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   class: "bg-gray-50 px-4 py-4 sm:px-6 z-10"
 }, da = { class: "text-sm" }, ua = {
   key: 2,
-  class: "h-full w-full flex items-center justify-center flex-col mb-5"
+  class: "h-full w-full flex items-center justify-center flex-col px-4 py-5 sm:p-6"
 }, ca = {
   key: 1,
   class: "bg-white overflow-hidden shadow rounded-lg"
-}, ga = { class: "px-4 py-5 sm:p-6 animate-pulse" }, ma = { class: "flow-root" }, pa = {
+}, ga = { class: "px-4 py-5 sm:p-6 animate-pulse" }, pa = { class: "flow-root" }, ma = {
   class: "-mb-8",
   role: "list"
 }, fa = { class: "relative pb-8" }, ya = {
@@ -3601,8 +3601,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     loading: { type: Boolean, default: !0 }
   },
   emits: ["timelineEventClicked", "timelineFooterClicked"],
-  setup(p, { emit: u }) {
-    const i = ce(p.timeline);
+  setup(m, { emit: u }) {
+    const i = ce(m.timeline);
     return (l, o) => l.loading ? (s(), a("div", ca, [
       o[3] || (o[3] = e("div", { class: "px-4 py-5 sm:px-6 animate-pulse" }, [
         e("h1", { class: "text-xl font-bold" }, [
@@ -3610,8 +3610,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         ])
       ], -1)),
       e("div", ga, [
-        e("div", ma, [
-          e("ul", pa, [
+        e("div", pa, [
+          e("ul", ma, [
             (s(), a($, null, _(10, (t, r) => e("li", { key: r }, [
               e("div", fa, [
                 t !== 10 ? (s(), a("span", ya)) : b("", !0),
@@ -3633,9 +3633,9 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       e("div", Gn, [
         e("h1", Kn, g(l.name), 1)
       ]),
-      i.items ? (s(), a("div", Qn, [
+      i.items.length > 0 ? (s(), a("div", Qn, [
         e("div", Xn, [
-          m(rt, {
+          p(rt, {
             name: "list",
             tag: "ul",
             class: "-mb-8"
@@ -3647,9 +3647,14 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                   e("div", sa, [
                     e("div", null, [
                       e("span", {
-                        class: f([(t == null ? void 0 : t.iconBackground) || "bg-indigo-600", "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"])
+                        class: f([{
+                          "bg-indigo-600": (t == null ? void 0 : t.iconBackground) === "default" || !(t != null && t.iconBackground),
+                          "bg-red-400": (t == null ? void 0 : t.iconBackground) === "danger",
+                          "bg-yellow-400": (t == null ? void 0 : t.iconBackground) === "warning",
+                          "bg-green-400": (t == null ? void 0 : t.iconBackground) === "success"
+                        }, "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"])
                       }, [
-                        m(D, {
+                        p(D, {
                           loading: l.loading,
                           icon: t == null ? void 0 : t.icon,
                           "aria-hidden": "true",
@@ -3682,7 +3687,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           })
         ])
       ])) : b("", !0),
-      i.items ? (s(), a("div", ia, [
+      i.items.length > 0 ? (s(), a("div", ia, [
         e("div", da, [
           e("a", {
             class: "cursor-pointer font-medium text-indigo-600 hover:text-indigo-500",
@@ -3690,7 +3695,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           }, g(l.timeline.footerText), 1)
         ])
       ])) : (s(), a("div", ua, [
-        m(D, {
+        p(D, {
           icon: c(H),
           color: "gray",
           loading: !1,
@@ -3714,8 +3719,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     navigation: {}
   },
   emits: ["topBarClick"],
-  setup(p, { emit: u }) {
-    const n = p, i = Y(() => n.navigation ? Array.isArray(n.navigation) ? n.navigation : [n.navigation] : []);
+  setup(m, { emit: u }) {
+    const n = m, i = Y(() => n.navigation ? Array.isArray(n.navigation) ? n.navigation : [n.navigation] : []);
     return (l, o) => (s(), x(c(Ce), {
       as: "nav",
       class: "bg-white shadow z-10"
@@ -3725,7 +3730,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           e("div", ba, [
             e("div", wa, [
               e("div", xa, [
-                m(c(Z), { 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" }, {
+                p(c(Z), { 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: v(() => [
                     o[1] || (o[1] = e("span", { class: "sr-only" }, "Open main menu", -1)),
                     t ? (s(), x(c(W), {
@@ -3755,13 +3760,13 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             ]),
             e("div", $a, [
               e("div", _a, [
-                m(c(ve), {
+                p(c(ve), {
                   as: "div",
                   class: "ml-3 relative"
                 }, {
                   default: v(() => [
                     e("div", null, [
-                      C(m(c(be), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
+                      C(p(c(be), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
                         default: v(() => [
                           C(e("div", Ca, o[2] || (o[2] = [
                             e("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
@@ -3778,7 +3783,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                         [j, l.accountLogo]
                       ])
                     ]),
-                    m(ue, {
+                    p(ue, {
                       "enter-active-class": "transition ease-out duration-200",
                       "enter-from-class": "transform opacity-0 scale-95",
                       "enter-to-class": "transform opacity-100 scale-100",
@@ -3787,7 +3792,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                       "leave-to-class": "transform opacity-0 scale-95"
                     }, {
                       default: v(() => [
-                        m(c(we), { 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" }, {
+                        p(c(we), { 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: v(() => [
                             (s(!0), a($, null, _(l.profileMenu, (r) => (s(), x(c(xe), {
                               key: r.name
@@ -3816,7 +3821,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             ])
           ])
         ]),
-        m(c(Se), { class: "lg:hidden" }, {
+        p(c(Se), { class: "lg:hidden" }, {
           default: v(() => [
             e("div", Ma, [
               (s(!0), a($, null, _(i.value, (r) => (s(), x(c(Z), {
@@ -3874,8 +3879,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   __name: "RangeSelector",
   props: { range: { type: String } },
   emits: ["rangeSelected"],
-  setup(p, { emit: u }) {
-    const n = u, i = p;
+  setup(m, { emit: u }) {
+    const n = u, i = m;
     let l = Y(() => i.range);
     const o = (t) => {
       l = t, n("rangeSelected", t);
@@ -3920,8 +3925,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     annotations: {}
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection", "maximizeChart"],
-  setup(p, { emit: u }) {
-    const n = u, i = p;
+  setup(m, { emit: u }) {
+    const n = u, i = m;
     let l = {
       chart: {
         type: "bar",
@@ -3966,13 +3971,13 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       }, [
         e("div", Va, [
           e("div", Ra, g(y.title), 1),
-          m(qa, {
+          p(qa, {
             range: y.range,
             onRangeSelected: h[0] || (h[0] = (w) => y.$emit("selectedRange", { range: w, chartId: y.id }))
           }, null, 8, ["range"])
         ]),
         C(e("div", Ua, [
-          m(c(Be), {
+          p(c(Be), {
             type: y.type,
             series: t.value,
             width: "100%",
@@ -3986,7 +3991,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           [j, !y.empty]
         ]),
         C(e("div", Ha, [
-          m(D, {
+          p(D, {
             icon: c(H),
             color: "gray",
             loading: !1,
@@ -4040,9 +4045,9 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     select: {}
   },
   emits: ["action", "noResultsOptionSelected"],
-  setup(p) {
+  setup(m) {
     return (u, n) => (s(), a("div", Ja, [
-      m(D, {
+      p(D, {
         class: "mx-auto",
         loading: !1,
         icon: c(H),
@@ -4063,7 +4068,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             ]),
             _: 2
           }, 1032, ["onClick"]))), 128)),
-          u.items ? (s(), x(me, {
+          u.items ? (s(), x(pe, {
             key: 0,
             items: u.items,
             loading: !1,
@@ -4081,13 +4086,13 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     open: { type: Boolean, default: !1 }
   },
   emits: ["closeRightBar"],
-  setup(p, { emit: u }) {
+  setup(m, { emit: u }) {
     return (n, i) => (s(), x(c(ke), {
       as: "template",
       show: n.open
     }, {
       default: v(() => [
-        m(c($e), {
+        p(c($e), {
           as: "div",
           class: "relative z-10",
           onClose: i[1] || (i[1] = (l) => n.$emit("closeRightBar"))
@@ -4097,7 +4102,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             e("div", ei, [
               e("div", ti, [
                 e("div", si, [
-                  m(c(G), {
+                  p(c(G), {
                     as: "template",
                     enter: "transform transition ease-in-out duration-500 sm:duration-700",
                     "enter-from": "translate-x-full",
@@ -4107,12 +4112,12 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                     "leave-to": "translate-x-full"
                   }, {
                     default: v(() => [
-                      m(c(_e), { class: "pointer-events-auto w-screen max-w-md" }, {
+                      p(c(_e), { class: "pointer-events-auto w-screen max-w-md" }, {
                         default: v(() => [
                           e("div", oi, [
                             e("div", li, [
                               e("div", ri, [
-                                m(c(He), { class: "text-base font-semibold leading-6 text-white" }, {
+                                p(c(He), { class: "text-base font-semibold leading-6 text-white" }, {
                                   default: v(() => [
                                     T(g(n.title), 1)
                                   ]),
@@ -4126,7 +4131,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                                   }, [
                                     i[2] || (i[2] = e("span", { class: "absolute -inset-2.5" }, null, -1)),
                                     i[3] || (i[3] = e("span", { class: "sr-only" }, "Close panel", -1)),
-                                    m(c(W), {
+                                    p(c(W), {
                                       class: "h-6 w-6 ring-0",
                                       "aria-hidden": "true"
                                     })
@@ -4162,7 +4167,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   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"
-}, mi = { 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" }, pi = ["src"], fi = ["onClick"], yi = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, hi = { class: "flex items-center justify-between" }, vi = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, bi = {
+}, pi = { 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" }, mi = ["src"], fi = ["onClick"], yi = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, hi = { class: "flex items-center justify-between" }, vi = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, bi = {
   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"
@@ -4175,7 +4180,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     literals: {}
   },
   emits: ["modalAction", "deleteImage", "imgClicked"],
-  setup(p, { emit: u }) {
+  setup(m, { emit: u }) {
     const n = u, i = A(!1), l = (o) => {
       i.value = !1, n("modalAction", o);
     };
@@ -4205,12 +4210,12 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           key: r.source,
           class: "relative"
         }, [
-          e("div", mi, [
+          e("div", pi, [
             e("img", {
               src: r.source,
               alt: "",
               class: "pointer-events-none object-cover group-hover:opacity-75"
-            }, null, 8, pi),
+            }, null, 8, mi),
             e("button", {
               type: "button",
               class: "absolute inset-0 focus:outline-none",
@@ -4220,7 +4225,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           e("p", yi, g(r.title), 1),
           e("div", hi, [
             e("p", vi, g(r.size), 1),
-            m(D, {
+            p(D, {
               class: "cursor-pointer",
               icon: c(Yt),
               color: "red",
@@ -4255,8 +4260,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     loading: { type: Boolean, default: !0 }
   },
   emits: ["dragAndDropUpdated"],
-  setup(p, { emit: u }) {
-    const n = u, i = p;
+  setup(m, { emit: u }) {
+    const n = u, i = m;
     let l = A(i.elements);
     R(() => i.elements, (t) => {
       l.value = t;
@@ -4277,7 +4282,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       item: v(({ item: d }) => [
         e("div", xi, [
           e("div", ki, [
-            m(D, {
+            p(D, {
               icon: c(Dt),
               loading: !1,
               color: "gray",
@@ -4316,8 +4321,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     annotations: {}
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection", "maximizeChart"],
-  setup(p, { emit: u }) {
-    const n = u, i = p, l = A((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
+  setup(m, { emit: u }) {
+    const n = u, i = m, l = A((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
     let o = ce(i.dates || { from: "", to: l });
     R(() => i.dates, (O) => {
       O && (o = O);
@@ -4392,7 +4397,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                 [X, c(o).to]
               ])
             ]),
-            m(D, {
+            p(D, {
               class: "ml-4 cursor-pointer",
               size: "big",
               loading: O.loading,
@@ -4402,7 +4407,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           ])
         ]),
         C(e("div", Ni, [
-          m(c(Be), {
+          p(c(Be), {
             class: "flex items-center justify-center mt-4",
             type: "donut",
             series: d.value,
@@ -4416,7 +4421,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           [j, !O.empty]
         ]),
         C(e("div", Ii, [
-          m(D, {
+          p(D, {
             icon: c(H),
             color: "gray",
             loading: !1,
@@ -4480,8 +4485,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     placeholder: {}
   },
   emits: ["uiDateRangeButtonClicked"],
-  setup(p, { emit: u }) {
-    const n = p, i = A((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
+  setup(m, { emit: u }) {
+    const n = m, i = A((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
     let l = ce(n.values || { from: "", to: i });
     const o = u;
     R(() => n.values, (r) => {
@@ -4491,15 +4496,15 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       o("uiDateRangeButtonClicked", l);
     };
     return (r, d) => r.loading ? (s(), a("div", qi, [
-      m(E, {
+      p(E, {
         name: "dateFrom",
         loading: !0
       }),
-      m(E, {
+      p(E, {
         name: "dateTo",
         loading: !0
       }),
-      m(J, { loading: !0 }, {
+      p(J, { loading: !0 }, {
         default: v(() => d[2] || (d[2] = [
           T("Search")
         ])),
@@ -4507,7 +4512,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         __: [2]
       })
     ])) : (s(), a("div", Fi, [
-      m(E, {
+      p(E, {
         type: "datetime-local",
         loading: !1,
         addOn: r.literals.from,
@@ -4520,7 +4525,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         max: i.value.toString(),
         onInputChanged: d[0] || (d[0] = (y) => c(l).from = y.value)
       }, null, 8, ["addOn", "name", "color", "value", "error", "disabled", "label", "max"]),
-      m(E, {
+      p(E, {
         type: "datetime-local",
         loading: !1,
         class: f([{ "mt-6": r.label }]),
@@ -4534,7 +4539,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         max: i.value.toString(),
         onInputChanged: d[1] || (d[1] = (y) => c(l).to = y.value)
       }, null, 8, ["class", "addOn", "name", "color", "value", "error", "disabled", "max"]),
-      m(J, {
+      p(J, {
         disabled: r.disabled,
         color: "primary",
         loading: !1,
@@ -4569,8 +4574,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     requiredText: {}
   },
   emits: ["sliderUpdated"],
-  setup(p, { emit: u }) {
-    const n = u, l = A(p.sliderValue);
+  setup(m, { emit: u }) {
+    const n = u, l = A(m.sliderValue);
     return (o, t) => (s(), a("div", null, [
       e("div", Ri, [
         o.label ? (s(), a("label", Ui, g(o.label), 1)) : b("", !0),
@@ -4601,7 +4606,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     title: {},
     description: {}
   },
-  setup(p) {
+  setup(m) {
     return (u, n) => (s(), a($, null, [
       e("h3", {
         class: f(["text-lg font-medium leading-6 text-gray-900", { "mb-8": u.description === void 0 }])
@@ -4627,11 +4632,11 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     loading: { type: Boolean, default: !0 }
   },
   emits: ["deviceStatusTagClicked", "deviceStatusQtyClicked"],
-  setup(p, { emit: u }) {
+  setup(m, { emit: u }) {
     return (n, i) => n.loading ? (s(), a("div", td, [
       e("div", sd, [
         e("div", od, [
-          m(D, {
+          p(D, {
             icon: n.icon,
             size: "huge",
             class: "text-white",
@@ -4669,7 +4674,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             "bg-gray-100": n.color === "light"
           }])
         }, [
-          m(D, {
+          p(D, {
             icon: n.icon,
             size: "huge",
             class: "text-white",
@@ -4705,7 +4710,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), ad = { class: "fixed inset-0 flex" }, id = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, dd = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, ud = { class: "lg:pl-[25rem]" }, cd = { class: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8" }, gd = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, md = { class: "flex items-center gap-x-4 lg:gap-x-6" }, pd = {
+}), ad = { class: "fixed inset-0 flex" }, id = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, dd = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, ud = { class: "lg:pl-[25rem]" }, cd = { class: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8" }, gd = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, pd = { class: "flex items-center gap-x-4 lg:gap-x-6" }, md = {
   type: "button",
   class: "-m-2.5 p-2.5 text-gray-400 hover:text-gray-500 relative"
 }, fd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, yd = ["src"], hd = { class: "hidden lg:flex lg:items-center" }, vd = ["onClick"], bd = { class: "py-7" }, wd = { class: "px-7 lg:px-10" }, xd = /* @__PURE__ */ B({
@@ -4716,22 +4721,22 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     sidebarOpen: { type: Boolean }
   },
   emits: ["productBarClick", "sideBarClick", "selectChanged", "topBarClick", "checkboxChanged", "inputChanged", "sidebarToggle"],
-  setup(p, { emit: u }) {
-    const n = p, i = u, l = A(n.sidebarOpen), o = () => {
+  setup(m, { emit: u }) {
+    const n = m, i = u, l = A(n.sidebarOpen), o = () => {
       l.value = !l.value, i("sidebarToggle", l.value);
     };
     return (t, r) => (s(), a("div", null, [
-      m(c(ke), {
+      p(c(ke), {
         as: "template",
         show: l.value
       }, {
         default: v(() => [
-          m(c($e), {
+          p(c($e), {
             class: "relative z-50 lg:hidden",
             onClose: o
           }, {
             default: v(() => [
-              m(c(G), {
+              p(c(G), {
                 as: "template",
                 enter: "transition-opacity ease-linear duration-300",
                 "enter-from": "opacity-0",
@@ -4747,7 +4752,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                 __: [9]
               }),
               e("div", ad, [
-                m(c(G), {
+                p(c(G), {
                   as: "template",
                   enter: "transition ease-in-out duration-300 transform",
                   "enter-from": "-translate-x-full",
@@ -4757,9 +4762,9 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                   "leave-to": "-translate-x-full"
                 }, {
                   default: v(() => [
-                    m(c(_e), { class: "relative mr-16 flex w-full max-w-xs flex-1" }, {
+                    p(c(_e), { class: "relative mr-16 flex w-full max-w-xs flex-1" }, {
                       default: v(() => [
-                        m(c(G), {
+                        p(c(G), {
                           as: "template",
                           enter: "ease-in-out duration-300",
                           "enter-from": "opacity-0",
@@ -4776,7 +4781,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                                 onClick: o
                               }, [
                                 r[10] || (r[10] = e("span", { class: "sr-only" }, "Close sidebar", -1)),
-                                m(c(W), {
+                                p(c(W), {
                                   class: "h-6 w-6 text-white",
                                   "aria-hidden": "true"
                                 })
@@ -4785,7 +4790,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                           ]),
                           _: 1
                         }),
-                        m(ye, {
+                        p(ye, {
                           productsSidebar: t.sidebar.productsSidebar,
                           isFilterNavigation: t.sidebar.isFilterNavigation,
                           navigation: t.sidebar.navigation,
@@ -4811,7 +4816,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         _: 1
       }, 8, ["show"]),
       e("div", dd, [
-        m(ye, {
+        p(ye, {
           productsSidebar: t.sidebar.productsSidebar,
           isFilterNavigation: t.sidebar.isFilterNavigation,
           navigation: t.sidebar.navigation,
@@ -4832,7 +4837,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             onClick: o
           }, [
             r[11] || (r[11] = e("span", { class: "sr-only" }, "Open sidebar", -1)),
-            m(c(Je), {
+            p(c(Je), {
               class: "h-6 w-6",
               "aria-hidden": "true"
             })
@@ -4842,21 +4847,21 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             "aria-hidden": "true"
           }, null, -1)),
           e("div", gd, [
-            m(je, {
+            p(je, {
               class: "w-full self-center relative",
               items: t.topbar.selectItems,
               select: t.topbar.selectedItem,
               onSelectChanged: r[8] || (r[8] = (d) => t.$emit("selectChanged", d))
             }, null, 8, ["items", "select"]),
-            e("div", md, [
-              e("button", pd, [
+            e("div", pd, [
+              e("button", md, [
                 r[13] || (r[13] = e("span", { class: "sr-only" }, "View notifications", -1)),
                 C(e("div", fd, r[12] || (r[12] = [
                   e("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                 ]), 512), [
                   [j, t.topbar.alerted]
                 ]),
-                m(c(Tt), {
+                p(c(Tt), {
                   class: "h-6 w-6",
                   "aria-hidden": "true"
                 })
@@ -4865,12 +4870,12 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                 class: "hidden lg:block lg:h-6 lg:w-px lg:bg-gray-200",
                 "aria-hidden": "true"
               }, null, -1)),
-              m(c(ve), {
+              p(c(ve), {
                 as: "div",
                 class: "relative"
               }, {
                 default: v(() => [
-                  m(c(be), { class: "-m-1.5 flex items-center p-1.5" }, {
+                  p(c(be), { class: "-m-1.5 flex items-center p-1.5" }, {
                     default: v(() => [
                       r[14] || (r[14] = e("span", { class: "sr-only" }, "Open user menu", -1)),
                       e("img", {
@@ -4879,7 +4884,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                         alt: ""
                       }, null, 8, yd),
                       e("span", hd, [
-                        m(c(de), {
+                        p(c(de), {
                           class: "ml-2 h-5 w-5 text-gray-400",
                           "aria-hidden": "true"
                         })
@@ -4888,7 +4893,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                     _: 1,
                     __: [14]
                   }),
-                  m(ue, {
+                  p(ue, {
                     "enter-active-class": "transition ease-out duration-100",
                     "enter-from-class": "transform opacity-0 scale-95",
                     "enter-to-class": "transform opacity-100 scale-100",
@@ -4897,7 +4902,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                     "leave-to-class": "transform opacity-0 scale-95"
                   }, {
                     default: v(() => [
-                      m(c(we), { class: "absolute right-0 z-10 mt-2.5 w-52 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none" }, {
+                      p(c(we), { class: "absolute right-0 z-10 mt-2.5 w-52 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none" }, {
                         default: v(() => [
                           (s(!0), a($, null, _(t.topbar.profileMenu, (d) => (s(), x(c(xe), {
                             key: d.name
@@ -4936,8 +4941,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     dynamicStats: {},
     loading: { type: Boolean, default: !0 }
   },
-  setup(p) {
-    const u = p, n = () => u.dynamicStats.length <= 5 ? `lg:grid-cols-${u.dynamicStats.length}` : `lg:grid-cols-${Math.floor(u.dynamicStats.length / 2)} xl:grid-cols-${u.dynamicStats.length}`, i = A(0), l = A(n());
+  setup(m) {
+    const u = m, n = () => u.dynamicStats.length <= 5 ? `lg:grid-cols-${u.dynamicStats.length}` : `lg:grid-cols-${Math.floor(u.dynamicStats.length / 2)} xl:grid-cols-${u.dynamicStats.length}`, i = A(0), l = A(n());
     return nt(() => i.value += 1), (o, t) => (s(), a("div", {
       class: f([l.value, "grid grid-cols-1 md:grid-cols-2 gap-4"]),
       key: i.value
@@ -4972,8 +4977,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     requiredText: {}
   },
   emits: ["selectChanged"],
-  setup(p, { emit: u }) {
-    const n = u, i = p;
+  setup(m, { emit: u }) {
+    const n = u, i = m;
     let l = A(Array.isArray(i.select) ? i.select : i.select ? [i.select] : []);
     const o = (r) => {
       n("selectChanged", r);
@@ -4983,7 +4988,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     }
     return (r, d) => r.loading ? (s(), a("div", Dd, [
       d[4] || (d[4] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
-      m(c(fe), {
+      p(c(fe), {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400"
       })
@@ -5001,7 +5006,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     }, {
       default: v(() => [
         e("div", $d, [
-          m(c(mt), { class: "block text-sm font-medium" }, {
+          p(c(pt), { class: "block text-sm font-medium" }, {
             default: v(() => [
               T(g(r.label), 1)
             ]),
@@ -5010,7 +5015,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           r.requiredText ? (s(), a("span", _d, g(r.requiredText), 1)) : b("", !0)
         ]),
         e("div", Cd, [
-          m(c(pt), {
+          p(c(mt), {
             class: f([{
               "mt-1": r.requiredText || r.label,
               "border-gray-300": r.color === "gray",
@@ -5040,7 +5045,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                     stroke: "currentColor",
                     viewBox: "0 0 24 24",
                     xmlns: "http://www.w3.org/2000/svg",
-                    onClick: pe((h) => t(y), ["stop", "prevent"])
+                    onClick: me((h) => t(y), ["stop", "prevent"])
                   }, d[1] || (d[1] = [
                     e("path", {
                       "stroke-linecap": "round",
@@ -5071,7 +5076,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             __: [2]
           }, 8, ["class"]),
           e("div", jd, [
-            m(c(ft), { class: "shadow-2xs focus:outline-hidden max-h-60 overflow-auto rounded-md py-1 text-base leading-6 sm:text-sm sm:leading-5" }, {
+            p(c(ft), { class: "shadow-2xs focus:outline-hidden max-h-60 overflow-auto rounded-md py-1 text-base leading-6 sm:text-sm sm:leading-5" }, {
               default: v(() => [
                 (s(!0), a($, null, _(r.items, (y) => (s(), x(c(yt), {
                   key: y.id,
@@ -5135,14 +5140,14 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     loading: { type: Boolean, default: !0 }
   },
   emits: ["smartFilterSelected", "smartInputChanged", "smartSelectChanged", "smartOptionSelected", "rightAddOnClicked"],
-  setup(p, { emit: u }) {
-    const n = p, i = u, l = at(E), o = A(n.items[0].props), t = (r) => {
+  setup(m, { emit: u }) {
+    const n = m, i = u, l = at(E), o = A(n.items[0].props), t = (r) => {
       switch (r.type) {
         case "uiInput":
           l.value = E, i("smartFilterSelected", r.value);
           break;
         case "uiDropdown":
-          l.value = me, i("smartFilterSelected", r.value);
+          l.value = pe, i("smartFilterSelected", r.value);
           break;
         case "uiSelect":
           l.value = je, i("smartFilterSelected", r.value);
@@ -5154,7 +5159,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       o.value = r.props;
     };
     return (r, d) => (s(), a("div", Td, [
-      m(Xe, {
+      p(Xe, {
         items: r.items,
         loading: r.loading,
         onFilterSelected: t,
@@ -5191,7 +5196,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   uiDateRange: Vi,
   uiDeviceStatus: nd,
   uiDragAndDrop: Mi,
-  uiDropdown: me,
+  uiDropdown: pe,
   uiDynamicStats: kd,
   uiFilter: Xe,
   uiFooter: ir,
@@ -5241,9 +5246,9 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   "date",
   "datetime-local"
 ], Ad = ["black", "gray", "white"], Ed = [...Ld, ...Ad], Od = ["small", "medium", "big"], Nd = ["bigger", "huge", "massive"], Zd = [...Od, ...Nd], Jd = ["default", "success", "warning", "danger"];
-function Id(p) {
+function Id(m) {
   for (const u in Ne)
-    p.component(u, Ne[u]);
+    m.component(u, Ne[u]);
 }
 const Wd = { install: Id };
 export {
@@ -5266,7 +5271,7 @@ export {
   Vi as uiDateRange,
   nd as uiDeviceStatus,
   Mi as uiDragAndDrop,
-  me as uiDropdown,
+  pe as uiDropdown,
   kd as uiDynamicStats,
   Xe as uiFilter,
   ir as uiFooter,