@hotelinking/ui 16.45.0 → 16.45.3

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as B, createBlock as k, createElementBlock as a, openBlock as l, resolveDynamicComponent as $e, normalizeClass as y, computed as z, createCommentVNode as x, renderSlot as Z, createElementVNode as t, ref as I, watch as J, unref as m, withCtx as h, createVNode as g, toDisplayString as c, createTextVNode as M, Transition as ge, Fragment as $, renderList as S, withDirectives as j, vModelDynamic as Et, vShow as A, withModifiers as je, vModelText as ce, createStaticVNode as ae, resolveComponent as Ee, vModelCheckbox as Xe, onMounted as Le, mergeProps as Fe, normalizeStyle as Zt, reactive as me, TransitionGroup as Wt, isRef as et } from "vue";
-import { Menu as Pe, MenuButton as Oe, MenuItems as Ne, MenuItem as Ie, Combobox as tt, ComboboxLabel as lt, ComboboxInput as at, ComboboxButton as st, ComboboxOptions as nt, ComboboxOption as ot, SwitchGroup as Jt, Switch as _t, SwitchLabel as Gt, TransitionRoot as Ve, Dialog as qe, TransitionChild as ie, DialogPanel as Ye, DialogTitle as it, Disclosure as Ce, DisclosureButton as le, DisclosurePanel as Se, Popover as Qt, PopoverButton as Kt, PopoverPanel as Xt, Listbox as el, ListboxLabel as tl, ListboxButton as ll, ListboxOptions as al, ListboxOption as sl } from "@headlessui/vue";
+import { defineComponent as B, createBlock as k, createElementBlock as a, openBlock as l, resolveDynamicComponent as $e, normalizeClass as b, computed as z, createCommentVNode as x, renderSlot as _, createElementVNode as t, ref as I, watch as W, unref as m, withCtx as h, createVNode as g, toDisplayString as c, createTextVNode as M, Transition as ge, Fragment as $, renderList as S, withDirectives as j, vModelDynamic as Et, vShow as A, withModifiers as je, vModelText as ce, createStaticVNode as ae, resolveComponent as Ee, vModelCheckbox as Xe, onMounted as Le, mergeProps as Fe, reactive as me, normalizeStyle as _t, TransitionGroup as Zt, isRef as et } from "vue";
+import { Menu as Pe, MenuButton as Oe, MenuItems as Ne, MenuItem as Ie, Combobox as tt, ComboboxLabel as lt, ComboboxInput as at, ComboboxButton as st, ComboboxOptions as nt, ComboboxOption as ot, SwitchGroup as Wt, Switch as Jt, SwitchLabel as Gt, TransitionRoot as Ve, Dialog as qe, TransitionChild as ie, DialogPanel as Ye, DialogTitle as it, Disclosure as Ce, DisclosureButton as le, DisclosurePanel as Se, Popover as Qt, PopoverButton as Kt, PopoverPanel as Xt, Listbox as el, ListboxLabel as tl, ListboxButton as ll, ListboxOptions as al, ListboxOption as sl } from "@headlessui/vue";
 import R from "dayjs";
 import nl from "@vueform/slider";
 const F = /* @__PURE__ */ B({
@@ -13,7 +13,7 @@ const F = /* @__PURE__ */ B({
   setup(e) {
     return (u, i) => e.loading ? (l(), a("div", {
       key: 1,
-      class: y([{
+      class: b([{
         "h-4 w-4": e.size === "medium",
         "h-6 w-6": e.size === "big",
         "h-8 w-8": e.size === "bigger",
@@ -22,7 +22,7 @@ const F = /* @__PURE__ */ B({
       }, "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"])
     }, null, 2)) : (l(), k($e(e.icon), {
       key: 0,
-      class: y({
+      class: b({
         "h-4 w-4": e.size === "medium",
         "h-6 w-6": e.size === "big",
         "h-8 w-8": e.size === "bigger",
@@ -38,7 +38,7 @@ const F = /* @__PURE__ */ B({
       })
     }, null, 8, ["class"]));
   }
-}), ol = ["disabled"], il = "group inline-flex items-center border border-transparent font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25 text-nowrap", _ = /* @__PURE__ */ B({
+}), ol = ["disabled"], il = "group inline-flex items-center border border-transparent font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25 text-nowrap", J = /* @__PURE__ */ B({
   __name: "uiButton",
   props: {
     block: { type: Boolean },
@@ -67,7 +67,7 @@ const F = /* @__PURE__ */ B({
     ].join(" "));
     return (n, d) => e.loading ? (l(), a("button", {
       key: 1,
-      class: y(r.value),
+      class: b(r.value),
       type: "button"
     }, [
       e.icon ? (l(), k(F, {
@@ -81,7 +81,7 @@ const F = /* @__PURE__ */ B({
     ], 2)) : (l(), a("button", {
       key: 0,
       disabled: e.disabled,
-      class: y(s.value),
+      class: b(s.value),
       type: "button"
     }, [
       e.icon ? (l(), k(F, {
@@ -91,7 +91,7 @@ const F = /* @__PURE__ */ B({
         color: "black",
         loading: e.loading
       }, null, 8, ["icon", "loading"])) : x("", !0),
-      Z(n.$slots, "default")
+      _(n.$slots, "default")
     ], 10, ol));
   }
 }), rl = {
@@ -114,7 +114,7 @@ const F = /* @__PURE__ */ B({
     const i = u, o = e, s = I(o.check), r = () => {
       o.disabled || (s.value = !s.value, i("checkboxChanged", { checked: s.value, value: o.value }));
     };
-    return J(() => o.check, (n) => {
+    return W(() => o.check, (n) => {
       n && (s.value = n);
     }), (n, d) => e.loading ? (l(), a("div", ml, [...d[1] || (d[1] = [
       t("div", { class: "w-5 h-5 rounded bg-gray-200" }, null, -1),
@@ -132,7 +132,7 @@ const F = /* @__PURE__ */ B({
       ]),
       t("div", ul, [
         t("span", gl, [
-          Z(n.$slots, "default")
+          _(n.$slots, "default")
         ])
       ])
     ]));
@@ -393,7 +393,7 @@ function gt(e, u) {
     })
   ]);
 }
-function Ze(e, u) {
+function _e(e, u) {
   return l(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -635,12 +635,12 @@ const Bl = {
     ])) : (l(), k(m(Pe), {
       key: 0,
       as: "div",
-      class: y(["relative text-left", { "opacity-25": e.disabled }])
+      class: b(["relative text-left", { "opacity-25": e.disabled }])
     }, {
       default: h(() => [
         t("div", null, [
           t("div", {
-            class: y(["flex justify-between sha items-center", { "mt-1": e.label }])
+            class: b(["flex justify-between sha items-center", { "mt-1": e.label }])
           }, [
             e.label ? (l(), a("label", Bl, c(e.label), 1)) : x("", !0),
             e.requiredText ? (l(), a("span", Ml, c(e.requiredText), 1)) : x("", !0)
@@ -673,7 +673,7 @@ const Bl = {
           default: h(() => [
             e.disabled ? x("", !0) : (l(), k(m(Ne), {
               key: 0,
-              class: y([{
+              class: b([{
                 "right-0": e.position === "right",
                 "left-0": e.position === "left",
                 "bottom-10 mb-1.5 shadow-[0_-4px_10px_rgba(0,0,0,.1)] ": e.verticalPosition === "top",
@@ -686,7 +686,7 @@ const Bl = {
                     default: h(() => [
                       t("a", {
                         onClick: (p) => r(f),
-                        class: y([
+                        class: b([
                           f.active ? "bg-lime-400" : "text-black",
                           "block px-4 py-2 text-sm cursor-pointer"
                         ])
@@ -740,7 +740,7 @@ const Bl = {
   emits: ["inputChanged", "rightAddOnClicked", "addOnClicked"],
   setup(e, { emit: u }) {
     const i = u, o = e, s = I(o.value);
-    J(() => o.value, (n) => {
+    W(() => o.value, (n) => {
       s.value = n, s.value && i("inputChanged", { name: o.name, value: s.value });
     });
     const r = (n) => {
@@ -757,7 +757,7 @@ const Bl = {
         e.requiredText ? (l(), a("span", Fl, c(e.requiredText), 1)) : x("", !0)
       ]),
       t("div", {
-        class: y([{ "mt-1": e.label }, "relative flex"])
+        class: b([{ "mt-1": e.label }, "relative flex"])
       }, [
         e.addOn ? (l(), a("span", {
           key: 0,
@@ -767,7 +767,7 @@ const Bl = {
         j(t("input", {
           "onUpdate:modelValue": d[1] || (d[1] = (f) => s.value = f),
           max: e.max,
-          class: y([{
+          class: b([{
             "border-gray-300": e.color === "gray",
             "border-red-600": e.color === "red",
             "border-yellow-400": e.color === "yellow",
@@ -827,7 +827,7 @@ const Bl = {
         ])
       ], 2),
       j(t("p", {
-        class: y([{
+        class: b([{
           "text-gray-400": e.color === "gray",
           "text-red-600": e.color === "red",
           "text-yellow-400": e.color === "yellow",
@@ -844,7 +844,7 @@ const Bl = {
 }, Rl = {
   key: 1,
   class: "place-self-center text-[10px] uppercase"
-}, Hl = { class: "space-y-1 flex flex-col items-center justify-center" }, Ul = { class: "flex text-sm flex-col sm:flex-row text-center" }, El = ["for"], Zl = ["id", "name", "accept"], Wl = { class: "pl-1" }, Jl = { class: "text-xs pb-4" }, _l = { class: "mt-2 text-xs flex flex-row items-center text-red-600" }, Gl = {
+}, Hl = { class: "space-y-1 flex flex-col items-center justify-center" }, Ul = { class: "flex text-sm flex-col sm:flex-row text-center" }, El = ["for"], _l = ["id", "name", "accept"], Zl = { class: "pl-1" }, Wl = { class: "text-xs pb-4" }, Jl = { class: "mt-2 text-xs flex flex-row items-center text-red-600" }, Gl = {
   key: 1,
   class: "animate-pulse"
 }, ze = /* @__PURE__ */ B({
@@ -888,7 +888,7 @@ const Bl = {
         e.requiredText ? (l(), a("span", Rl, c(e.requiredText), 1)) : x("", !0)
       ]),
       t("div", {
-        class: y([
+        class: b([
           [
             { "mt-1": e.label },
             { "border-gray-300 hover:border-lime-400": !e.error },
@@ -923,17 +923,17 @@ const Bl = {
                 accept: e.accept,
                 multiple: "",
                 onChange: n
-              }, null, 40, Zl)
+              }, null, 40, _l)
             ], 8, El),
-            t("p", Wl, c(e.dragAndDrop), 1)
+            t("p", Zl, c(e.dragAndDrop), 1)
           ]),
-          t("p", Jl, c(e.fileTypesAndSizes), 1),
+          t("p", Wl, c(e.fileTypesAndSizes), 1),
           j(t("p", { class: "font-bold text-xs uppercase block p-2 bg-lime-50 rounded" }, c(m(i)), 513), [
             [A, m(i) !== null]
           ])
         ])
       ], 34),
-      j(t("p", _l, [
+      j(t("p", Jl, [
         g(F, {
           icon: m(Be),
           color: "red",
@@ -1009,7 +1009,7 @@ const Bl = {
             onChange: C[0] || (C[0] = (Y) => o.value = Y.target.value),
             onBlur: C[1] || (C[1] = (Y) => o.value = ""),
             displayValue: d,
-            class: y([{
+            class: b([{
               "mt-1": e.requiredText || e.label,
               "border-gray-300": e.color === "gray",
               "border-red-600": e.color === "red",
@@ -1045,17 +1045,17 @@ const Bl = {
               }, {
                 default: h(({ active: U, selected: T }) => [
                   t("li", {
-                    class: y([
+                    class: b([
                       "relative cursor-default select-none py-2 pl-3 pr-9",
                       U ? "bg-indigo-600 text-white" : "text-gray-900"
                     ])
                   }, [
                     t("span", {
-                      class: y(["block truncate", T && "font-semibold"])
+                      class: b(["block truncate", T && "font-semibold"])
                     }, c(Y.name), 3),
                     T ? (l(), a("span", {
                       key: 0,
-                      class: y([
+                      class: b([
                         "absolute inset-y-0 right-0 flex items-center pr-4",
                         U ? "text-white" : "text-indigo-600"
                       ])
@@ -1075,7 +1075,7 @@ const Bl = {
           })) : x("", !0)
         ]),
         j(t("p", {
-          class: y([{
+          class: b([{
             "text-gray-400": e.color === "gray",
             "text-red-600": e.color === "red",
             "text-yellow-400": e.color === "yellow",
@@ -1165,10 +1165,10 @@ const sa = { class: "flex justify-between" }, na = {
           e.requiredText ? (l(), a("span", na, c(e.requiredText), 1)) : x("", !0)
         ]),
         t("div", {
-          class: y([{ "mt-1": e.label }, "relative"])
+          class: b([{ "mt-1": e.label }, "relative"])
         }, [
           g(m(at), {
-            class: y([{
+            class: b([{
               // Estilos condicionales basados en props
               "!border-transparent !shadow-none": e.isWrapped,
               // Sin borde si está envuelto
@@ -1214,14 +1214,14 @@ const sa = { class: "flex justify-between" }, na = {
               }, {
                 default: h(({ active: C, selected: Y }) => [
                   t("li", {
-                    class: y(["relative cursor-default select-none py-2 pl-3 pr-9", C ? "bg-lime-400 outline-none" : "text-gray-900"])
+                    class: b(["relative cursor-default select-none py-2 pl-3 pr-9", C ? "bg-lime-400 outline-none" : "text-gray-900"])
                   }, [
                     t("span", {
-                      class: y(["block truncate", Y && "font-semibold"])
+                      class: b(["block truncate", Y && "font-semibold"])
                     }, c(p.label || p.name), 3),
                     Y ? (l(), a("span", {
                       key: 0,
-                      class: y(["absolute inset-y-0 right-0 flex items-center pr-4", C ? "text-black" : "text-lime-400"])
+                      class: b(["absolute inset-y-0 right-0 flex items-center pr-4", C ? "text-black" : "text-lime-400"])
                     }, [
                       g(m(la), {
                         class: "size-5",
@@ -1237,7 +1237,7 @@ const sa = { class: "flex justify-between" }, na = {
           })) : x("", !0)
         ], 2),
         j(t("p", {
-          class: y([{
+          class: b([{
             // Colores de texto de error según la prop color
             "text-gray-400": e.color === "gray",
             "text-red-600": e.color === "red",
@@ -1274,15 +1274,13 @@ const sa = { class: "flex justify-between" }, na = {
     ])])) : (l(), a("span", {
       key: 0,
       onClick: s,
-      class: y([{
-        "bg-lime-100 text-black border border-lime-200": e.color === "primary",
-        "hover:bg-indigo-200 cursor-pointer": e.event !== void 0 && e.color === "primary",
+      class: b([{
+        "bg-lime-100 text-black border border-lime-200": e.color === "primary" || e.color === "green",
+        "hover:bg-lime-200 cursor-pointer": e.event !== void 0 && e.color === "primary" || e.color === "green",
         "bg-red-100 text-red-800 border border-red-200": e.color === "red",
         "hover:bg-red-200 cursor-pointer": e.event !== void 0 && e.color === "red",
         "bg-yellow-100 text-yellow-800 border border-yellow-200": e.color === "yellow",
         "hover:bg-yellow-200 cursor-pointer": e.event !== void 0 && e.color === "yellow",
-        "bg-green-100 text-green-800 border border-green-200": e.color === "green",
-        "hover:bg-green-200 cursor-pointer": e.event !== void 0 && e.color === "green",
         "bg-black text-white border border-black": e.color === "black",
         "text-black border border-gray-200 bg-white": e.color === "white",
         "text-black border border-gray-200 bg-gray-100": e.color === "gray",
@@ -1291,7 +1289,7 @@ const sa = { class: "flex justify-between" }, na = {
         "px-4 py-3": e.size === "big"
       }, "inline-flex items-center rounded text-xs font-medium leading-none"])
     }, [
-      Z(r.$slots, "default")
+      _(r.$slots, "default")
     ], 2));
   }
 }), ia = { key: 0 }, ra = { class: "flex justify-between" }, da = {
@@ -1322,7 +1320,7 @@ const sa = { class: "flex justify-between" }, na = {
     const i = u, o = e, s = (n) => {
       i("inputChanged", n.target.value);
     }, r = I(o.value);
-    return J(() => o.value, (n) => {
+    return W(() => o.value, (n) => {
       r.value = n, i("inputChanged", { name: o.name, value: r.value });
     }), (n, d) => e.loading ? (l(), a("div", ga, [...d[1] || (d[1] = [
       t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5" }, null, -1),
@@ -1333,14 +1331,14 @@ const sa = { class: "flex justify-between" }, na = {
         e.requiredText ? (l(), a("span", ca, c(e.requiredText), 1)) : x("", !0)
       ]),
       t("div", {
-        class: y({ "mt-1": e.label })
+        class: b({ "mt-1": e.label })
       }, [
         j(t("textarea", {
           disabled: e.disabled,
           rows: "4",
           "onUpdate:modelValue": d[0] || (d[0] = (f) => r.value = f),
           placeholder: e.placeholder,
-          class: y(["shadow-sm focus:ring-lime-400 focus:border-lime-400 block w-full sm:text-sm rounded-md", {
+          class: b(["shadow-sm focus:ring-lime-400 focus:border-lime-400 block w-full sm:text-sm rounded-md", {
             "border-gray-300": e.color === "gray",
             "border-black": e.color === "black",
             "border-red-600": e.color === "red",
@@ -1358,7 +1356,7 @@ const sa = { class: "flex justify-between" }, na = {
         ])
       ], 2),
       j(t("p", {
-        class: y([{
+        class: b([{
           "text-gray-300": e.color === "gray",
           "text-red-600": e.color === "red",
           "text-yellow-400": e.color === "yellow",
@@ -1394,23 +1392,23 @@ const sa = { class: "flex justify-between" }, na = {
   emits: ["toggleChanged", "actionClicked"],
   setup(e, { emit: u }) {
     const i = e, o = I(i.checked);
-    return J(() => i.checked, (s) => o.value = s), (s, r) => e.loading ? (l(), a("div", ya, [...r[3] || (r[3] = [
+    return W(() => i.checked, (s) => o.value = s), (s, r) => e.loading ? (l(), a("div", ya, [...r[3] || (r[3] = [
       t("div", { class: "relative bg-gray-200 rounded-full w-12 h-6 p-1 flex items-center" }, [
         t("div", { class: "rounded-full bg-gray-300 dark:bg-gray-400 h-4 w-4" })
       ], -1),
       t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-16 ml-2" }, null, -1)
-    ])])) : (l(), k(m(Jt), {
+    ])])) : (l(), k(m(Wt), {
       key: 0,
       as: "div",
       class: "flex items-center relative"
     }, {
       default: h(() => [
-        g(m(_t), {
+        g(m(Jt), {
           disabled: e.disabled,
           onClick: r[0] || (r[0] = (n) => s.$emit("toggleChanged", { item: e.item, active: !o.value })),
           modelValue: o.value,
           "onUpdate:modelValue": r[1] || (r[1] = (n) => o.value = n),
-          class: y([
+          class: b([
             o.value ? "bg-lime-400" : "bg-black",
             e.disabled ? "!bg-gray-100" : "",
             "relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-lime-400 focus:ring-offset-2"
@@ -1419,7 +1417,7 @@ const sa = { class: "flex justify-between" }, na = {
           default: h(() => [
             t("span", {
               "aria-hidden": "true",
-              class: y([
+              class: b([
                 o.value ? "translate-x-5" : "translate-x-0",
                 e.disabled ? "bg-gray-300" : "",
                 "pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out"
@@ -1494,7 +1492,7 @@ const sa = { class: "flex justify-between" }, na = {
             }),
             t("span", {
               onClick: (n) => i.$emit("breadCrumbClicked", s.routeName),
-              class: y(["cursor-pointer ml-4 text-xs text-black", { "hover:text-lime-400 underline": !s.current }]),
+              class: b(["cursor-pointer ml-4 text-xs text-black", { "hover:text-lime-400 underline": !s.current }]),
               "aria-current": "page"
             }, c(s.name), 11, $a)
           ]))
@@ -1553,7 +1551,7 @@ const sa = { class: "flex justify-between" }, na = {
           e.subtitle ? (l(), a("h3", Aa, c(e.subtitle), 1)) : x("", !0),
           e.description ? (l(), a("p", La, c(e.description), 1)) : x("", !0)
         ])) : x("", !0),
-        e.buttonText ? (l(), k(_, {
+        e.buttonText ? (l(), k(J, {
           key: 1,
           class: "mb-12 lg:mb-0",
           loading: e.buttonLoading,
@@ -1593,7 +1591,7 @@ const sa = { class: "flex justify-between" }, na = {
       ae('<div class="p-4 border-l-4 bg-gray-100 border-gray-400 rounded"><div class="flex"><div class="flex-shrink-0"><div class="h-6 w-6 animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"></div></div><div class="ml-3 w-full"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-3/5"></div></div></div></div>', 1)
     ])])) : (l(), a("div", Oa, [
       t("div", {
-        class: y([{
+        class: b([{
           "bg-lime-50 border-lime-400": e.type === "info",
           "bg-red-50 border-red-600": e.type === "danger",
           "bg-yellow-50 border-yellow-400": e.type === "warning",
@@ -1625,20 +1623,20 @@ const sa = { class: "flex justify-between" }, na = {
           ]),
           t("div", Va, [
             t("h3", {
-              class: y([{
+              class: b([{
                 "text-red-800": e.type === "danger",
                 "text-yellow-800": e.type === "warning",
                 "text-green-800": e.type === "success"
               }, "text-sm font-medium"])
             }, c(e.title), 3),
             t("div", {
-              class: y([{
+              class: b([{
                 "text-red-700": e.type === "danger",
                 "text-yellow-700": e.type === "warning",
                 "text-green-700": e.type === "success"
               }, "mt-2 text-sm"])
             }, [
-              Z(s.$slots, "default")
+              _(s.$slots, "default")
             ], 2),
             t("div", qa, [
               t("div", Ya, [
@@ -1646,7 +1644,7 @@ const sa = { class: "flex justify-between" }, na = {
                   onClick: (f) => o(n),
                   type: "button",
                   key: d,
-                  class: y([
+                  class: b([
                     {
                       "bg-green-50 text-green-800 hover:bg-green-100 focus:ring-green-600 focus:ring-offset-green-50": e.type === "success",
                       "text-black hover:text-lime-400 focus:ring-lime-600 focus:ring-offset-lime-50": e.type === "info",
@@ -1663,7 +1661,7 @@ const sa = { class: "flex justify-between" }, na = {
       ], 2)
     ]));
   }
-}), Ea = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, Za = ["src"], Wa = { class: "font-bold text-center sm:text-left" }, Ja = { class: "mt-1 text-xs text-center sm:text-left" }, _a = {
+}), Ea = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, _a = ["src"], Za = { class: "font-bold text-center sm:text-left" }, Wa = { class: "mt-1 text-xs text-center sm:text-left" }, Ja = {
   key: 0,
   class: "flex flex-wrap mt-4 justify-center sm:justify-start"
 }, Ga = {
@@ -1692,13 +1690,13 @@ const sa = { class: "flex justify-between" }, na = {
         t("img", {
           class: "w-16 h-16 rounded-full mb-4 sm:mb-0 sm:mr-4",
           src: e.logo
-        }, null, 8, Za),
+        }, null, 8, _a),
         t("div", null, [
-          t("h4", Wa, c(e.name), 1),
-          t("p", Ja, c(e.type), 1)
+          t("h4", Za, c(e.name), 1),
+          t("p", Wa, c(e.type), 1)
         ])
       ]),
-      e.tags && e.tags?.length > 0 ? (l(), a("div", _a, [
+      e.tags && e.tags?.length > 0 ? (l(), a("div", Ja, [
         (l(!0), a($, null, S(e.tags, (s) => (l(), k(G, {
           class: "mb-1 mr-1",
           key: s.name,
@@ -1795,7 +1793,7 @@ const sa = { class: "flex justify-between" }, na = {
                 }, {
                   default: h(() => [
                     g(m(Ye), {
-                      class: y([{
+                      class: b([{
                         "sm:my-8 w-full sm:w-9/12 md:w-2/3 lg:w-1/2": e.size === "big",
                         "w-full sm:my-8 sm:w-full sm:max-w-lg sm:p-6": e.size === "medium"
                       }, "relative transform rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all"])
@@ -1817,7 +1815,7 @@ const sa = { class: "flex justify-between" }, na = {
                         ]),
                         t("div", ls, [
                           t("div", {
-                            class: y(["mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10", {
+                            class: b(["mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10", {
                               "bg-red-100": e.type === "danger",
                               "bg-green-100": e.type === "success",
                               "bg-lime-100": e.type === "default",
@@ -1860,7 +1858,7 @@ const sa = { class: "flex justify-between" }, na = {
                               _: 1
                             }),
                             t("div", ss, [
-                              Z(r.$slots, "default", { class: "break-words" })
+                              _(r.$slots, "default", { class: "break-words" })
                             ]),
                             e.actions ? (l(), a("div", ns, [
                               (l(!0), a($, null, S(e.actions, (d, f) => (l(), a("button", {
@@ -1904,7 +1902,7 @@ const sa = { class: "flex justify-between" }, na = {
     const i = e, o = z(() => i.show);
     return (s, r) => (l(), a("div", {
       "aria-live": "assertive",
-      class: y([{ fixed: e.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start z-[9999]"])
+      class: b([{ fixed: e.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start z-[9999]"])
     }, [
       t("div", is, [
         g(ge, {
@@ -2001,7 +1999,7 @@ const sa = { class: "flex justify-between" }, na = {
           t("div", xs, [
             t("p", ps, c(o.name), 1),
             t("p", {
-              class: y([
+              class: b([
                 {
                   "text-green-700 bg-green-50 ring-green-600/20": o.status === "Complete",
                   "text-gray-600 bg-gray-50 ring-gray-500/10": o.status === "In progress",
@@ -2031,9 +2029,9 @@ const sa = { class: "flex justify-between" }, na = {
 function js(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var be = { exports: {} }, Ts = be.exports, We;
+var be = { exports: {} }, Ts = be.exports, Ze;
 function Ds() {
-  return We || (We = 1, (function(e, u) {
+  return Ze || (Ze = 1, (function(e, u) {
     (function(i, o) {
       e.exports = o(R);
     })(Ts, (function(i) {
@@ -2048,9 +2046,9 @@ function Ds() {
   })(be)), be.exports;
 }
 Ds();
-var ve = { exports: {} }, zs = ve.exports, Je;
+var ve = { exports: {} }, zs = ve.exports, We;
 function As() {
-  return Je || (Je = 1, (function(e, u) {
+  return We || (We = 1, (function(e, u) {
     (function(i, o) {
       e.exports = o(R);
     })(zs, (function(i) {
@@ -2070,9 +2068,9 @@ function As() {
   })(ve)), ve.exports;
 }
 As();
-var xe = { exports: {} }, Ls = xe.exports, _e;
+var xe = { exports: {} }, Ls = xe.exports, Je;
 function Fs() {
-  return _e || (_e = 1, (function(e, u) {
+  return Je || (Je = 1, (function(e, u) {
     (function(i, o) {
       e.exports = o();
     })(Ls, (function() {
@@ -2142,7 +2140,7 @@ function Rs(e, u, i, o, s, r) {
   return l(), a("div", Is, [
     t("div", Vs, [
       t("div", {
-        class: y([{
+        class: b([{
           "bg-lime-400 text-black hover:text-white hover:bg-black cursor-pointer": r.currentDate > r.today,
           "bg-lime-300": r.currentDate <= r.today
         }, "previousYear flex items-center p-1 rounded mx-0.5 shadow-sm"]),
@@ -2153,7 +2151,7 @@ function Rs(e, u, i, o, s, r) {
         g(n, { class: "h-4 -ml-3" })
       ], 2),
       t("div", {
-        class: y([{
+        class: b([{
           "bg-lime-400 text-black hover:text-white hover:bg-black cursor-pointer": r.currentDate > r.today,
           "bg-lime-300": r.currentDate <= r.today
         }, "previousYear flex items-center p-1 rounded mx-0.5 shadow-sm"]),
@@ -2163,7 +2161,7 @@ function Rs(e, u, i, o, s, r) {
         g(n, { class: "h-4 -ml-3" })
       ], 2),
       t("div", {
-        class: y([{
+        class: b([{
           "bg-lime-400 text-black hover:text-white hover:bg-black cursor-pointer": r.currentDate > r.today,
           "bg-lime-300": r.currentDate <= r.today
         }, "previousYear flex items-center p-1 rounded mx-0.5 shadow-sm"]),
@@ -2200,13 +2198,13 @@ function Rs(e, u, i, o, s, r) {
 }
 const Hs = /* @__PURE__ */ he(Ns, [["render", Rs]]), Us = {
   name: "SkeletonTable"
-}, Es = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Zs = { class: "flow-root" }, Ws = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Js = { class: "inline-block min-w-full py-2 align-middle px-1" }, _s = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Gs = { class: "min-w-full divide-y divide-gray-300" }, Qs = { class: "divide-y divide-gray-200 bg-white" };
+}, Es = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, _s = { class: "flow-root" }, Zs = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Ws = { class: "inline-block min-w-full py-2 align-middle px-1" }, Js = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Gs = { class: "min-w-full divide-y divide-gray-300" }, Qs = { class: "divide-y divide-gray-200 bg-white" };
 function Ks(e, u, i, o, s, r) {
   return l(), a("div", Es, [
-    t("div", Zs, [
-      t("div", Ws, [
-        t("div", Js, [
-          t("div", _s, [
+    t("div", _s, [
+      t("div", Zs, [
+        t("div", Ws, [
+          t("div", Js, [
             t("table", Gs, [
               u[1] || (u[1] = t("thead", { class: "bg-gray-50" }, [
                 t("tr", null, [
@@ -2315,7 +2313,7 @@ const ln = /* @__PURE__ */ js(tn), an = {
 }, sn = { class: "text-xs" }, nn = { class: "font-bold text-lg" }, on = { class: "text-xs font-medium" };
 function rn(e, u, i, o, s, r) {
   return l(), a("div", {
-    class: y([
+    class: b([
       "day select-none text-center",
       {
         "bg-lime-400 text-black": r.currentDay.isWeekend,
@@ -2351,7 +2349,7 @@ const dn = /* @__PURE__ */ he(an, [["render", rn]]), cn = {
 function mn(e, u, i, o, s, r) {
   return l(), a("div", un, [
     t("div", {
-      class: y([
+      class: b([
         {
           "bg-lime-400 text-black": r.currentDay.isWeekend,
           "bg-green-600 text-black": i.price.price > i.basePrice,
@@ -2432,7 +2430,7 @@ const ye = /* @__PURE__ */ he(cn, [["render", mn]]), fn = {
   emits: ["dateChanged", "changeCategoryBulkPrices", "changeCategorySelectionPrice", "changeCategoryUpgradePrice", "changeRoomPrice", "tableAction"],
   setup(e, { emit: u }) {
     const i = e, o = u, s = I(/* @__PURE__ */ new Date()), r = I(i.today), n = I([]);
-    J(() => i.today, (H) => {
+    W(() => i.today, (H) => {
       r.value = H;
     });
     const d = z(() => {
@@ -2447,7 +2445,7 @@ const ye = /* @__PURE__ */ he(cn, [["render", mn]]), fn = {
       return E ? E.price : H.price;
     }, C = (H) => {
       n.value = H.target.checked ? i.rooms.map((E) => E.id) : [];
-    }, Y = () => o("changeCategoryBulkPrices"), U = (H) => o("changeCategorySelectionPrice", H), T = (H) => o("changeCategoryUpgradePrice", H), V = (H) => o("tableAction", H), W = (H, E, N) => o("changeRoomPrice", { price: H, roomId: E, roomName: N });
+    }, Y = () => o("changeCategoryBulkPrices"), U = (H) => o("changeCategorySelectionPrice", H), T = (H) => o("changeCategoryUpgradePrice", H), V = (H) => o("tableAction", H), Z = (H, E, N) => o("changeRoomPrice", { price: H, roomId: E, roomName: N });
     return (H, E) => e.loading ? (l(), k(ht, { key: 1 })) : (l(), a("div", fn, [
       t("div", hn, [
         t("div", yn, [
@@ -2475,7 +2473,7 @@ const ye = /* @__PURE__ */ he(cn, [["render", mn]]), fn = {
                 t("tr", null, [
                   t("th", wn, [
                     t("span", null, c(e.literals.category) + " " + c(e.category.name), 1),
-                    g(_, {
+                    g(J, {
                       loading: e.loading,
                       class: "ml-4",
                       size: "small",
@@ -2567,7 +2565,7 @@ const ye = /* @__PURE__ */ he(cn, [["render", mn]]), fn = {
                 ]),
                 (l(!0), a($, null, S(e.rooms, (N) => (l(), a("tr", {
                   key: N.name,
-                  class: y([{ "even:bg-gray-100": e.type === "prices", "odd:bg-gray-100": e.type === "discounts" }])
+                  class: b([{ "even:bg-gray-100": e.type === "prices", "odd:bg-gray-100": e.type === "discounts" }])
                 }, [
                   t("td", On, [
                     n.value.length > 0 ? (l(), a("div", Nn)) : x("", !0),
@@ -2588,7 +2586,7 @@ const ye = /* @__PURE__ */ he(cn, [["render", mn]]), fn = {
                     key: O
                   }, [
                     g(ye, {
-                      onClick: (q) => W(w, N.id, N.name),
+                      onClick: (q) => Z(w, N.id, N.name),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 cursor-pointer",
                       price: w,
                       currency: e.currency.symbol,
@@ -2605,9 +2603,6 @@ const ye = /* @__PURE__ */ he(cn, [["render", mn]]), fn = {
   }
 }), He = /* @__PURE__ */ B({
   __name: "ApexChartWrapper",
-  props: {
-    height: { default: 320 }
-  },
   emits: ["updated", "mounted", "dataPointSelection"],
   setup(e) {
     const u = I(null);
@@ -2619,24 +2614,19 @@ const ye = /* @__PURE__ */ he(cn, [["render", mn]]), fn = {
         } catch (i) {
           console.error("Failed to load ApexCharts:", i);
         }
-    }), (i, o) => (l(), a("div", null, [
-      u.value ? (l(), k($e(u.value), Fe({ key: 0 }, i.$attrs, {
-        onUpdated: o[0] || (o[0] = (s) => i.$emit("updated")),
-        onMounted: o[1] || (o[1] = (s) => i.$emit("mounted")),
-        onDataPointSelection: o[2] || (o[2] = (s) => i.$emit("dataPointSelection", s))
-      }), null, 16)) : (l(), a("div", {
-        key: 1,
-        style: Zt({ height: e.height + "px" }),
-        class: "flex items-center justify-center bg-gray-50 rounded"
-      }, [...o[3] || (o[3] = [
-        t("div", { class: "text-gray-400 text-sm" }, "Loading chart...", -1)
-      ])], 4))
-    ]));
+    }), (i, o) => u.value ? (l(), k($e(u.value), Fe({
+      key: 0,
+      class: "h-auto"
+    }, i.$attrs, {
+      onUpdated: o[0] || (o[0] = (s) => i.$emit("updated")),
+      onMounted: o[1] || (o[1] = (s) => i.$emit("mounted")),
+      onDataPointSelection: o[2] || (o[2] = (s) => i.$emit("dataPointSelection", s))
+    }), null, 16)) : x("", !0);
   }
-}), Hn = { class: "chart-header flex flex-row items-center w-full justify-between" }, Un = { class: "text-sm font-medium text-gray-500 truncate mr-8" }, En = {
+}), Hn = { class: "chart-header flex flex-row items-center w-full justify-between" }, Un = { class: "text-lg font-bold truncate mr-8" }, En = {
   key: 0,
   class: "flex items-center gap-x-2 grow"
-}, Zn = { class: "self-center ml-2" }, Wn = { class: "self-center ml-2" }, Jn = { class: "self-center ml-2" }, _n = { class: "hidden sm:flex items-center" }, Gn = { class: "w-1/2 min-w-0 flex-1" }, Qn = ["max"], Kn = { class: "min-w-0 flex-1" }, Xn = ["max"], eo = { class: "chart-content relative" }, to = /* @__PURE__ */ B({
+}, _n = { class: "self-center ml-2" }, Zn = { class: "self-center ml-2" }, Wn = { class: "self-center ml-2" }, Jn = { class: "hidden sm:flex items-center" }, Gn = { class: "w-1/2 min-w-0 flex-1" }, Qn = ["max"], Kn = { class: "min-w-0 flex-1" }, Xn = ["max"], eo = { class: "chart-content pb-6" }, to = { class: "'w-full h-full flex items-center justify-center flex-col" }, lo = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, ao = /* @__PURE__ */ B({
   __name: "uiChart",
   props: {
     labels: {},
@@ -2653,14 +2643,14 @@ const ye = /* @__PURE__ */ he(cn, [["render", mn]]), fn = {
     range: {},
     horizontal: { type: Boolean, default: !1 },
     stacked: { type: Boolean, default: !1 },
-    height: { default: 320 },
+    height: { default: 600 },
     annotations: {}
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection", "maximizeChart"],
   setup(e, { emit: u }) {
     const i = u, o = I((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":"))), s = e;
     let r = me(s.dates || { from: "", to: o });
-    J(() => s.dates, (T) => {
+    W(() => s.dates, (T) => {
       T && (r = T);
     });
     let d = {
@@ -2721,12 +2711,13 @@ const ye = /* @__PURE__ */ he(cn, [["render", mn]]), fn = {
     }), s.type === "area" && (d.tooltip = { intersect: !1, shared: !0 });
     const f = () => (d.chart.stacked = s.stacked, s.options && (s.options.xaxis.hideOverlappingLabels = !0, s.options.xaxis.decimalsInFloat = 2, s.options.xaxis.tickAmount = 10), { ...d, ...s.options, plotOptions: { bar: { horizontal: s.horizontal } } }), v = () => {
       r.from !== "" && r.to !== "" && R(r.from).isBefore(R(r.to)) && i("selectedRange", { range: r, chartId: s.id });
-    }, p = z(() => s.series), C = z(() => f()), Y = () => i("chartUpdated"), U = (T, V, W) => {
-      i("dataPointSelection", { id: s.id, chartContext: V, config: W, event: T });
+    }, p = z(() => s.series), C = z(() => f()), Y = () => i("chartUpdated"), U = (T, V, Z) => {
+      i("dataPointSelection", { id: s.id, chartContext: V, config: Z, event: T });
     };
     return (T, V) => (l(), a($, null, [
       j(t("div", {
-        class: y(["h-[" + e.height + "px]", "card chart apex-chart p-4 bg-white shadow rounded-lg overflow-hidden flex grow"])
+        class: "card chart apex-chart p-4 bg-white shadow rounded-lg overflow-hidden flex grow",
+        style: _t({ height: e.height + "px" })
       }, [
         t("div", Hn, [
           t("div", Un, c(e.title), 1),
@@ -2742,7 +2733,7 @@ const ye = /* @__PURE__ */ he(cn, [["render", mn]]), fn = {
                   loading: !1,
                   color: "red"
                 }, null, 8, ["icon"]),
-                t("span", Zn, c(e.npsLiterals.unhappy), 1)
+                t("span", _n, c(e.npsLiterals.unhappy), 1)
               ]),
               _: 1
             }),
@@ -2757,7 +2748,7 @@ const ye = /* @__PURE__ */ he(cn, [["render", mn]]), fn = {
                   loading: !1,
                   color: "yellow"
                 }, null, 8, ["icon"]),
-                t("span", Wn, c(e.npsLiterals.neutral), 1)
+                t("span", Zn, c(e.npsLiterals.neutral), 1)
               ]),
               _: 1
             }),
@@ -2772,16 +2763,16 @@ const ye = /* @__PURE__ */ he(cn, [["render", mn]]), fn = {
                   loading: !1,
                   color: "green"
                 }, null, 8, ["icon"]),
-                t("span", Jn, c(e.npsLiterals.happy), 1)
+                t("span", Wn, c(e.npsLiterals.happy), 1)
               ]),
               _: 1
             })
           ])) : x("", !0),
-          t("div", _n, [
+          t("div", Jn, [
             t("div", Gn, [
               j(t("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": V[0] || (V[0] = (W) => m(r).from = W),
+                "onUpdate:modelValue": V[0] || (V[0] = (Z) => m(r).from = Z),
                 max: o.value.toString(),
                 onChange: v,
                 name: "from",
@@ -2794,7 +2785,7 @@ const ye = /* @__PURE__ */ he(cn, [["render", mn]]), fn = {
             t("div", Kn, [
               j(t("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": V[1] || (V[1] = (W) => m(r).to = W),
+                "onUpdate:modelValue": V[1] || (V[1] = (Z) => m(r).to = Z),
                 max: o.value.toString(),
                 onChange: v,
                 name: "to",
@@ -2809,7 +2800,7 @@ const ye = /* @__PURE__ */ he(cn, [["render", mn]]), fn = {
               size: "big",
               loading: e.loading,
               icon: m(rt),
-              onClick: V[2] || (V[2] = (W) => T.$emit("maximizeChart", e.id))
+              onClick: V[2] || (V[2] = (Z) => T.$emit("maximizeChart", e.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
@@ -2818,18 +2809,16 @@ const ye = /* @__PURE__ */ he(cn, [["render", mn]]), fn = {
             class: "chart",
             type: e.type,
             series: p.value,
-            height: e.height,
+            height: "100%",
             options: C.value,
             onUpdated: Y,
             onMounted: Y,
             onDataPointSelection: U
-          }, null, 8, ["type", "series", "height", "options"])
+          }, null, 8, ["type", "series", "options"])
         ], 512), [
           [A, !e.empty]
         ]),
-        j(t("div", {
-          class: y(["h-[" + e.height + "px]", "w-full flex items-center justify-center flex-col"])
-        }, [
+        j(t("div", to, [
           g(F, {
             icon: m(ee),
             color: "gray",
@@ -2837,15 +2826,13 @@ const ye = /* @__PURE__ */ he(cn, [["render", mn]]), fn = {
             size: "massive"
           }, null, 8, ["icon"]),
           V[3] || (V[3] = t("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data for this time frame", -1))
-        ], 2), [
+        ], 512), [
           [A, e.empty]
         ])
-      ], 2), [
+      ], 4), [
         [A, !e.loading]
       ]),
-      j(t("div", {
-        class: y(["h-[" + e.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80"])
-      }, [...V[4] || (V[4] = [
+      j(t("div", lo, [...V[4] || (V[4] = [
         t("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -2871,16 +2858,16 @@ const ye = /* @__PURE__ */ he(cn, [["render", mn]]), fn = {
             t("div", { class: "w-full bg-gray-200 rounded h-1/2" })
           ])
         ], -1)
-      ])], 2), [
+      ])], 512), [
         [A, e.loading]
       ])
     ], 64));
   }
-}), lo = {
+}), so = {
   name: "uiFooter"
-}, ao = { class: "bg-white" };
-function so(e, u, i, o, s, r) {
-  return l(), a("footer", ao, [...u[0] || (u[0] = [
+}, no = { class: "bg-white" };
+function oo(e, u, i, o, s, r) {
+  return l(), a("footer", no, [...u[0] || (u[0] = [
     t("div", { class: "mx-auto py-6 px-4 sm:px-6 md:flex md:items-center md:justify-between lg:px-8" }, [
       t("div", { class: "mt-8 md:mt-0 md:order-1" }, [
         t("p", { class: "text-center text-base text-gray-400" }, "© Made by Hotelinking.")
@@ -2888,7 +2875,7 @@ function so(e, u, i, o, s, r) {
     ], -1)
   ])]);
 }
-const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
+const io = /* @__PURE__ */ he(so, [["render", oo]]), ro = /* @__PURE__ */ B({
   __name: "uiLoadingScreen",
   props: {
     title: {},
@@ -2897,7 +2884,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
   },
   setup(e) {
     return (u, i) => (l(), a("div", {
-      class: y([
+      class: b([
         { fixed: e.fixed },
         "load-screen h-full w-full top-0 left-0 z-[100] flex flex-col items-center justify-center bg-white"
       ])
@@ -2916,25 +2903,25 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       ])
     ], 2));
   }
-}), io = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, ro = { class: "flex flex-col flex-grow overflow-y-auto" }, co = { class: "grow flex flex-col" }, uo = {
+}), co = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, uo = { class: "flex flex-col flex-grow overflow-y-auto" }, go = { class: "grow flex flex-col" }, mo = {
   class: "flex-1 space-y-1",
   "aria-label": "Sidebar"
-}, go = { key: 0 }, mo = ["onClick"], fo = {
+}, fo = { key: 0 }, ho = ["onClick"], yo = {
   key: 1,
   class: "text-left"
-}, ho = {
+}, bo = {
   key: 1,
   class: "flex-1 text-left"
-}, yo = {
+}, vo = {
   key: 2,
   class: "flex-1"
-}, bo = {
+}, xo = {
   key: 0,
   class: "align-left"
-}, vo = {
+}, po = {
   key: 1,
   class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2"
-}, xo = { class: "h-12 flex flex-row items-center" }, po = /* @__PURE__ */ B({
+}, wo = { class: "h-12 flex flex-row items-center" }, ko = /* @__PURE__ */ B({
   __name: "uiSidebar",
   props: {
     navigation: {},
@@ -2946,11 +2933,11 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
   emits: ["sideBarClick"],
   setup(e, { emit: u }) {
     const i = e, o = u, s = z(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
-    return (r, n) => (l(), a("div", io, [
-      t("div", ro, [
-        t("div", co, [
-          t("nav", uo, [
-            e.loading ? (l(), a($, { key: 1 }, S(5, (d) => t("div", xo, [...n[1] || (n[1] = [
+    return (r, n) => (l(), a("div", co, [
+      t("div", uo, [
+        t("div", go, [
+          t("nav", mo, [
+            e.loading ? (l(), a($, { key: 1 }, S(5, (d) => t("div", wo, [...n[1] || (n[1] = [
               t("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1),
               t("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 grow" }, null, -1)
             ])])), 64)) : (l(!0), a($, { key: 0 }, S(s.value, (d) => (l(), a($, {
@@ -2963,24 +2950,24 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
               }, {
                 default: h(({ open: f }) => [
                   g(m(le), {
-                    class: y([d.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"])
+                    class: b([d.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: h(() => [
                       d.icon ? (l(), k(F, {
                         key: 0,
                         loading: e.loading,
                         icon: d.icon,
-                        class: y([
+                        class: b([
                           d.current ? "text-white" : "text-gray-400 group-hover:text-gray-500",
                           "mr-3 flex-shrink-0 h-6 w-6"
                         ]),
                         "aria-hidden": "true"
                       }, null, 8, ["loading", "icon", "class"])) : x("", !0),
-                      e.loading ? (l(), a("div", yo, [...n[0] || (n[0] = [
+                      e.loading ? (l(), a("div", vo, [...n[0] || (n[0] = [
                         t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)
-                      ])])) : (l(), a("span", ho, c(d.name), 1)),
+                      ])])) : (l(), a("span", bo, c(d.name), 1)),
                       g(m(fe), {
-                        class: y([f ? "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"])
+                        class: b([f ? "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
@@ -2990,10 +2977,10 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                       (l(!0), a($, null, S(d.children, (v) => (l(), k(m(le), {
                         onClick: (p) => o("sideBarClick", v.id),
                         key: v.name,
-                        class: y([v.current ? "bg-gray-200" : "hover:text-gray-900 hover:bg-gray-100", "group text-gray-600 w-full flex items-center text-left pl-11 pr-2 py-2 text-sm font-medium rounded-md"])
+                        class: b([v.current ? "bg-gray-200" : "hover:text-gray-900 hover:bg-gray-100", "group text-gray-600 w-full flex items-center text-left pl-11 pr-2 py-2 text-sm font-medium rounded-md"])
                       }, {
                         default: h(() => [
-                          e.loading ? (l(), a("div", vo)) : (l(), a("span", bo, c(v.name), 1))
+                          e.loading ? (l(), a("div", po)) : (l(), a("span", xo, c(v.name), 1))
                         ]),
                         _: 2
                       }, 1032, ["onClick", "class"]))), 128))
@@ -3002,10 +2989,10 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                   }, 1024)
                 ]),
                 _: 2
-              }, 1024)) : (l(), a("div", go, [
+              }, 1024)) : (l(), a("div", fo, [
                 t("button", {
                   onClick: (f) => o("sideBarClick", d.id),
-                  class: y([
+                  class: b([
                     d.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900",
                     "group w-full flex items-center pl-2 py-2 text-sm font-medium rounded-md"
                   ])
@@ -3014,14 +3001,14 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                     key: 0,
                     loading: e.loading,
                     icon: d.icon,
-                    class: y([
+                    class: b([
                       d.current ? "text-white" : "text-gray-400 group-hover:text-gray-500",
                       "mr-3 flex-shrink-0 h-6 w-6"
                     ]),
                     "aria-hidden": "true"
                   }, null, 8, ["loading", "icon", "class"])) : x("", !0),
-                  e.loading ? x("", !0) : (l(), a("span", fo, c(d.name), 1))
-                ], 10, mo)
+                  e.loading ? x("", !0) : (l(), a("span", yo, c(d.name), 1))
+                ], 10, ho)
               ]))
             ], 64))), 128))
           ])
@@ -3029,24 +3016,24 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), wo = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6 h-screen" }, ko = { class: "bg-black w-16 mr-6 flex-shrink-0" }, $o = ["onClick"], Co = ["src", "alt"], So = {
+}), $o = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6 h-screen" }, Co = { class: "bg-black w-16 mr-6 flex-shrink-0" }, So = ["onClick"], Bo = ["src", "alt"], Mo = {
   key: 0,
   class: "flex flex-col grow h-full"
-}, Bo = ["src"], Mo = { class: "flex flex-1 flex-col overflow-hidden" }, jo = { class: "flex-1 overflow-y-auto pr-6" }, To = {
+}, jo = ["src"], To = { class: "flex flex-1 flex-col overflow-hidden mt-8" }, Do = { class: "flex-1 overflow-y-auto pr-6" }, zo = {
   key: 0,
   role: "list",
   class: "flex flex-col gap-y-7 mb-4"
-}, Do = {
+}, Ao = {
   role: "list",
   class: "ml-2 space-y-1"
-}, zo = ["onClick"], Ao = {
+}, Lo = ["onClick"], Fo = {
   key: 1,
   role: "list",
   class: "flex flex-col gap-y-7 mb-4"
-}, Lo = { class: "ml-2 space-y-1" }, Fo = { class: "font-bold mb-4" }, Po = {
+}, Po = { class: "ml-2 space-y-1" }, Oo = { class: "font-bold mb-4" }, No = {
   key: 1,
   class: "flex flex-col grow h-full"
-}, Oo = { class: "flex-1 overflow-y-auto pr-6" }, No = { class: "h-12 flex flex-row items-center" }, Ae = /* @__PURE__ */ B({
+}, Io = { class: "flex-1 overflow-y-auto pr-6" }, Vo = { class: "h-12 flex flex-row items-center" }, Ae = /* @__PURE__ */ B({
   __name: "uiSidebarV2",
   props: {
     navigation: {},
@@ -3059,29 +3046,29 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
   emits: ["productBarClick", "sideBarClick", "inputChanged"],
   setup(e, { emit: u }) {
     const i = e, o = z(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
-    return (s, r) => (l(), a("div", wo, [
-      t("div", ko, [
+    return (s, r) => (l(), a("div", $o, [
+      t("div", Co, [
         t("ul", null, [
           (l(!0), a($, null, S(e.productsSidebar, (n, d) => (l(), a("li", {
             key: d,
-            class: y([{ "!bg-lime-400": n.active }, "w-full h-16 p-4 flex items-center justify-center cursor-pointer hover:bg-lime-400 hover:text-black"]),
+            class: b([{ "!bg-lime-400": n.active }, "w-full h-16 p-4 flex items-center justify-center cursor-pointer hover:bg-lime-400 hover:text-black"]),
             onClick: (f) => s.$emit("productBarClick", n.name)
           }, [
             t("img", {
               src: n.icon,
               alt: n.name
-            }, null, 8, Co)
-          ], 10, $o))), 128))
+            }, null, 8, Bo)
+          ], 10, So))), 128))
         ])
       ]),
-      e.loading ? (l(), a("div", Po, [
-        t("div", Oo, [
-          (l(), a($, null, S(5, (n) => t("div", No, [...r[2] || (r[2] = [
+      e.loading ? (l(), a("div", No, [
+        t("div", Io, [
+          (l(), a($, null, S(5, (n) => t("div", Vo, [...r[2] || (r[2] = [
             t("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1),
             t("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full w-1/2 dark:bg-gray-300" }, null, -1)
           ])])), 64))
         ])
-      ])) : (l(), a("div", So, [
+      ])) : (l(), a("div", Mo, [
         t("div", {
           class: "flex h-16 shrink-0 items-center",
           onClick: r[0] || (r[0] = (n) => s.$emit("sideBarClick", "logo"))
@@ -3090,13 +3077,13 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
             class: "h-10 w-auto self-center cursor-pointer",
             src: e.logo,
             alt: "Your Company"
-          }, null, 8, Bo)
+          }, null, 8, jo)
         ]),
-        t("nav", Mo, [
-          t("div", jo, [
-            e.isFilterNavigation ? x("", !0) : (l(), a("ul", To, [
+        t("nav", To, [
+          t("div", Do, [
+            e.isFilterNavigation ? x("", !0) : (l(), a("ul", zo, [
               t("li", null, [
-                t("ul", Do, [
+                t("ul", Ao, [
                   (l(!0), a($, null, S(o.value, (n) => (l(), a("li", {
                     key: n.name
                   }, [
@@ -3107,7 +3094,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                       default: h(() => [
                         g(m(le), {
                           onClick: (d) => s.$emit("sideBarClick", n.id),
-                          class: y([n.current ? "bg-lime-100" : "hover:bg-lime-100", "flex w-full items-center gap-x-3 rounded-md p-2 text-left text-sm font-semibold leading-6 text-gray-700"])
+                          class: b([n.current ? "bg-lime-100" : "hover:bg-lime-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: h(() => [
                             g(F, {
@@ -3120,7 +3107,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                             }, null, 8, ["icon"]),
                             M(" " + c(n.name) + " ", 1),
                             g(m(fe), {
-                              class: y([n.children.some((d) => d.current) || n.current ? "rotate-90 text-black" : "text-gray-400", "ml-auto h-5 w-5 shrink-0"]),
+                              class: b([n.children.some((d) => d.current) || n.current ? "rotate-90 text-black" : "text-gray-400", "ml-auto h-5 w-5 shrink-0"]),
                               "aria-hidden": "true"
                             }, null, 8, ["class"])
                           ]),
@@ -3139,7 +3126,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                                 g(m(le), {
                                   as: "a",
                                   onClick: (f) => s.$emit("sideBarClick", d.id),
-                                  class: y([d.current ? "bg-lime-100" : "hover:bg-lime-100", "block rounded-md py-2 pl-9 pr-2 text-sm leading-6 text-gray-700 cursor-pointer"])
+                                  class: b([d.current ? "bg-lime-100" : "hover:bg-lime-100", "block rounded-md py-2 pl-9 pr-2 text-sm leading-6 text-gray-700 cursor-pointer"])
                                 }, {
                                   default: h(() => [
                                     M(c(d.name), 1)
@@ -3158,7 +3145,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                     }, 1024)) : (l(), a("div", {
                       key: 0,
                       onClick: (d) => s.$emit("sideBarClick", n.id),
-                      class: y([n.current ? "bg-lime-100" : "hover:bg-lime-100", "group flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-6 text-gray-700 cursor-pointer"])
+                      class: b([n.current ? "bg-lime-100" : "hover:bg-lime-100", "group flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-6 text-gray-700 cursor-pointer"])
                     }, [
                       g(F, {
                         icon: n.icon,
@@ -3169,13 +3156,13 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                         class: "shrink-0"
                       }, null, 8, ["icon"]),
                       M(" " + c(n.name), 1)
-                    ], 10, zo))
+                    ], 10, Lo))
                   ]))), 128))
                 ])
               ])
             ])),
-            e.isFilterNavigation && e.filterNavigation ? (l(), a("ul", Ao, [
-              t("li", Lo, [
+            e.isFilterNavigation && e.filterNavigation ? (l(), a("ul", Fo, [
+              t("li", Po, [
                 e.filterNavigation.hasSearch && e.filterNavigation.search ? (l(), k(se, {
                   key: 0,
                   name: e.filterNavigation.search.name,
@@ -3190,7 +3177,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                 class: "ml-2",
                 key: d
               }, [
-                t("p", Fo, c(n.label), 1),
+                t("p", Oo, c(n.label), 1),
                 (l(!0), a($, null, S(n.filters, (f, v) => (l(), k(re, {
                   class: "mb-2",
                   value: f.value,
@@ -3208,10 +3195,10 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       ]))
     ]));
   }
-}), Io = { key: 0 }, Vo = { class: "ml-16 text-sm font-medium truncate" }, qo = { class: "ml-16 flex items-baseline pb-5" }, Yo = { class: "text-2xl font-semibold" }, Ro = {
+}), qo = { key: 0 }, Yo = { class: "ml-16 text-sm font-medium truncate" }, Ro = { class: "ml-16 flex items-baseline pb-5" }, Ho = { class: "text-2xl font-semibold" }, Uo = {
   key: 0,
   class: "text-black ml-2 flex items-baseline text-sm font-semibold"
-}, Ho = { class: "absolute bottom-0 inset-x-0 bg-lime-50 px-4 py-4 sm:px-6" }, Uo = { class: "text-sm" }, Eo = { key: 1 }, Zo = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, Wo = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, yt = /* @__PURE__ */ B({
+}, Eo = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, _o = { class: "text-sm" }, Zo = { key: 1 }, Wo = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, Jo = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, yt = /* @__PURE__ */ B({
   __name: "uiStats",
   props: {
     item: {},
@@ -3219,10 +3206,10 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
   },
   emits: ["statClick"],
   setup(e, { emit: u }) {
-    return (i, o) => e.loading ? (l(), a("div", Eo, [
-      t("div", Zo, [
+    return (i, o) => e.loading ? (l(), a("div", Zo, [
+      t("div", Wo, [
         t("dt", null, [
-          t("div", Wo, [
+          t("div", Jo, [
             g(F, {
               loading: e.loading,
               icon: e.item.icon,
@@ -3238,13 +3225,13 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
           ], -1))
         ])
       ])
-    ])) : (l(), a("div", Io, [
+    ])) : (l(), a("div", qo, [
       t("div", {
-        class: y(["relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full", { "pb-12": e.item.showFooter }])
+        class: b(["relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full", { "pb-12": e.item.showFooter }])
       }, [
         t("dt", null, [
           t("div", {
-            class: y(["absolute rounded-md p-3", {
+            class: b(["absolute rounded-md p-3", {
               "bg-lime-400": !e.item.color || e.item.color === "green" || e.item.color === "secondary",
               "bg-red-600": e.item.color === "red",
               "bg-yellow-400": e.item.color === "yellow"
@@ -3257,14 +3244,14 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
               loading: e.loading
             }, null, 8, ["icon", "loading"])
           ], 2),
-          t("p", Vo, c(e.item.name), 1)
+          t("p", Yo, c(e.item.name), 1)
         ]),
-        t("dd", qo, [
-          t("p", Yo, c(e.item.stat), 1),
-          e.item.explanation ? (l(), a("p", Ro, c(e.item.explanation), 1)) : x("", !0),
+        t("dd", Ro, [
+          t("p", Ho, c(e.item.stat), 1),
+          e.item.explanation ? (l(), a("p", Uo, c(e.item.explanation), 1)) : x("", !0),
           e.item.changeType ? (l(), a("p", {
             key: 1,
-            class: y([
+            class: b([
               {
                 "text-green-600": e.item.changeType === "increase",
                 "text-red-600": e.item.changeType === "decrease",
@@ -3285,8 +3272,8 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
             })) : x("", !0),
             M(" " + c(e.item.change), 1)
           ], 2)) : x("", !0),
-          j(t("div", Ho, [
-            t("div", Uo, [
+          j(t("div", Eo, [
+            t("div", _o, [
               t("span", {
                 onClick: o[0] || (o[0] = (s) => i.$emit("statClick", e.item.id)),
                 class: "font-medium text-black hover:text-lime-400 underline cursor-pointer"
@@ -3299,19 +3286,19 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       ], 2)
     ]));
   }
-}), Jo = {
+}), Go = {
   key: 0,
   class: "overflow-hidden bg-white shadow sm:rounded-lg"
-}, _o = { class: "px-4 py-5 sm:px-6" }, Go = { class: "text-lg font-medium leading-6" }, Qo = { class: "mt-1 max-w-2xl text-sm" }, Ko = { class: "border-t border-gray-200" }, Xo = { class: "text-sm font-medium" }, ei = {
+}, Qo = { class: "px-4 py-5 sm:px-6" }, Ko = { class: "text-lg font-medium leading-6" }, Xo = { class: "mt-1 max-w-2xl text-sm" }, ei = { class: "border-t border-gray-200" }, ti = { class: "text-sm font-medium" }, li = {
   key: 0,
   class: "mt-1 text-sm sm:col-span-2 sm:mt-0 break-normal"
-}, ti = ["onClick"], li = {
+}, ai = ["onClick"], si = {
   key: 2,
   class: "mt-1 text-sm sm:col-span-2 sm:mt-0 break-words"
-}, ai = {
+}, ni = {
   key: 1,
   class: "overflow-hidden bg-white shadow sm:rounded-lg"
-}, si = { class: "border-t border-gray-200" }, ni = /* @__PURE__ */ B({
+}, oi = { class: "border-t border-gray-200" }, ii = /* @__PURE__ */ B({
   __name: "uiStripedCard",
   props: {
     title: {},
@@ -3321,13 +3308,13 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
   },
   emits: ["itemClicked"],
   setup(e) {
-    return (u, i) => e.loading ? (l(), a("div", ai, [
+    return (u, i) => e.loading ? (l(), a("div", ni, [
       i[1] || (i[1] = ae('<div class="px-4 py-5 sm:px-6 animate-pulse"><h3 class="text-lg font-medium leading-6"><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)),
-      t("div", si, [
+      t("div", oi, [
         t("dl", null, [
           (l(), a($, null, S(5, (o) => t("div", {
             key: o,
-            class: y(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [o % 2 === 0 ? "bg-gray-50" : "bg-white"]])
+            class: b(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [o % 2 === 0 ? "bg-gray-50" : "bg-white"]])
           }, [...i[0] || (i[0] = [
             t("dt", { class: "text-sm font-medium text-gray-500" }, [
               t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" })
@@ -3338,19 +3325,19 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
           ])], 2)), 64))
         ])
       ])
-    ])) : (l(), a("div", Jo, [
-      t("div", _o, [
-        t("h3", Go, c(e.title), 1),
-        t("p", Qo, c(e.subtitle), 1)
+    ])) : (l(), a("div", Go, [
+      t("div", Qo, [
+        t("h3", Ko, c(e.title), 1),
+        t("p", Xo, c(e.subtitle), 1)
       ]),
-      t("div", Ko, [
+      t("div", ei, [
         t("dl", null, [
           (l(!0), a($, null, S(e.items, (o, s) => (l(), a("div", {
             key: s,
-            class: y(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [s % 2 === 0 ? "bg-lime-50" : "bg-white"]])
+            class: b(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [s % 2 === 0 ? "bg-lime-50" : "bg-white"]])
           }, [
-            t("dt", Xo, c(o.title), 1),
-            o.type === "tags" ? (l(), a("dd", ei, [
+            t("dt", ti, c(o.title), 1),
+            o.type === "tags" ? (l(), a("dd", li, [
               (l(!0), a($, null, S(o.tags, (r, n) => (l(), k(G, {
                 loading: e.loading,
                 key: n,
@@ -3366,13 +3353,13 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
               key: 1,
               class: "mt-1 text-sm text-lime-600 hover:text-black sm:col-span-2 sm:mt-0 cursor-pointer",
               onClick: (r) => u.$emit("itemClicked", o.emits)
-            }, c(o.text), 9, ti)) : (l(), a("dd", li, c(o.text), 1))
+            }, c(o.text), 9, ai)) : (l(), a("dd", si, c(o.text), 1))
           ], 2))), 128))
         ])
       ])
     ]));
   }
-}), oi = { class: "absolute top-10 bg-black text-white text-xs p-2 rounded z-10 font-light w-60 flex flex-row items-start" }, ii = { class: "ml-2" }, ri = {
+}), ri = { class: "absolute top-10 bg-black text-white text-xs p-2 rounded z-10 font-light w-60 flex flex-row items-start" }, di = { class: "ml-2" }, ci = {
   __name: "tooltip",
   props: {
     tip: {
@@ -3381,7 +3368,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
     }
   },
   setup(e) {
-    return (u, i) => (l(), a("div", oi, [
+    return (u, i) => (l(), a("div", ri, [
       i[0] || (i[0] = t("svg", {
         class: "absolute -top-3 left-0",
         xmlns: "http://www.w3.org/2000/svg",
@@ -3405,16 +3392,16 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
           size: "big"
         }, null, 8, ["icon"])
       ]),
-      t("span", ii, c(e.tip), 1)
+      t("span", di, c(e.tip), 1)
     ]));
   }
-}, di = { class: "hidden py-0.5 px-2.5 rounded text-xs font-medium md:inline-block bg-lime-400 text-gray-900" }, ci = {
+}, ui = { class: "hidden py-0.5 px-2.5 rounded text-xs font-medium md:inline-block bg-lime-400 text-gray-900" }, gi = {
   key: 0,
   class: "hidden py-0.5 px-2.5 rounded text-xs font-medium md:inline-block bg-gray-100 text-gray-900 uppercase"
-}, ui = { class: "w-screen max-w-md flex-auto rounded bg-white text-sm/6 shadow-lg ring-1 ring-gray-900/5 lg:max-w-3xl" }, gi = { class: "p-6 gap-y-2 flex flex-col" }, mi = { class: "flex items-center gap-x-2 w-full" }, fi = { class: "px-6 pb-6 gap-x-2 flex justify-end" }, hi = {
+}, mi = { class: "w-screen max-w-md flex-auto rounded bg-white text-sm/6 shadow-lg ring-1 ring-gray-900/5 lg:max-w-3xl" }, fi = { class: "p-6 gap-y-2 flex flex-col" }, hi = { class: "flex items-center gap-x-2 w-full" }, yi = { class: "px-6 pb-6 gap-x-2 flex justify-end" }, bi = {
   key: 1,
   class: "relative animate-pulse"
-}, yi = /* @__PURE__ */ B({
+}, vi = /* @__PURE__ */ B({
   __name: "uiSmartFilterMultipleV2",
   props: {
     literals: { default: () => ({
@@ -3452,11 +3439,11 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
         }
       });
     };
-    J(() => i.literals, (w) => {
+    W(() => i.literals, (w) => {
       s.value.id === "1" ? s.value.name = w.and : s.value.id === "2" && (s.value.name = w.or);
-    }, { deep: !0 }), J(() => i.availableCategories, (w) => {
+    }, { deep: !0 }), W(() => i.availableCategories, (w) => {
       w.length > 0 && (!n.value.name || !w.some((O) => O.name === n.value.name)) && (n.value = w[0]);
-    }, { deep: !0, immediate: !0 }), J(() => i.filters, (w) => {
+    }, { deep: !0, immediate: !0 }), W(() => i.filters, (w) => {
       w && f(w);
     }, { deep: !0, immediate: !0 });
     const v = z(() => [
@@ -3497,7 +3484,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
         props: { ...n.value.defaultProps }
       };
       r.push(w);
-    }, W = (w, O) => {
+    }, Z = (w, O) => {
       if (w < 0 || w >= r.length) return;
       const q = r[w];
       q.type === "uiInput" ? typeof O == "string" && (q.props.value = O) : q.type === "uiSelect" && (Array.isArray(O) ? q.props.select = O[0] : typeof O == "object" && O !== null && (q.props.select = O));
@@ -3517,7 +3504,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       };
       o("smartFiltersSent", q), w();
     };
-    return (w, O) => e.loading ? (l(), a("div", hi, [...O[1] || (O[1] = [
+    return (w, O) => e.loading ? (l(), a("div", bi, [...O[1] || (O[1] = [
       ae('<div class="inline-flex items-center gap-x-2 text-sm/6 font-semibold text-gray-900 outline-none flex-wrap gap-y-1"><div class="h-4 bg-gray-200 rounded-lg w-32"></div><div class="h-4 bg-gray-200 rounded-lg w-20"></div><div class="h-4 bg-gray-200 rounded-lg w-16"></div><div class="h-5 w-5 bg-gray-200 rounded-lg"></div></div>', 1)
     ])])) : (l(), k(m(Qt), {
       key: 0,
@@ -3528,8 +3515,8 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
           default: h(() => [
             t("span", null, c(i.literals.filters) + ": ", 1),
             (l(!0), a($, null, S(Y.value, (q, P) => (l(), a($, { key: P }, [
-              t("span", di, c(q.name) + " " + c(q.operator) + ": " + c(q.value), 1),
-              P < Y.value.length - 1 ? (l(), a("span", ci, c(s.value.name), 1)) : x("", !0)
+              t("span", ui, c(q.name) + " " + c(q.operator) + ": " + c(q.value), 1),
+              P < Y.value.length - 1 ? (l(), a("span", gi, c(s.value.name), 1)) : x("", !0)
             ], 64))), 128)),
             g(m(ne), {
               class: "size-5",
@@ -3549,9 +3536,9 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
           default: h(() => [
             g(m(Xt), { class: "absolute z-10 mt-2 flex w-screen max-w-max bg-transparent" }, {
               default: h(({ close: q }) => [
-                t("div", ui, [
-                  t("div", gi, [
-                    t("div", mi, [
+                t("div", mi, [
+                  t("div", fi, [
+                    t("div", hi, [
                       g(de, {
                         loading: i.loading,
                         class: "w-60",
@@ -3559,7 +3546,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                         select: C.value,
                         onSelectChanged: T
                       }, null, 8, ["loading", "items", "select"]),
-                      g(_, {
+                      g(J, {
                         loading: i.loading,
                         onClick: V,
                         disabled: !n.value || !n.value.name
@@ -3600,14 +3587,14 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                         loading: i.loading,
                         items: P.props.items || [],
                         select: P.props.select || P.props.items?.[0] || { id: "0", name: "Select..." },
-                        onSelectChanged: (te) => W(K, te)
+                        onSelectChanged: (te) => Z(K, te)
                       }, null, 8, ["loading", "items", "select", "onSelectChanged"])) : P.type === "uiInput" ? (l(), k(se, {
                         key: 1,
                         class: "grow",
                         loading: i.loading,
                         name: P.props.name || "",
                         value: P.props.value || "",
-                        onInput: (te) => W(K, te.target.value)
+                        onInput: (te) => Z(K, te.target.value)
                       }, null, 8, ["loading", "name", "value", "onInput"])) : x("", !0),
                       K === 0 ? (l(), k(de, {
                         key: 2,
@@ -3639,8 +3626,8 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                       }, null, 8, ["icon", "loading", "onClick"])
                     ]))), 128))
                   ]),
-                  t("div", fi, [
-                    g(_, {
+                  t("div", yi, [
+                    g(J, {
                       loading: i.loading,
                       color: "red",
                       icon: m(De),
@@ -3651,7 +3638,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                       ]),
                       _: 1
                     }, 8, ["loading", "icon"]),
-                    g(_, {
+                    g(J, {
                       loading: i.loading,
                       icon: m(fl),
                       onClick: (P) => N(q)
@@ -3673,22 +3660,22 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       _: 1
     }));
   }
-}), bi = {
+}), xi = {
   key: 0,
   class: "py-6 flex items-center justify-between"
-}, vi = { class: "flex-1 flex justify-between sm:hidden" }, xi = {
+}, pi = { class: "flex-1 flex justify-between sm:hidden" }, wi = {
   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"
-}, pi = {
+}, ki = {
   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"
-}, wi = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, ki = { class: "text-sm text-gray-700" }, $i = { class: "font-bold mx-1" }, Ci = { class: "font-bold mx-1" }, Si = { class: "font-bold mx-1" }, Bi = {
+}, $i = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, Ci = { class: "text-sm text-gray-700" }, Si = { class: "font-bold mx-1" }, Bi = { class: "font-bold mx-1" }, Mi = { class: "font-bold mx-1" }, ji = {
   class: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px",
   "aria-label": "Pagination"
-}, Mi = { class: "sr-only" }, ji = ["onClick"], Ti = { class: "sr-only" }, Di = {
+}, Ti = { class: "sr-only" }, Di = ["onClick"], zi = { class: "sr-only" }, Ai = {
   key: 1,
   class: "py-6 flex flex-row justify-between items-center animate-pulse"
-}, zi = /* @__PURE__ */ B({
+}, Li = /* @__PURE__ */ B({
   __name: "uiPagination",
   props: {
     current: {},
@@ -3708,40 +3695,40 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
         f.push(v);
       return f;
     });
-    return (f, v) => e.loading ? (l(), a("div", Di, [...v[3] || (v[3] = [
+    return (f, v) => e.loading ? (l(), a("div", Ai, [...v[3] || (v[3] = [
       t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1),
       t("div", { class: "h-10 w-32 bg-gray-200 rounded dark:bg-gray-300" }, null, -1)
-    ])])) : (l(), a("div", bi, [
-      t("div", vi, [
-        t("a", xi, [
-          Z(f.$slots, "previous")
+    ])])) : (l(), a("div", xi, [
+      t("div", pi, [
+        t("a", wi, [
+          _(f.$slots, "previous")
         ]),
-        t("a", pi, [
-          Z(f.$slots, "next")
+        t("a", ki, [
+          _(f.$slots, "next")
         ])
       ]),
-      t("div", wi, [
+      t("div", $i, [
         t("div", null, [
-          t("p", ki, [
-            Z(f.$slots, "showing"),
-            t("span", $i, c(e.current), 1),
-            Z(f.$slots, "of"),
-            t("span", Ci, c(e.total), 1),
-            Z(f.$slots, "pages"),
+          t("p", Ci, [
+            _(f.$slots, "showing"),
+            t("span", Si, c(e.current), 1),
+            _(f.$slots, "of"),
+            t("span", Bi, c(e.total), 1),
+            _(f.$slots, "pages"),
             v[2] || (v[2] = t("span", { class: "font-bold mx-1" }, "/", -1)),
-            Z(f.$slots, "fromTotal"),
-            t("span", Si, c(e.totalItems), 1)
+            _(f.$slots, "fromTotal"),
+            t("span", Mi, c(e.totalItems), 1)
           ])
         ]),
         t("div", null, [
-          t("nav", Bi, [
+          t("nav", ji, [
             j(t("button", {
               ref: "test-first-button",
               onClick: v[0] || (v[0] = (p) => i("changePage", e.current - 1)),
               class: "relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
             }, [
-              t("span", Mi, [
-                Z(f.$slots, "previous")
+              t("span", Ti, [
+                _(f.$slots, "previous")
               ]),
               g(m(ut), {
                 class: "h-5 w-5",
@@ -3754,17 +3741,17 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
               onClick: (C) => i("changePage", p),
               key: p,
               "aria-current": "page",
-              class: y([[
+              class: b([[
                 p === e.current ? "z-10 bg-lime-50 border-lime-400 text-black" : "bg-white border-gray-300 text-gray-500 hover:bg-gray-50"
               ], "relative inline-flex items-center px-4 py-2 border text-sm font-medium"])
-            }, c(p), 11, ji))), 128)),
+            }, c(p), 11, Di))), 128)),
             j(t("button", {
               ref: "test-last-button",
               onClick: v[1] || (v[1] = (p) => i("changePage", e.current + 1)),
               class: "relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
             }, [
-              t("span", Ti, [
-                Z(f.$slots, "next")
+              t("span", zi, [
+                _(f.$slots, "next")
               ]),
               g(m(fe), {
                 class: "h-5 w-5",
@@ -3778,28 +3765,28 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), Ai = { key: 0 }, Li = {
+}), Fi = { key: 0 }, Pi = {
   key: 1,
   class: "actionsAndFilters mb-6 flex flex-col xl:flex-row items-center xl:justify-between w-full"
-}, Fi = {
+}, Oi = {
   key: 0,
   class: "w-full xl:w-2/3"
-}, Pi = {
+}, Ni = {
   key: 1,
   class: "w-full mt-4 xl:mt-0 xl:w-1/3 xl:flex xl:justify-end xl:self-start"
-}, Oi = { class: "flex flex-col" }, Ni = { class: "-my-2 overflow-x-auto" }, Ii = { class: "inline-block min-w-full py-2 align-middle px-1" }, Vi = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, qi = {
+}, Ii = { class: "flex flex-col" }, Vi = { class: "-my-2 overflow-x-auto" }, qi = { class: "inline-block min-w-full py-2 align-middle px-1" }, Yi = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Ri = {
   key: 0,
   class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-16 bg-white shadow rounded px-4 py-1 z-10"
-}, Yi = ["onClick"], Ri = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Hi = { class: "bg-lime-50" }, Ui = ["checked", "indeterminate"], Ei = ["onMouseover"], Zi = ["onClick"], Wi = {
+}, Hi = ["onClick"], Ui = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Ei = { class: "bg-lime-50" }, _i = ["checked", "indeterminate"], Zi = ["onMouseover"], Wi = ["onClick"], Ji = {
   key: 2,
   class: "group flex items-center uppercase text-xs"
-}, Ji = { class: "divide-y divide-gray-200 bg-white" }, _i = {
+}, Gi = { class: "divide-y divide-gray-200 bg-white" }, Qi = {
   key: 0,
   class: "absolute inset-y-0 left-0 w-0.5 bg-lime-400"
-}, Gi = ["value", "disabled"], Qi = {
+}, Ki = ["value", "disabled"], Xi = {
   key: 2,
   class: "devicesFooter px-1 flex flex-row justify-between items-center mt-4"
-}, Ki = { key: 0 }, Xi = /* @__PURE__ */ B({
+}, er = { key: 0 }, tr = /* @__PURE__ */ B({
   __name: "uiTable",
   props: {
     selectAllItemsModal: {},
@@ -3830,7 +3817,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
     ), C = z(
       () => r.value.length > 0 && r.value.length < s.items.length
     ), Y = z(
-      () => s.header.filter((b, D) => Ue(D))
+      () => s.header.filter((y, D) => Ue(D))
     ), U = z(() => [
       s.actions ? "px-6 sm:px-8" : "px-3",
       "relative"
@@ -3839,20 +3826,20 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       "relative"
     ]), V = z(
       () => s.smartFilterCategories && s.smartFilterCategories.length > 0
-    ), W = z(
+    ), Z = z(
       () => s.tableActionsDropdown && s.tableActionsDropdown.items && s.tableActionsDropdown.items.length > 0
     ), H = z(
-      () => V.value || W.value
+      () => V.value || Z.value
     ), E = z(
       () => s.paginationCurrent !== void 0 || s.paginationTotal !== void 0
     ), N = z(
       () => s.paginationCurrent !== void 0 && s.paginationTotal !== void 0 && s.paginationTotalItems !== void 0
     ), w = z(
       () => s.pageSizeOptions && s.pageSizeOptions.length > 0
-    ), O = z(() => s.pageSizeOptions ? s.pageSizeOptions.map((b) => ({
-      name: b.name,
-      value: String(b.value),
-      active: !!(b.active || s.currentPageSize && b.value === s.currentPageSize)
+    ), O = z(() => s.pageSizeOptions ? s.pageSizeOptions.map((y) => ({
+      name: y.name,
+      value: String(y.value),
+      active: !!(y.active || s.currentPageSize && y.value === s.currentPageSize)
     })) : []), q = I(!1), P = I(!1), K = {
       filters: "Filtros inteligentes",
       contains: "contiene",
@@ -3861,15 +3848,15 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       or: "o",
       deleteAll: "Borrar todo",
       filter: "Filtrar"
-    }, te = (b) => {
-      b.action === "close" ? q.value = !1 : (q.value = !1, s.selectAllItemsModal && o("modalAction", { modal: s.selectAllItemsModal.modalName, action: b.action }));
-    }, Ue = (b) => s.hiddenColumns && s.hiddenColumns.length > 0 ? !s.hiddenColumns.includes(b) : !0, Me = (b) => r.value.includes(b), vt = (b) => n.value === b, xt = (b) => b.filter((D, L) => Ue(L)), pt = (b, D) => {
+    }, te = (y) => {
+      y.action === "close" ? q.value = !1 : (q.value = !1, s.selectAllItemsModal && o("modalAction", { modal: s.selectAllItemsModal.modalName, action: y.action }));
+    }, Ue = (y) => s.hiddenColumns && s.hiddenColumns.length > 0 ? !s.hiddenColumns.includes(y) : !0, Me = (y) => r.value.includes(y), vt = (y) => n.value === y, xt = (y) => y.filter((D, L) => Ue(L)), pt = (y, D) => {
       const L = [];
-      return Me(b.id) && L.push("bg-gray-50"), D % 2 !== 0 && L.push("bg-gray-50"), L;
-    }, wt = (b) => {
+      return Me(y.id) && L.push("bg-gray-50"), D % 2 !== 0 && L.push("bg-gray-50"), L;
+    }, wt = (y) => {
       const D = ["whitespace-nowrap", "py-4", "pr-3", "text-sm"];
-      return Me(b) && D.push("text-black", "font-bold"), D;
-    }, kt = (b) => {
+      return Me(y) && D.push("text-black", "font-bold"), D;
+    }, kt = (y) => {
       const D = [
         "absolute",
         "left-4",
@@ -3883,59 +3870,59 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
         "focus:ring-lime-400",
         "flex-wrap"
       ];
-      return b && D.push("bg-gray-100"), D;
-    }, $t = (b) => {
+      return y && D.push("bg-gray-100"), D;
+    }, $t = (y) => {
       const D = [];
-      return b === s.orderedBy ? D.push("bg-black", "text-white", "group-hover:bg-lime-400", "group-hover:text-black") : D.push("group-hover:visible", "group-focus:visible"), D;
-    }, Ct = (b) => typeof b == "object" && b.type === "tag" ? i.uiTag : typeof b == "object" && b.type === "link" ? "span" : typeof b == "object" && b.type === "href" ? "a" : "span", St = (b) => typeof b == "object" && b.type === "tag" ? {
+      return y === s.orderedBy ? D.push("bg-black", "text-white", "group-hover:bg-lime-400", "group-hover:text-black") : D.push("group-hover:visible", "group-focus:visible"), D;
+    }, Ct = (y) => typeof y == "object" && y.type === "tag" ? i.uiTag : typeof y == "object" && y.type === "link" ? "span" : typeof y == "object" && y.type === "href" ? "a" : "span", St = (y) => typeof y == "object" && y.type === "tag" ? {
       loading: s.loading,
-      color: b.color || "primary",
-      size: b.size || "medium",
-      event: b.event
-    } : typeof b == "object" && b.type === "href" ? {
-      href: b.href,
+      color: y.color || "primary",
+      size: y.size || "medium",
+      event: y.event
+    } : typeof y == "object" && y.type === "href" ? {
+      href: y.href,
       class: "text-black font-bold underline hover:text-lime-400 cursor-pointer"
-    } : typeof b == "object" && b.type === "link" ? {
+    } : typeof y == "object" && y.type === "link" ? {
       class: "text-black font-bold underline hover:text-lime-400 cursor-pointer"
-    } : {}, Bt = (b) => typeof b == "object" ? b.content || "" : b || "", Mt = (b) => b === s.orderedBy ? s.orderDirection === "asc" ? ne : gt : ne, jt = (b) => b === s.orderedBy ? "white" : "primary", Tt = (b) => {
-      o("tableAction", { action: b.id, items: r.value });
-    }, Dt = (b) => {
-      const D = b.target;
+    } : {}, Bt = (y) => typeof y == "object" ? y.content || "" : y || "", Mt = (y) => y === s.orderedBy ? s.orderDirection === "asc" ? ne : gt : ne, jt = (y) => y === s.orderedBy ? "white" : "primary", Tt = (y) => {
+      o("tableAction", { action: y.id, items: r.value });
+    }, Dt = (y) => {
+      const D = y.target;
       D.checked && (q.value = !0), r.value = D.checked ? s.items.map((L) => L.disabled ? null : L.id) : [];
-    }, zt = (b) => {
+    }, zt = (y) => {
       const D = s.orderDirection === "asc" ? "desc" : "asc";
-      o("orderBy", { value: b, orderDirection: D });
-    }, At = (b) => {
-      typeof b == "object" && b.type === "link" && o("customEmit", { data: b });
-    }, Lt = (b) => {
-      typeof b == "object" && b.type === "tag" && o("customEmit", { data: b });
-    }, Ft = (b) => {
-      n.value !== b && (n.value = b);
+      o("orderBy", { value: y, orderDirection: D });
+    }, At = (y) => {
+      typeof y == "object" && y.type === "link" && o("customEmit", { data: y });
+    }, Lt = (y) => {
+      typeof y == "object" && y.type === "tag" && o("customEmit", { data: y });
+    }, Ft = (y) => {
+      n.value !== y && (n.value = y);
     }, Pt = () => {
       n.value = void 0;
-    }, Ot = (b) => {
-      o("smartFiltersSent", b);
-    }, Nt = (b) => {
-      o("tableActionSelected", b), (b.value === 2 || b.name?.toLowerCase().includes("columna")) && (P.value = !0);
-    }, It = (b) => {
-      o("changePage", b);
-    }, Vt = (b) => {
-      o("changePageSize", b.value);
-    }, qt = (b) => {
-      const D = Number(b.value);
-      b.checked ? o("columnsVisibilityChanged", { index: D, hidden: !0 }) : o("columnsVisibilityChanged", { index: D, hidden: !1 });
-    }, Yt = (b) => !!(s.hiddenColumns && s.hiddenColumns.includes(b)), Rt = z(() => s.smartFilterCategories ? s.smartFilterCategories.map((b) => ({
-      id: b.id,
-      label: b.name,
+    }, Ot = (y) => {
+      o("smartFiltersSent", y);
+    }, Nt = (y) => {
+      o("tableActionSelected", y), (y.value === 2 || y.name?.toLowerCase().includes("columna")) && (P.value = !0);
+    }, It = (y) => {
+      o("changePage", y);
+    }, Vt = (y) => {
+      o("changePageSize", y.value);
+    }, qt = (y) => {
+      const D = Number(y.value);
+      y.checked ? o("columnsVisibilityChanged", { index: D, hidden: !0 }) : o("columnsVisibilityChanged", { index: D, hidden: !1 });
+    }, Yt = (y) => !!(s.hiddenColumns && s.hiddenColumns.includes(y)), Rt = z(() => s.smartFilterCategories ? s.smartFilterCategories.map((y) => ({
+      id: y.id,
+      label: y.name,
       // uiSmartFilterMultipleV2 usa 'label' en lugar de 'name'
-      name: b.id,
+      name: y.id,
       // Mantenemos name para compatibilidad
-      componentType: b.componentType,
-      defaultProps: b.defaultProps
+      componentType: y.componentType,
+      defaultProps: y.defaultProps
     })) : []);
-    return J(() => s.resetSelected, (b) => {
-      b !== void 0 && (d.value = b, b && d.value && (r.value = [], d.value = !b, o("selectedItemsDeleted")));
-    }), (b, D) => e.loading ? (l(), k(ht, { key: 1 })) : (l(), a("div", Ai, [
+    return W(() => s.resetSelected, (y) => {
+      y !== void 0 && (d.value = y, y && d.value && (r.value = [], d.value = !y, o("selectedItemsDeleted")));
+    }), (y, D) => e.loading ? (l(), k(ht, { key: 1 })) : (l(), a("div", Fi, [
       e.selectAllItemsModal ? (l(), k(ke, {
         key: 0,
         title: e.selectAllItemsModal.title,
@@ -3973,16 +3960,16 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
         ]),
         _: 1
       }, 8, ["open"]),
-      H.value ? (l(), a("div", Li, [
-        V.value ? (l(), a("div", Fi, [
-          g(yi, {
+      H.value ? (l(), a("div", Pi, [
+        V.value ? (l(), a("div", Oi, [
+          g(vi, {
             "available-categories": Rt.value,
             literals: s.filterLiterals || K,
             onSmartFiltersSent: Ot,
             loading: s.loading
           }, null, 8, ["available-categories", "literals", "loading"])
         ])) : x("", !0),
-        W.value ? (l(), a("div", Pi, [
+        Z.value ? (l(), a("div", Ni, [
           g(ue, {
             items: s.tableActionsDropdown?.items || [],
             loading: s.tableActionsDropdown?.loading || !1,
@@ -3990,24 +3977,24 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
           }, null, 8, ["items", "loading"])
         ])) : x("", !0)
       ])) : x("", !0),
-      t("div", Oi, [
-        t("div", Ni, [
-          t("div", Ii, [
-            t("div", Vi, [
-              f.value && v.value ? (l(), a("div", qi, [
+      t("div", Ii, [
+        t("div", Vi, [
+          t("div", qi, [
+            t("div", Yi, [
+              f.value && v.value ? (l(), a("div", Ri, [
                 (l(!0), a($, null, S(e.actions, (L, X) => (l(), a("button", {
                   key: X,
                   type: "button",
                   class: "inline-flex items-center rounded bg-lime-400 hover:bg-black px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30",
                   onClick: (Q) => Tt(L)
-                }, c(L.name), 9, Yi))), 128))
+                }, c(L.name), 9, Hi))), 128))
               ])) : x("", !0),
-              t("table", Ri, [
-                t("thead", Hi, [
+              t("table", Ui, [
+                t("thead", Ei, [
                   t("tr", null, [
                     t("th", {
                       scope: "col",
-                      class: y(U.value)
+                      class: b(U.value)
                     }, [
                       v.value ? (l(), a("input", {
                         key: 0,
@@ -4016,7 +4003,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                         class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-black focus:ring-lime-400",
                         type: "checkbox",
                         onChange: Dt
-                      }, null, 40, Ui)) : x("", !0)
+                      }, null, 40, _i)) : x("", !0)
                     ], 2),
                     (l(!0), a($, null, S(Y.value, (L, X) => (l(), a("th", {
                       key: X,
@@ -4025,7 +4012,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                       onMouseover: (Q) => Ft(L.name),
                       onMouseleave: D[3] || (D[3] = (Q) => Pt())
                     }, [
-                      L.tooltip && vt(L.name) ? (l(), k(ri, {
+                      L.tooltip && vt(L.name) ? (l(), k(ci, {
                         key: 0,
                         tip: L.tooltip
                       }, null, 8, ["tip"])) : x("", !0),
@@ -4036,7 +4023,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                       }, [
                         t("span", null, c(L.name), 1),
                         t("span", {
-                          class: y([$t(L.value), "ml-2 flex-none rounded group-hover:bg-lime-200 group-hover:text-white"])
+                          class: b([$t(L.value), "ml-2 flex-none rounded group-hover:bg-lime-200 group-hover:text-white"])
                         }, [
                           g(F, {
                             icon: Mt(L.value),
@@ -4044,35 +4031,35 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                             color: jt(L.value)
                           }, null, 8, ["icon", "loading", "color"])
                         ], 2)
-                      ], 8, Zi)) : (l(), a("p", Wi, [
+                      ], 8, Wi)) : (l(), a("p", Ji, [
                         t("span", null, c(L.name), 1)
                       ]))
-                    ], 40, Ei))), 128))
+                    ], 40, Zi))), 128))
                   ])
                 ]),
-                t("tbody", Ji, [
+                t("tbody", Gi, [
                   (l(!0), a($, null, S(e.items, (L, X) => (l(), a("tr", {
                     key: L.id,
-                    class: y(pt(L, X))
+                    class: b(pt(L, X))
                   }, [
                     t("td", {
-                      class: y(T.value)
+                      class: b(T.value)
                     }, [
-                      Me(L.id) ? (l(), a("div", _i)) : x("", !0),
+                      Me(L.id) ? (l(), a("div", Qi)) : x("", !0),
                       v.value ? j((l(), a("input", {
                         key: 1,
                         "onUpdate:modelValue": D[4] || (D[4] = (Q) => r.value = Q),
                         value: L.id,
-                        class: y(kt(L.disabled)),
+                        class: b(kt(L.disabled)),
                         type: "checkbox",
                         disabled: L.disabled
-                      }, null, 10, Gi)), [
+                      }, null, 10, Ki)), [
                         [Xe, r.value]
                       ]) : x("", !0)
                     ], 2),
                     (l(!0), a($, null, S(xt(L.row), (Q, Ht) => (l(), a("td", {
                       key: Ht,
-                      class: y(wt(L.id))
+                      class: b(wt(L.id))
                     }, [
                       (l(), k($e(Ct(Q)), Fe({ ref_for: !0 }, St(Q), {
                         onClick: (Ut) => At(Q),
@@ -4091,8 +4078,8 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
           ])
         ])
       ]),
-      E.value ? (l(), a("div", Qi, [
-        w.value ? (l(), a("div", Ki, [
+      E.value ? (l(), a("div", Xi, [
+        w.value ? (l(), a("div", er, [
           g(ue, {
             verticalPosition: "top",
             items: O.value,
@@ -4102,9 +4089,9 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
         ])) : x("", !0),
         N.value ? (l(), a("div", {
           key: 1,
-          class: y(["grow", { "ml-10": w.value }])
+          class: b(["grow", { "ml-10": w.value }])
         }, [
-          g(zi, {
+          g(Li, {
             current: s.paginationCurrent || 1,
             total: s.paginationTotal || 1,
             totalItems: s.paginationTotalItems || 0,
@@ -4135,10 +4122,10 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       ])) : x("", !0)
     ]));
   }
-}), er = { class: "lg:hidden" }, tr = ["value"], lr = { class: "hidden lg:block" }, ar = { class: "border-b border-gray-200" }, sr = {
+}), lr = { class: "lg:hidden" }, ar = ["value"], sr = { class: "hidden lg:block" }, nr = { class: "border-b border-gray-200" }, or = {
   class: "-mb-px flex space-x-8",
   "aria-label": "Tabs"
-}, nr = ["onClick", "aria-current"], or = /* @__PURE__ */ B({
+}, ir = ["onClick", "aria-current"], rr = /* @__PURE__ */ B({
   __name: "uiTabs",
   props: {
     tabs: {}
@@ -4150,7 +4137,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       r.value && i("tabClicked", r.value);
     };
     return (s, r) => (l(), a("div", null, [
-      t("div", er, [
+      t("div", lr, [
         t("select", {
           onChange: r[0] || (r[0] = (n) => o(n)),
           id: "tabs",
@@ -4160,16 +4147,16 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
           (l(!0), a($, null, S(e.tabs, (n) => (l(), a("option", {
             value: n.id,
             key: n.name
-          }, c(n.name), 9, tr))), 128))
+          }, c(n.name), 9, ar))), 128))
         ], 32)
       ]),
-      t("div", lr, [
-        t("div", ar, [
-          t("nav", sr, [
+      t("div", sr, [
+        t("div", nr, [
+          t("nav", or, [
             (l(!0), a($, null, S(e.tabs, (n) => (l(), a("a", {
               key: n.name,
               onClick: (d) => i("tabClicked", n.id),
-              class: y([
+              class: b([
                 n.current ? "border-lime-400 text-lime-400" : "border-transparent text-black hover:text-lime-400 hover:border-lime-400",
                 "whitespace-nowrap flex py-4 px-1 border-b-2 font-medium text-sm cursor-pointer"
               ]),
@@ -4178,41 +4165,41 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
               M(c(n.name) + " ", 1),
               n.count ? (l(), a("span", {
                 key: 0,
-                class: y([
+                class: b([
                   n.current ? "bg-indigo-100" : "bg-gray-100 text-gray-900",
                   "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block"
                 ])
               }, c(n.count), 3)) : x("", !0)
-            ], 10, nr))), 128))
+            ], 10, ir))), 128))
           ])
         ])
       ])
     ]));
   }
-}), ir = { class: "px-4 py-5 sm:px-6" }, rr = { class: "text-xl font-bold" }, dr = {
+}), dr = { class: "px-4 py-5 sm:px-6" }, cr = { class: "text-xl font-bold" }, ur = {
   key: 0,
   class: "px-4 py-5 sm:p-6"
-}, cr = { class: "flow-root" }, ur = { class: "relative pb-8" }, gr = {
+}, gr = { class: "flow-root" }, mr = { class: "relative pb-8" }, fr = {
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, mr = { class: "relative flex space-x-3" }, fr = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, hr = { class: "text-sm text-gray-500" }, yr = ["onClick"], br = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, vr = ["datetime"], xr = {
+}, hr = { class: "relative flex space-x-3" }, yr = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, br = { class: "text-sm text-gray-500" }, vr = ["onClick"], xr = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, pr = ["datetime"], wr = {
   key: 1,
   class: "bg-lime-50 px-4 py-4 sm:px-6 z-10"
-}, pr = { class: "text-sm" }, wr = {
+}, kr = { class: "text-sm" }, $r = {
   key: 2,
   class: "h-full w-full flex items-center justify-center flex-col px-4 py-5 sm:p-6"
-}, kr = {
+}, Cr = {
   key: 1,
   class: "bg-white overflow-hidden shadow rounded-lg"
-}, $r = { class: "px-4 py-5 sm:p-6 animate-pulse" }, Cr = { class: "flow-root" }, Sr = {
+}, Sr = { class: "px-4 py-5 sm:p-6 animate-pulse" }, Br = { class: "flow-root" }, Mr = {
   class: "-mb-8",
   role: "list"
-}, Br = { class: "relative pb-8" }, Mr = {
+}, jr = { class: "relative pb-8" }, Tr = {
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, jr = /* @__PURE__ */ B({
+}, Dr = /* @__PURE__ */ B({
   __name: "uiTimeline",
   props: {
     name: {},
@@ -4224,18 +4211,18 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
   emits: ["timelineEventClicked", "timelineFooterClicked"],
   setup(e, { emit: u }) {
     const o = me(e.timeline);
-    return (s, r) => e.loading ? (l(), a("div", kr, [
+    return (s, r) => e.loading ? (l(), a("div", Cr, [
       r[3] || (r[3] = t("div", { class: "px-4 py-5 sm:px-6 animate-pulse" }, [
         t("h1", { class: "text-xl font-bold" }, [
           t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })
         ])
       ], -1)),
-      t("div", $r, [
-        t("div", Cr, [
-          t("ul", Sr, [
+      t("div", Sr, [
+        t("div", Br, [
+          t("ul", Mr, [
             (l(), a($, null, S(10, (n, d) => t("li", { key: d }, [
-              t("div", Br, [
-                n !== 10 ? (l(), a("span", Mr)) : x("", !0),
+              t("div", jr, [
+                n !== 10 ? (l(), a("span", Tr)) : x("", !0),
                 r[2] || (r[2] = ae('<div class="relative flex space-x-3"><div><span class="h-8 w-8 rounded-full bg-gray-300 flex items-center justify-center ring-4 ring-white"></span></div><div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center"><div><div class="text-sm text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full"></div></div></div><div class="text-right text-sm whitespace-nowrap text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4"></div></div></div></div>', 1))
               ])
             ])), 64))
@@ -4249,26 +4236,26 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       ], -1))
     ])) : (l(), a("div", {
       key: 0,
-      class: y(["h-[" + e.height + "px]", "bg-white overflow-hidden shadow rounded-lg"])
+      class: b(["h-[" + e.height + "px]", "bg-white overflow-hidden shadow rounded-lg"])
     }, [
-      t("div", ir, [
-        t("h1", rr, c(e.name), 1)
+      t("div", dr, [
+        t("h1", cr, c(e.name), 1)
       ]),
-      o.items.length > 0 ? (l(), a("div", dr, [
-        t("div", cr, [
-          g(Wt, {
+      o.items.length > 0 ? (l(), a("div", ur, [
+        t("div", gr, [
+          g(Zt, {
             name: "list",
             tag: "ul",
             class: "-mb-8"
           }, {
             default: h(() => [
               (l(!0), a($, null, S(o.items, (n, d) => (l(), a("li", { key: d }, [
-                t("div", ur, [
-                  d < o.items.length - 1 ? (l(), a("span", gr)) : x("", !0),
-                  t("div", mr, [
+                t("div", mr, [
+                  d < o.items.length - 1 ? (l(), a("span", fr)) : x("", !0),
+                  t("div", hr, [
                     t("div", null, [
                       t("span", {
-                        class: y([{
+                        class: b([{
                           "bg-lime-400": n?.iconBackground === "default" || !n?.iconBackground || n?.iconBackground === "success",
                           "bg-red-600": n?.iconBackground === "danger",
                           "bg-yellow-400": n?.iconBackground === "warning"
@@ -4283,20 +4270,20 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                         }, null, 8, ["loading", "icon"])
                       ], 2)
                     ]),
-                    t("div", fr, [
+                    t("div", yr, [
                       t("div", null, [
-                        t("p", hr, [
+                        t("p", br, [
                           t("a", {
                             onClick: (f) => s.$emit("timelineEventClicked", n.linkId),
                             class: "font-medium text-black hover:text-lime-400 cursor-pointer"
-                          }, c(n?.target), 9, yr),
+                          }, c(n?.target), 9, vr),
                           M(" " + c(n?.content), 1)
                         ])
                       ]),
-                      t("div", br, [
+                      t("div", xr, [
                         t("time", {
                           datetime: n?.datetime
-                        }, c(n?.date), 9, vr)
+                        }, c(n?.date), 9, pr)
                       ])
                     ])
                   ])
@@ -4307,14 +4294,14 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
           })
         ])
       ])) : x("", !0),
-      o.items.length > 0 ? (l(), a("div", xr, [
-        t("div", pr, [
+      o.items.length > 0 ? (l(), a("div", wr, [
+        t("div", kr, [
           t("a", {
             class: "cursor-pointer font-medium text-black hover:text-lime-400",
             onClick: r[0] || (r[0] = (n) => s.$emit("timelineFooterClicked", e.timeline.id))
           }, c(e.timeline.footerText), 1)
         ])
-      ])) : (l(), a("div", wr, [
+      ])) : (l(), a("div", $r, [
         g(F, {
           icon: m(ee),
           color: "gray",
@@ -4325,10 +4312,10 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       ]))
     ], 2));
   }
-}), Tr = { class: "mx-auto px-6 lg:px-8" }, Dr = { class: "flex justify-between h-20" }, zr = { class: "flex" }, Ar = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, Lr = ["src"], Fr = { class: "flex items-center" }, Pr = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, Or = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Nr = ["src"], Ir = ["onClick"], Vr = { class: "pt-2 pb-3 space-y-1" }, qr = ["onClick"], Yr = { class: "pt-4 pb-3 border-t border-gray-200" }, Rr = { class: "flex items-center px-4 sm:px-6" }, Hr = { class: "flex-shrink-0" }, Ur = ["src"], Er = {
+}), zr = { class: "mx-auto px-6 lg:px-8" }, Ar = { class: "flex justify-between h-20" }, Lr = { class: "flex" }, Fr = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, Pr = ["src"], Or = { class: "flex items-center" }, Nr = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, Ir = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Vr = ["src"], qr = ["onClick"], Yr = { class: "pt-2 pb-3 space-y-1" }, Rr = ["onClick"], Hr = { class: "pt-4 pb-3 border-t border-gray-200" }, Ur = { class: "flex items-center px-4 sm:px-6" }, Er = { class: "flex-shrink-0" }, _r = ["src"], Zr = {
   key: 0,
   class: "ml-3"
-}, Zr = { class: "text-base font-medium text-gray-800" }, Wr = { class: "text-sm font-medium text-gray-500" }, Jr = { class: "mt-3 space-y-1" }, _r = ["onClick"], Gr = /* @__PURE__ */ B({
+}, Wr = { class: "text-base font-medium text-gray-800" }, Jr = { class: "text-sm font-medium text-gray-500" }, Gr = { class: "mt-3 space-y-1" }, Qr = ["onClick"], Kr = /* @__PURE__ */ B({
   __name: "uiTopbar",
   props: {
     logo: {},
@@ -4346,10 +4333,10 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       class: "bg-white shadow z-10"
     }, {
       default: h(({ open: n }) => [
-        t("div", Tr, [
-          t("div", Dr, [
-            t("div", zr, [
-              t("div", Ar, [
+        t("div", zr, [
+          t("div", Ar, [
+            t("div", Lr, [
+              t("div", Fr, [
                 g(m(le), { 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: h(() => [
                     r[1] || (r[1] = t("span", { class: "sr-only" }, "Open main menu", -1)),
@@ -4374,11 +4361,11 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                   class: "h-10",
                   src: e.logo,
                   alt: "Hotelinking suite product logo"
-                }, null, 8, Lr)
+                }, null, 8, Pr)
               ])
             ]),
-            t("div", Fr, [
-              t("div", Pr, [
+            t("div", Or, [
+              t("div", Nr, [
                 g(m(Pe), {
                   as: "div",
                   class: "ml-3 relative"
@@ -4387,7 +4374,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                     t("div", null, [
                       j(g(m(Oe), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
                         default: h(() => [
-                          j(t("div", Or, [...r[2] || (r[2] = [
+                          j(t("div", Ir, [...r[2] || (r[2] = [
                             t("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                           ])], 512), [
                             [A, e.alerted]
@@ -4395,7 +4382,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                           t("img", {
                             class: "h-10 w-10 rounded-full",
                             src: e.accountLogo
-                          }, null, 8, Nr)
+                          }, null, 8, Vr)
                         ]),
                         _: 1
                       }, 512), [
@@ -4419,11 +4406,11 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                               default: h(({ active: f }) => [
                                 t("p", {
                                   onClick: (v) => s.$emit("topBarClick", d.id),
-                                  class: y(["cursor-pointer", [
+                                  class: b(["cursor-pointer", [
                                     f ? "bg-gray-100" : "",
                                     "block px-4 py-2 text-sm text-gray-700"
                                   ]])
-                                }, c(d.name), 11, Ir)
+                                }, c(d.name), 11, qr)
                               ]),
                               _: 2
                             }, 1024))), 128))
@@ -4442,11 +4429,11 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
         ]),
         g(m(Se), { class: "lg:hidden" }, {
           default: h(() => [
-            t("div", Vr, [
+            t("div", Yr, [
               (l(!0), a($, null, S(o.value, (d) => (l(), k(m(le), {
                 as: "template",
                 key: d.id,
-                class: y(["block pl-3 pr-4 py-2 border-l-4 text-base font-medium sm:pl-5 sm:pr-6", {
+                class: b(["block pl-3 pr-4 py-2 border-l-4 text-base font-medium sm:pl-5 sm:pr-6", {
                   "bg-indigo-50 border-indigo-500 text-indigo-700": d.current === !0,
                   "border-transparent text-gray-500 hover:bg-gray-50 hover:border-gray-300 hover:text-gray-700": !d.current
                 }])
@@ -4454,25 +4441,25 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                 default: h(() => [
                   t("p", {
                     onClick: (f) => s.$emit("topBarClick", d.id)
-                  }, c(d.name), 9, qr)
+                  }, c(d.name), 9, Rr)
                 ]),
                 _: 2
               }, 1032, ["class"]))), 128))
             ]),
-            t("div", Yr, [
-              t("div", Rr, [
-                t("div", Hr, [
+            t("div", Hr, [
+              t("div", Ur, [
+                t("div", Er, [
                   t("img", {
                     class: "h-10 w-10 rounded-full",
                     src: e.accountLogo
-                  }, null, 8, Ur)
+                  }, null, 8, _r)
                 ]),
-                e.brand ? (l(), a("div", Er, [
-                  t("div", Zr, c(e.brand.title), 1),
-                  t("div", Wr, c(e.brand.subtitle), 1)
+                e.brand ? (l(), a("div", Zr, [
+                  t("div", Wr, c(e.brand.title), 1),
+                  t("div", Jr, c(e.brand.subtitle), 1)
                 ])) : x("", !0)
               ]),
-              t("div", Jr, [
+              t("div", Gr, [
                 (l(!0), a($, null, S(e.profileMenu, (d) => (l(), k(m(le), {
                   as: "template",
                   key: d.name,
@@ -4481,7 +4468,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                   default: h(() => [
                     t("p", {
                       onClick: (f) => s.$emit("topBarClick", d.id)
-                    }, c(d.name), 9, _r)
+                    }, c(d.name), 9, Qr)
                   ]),
                   _: 2
                 }, 1024))), 128))
@@ -4494,7 +4481,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       _: 1
     }));
   }
-}), Qr = { class: "chart-selector flex flex-row items-center justify-center" }, Kr = /* @__PURE__ */ B({
+}), Xr = { class: "chart-selector flex flex-row items-center justify-center" }, ed = /* @__PURE__ */ B({
   __name: "RangeSelector",
   props: { range: { type: String } },
   emits: ["rangeSelected"],
@@ -4504,26 +4491,26 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
     const r = (n) => {
       s = n, i("rangeSelected", n);
     };
-    return (n, d) => (l(), a("ul", Qr, [
+    return (n, d) => (l(), a("ul", Xr, [
       t("li", {
-        class: y({ selected: m(s) === "24h" }),
+        class: b({ selected: m(s) === "24h" }),
         onClick: d[0] || (d[0] = (f) => r("24h"))
       }, " 24H ", 2),
       t("li", {
-        class: y({ selected: m(s) === "7d" }),
+        class: b({ selected: m(s) === "7d" }),
         onClick: d[1] || (d[1] = (f) => r("7d"))
       }, "7D", 2),
       t("li", {
-        class: y({ selected: m(s) === "1m" }),
+        class: b({ selected: m(s) === "1m" }),
         onClick: d[2] || (d[2] = (f) => r("1m"))
       }, "1M", 2),
       t("li", {
-        class: y({ selected: m(s) === "3m" }),
+        class: b({ selected: m(s) === "3m" }),
         onClick: d[3] || (d[3] = (f) => r("3m"))
       }, "3M", 2)
     ]));
   }
-}), Xr = { class: "chart-header flex flex-row justify-between" }, ed = { class: "text-sm font-medium text-gray-500 truncate" }, td = { class: "chart-content" }, ld = { class: "h-full w-full flex items-center justify-center flex-col" }, ad = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, sd = /* @__PURE__ */ B({
+}), td = { class: "chart-header flex flex-row justify-between" }, ld = { class: "text-sm font-medium text-gray-500 truncate" }, ad = { class: "chart-content" }, sd = { class: "h-full w-full flex items-center justify-center flex-col" }, nd = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, od = /* @__PURE__ */ B({
   __name: "uiFunnelChartV2",
   props: {
     labels: {},
@@ -4586,16 +4573,16 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
     };
     return (v, p) => (l(), a($, null, [
       j(t("div", {
-        class: y(["h-[" + e.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
+        class: b(["h-[" + e.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
-        t("div", Xr, [
-          t("div", ed, c(e.title), 1),
-          g(Kr, {
+        t("div", td, [
+          t("div", ld, c(e.title), 1),
+          g(ed, {
             range: e.range,
             onRangeSelected: p[0] || (p[0] = (C) => v.$emit("selectedRange", { range: C, chartId: e.id }))
           }, null, 8, ["range"])
         ]),
-        j(t("div", td, [
+        j(t("div", ad, [
           g(He, {
             type: e.type,
             series: n.value,
@@ -4609,7 +4596,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
         ], 512), [
           [A, !e.empty]
         ]),
-        j(t("div", ld, [
+        j(t("div", sd, [
           g(F, {
             icon: m(ee),
             color: "gray",
@@ -4623,7 +4610,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       ], 2), [
         [A, !e.loading]
       ]),
-      j(t("div", ad, [...p[2] || (p[2] = [
+      j(t("div", nd, [...p[2] || (p[2] = [
         t("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -4654,7 +4641,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       ])
     ], 64));
   }
-}), nd = { class: "w-full flex flex-col justify-center p-10 grow" }, od = { class: "text-center" }, id = { class: "text-2xl mt-4 font-bold" }, rd = { class: "mt-4" }, dd = { class: "buttons flex mt-8 gap-x-1 justify-center flex-col gap-y-2 md:flex-row md:gap-y-0" }, bt = /* @__PURE__ */ B({
+}), id = { class: "w-full flex flex-col justify-center p-10 grow" }, rd = { class: "text-center" }, dd = { class: "text-2xl mt-4 font-bold" }, cd = { class: "mt-4" }, ud = { class: "buttons flex mt-8 gap-x-1 justify-center flex-col gap-y-2 md:flex-row md:gap-y-0" }, bt = /* @__PURE__ */ B({
   __name: "uiNoResults",
   props: {
     title: {},
@@ -4665,7 +4652,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
   },
   emits: ["action", "noResultsOptionSelected"],
   setup(e) {
-    return (u, i) => (l(), a("div", nd, [
+    return (u, i) => (l(), a("div", id, [
       g(F, {
         class: "mx-auto",
         loading: !1,
@@ -4673,11 +4660,11 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
         size: "massive",
         color: "gray"
       }, null, 8, ["icon"]),
-      t("div", od, [
-        t("h2", id, c(e.title), 1),
-        t("p", rd, c(e.message), 1),
-        t("div", dd, [
-          (l(!0), a($, null, S(e.actions, (o, s) => (l(), k(_, {
+      t("div", rd, [
+        t("h2", dd, c(e.title), 1),
+        t("p", cd, c(e.message), 1),
+        t("div", ud, [
+          (l(!0), a($, null, S(e.actions, (o, s) => (l(), k(J, {
             key: s,
             loading: !1,
             onClick: (r) => u.$emit("action", o.action)
@@ -4697,7 +4684,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), cd = { class: "fixed inset-0 overflow-hidden" }, ud = { class: "absolute inset-0 overflow-hidden" }, gd = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, md = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, fd = { class: "bg-lime-400 px-4 py-6 sm:px-6" }, hd = { class: "flex items-center justify-between" }, yd = { class: "ml-3 flex h-7 items-center" }, bd = { class: "mt-1" }, vd = { class: "text-sm" }, xd = { class: "relative flex-1 px-4 py-6 sm:px-6" }, pd = /* @__PURE__ */ B({
+}), gd = { class: "fixed inset-0 overflow-hidden" }, md = { class: "absolute inset-0 overflow-hidden" }, fd = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, hd = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, yd = { class: "bg-lime-400 px-4 py-6 sm:px-6" }, bd = { class: "flex items-center justify-between" }, vd = { class: "ml-3 flex h-7 items-center" }, xd = { class: "mt-1" }, pd = { class: "text-sm" }, wd = { class: "relative flex-1 px-4 py-6 sm:px-6" }, kd = /* @__PURE__ */ B({
   __name: "uiRightSidebar",
   props: {
     title: {},
@@ -4718,9 +4705,9 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
         }, {
           default: h(() => [
             o[4] || (o[4] = t("div", { class: "fixed inset-0" }, null, -1)),
-            t("div", cd, [
-              t("div", ud, [
-                t("div", gd, [
+            t("div", gd, [
+              t("div", md, [
+                t("div", fd, [
                   g(m(ie), {
                     as: "template",
                     enter: "transform transition ease-in-out duration-500 sm:duration-700",
@@ -4733,16 +4720,16 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                     default: h(() => [
                       g(m(Ye), { class: "pointer-events-auto w-screen max-w-md" }, {
                         default: h(() => [
-                          t("div", md, [
-                            t("div", fd, [
-                              t("div", hd, [
+                          t("div", hd, [
+                            t("div", yd, [
+                              t("div", bd, [
                                 g(m(it), { class: "text-base font-semibold leading-6" }, {
                                   default: h(() => [
                                     M(c(e.title), 1)
                                   ]),
                                   _: 1
                                 }),
-                                t("div", yd, [
+                                t("div", vd, [
                                   t("button", {
                                     type: "button",
                                     class: "relative rounded-md hover:bg-black hover:text-white outline-none",
@@ -4757,12 +4744,12 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                                   ])
                                 ])
                               ]),
-                              t("div", bd, [
-                                t("p", vd, c(e.description), 1)
+                              t("div", xd, [
+                                t("p", pd, c(e.description), 1)
                               ])
                             ]),
-                            t("div", xd, [
-                              Z(i.$slots, "default")
+                            t("div", wd, [
+                              _(i.$slots, "default")
                             ])
                           ])
                         ]),
@@ -4781,15 +4768,15 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       _: 3
     }, 8, ["show"]));
   }
-}), wd = { class: "uiGallery" }, kd = {
+}), $d = { class: "uiGallery" }, Cd = {
   key: 1,
   role: "list",
   class: "grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-4 lg:grid-cols-6"
-}, $d = { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-100 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, Cd = ["src"], Sd = ["onClick"], Bd = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Md = { class: "flex items-center justify-between" }, jd = { class: "pointer-events-none block text-sm font-medium" }, Td = {
+}, Sd = { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-100 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, Bd = ["src"], Md = ["onClick"], jd = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Td = { class: "flex items-center justify-between" }, Dd = { class: "pointer-events-none block text-sm font-medium" }, zd = {
   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"
-}, Dd = /* @__PURE__ */ B({
+}, Ad = /* @__PURE__ */ B({
   __name: "uiGallery",
   props: {
     galleryId: {},
@@ -4802,7 +4789,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
     const i = u, o = I(!1), s = (r) => {
       o.value = !1, i("modalAction", r);
     };
-    return (r, n) => (l(), a("div", wd, [
+    return (r, n) => (l(), a("div", $d, [
       e.loading ? x("", !0) : (l(), k(ke, {
         key: 0,
         open: o.value,
@@ -4817,32 +4804,32 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
         ]),
         _: 1
       }, 8, ["open", "title", "actions"])),
-      e.loading ? (l(), a("ul", Td, [
+      e.loading ? (l(), a("ul", zd, [
         (l(), a($, null, S(4, (d) => t("li", null, [...n[2] || (n[2] = [
           t("div", { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-200 animate-pulse dark:bg-gray-200 focus-within:ring-2 focus-within:ring-lime-400 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, null, -1),
           t("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28 mt-4" }, null, -1),
           t("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-14 mt-2" }, null, -1)
         ])])), 64))
-      ])) : (l(), a("ul", kd, [
+      ])) : (l(), a("ul", Cd, [
         (l(!0), a($, null, S(e.gallery, (d) => (l(), a("li", {
           key: d.source,
           class: "relative"
         }, [
-          t("div", $d, [
+          t("div", Sd, [
             t("img", {
               src: d.source,
               alt: "",
               class: "pointer-events-none object-cover group-hover:opacity-75"
-            }, null, 8, Cd),
+            }, null, 8, Bd),
             t("button", {
               type: "button",
               class: "absolute inset-0 focus:outline-none",
               onClick: (f) => r.$emit("imgClicked", d)
-            }, null, 8, Sd)
+            }, null, 8, Md)
           ]),
-          t("p", Bd, c(d.title), 1),
-          t("div", Md, [
-            t("p", jd, c(d.size), 1),
+          t("p", jd, c(d.title), 1),
+          t("div", Td, [
+            t("p", Dd, c(d.size), 1),
             g(F, {
               class: "cursor-pointer",
               icon: m(De),
@@ -4853,7 +4840,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
           ])
         ]))), 128))
       ])),
-      e.gallery.length > 0 && !e.loading ? (l(), k(_, {
+      e.gallery.length > 0 && !e.loading ? (l(), k(J, {
         key: 3,
         onClick: n[1] || (n[1] = (d) => o.value = !0),
         class: "mt-8",
@@ -4868,10 +4855,10 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       })) : x("", !0)
     ]));
   }
-}), zd = {
+}), Ld = {
   key: 1,
   class: "animate-pulse"
-}, Ad = /* @__PURE__ */ B({
+}, Fd = /* @__PURE__ */ B({
   __name: "DraggableWrapper",
   emits: ["update:modelValue"],
   setup(e) {
@@ -4889,20 +4876,20 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
         "onUpdate:modelValue": o[0] || (o[0] = (s) => i.$emit("update:modelValue", s))
       }), {
         default: h(() => [
-          Z(i.$slots, "default")
+          _(i.$slots, "default")
         ]),
         _: 3
-      }, 16)) : (l(), a("div", zd, [...o[1] || (o[1] = [
+      }, 16)) : (l(), a("div", Ld, [...o[1] || (o[1] = [
         t("div", { class: "h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm" }, null, -1),
         t("div", { class: "h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm" }, null, -1),
         t("div", { class: "h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm" }, null, -1)
       ])]))
     ]));
   }
-}), Ld = { class: "cursor-move mb-1 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white p-4 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400" }, Fd = { class: "flex flex-row items-center w-full" }, Pd = { class: "content text-sm grow" }, Od = { class: "font-bold" }, Nd = { key: 0 }, Id = { class: "font-bold text-gray-400" }, Vd = {
+}), Pd = { class: "cursor-move mb-1 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white p-4 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400" }, Od = { class: "flex flex-row items-center w-full" }, Nd = { class: "content text-sm grow" }, Id = { class: "font-bold" }, Vd = { key: 0 }, qd = { class: "font-bold text-gray-400" }, Yd = {
   key: 1,
   class: "animate-pulse"
-}, qd = /* @__PURE__ */ B({
+}, Rd = /* @__PURE__ */ B({
   __name: "uiDragAndDrop",
   props: {
     elements: {},
@@ -4912,15 +4899,15 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
   setup(e, { emit: u }) {
     const i = u, o = e;
     let s = I(o.elements);
-    J(() => o.elements, (n) => {
+    W(() => o.elements, (n) => {
       s.value = n;
     });
     const r = (n) => {
       i("dragAndDropUpdated", n);
     };
-    return (n, d) => e.loading ? (l(), a("div", Vd, [...d[2] || (d[2] = [
+    return (n, d) => e.loading ? (l(), a("div", Yd, [...d[2] || (d[2] = [
       ae('<div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div>', 5)
-    ])])) : (l(), k(Ad, {
+    ])])) : (l(), k(Fd, {
       key: 0,
       modelValue: m(s),
       "onUpdate:modelValue": [
@@ -4929,8 +4916,8 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       ]
     }, {
       item: h(({ item: f }) => [
-        t("div", Ld, [
-          t("div", Fd, [
+        t("div", Pd, [
+          t("div", Od, [
             g(F, {
               icon: m(vl),
               loading: !1,
@@ -4938,18 +4925,18 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
               class: "mr-4",
               size: "big"
             }, null, 8, ["icon"]),
-            t("div", Pd, [
-              t("p", Od, c(f.name), 1),
-              f.description ? (l(), a("p", Nd, c(f.description), 1)) : x("", !0)
+            t("div", Nd, [
+              t("p", Id, c(f.name), 1),
+              f.description ? (l(), a("p", Vd, c(f.description), 1)) : x("", !0)
             ]),
-            t("div", Id, c(m(s).indexOf(f) + 1), 1)
+            t("div", qd, c(m(s).indexOf(f) + 1), 1)
           ])
         ])
       ]),
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Yd = { class: "chart-header flex flex-row justify-between" }, Rd = { class: "text-sm font-medium text-gray-500 truncate" }, Hd = { class: "hidden sm:flex items-center" }, Ud = { class: "w-1/2 min-w-0 flex-1" }, Ed = ["max"], Zd = { class: "min-w-0 flex-1" }, Wd = ["max"], Jd = { class: "chart-content" }, _d = { class: "h-full w-full flex items-center justify-center flex-col" }, Gd = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Qd = /* @__PURE__ */ B({
+}), Hd = { class: "chart-header flex flex-row justify-between" }, Ud = { class: "text-sm font-medium text-gray-500 truncate" }, Ed = { class: "hidden sm:flex items-center" }, _d = { class: "w-1/2 min-w-0 flex-1" }, Zd = ["max"], Wd = { class: "min-w-0 flex-1" }, Jd = ["max"], Gd = { class: "chart-content" }, Qd = { class: "h-full w-full flex items-center justify-center flex-col" }, Kd = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Xd = /* @__PURE__ */ B({
   __name: "uiCircleChart",
   props: {
     labels: {},
@@ -4973,7 +4960,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
   setup(e, { emit: u }) {
     const i = u, o = e, s = I((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
     let r = me(o.dates || { from: "", to: s });
-    J(() => o.dates, (U) => {
+    W(() => o.dates, (U) => {
       U && (r = U);
     });
     let n = {
@@ -5015,12 +5002,12 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
     };
     return (U, T) => (l(), a($, null, [
       j(t("div", {
-        class: y(["h-[" + e.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
+        class: b(["h-[" + e.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
-        t("div", Yd, [
-          t("div", Rd, c(e.title), 1),
-          t("div", Hd, [
-            t("div", Ud, [
+        t("div", Hd, [
+          t("div", Ud, c(e.title), 1),
+          t("div", Ed, [
+            t("div", _d, [
               j(t("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": T[0] || (T[0] = (V) => m(r).from = V),
@@ -5029,11 +5016,11 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                 name: "from",
                 id: "from",
                 class: "text-xs relative block w-full rounded rounded-r-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
-              }, null, 40, Ed), [
+              }, null, 40, Zd), [
                 [ce, m(r).from]
               ])
             ]),
-            t("div", Zd, [
+            t("div", Wd, [
               j(t("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": T[1] || (T[1] = (V) => m(r).to = V),
@@ -5042,7 +5029,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                 name: "to",
                 id: "to",
                 class: "text-xs relative block w-full -mr-2 rounded rounded-l-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
-              }, null, 40, Wd), [
+              }, null, 40, Jd), [
                 [ce, m(r).to]
               ])
             ]),
@@ -5055,7 +5042,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
             }, null, 8, ["loading", "icon"])
           ])
         ]),
-        j(t("div", Jd, [
+        j(t("div", Gd, [
           g(He, {
             class: "flex items-center justify-center mt-4",
             type: "donut",
@@ -5069,7 +5056,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
         ], 512), [
           [A, !e.empty]
         ]),
-        j(t("div", _d, [
+        j(t("div", Qd, [
           g(F, {
             icon: m(ee),
             color: "gray",
@@ -5083,7 +5070,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       ], 2), [
         [A, !e.loading]
       ]),
-      j(t("div", Gd, [...T[4] || (T[4] = [
+      j(t("div", Kd, [...T[4] || (T[4] = [
         t("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -5114,13 +5101,13 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       ])
     ], 64));
   }
-}), Kd = {
+}), ec = {
   key: 0,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, Xd = {
+}, tc = {
   key: 1,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, ec = /* @__PURE__ */ B({
+}, lc = /* @__PURE__ */ B({
   __name: "uiDateRange",
   props: {
     id: {},
@@ -5138,13 +5125,13 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
     const i = e, o = I((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
     let s = me(i.values || { from: "", to: o });
     const r = u;
-    J(() => i.values, (d) => {
+    W(() => i.values, (d) => {
       d && (s = d);
     });
     const n = () => {
       r("uiDateRangeButtonClicked", s);
     };
-    return (d, f) => e.loading ? (l(), a("div", Xd, [
+    return (d, f) => e.loading ? (l(), a("div", tc, [
       g(se, {
         name: "dateFrom",
         loading: !0
@@ -5153,13 +5140,13 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
         name: "dateTo",
         loading: !0
       }),
-      g(_, { loading: !0 }, {
+      g(J, { loading: !0 }, {
         default: h(() => [...f[2] || (f[2] = [
           M("Search", -1)
         ])]),
         _: 1
       })
-    ])) : (l(), a("div", Kd, [
+    ])) : (l(), a("div", ec, [
       g(se, {
         type: "datetime-local",
         loading: !1,
@@ -5176,7 +5163,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       g(se, {
         type: "datetime-local",
         loading: !1,
-        class: y([{ "mt-6": e.label }]),
+        class: b([{ "mt-6": e.label }]),
         addOn: e.literals.to,
         name: `dateTo_${e.id}`,
         color: e.color,
@@ -5187,11 +5174,11 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
         max: o.value.toString(),
         onInputChanged: f[1] || (f[1] = (v) => m(s).to = v.value)
       }, null, 8, ["class", "addOn", "name", "color", "value", "error", "disabled", "max"]),
-      g(_, {
+      g(J, {
         disabled: e.disabled,
         color: "primary",
         loading: !1,
-        class: y([{ "mt-6": e.label }, "h-10"]),
+        class: b([{ "mt-6": e.label }, "h-10"]),
         onClick: n
       }, {
         default: h(() => [
@@ -5201,17 +5188,17 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       }, 8, ["disabled", "class"])
     ]));
   }
-}), tc = { class: "flex justify-between items-center" }, lc = {
+}), ac = { class: "flex justify-between items-center" }, sc = {
   key: 0,
   class: "block text-sm font-medium"
-}, ac = {
+}, nc = {
   key: 1,
   "data-test": "required",
   class: "place-self-center text-[10px] uppercase justify-self-end"
-}, sc = {
+}, oc = {
   key: 1,
   class: "h-2 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 w-full"
-}, nc = /* @__PURE__ */ B({
+}, ic = /* @__PURE__ */ B({
   __name: "uiRangeSlider",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -5226,14 +5213,14 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
   setup(e, { emit: u }) {
     const i = u, s = I(e.sliderValue);
     return (r, n) => (l(), a("div", null, [
-      t("div", tc, [
-        e.label ? (l(), a("label", lc, c(e.label), 1)) : x("", !0),
-        e.requiredText ? (l(), a("span", ac, c(e.requiredText), 1)) : x("", !0)
+      t("div", ac, [
+        e.label ? (l(), a("label", sc, c(e.label), 1)) : x("", !0),
+        e.requiredText ? (l(), a("span", nc, c(e.requiredText), 1)) : x("", !0)
       ]),
       t("div", {
-        class: y([{ "mt-1": e.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"])
+        class: b([{ "mt-1": e.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"])
       }, [
-        e.loading ? (l(), a("p", sc)) : (l(), k(m(nl), {
+        e.loading ? (l(), a("p", oc)) : (l(), k(m(nl), {
           key: 0,
           modelValue: s.value,
           "onUpdate:modelValue": n[0] || (n[0] = (d) => s.value = d),
@@ -5249,7 +5236,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       ], 2)
     ]));
   }
-}), oc = { class: "mt-1 mb-8 text-sm" }, ic = /* @__PURE__ */ B({
+}), rc = { class: "mt-1 mb-8 text-sm" }, dc = /* @__PURE__ */ B({
   __name: "uiSectionTitle",
   props: {
     title: {},
@@ -5258,18 +5245,18 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
   setup(e) {
     return (u, i) => (l(), a($, null, [
       t("h3", {
-        class: y(["text-lg font-medium leading-6", { "mb-8": e.description === void 0 }])
+        class: b(["text-lg font-medium leading-6", { "mb-8": e.description === void 0 }])
       }, c(e.title), 3),
-      t("p", oc, c(e.description), 1)
+      t("p", rc, c(e.description), 1)
     ], 64));
   }
-}), rc = {
+}), cc = {
   key: 0,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, dc = { class: "flex flex-1 flex-col p-8" }, cc = { class: "text-2xl font-bold" }, uc = { class: "mt-1 flex flex-grow flex-col justify-between" }, gc = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, mc = {
+}, uc = { class: "flex flex-1 flex-col p-8" }, gc = { class: "text-2xl font-bold" }, mc = { class: "mt-1 flex flex-grow flex-col justify-between" }, fc = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, hc = {
   key: 1,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, fc = { class: "flex flex-1 flex-col p-8" }, hc = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, yc = { class: "mt-1 flex flex-grow flex-col justify-between" }, bc = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, vc = /* @__PURE__ */ B({
+}, yc = { class: "flex flex-1 flex-col p-8" }, bc = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, vc = { class: "mt-1 flex flex-grow flex-col justify-between" }, xc = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, pc = /* @__PURE__ */ B({
   __name: "uiDeviceStatus",
   props: {
     id: {},
@@ -5282,9 +5269,9 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
   },
   emits: ["deviceStatusTagClicked", "deviceStatusQtyClicked"],
   setup(e, { emit: u }) {
-    return (i, o) => e.loading ? (l(), a("div", mc, [
-      t("div", fc, [
-        t("div", hc, [
+    return (i, o) => e.loading ? (l(), a("div", hc, [
+      t("div", yc, [
+        t("div", bc, [
           g(F, {
             icon: e.icon,
             size: "huge",
@@ -5294,8 +5281,8 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
           }, null, 8, ["icon", "loading"])
         ]),
         o[3] || (o[3] = t("div", { class: "h-4 bg-gray-200 rounded-full dark:bg-gray-300 w-1/3 mx-auto" }, null, -1)),
-        t("dl", yc, [
-          t("dd", bc, [
+        t("dl", vc, [
+          t("dd", xc, [
             (l(!0), a($, null, S(e.tags, (s, r) => (l(), k(G, {
               key: r,
               loading: e.loading,
@@ -5311,10 +5298,10 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
           ])
         ])
       ])
-    ])) : (l(), a("div", rc, [
-      t("div", dc, [
+    ])) : (l(), a("div", cc, [
+      t("div", uc, [
         t("div", {
-          class: y(["rounded-md p-3 flex items-center justify-center mx-auto mb-4", {
+          class: b(["rounded-md p-3 flex items-center justify-center mx-auto mb-4", {
             "bg-lime-400": e.color === "green" || e.color === "primary" || !e.color,
             "bg-red-600": e.color === "red",
             "bg-yellow-400": e.color === "yellow",
@@ -5330,7 +5317,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
             loading: !1
           }, null, 8, ["icon"])
         ], 2),
-        t("h3", cc, [
+        t("h3", gc, [
           M(c(e.name) + " ", 1),
           j(t("span", {
             class: "text-black hover:text-lime-400 underline cursor-pointer",
@@ -5339,8 +5326,8 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
             [A, e.qty > 0]
           ])
         ]),
-        t("dl", uc, [
-          t("dd", gc, [
+        t("dl", mc, [
+          t("dd", fc, [
             (l(!0), a($, null, S(e.tags, (s, r) => (l(), k(G, {
               key: r,
               loading: !1,
@@ -5358,7 +5345,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), xc = { class: "fixed inset-0 flex" }, pc = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, wc = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, kc = { class: "lg:pl-[25rem]" }, $c = { 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" }, Cc = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, Sc = { class: "flex items-center gap-x-4 lg:gap-x-6" }, Bc = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, Mc = ["src"], jc = { class: "hidden lg:flex lg:items-center" }, Tc = ["onClick"], Dc = { class: "py-7" }, zc = { class: "px-7 lg:px-10" }, Ac = /* @__PURE__ */ B({
+}), wc = { class: "fixed inset-0 flex" }, kc = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, $c = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, Cc = { class: "lg:pl-[25rem]" }, Sc = { 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" }, Bc = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, Mc = { class: "flex items-center gap-x-4 lg:gap-x-6" }, jc = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, Tc = ["src"], Dc = { class: "hidden lg:flex lg:items-center" }, zc = ["onClick"], Ac = { class: "py-7" }, Lc = { class: "px-7 lg:px-10" }, Fc = /* @__PURE__ */ B({
   __name: "uiWrapper",
   props: {
     topbar: {},
@@ -5395,7 +5382,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                 ])]),
                 _: 1
               }),
-              t("div", xc, [
+              t("div", wc, [
                 g(m(ie), {
                   as: "template",
                   enter: "transition ease-in-out duration-300 transform",
@@ -5418,7 +5405,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                           "leave-to": "opacity-0"
                         }, {
                           default: h(() => [
-                            t("div", pc, [
+                            t("div", kc, [
                               t("button", {
                                 type: "button",
                                 class: "-m-2.5 p-2.5",
@@ -5459,7 +5446,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
         ]),
         _: 1
       }, 8, ["show"]),
-      t("div", wc, [
+      t("div", $c, [
         g(Ae, {
           productsSidebar: e.sidebar.productsSidebar,
           isFilterNavigation: e.sidebar.isFilterNavigation,
@@ -5473,8 +5460,8 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
           onInputChanged: d[7] || (d[7] = (f) => n.$emit("inputChanged", f))
         }, null, 8, ["productsSidebar", "isFilterNavigation", "navigation", "filterNavigation", "logo"])
       ]),
-      t("div", kc, [
-        t("div", $c, [
+      t("div", Cc, [
+        t("div", Sc, [
           t("button", {
             type: "button",
             class: "-m-2.5 p-2.5 text-gray-700 lg:hidden",
@@ -5490,7 +5477,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
             class: "h-6 w-px bg-gray-200 lg:hidden",
             "aria-hidden": "true"
           }, null, -1)),
-          t("div", Cc, [
+          t("div", Bc, [
             g(de, {
               isWrapped: !0,
               class: "w-full self-center relative",
@@ -5498,14 +5485,14 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
               select: e.topbar.selectedItem,
               onSelectChanged: d[8] || (d[8] = (f) => n.$emit("selectChanged", f))
             }, null, 8, ["items", "select"]),
-            t("div", Sc, [
+            t("div", Mc, [
               t("button", {
                 type: "button",
                 class: "-m-2.5 p-2.5 text-gray-400 hover:text-gray-500 relative",
                 onClick: d[9] || (d[9] = (f) => o("bellClick"))
               }, [
                 d[14] || (d[14] = t("span", { class: "sr-only" }, "View notifications", -1)),
-                j(t("div", Bc, [...d[13] || (d[13] = [
+                j(t("div", jc, [...d[13] || (d[13] = [
                   t("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                 ])], 512), [
                   [A, e.topbar.alerted]
@@ -5531,8 +5518,8 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                         class: "h-8 w-8 rounded-full bg-gray-50",
                         src: e.topbar.accountLogo,
                         alt: ""
-                      }, null, 8, Mc),
-                      t("span", jc, [
+                      }, null, 8, Tc),
+                      t("span", Dc, [
                         g(m(ne), {
                           class: "ml-2 h-5 w-5 text-gray-400",
                           "aria-hidden": "true"
@@ -5558,8 +5545,8 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                             default: h(({ active: v }) => [
                               t("a", {
                                 onClick: (p) => n.$emit("topBarClick", f.id),
-                                class: y([v ? "bg-gray-50" : "", "block px-3 py-1 text-sm leading-6 text-gray-900 cursor-pointer"])
-                              }, c(f.name), 11, Tc)
+                                class: b([v ? "bg-gray-50" : "", "block px-3 py-1 text-sm leading-6 text-gray-900 cursor-pointer"])
+                              }, c(f.name), 11, zc)
                             ]),
                             _: 2
                           }, 1024))), 128))
@@ -5575,15 +5562,15 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
             ])
           ])
         ]),
-        t("main", Dc, [
-          t("div", zc, [
-            Z(n.$slots, "default")
+        t("main", Ac, [
+          t("div", Lc, [
+            _(n.$slots, "default")
           ])
         ])
       ])
     ]));
   }
-}), Lc = /* @__PURE__ */ B({
+}), Pc = /* @__PURE__ */ B({
   __name: "uiDynamicStats",
   props: {
     dynamicStats: {},
@@ -5595,7 +5582,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       o("statClick", f);
     }, r = () => i.dynamicStats.length <= 5 ? `lg:grid-cols-${i.dynamicStats.length}` : `lg:grid-cols-${Math.floor(i.dynamicStats.length / 2)} xl:grid-cols-${i.dynamicStats.length}`, n = I(0), d = I(r());
     return Le(() => n.value += 1), (f, v) => (l(), a("div", {
-      class: y([d.value, "grid grid-cols-1 md:grid-cols-2 gap-4"]),
+      class: b([d.value, "grid grid-cols-1 md:grid-cols-2 gap-4"]),
       key: n.value
     }, [
       (l(!0), a($, null, S(e.dynamicStats, (p, C) => (l(), k(yt, {
@@ -5606,16 +5593,16 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       }, null, 8, ["item", "loading"]))), 128))
     ], 2));
   }
-}), Fc = { class: "flex justify-between" }, Pc = {
+}), Oc = { class: "flex justify-between" }, Nc = {
   key: 0,
   class: "text-[10px] uppercase justify-self-end place-self-center"
-}, Oc = { class: "relative" }, Nc = { class: "block flex flex-wrap gap-2" }, Ic = {
+}, Ic = { class: "relative" }, Vc = { class: "block flex flex-wrap gap-2" }, qc = {
   key: 0,
   class: "p-0.5"
-}, Vc = ["onClick"], qc = { class: "absolute mt-1 w-full rounded-md bg-white shadow-lg z-50" }, Yc = {
+}, Yc = ["onClick"], Rc = { class: "absolute mt-1 w-full rounded-md bg-white shadow-lg z-50" }, Hc = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full"
-}, Rc = /* @__PURE__ */ B({
+}, Uc = /* @__PURE__ */ B({
   __name: "uiSelectMultiple",
   props: {
     items: {},
@@ -5639,7 +5626,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
     function n(d) {
       s.value = s.value.filter((f) => f.id !== d.id), r(s.value);
     }
-    return (d, f) => e.loading ? (l(), a("div", Yc, [
+    return (d, f) => e.loading ? (l(), a("div", Hc, [
       f[4] || (f[4] = t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
       g(m(Te), {
         "aria-hidden": "true",
@@ -5658,18 +5645,18 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       as: "div"
     }, {
       default: h(() => [
-        t("div", Fc, [
+        t("div", Oc, [
           g(m(tl), { class: "block text-sm font-medium" }, {
             default: h(() => [
               M(c(e.label), 1)
             ]),
             _: 1
           }),
-          e.requiredText ? (l(), a("span", Pc, c(e.requiredText), 1)) : x("", !0)
+          e.requiredText ? (l(), a("span", Nc, c(e.requiredText), 1)) : x("", !0)
         ]),
-        t("div", Oc, [
+        t("div", Ic, [
           g(m(ll), {
-            class: y([{
+            class: b([{
               "mt-1": e.requiredText || e.label,
               "border-gray-300": e.color === "gray",
               "border-black": e.color === "black",
@@ -5686,8 +5673,8 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
             }, "relative w-full rounded-md border py-1.5 pl-2 pr-10 shadow-sm focus:border-lime-400 focus:outline-none focus:ring-1 focus:ring-lime-400 sm:text-sm"])
           }, {
             default: h(() => [
-              t("span", Nc, [
-                m(s).length === 0 ? (l(), a("span", Ic, "...")) : x("", !0),
+              t("span", Vc, [
+                m(s).length === 0 ? (l(), a("span", qc, "...")) : x("", !0),
                 (l(!0), a($, null, S(m(s), (v) => (l(), a("span", {
                   key: v.id,
                   class: "flex items-center gap-1 rounded text-xs font-medium bg-lime-400 text-black border border-lime-200 px-2 py-0.5"
@@ -5707,7 +5694,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                       "stroke-width": "2",
                       d: "M6 18L18 6M6 6l12 12"
                     }, null, -1)
-                  ])], 8, Vc))
+                  ])], 8, Yc))
                 ]))), 128))
               ]),
               f[2] || (f[2] = t("span", { class: "absolute h-full right-0 mr-2 self-center top-0 flex items-center" }, [
@@ -5728,7 +5715,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
             ]),
             _: 1
           }, 8, ["class"]),
-          t("div", qc, [
+          t("div", Rc, [
             g(m(al), { 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: h(() => [
                 (l(!0), a($, null, S(e.items, (v) => (l(), k(m(sl), {
@@ -5738,14 +5725,14 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                 }, {
                   default: h(({ active: p, selected: C }) => [
                     t("li", {
-                      class: y(["focus:outline-hidden relative cursor-default select-none py-2 pl-3 pr-9", p ? "bg-lime-400 text-black" : "text-black"])
+                      class: b(["focus:outline-hidden relative cursor-default select-none py-2 pl-3 pr-9", p ? "bg-lime-400 text-black" : "text-black"])
                     }, [
                       t("span", {
-                        class: y(["block truncate", { "font-semibold": C, "font-normal": !C }])
+                        class: b(["block truncate", { "font-semibold": C, "font-normal": !C }])
                       }, c(v.name), 3),
                       C ? (l(), a("span", {
                         key: 0,
-                        class: y(["absolute inset-y-0 right-0 flex items-center pr-4", { "text-black": p, "text-lime-400": !p }])
+                        class: b(["absolute inset-y-0 right-0 flex items-center pr-4", { "text-black": p, "text-lime-400": !p }])
                       }, [...f[3] || (f[3] = [
                         t("svg", {
                           class: "h-5 w-5",
@@ -5768,7 +5755,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
             })
           ]),
           j(t("p", {
-            class: y([{
+            class: b([{
               "text-gray-400": e.color === "gray",
               "text-red-600": e.color === "red",
               "text-yellow-400": e.color === "yellow",
@@ -5782,10 +5769,10 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
-}), Hc = { class: "space-y-6" }, Uc = { class: "mb-6" }, Ec = { class: "grid grid-cols-1 md:grid-cols-2 gap-4" }, Zc = { class: "mt-4 mb-12 space-y-4" }, Wc = { class: "space-y-4" }, Jc = { class: "text-xl font-bold text-gray-800" }, _c = { class: "grid grid-cols-1 md:grid-cols-2 gap-4 mt-4 transition-all duration-300 ease-in-out" }, Gc = { class: "bg-white border border-gray-300 rounded-lg p-4" }, Qc = { class: "font-bold mb-4 text-sm text-gray-700" }, Kc = { class: "space-y-2" }, Xc = { class: "bg-white border border-gray-300 rounded-lg p-4" }, eu = { class: "font-bold mb-4 text-sm text-gray-700" }, tu = { class: "space-y-2" }, lu = {
+}), Ec = { class: "space-y-6" }, _c = { class: "mb-6" }, Zc = { class: "grid grid-cols-1 md:grid-cols-2 gap-4" }, Wc = { class: "mt-4 mb-12 space-y-4" }, Jc = { class: "space-y-4" }, Gc = { class: "text-xl font-bold text-gray-800" }, Qc = { class: "grid grid-cols-1 md:grid-cols-2 gap-4 mt-4 transition-all duration-300 ease-in-out" }, Kc = { class: "bg-white border border-gray-300 rounded-lg p-4" }, Xc = { class: "font-bold mb-4 text-sm text-gray-700" }, eu = { class: "space-y-2" }, tu = { class: "bg-white border border-gray-300 rounded-lg p-4" }, lu = { class: "font-bold mb-4 text-sm text-gray-700" }, au = { class: "space-y-2" }, su = {
   key: 0,
   class: "mt-6"
-}, au = /* @__PURE__ */ B({
+}, nu = /* @__PURE__ */ B({
   __name: "Comparator",
   props: {
     toCompare: {},
@@ -5804,9 +5791,9 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
     }, f = () => {
       o("generateNewFile");
     };
-    return (v, p) => (l(), a("div", Hc, [
-      t("div", Uc, [
-        t("div", Ec, [
+    return (v, p) => (l(), a("div", Ec, [
+      t("div", _c, [
+        t("div", Zc, [
           g(ze, {
             name: "file1",
             id: "file1",
@@ -5815,7 +5802,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
             fileTypesAndSizes: e.literals.fileTypesAndSizes,
             loading: !1,
             accept: "application/data",
-            icon: m(Ze),
+            icon: m(_e),
             onFilesUploaded: p[0] || (p[0] = (C) => o("filesUploaded", C))
           }, null, 8, ["placeholder", "dragAndDrop", "fileTypesAndSizes", "icon"]),
           g(ze, {
@@ -5826,12 +5813,12 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
             fileTypesAndSizes: e.literals.fileTypesAndSizes,
             loading: !1,
             accept: "application/data",
-            icon: m(Ze),
+            icon: m(_e),
             onFilesUploaded: p[1] || (p[1] = (C) => o("filesUploaded", C))
           }, null, 8, ["placeholder", "dragAndDrop", "fileTypesAndSizes", "icon"])
         ])
       ]),
-      t("div", Zc, [
+      t("div", Wc, [
         g(re, {
           name: "ignoreMinorDifferences",
           id: "ignoreMinorDifferences",
@@ -5843,7 +5830,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
           ]),
           _: 1
         }),
-        g(_, {
+        g(J, {
           color: "primary",
           size: "medium",
           loading: !1,
@@ -5856,7 +5843,7 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
           _: 1
         })
       ]),
-      t("div", Wc, [
+      t("div", Jc, [
         s.value ? (l(!0), a($, { key: 0 }, S(r.value, (C) => (l(), a("div", {
           key: C.name,
           class: "p-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"
@@ -5865,21 +5852,21 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
             default: h(({ open: Y }) => [
               g(m(le), { class: "flex items-center justify-between w-full" }, {
                 default: h(() => [
-                  t("h2", Jc, c(C.name), 1),
+                  t("h2", Gc, c(C.name), 1),
                   g(F, {
                     icon: m(ne),
                     loading: !1,
-                    class: y(["cursor-pointer transition-transform duration-300 ease-in-out", { "rotate-180 transform": Y }])
+                    class: b(["cursor-pointer transition-transform duration-300 ease-in-out", { "rotate-180 transform": Y }])
                   }, null, 8, ["icon", "class"])
                 ]),
                 _: 2
               }, 1024),
               g(m(Se), null, {
                 default: h(() => [
-                  t("div", _c, [
-                    t("div", Gc, [
-                      t("p", Qc, c(e.literals.file1Content), 1),
-                      t("div", Kc, [
+                  t("div", Qc, [
+                    t("div", Kc, [
+                      t("p", Xc, c(e.literals.file1Content), 1),
+                      t("div", eu, [
                         (l(!0), a($, null, S(C.commands[0]?.entries || [], (U, T) => (l(), k(re, {
                           key: `file1_${C.name}_${T}`,
                           name: `file1_${C.name}_${T}`,
@@ -5895,9 +5882,9 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
                         }, 1032, ["name", "id", "value", "onCheckboxChanged"]))), 128))
                       ])
                     ]),
-                    t("div", Xc, [
-                      t("p", eu, c(e.literals.file2Content), 1),
-                      t("div", tu, [
+                    t("div", tu, [
+                      t("p", lu, c(e.literals.file2Content), 1),
+                      t("div", au, [
                         (l(!0), a($, null, S(C.commands[1]?.entries || [], (U, T) => (l(), k(re, {
                           key: `file2_${C.name}_${T}`,
                           name: `file2_${C.name}_${T}`,
@@ -5926,8 +5913,8 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
           message: e.literals.noResultsMessage
         }, null, 8, ["title", "message"]))
       ]),
-      s.value ? (l(), a("div", lu, [
-        g(_, {
+      s.value ? (l(), a("div", su, [
+        g(J, {
           color: "primary",
           size: "medium",
           loading: !1,
@@ -5946,122 +5933,122 @@ const no = /* @__PURE__ */ he(lo, [["render", so]]), oo = /* @__PURE__ */ B({
   __proto__: null,
   uiAlert: Ua,
   uiBreadcrumbs: ft,
-  uiButton: _,
+  uiButton: J,
   uiCard: Qa,
-  uiChart: to,
+  uiChart: ao,
   uiCheckbox: re,
-  uiCircleChart: Qd,
-  uiComparator: au,
-  uiDateRange: ec,
-  uiDeviceStatus: vc,
-  uiDragAndDrop: qd,
+  uiCircleChart: Xd,
+  uiComparator: nu,
+  uiDateRange: lc,
+  uiDeviceStatus: pc,
+  uiDragAndDrop: Rd,
   uiDropdown: ue,
-  uiDynamicStats: Lc,
+  uiDynamicStats: Pc,
   uiFilter: Ka,
-  uiFooter: no,
-  uiFunnelChartV2: sd,
-  uiGallery: Dd,
+  uiFooter: io,
+  uiFunnelChartV2: od,
+  uiGallery: Ad,
   uiIcon: F,
   uiInput: se,
   uiInputFile: ze,
-  uiLoadingScreen: oo,
+  uiLoadingScreen: ro,
   uiModal: ke,
   uiNoResults: bt,
   uiNotification: ys,
   uiPriceCalendar: Rn,
-  uiRangeSlider: nc,
-  uiRightSidebar: pd,
-  uiSectionTitle: ic,
+  uiRangeSlider: ic,
+  uiRightSidebar: kd,
+  uiSectionTitle: dc,
   uiSelect: ta,
-  uiSelectMultiple: Rc,
+  uiSelectMultiple: Uc,
   uiSelect_v2: de,
-  uiSidebar: po,
+  uiSidebar: ko,
   uiSidebarV2: Ae,
   uiStats: yt,
-  uiStripedCard: ni,
-  uiTable: Xi,
-  uiTabs: or,
+  uiStripedCard: ii,
+  uiTable: tr,
+  uiTabs: rr,
   uiTag: G,
   uiTaskList: Ms,
   uiTextArea: ma,
-  uiTimeline: jr,
+  uiTimeline: Dr,
   uiToggle: ba,
-  uiTopbar: Gr,
+  uiTopbar: Kr,
   uiViewHeader: Pa,
-  uiWrapper: Ac
-}, Symbol.toStringTag, { value: "Module" })), su = [
+  uiWrapper: Fc
+}, Symbol.toStringTag, { value: "Module" })), ou = [
   "primary",
   "secondary",
   "light",
   "green",
   "yellow",
   "red"
-], mu = [
+], hu = [
   "text",
   "email",
   "password",
   "number",
   "date",
   "datetime-local"
-], nu = ["black", "gray", "white"], fu = [...su, ...nu], ou = ["small", "medium", "big"], iu = ["bigger", "huge", "massive"], hu = [...ou, ...iu], yu = ["default", "success", "warning", "danger"];
-function ru(e) {
+], iu = ["black", "gray", "white"], yu = [...ou, ...iu], ru = ["small", "medium", "big"], du = ["bigger", "huge", "massive"], bu = [...ru, ...du], vu = ["default", "success", "warning", "danger"];
+function cu(e) {
   for (const u in Ke)
     e.component(u, Ke[u]);
 }
-const bu = { install: ru };
+const xu = { install: cu };
 export {
-  fu as AllColors,
-  hu as AllSizes,
-  iu as BiggerSizes,
-  su as Colors,
-  nu as MonoColors,
-  ou as Sizes,
-  yu as Types,
-  mu as UiInputTypes,
-  bu as default,
+  yu as AllColors,
+  bu as AllSizes,
+  du as BiggerSizes,
+  ou as Colors,
+  iu as MonoColors,
+  ru as Sizes,
+  vu as Types,
+  hu as UiInputTypes,
+  xu as default,
   Ua as uiAlert,
   ft as uiBreadcrumbs,
-  _ as uiButton,
+  J as uiButton,
   Qa as uiCard,
-  to as uiChart,
+  ao as uiChart,
   re as uiCheckbox,
-  Qd as uiCircleChart,
-  au as uiComparator,
-  ec as uiDateRange,
-  vc as uiDeviceStatus,
-  qd as uiDragAndDrop,
+  Xd as uiCircleChart,
+  nu as uiComparator,
+  lc as uiDateRange,
+  pc as uiDeviceStatus,
+  Rd as uiDragAndDrop,
   ue as uiDropdown,
-  Lc as uiDynamicStats,
+  Pc as uiDynamicStats,
   Ka as uiFilter,
-  no as uiFooter,
-  sd as uiFunnelChartV2,
-  Dd as uiGallery,
+  io as uiFooter,
+  od as uiFunnelChartV2,
+  Ad as uiGallery,
   F as uiIcon,
   se as uiInput,
   ze as uiInputFile,
-  oo as uiLoadingScreen,
+  ro as uiLoadingScreen,
   ke as uiModal,
   bt as uiNoResults,
   ys as uiNotification,
   Rn as uiPriceCalendar,
-  nc as uiRangeSlider,
-  pd as uiRightSidebar,
-  ic as uiSectionTitle,
+  ic as uiRangeSlider,
+  kd as uiRightSidebar,
+  dc as uiSectionTitle,
   ta as uiSelect,
-  Rc as uiSelectMultiple,
+  Uc as uiSelectMultiple,
   de as uiSelect_v2,
-  po as uiSidebar,
+  ko as uiSidebar,
   Ae as uiSidebarV2,
   yt as uiStats,
-  ni as uiStripedCard,
-  Xi as uiTable,
-  or as uiTabs,
+  ii as uiStripedCard,
+  tr as uiTable,
+  rr as uiTabs,
   G as uiTag,
   Ms as uiTaskList,
   ma as uiTextArea,
-  jr as uiTimeline,
+  Dr as uiTimeline,
   ba as uiToggle,
-  Gr as uiTopbar,
+  Kr as uiTopbar,
   Pa as uiViewHeader,
-  Ac as uiWrapper
+  Fc as uiWrapper
 };