@hotelinking/ui 16.48.10 → 16.48.11

package/dist/ui.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as A, createBlock as w, createElementBlock as s, openBlock as l, resolveDynamicComponent as Fe, normalizeClass as x, computed as j, createCommentVNode as v, renderSlot as J, createElementVNode as t, ref as V, watch as Z, unref as f, withCtx as y, createVNode as m, toDisplayString as c, createTextVNode as B, Transition as we, Fragment as k, renderList as S, withDirectives as D, vModelDynamic as yl, vShow as O, withModifiers as ne, vModelText as xe, createStaticVNode as ee, resolveComponent as it, vModelCheckbox as yt, onMounted as Oe, mergeProps as Le, reactive as ke, normalizeStyle as _e, nextTick as ve, onUnmounted as vl, TransitionGroup as bl, isRef as vt } from "vue";
-import { Menu as Ue, MenuButton as Ze, MenuItems as We, MenuItem as Je, Combobox as bt, ComboboxLabel as xt, ComboboxInput as pt, ComboboxButton as wt, ComboboxOptions as kt, ComboboxOption as $t, SwitchGroup as xl, Switch as pl, SwitchLabel as wl, TransitionRoot as Ge, Dialog as Ke, TransitionChild as ce, DialogPanel as Qe, DialogTitle as Ct, Disclosure as Ie, DisclosureButton as se, DisclosurePanel as Ne, Popover as kl, PopoverButton as $l, PopoverPanel as Cl, Listbox as Sl, ListboxLabel as Bl, ListboxButton as Ml, ListboxOptions as zl, ListboxOption as jl } from "@headlessui/vue";
+import { defineComponent as T, createBlock as w, createElementBlock as s, openBlock as l, resolveDynamicComponent as Fe, normalizeClass as x, computed as j, createCommentVNode as b, renderSlot as J, createElementVNode as t, ref as V, watch as Z, unref as f, withCtx as y, createVNode as m, toDisplayString as c, createTextVNode as B, Transition as we, Fragment as k, renderList as S, withDirectives as D, vModelDynamic as yl, vShow as O, withModifiers as ne, vModelText as xe, createStaticVNode as ee, resolveComponent as it, vModelCheckbox as yt, onMounted as Oe, mergeProps as Le, reactive as ke, normalizeStyle as qe, nextTick as be, onUnmounted as bl, TransitionGroup as vl, isRef as bt } from "vue";
+import { Menu as Ze, MenuButton as We, MenuItems as Je, MenuItem as Ge, Combobox as vt, ComboboxLabel as xt, ComboboxInput as pt, ComboboxButton as wt, ComboboxOptions as kt, ComboboxOption as $t, SwitchGroup as xl, Switch as pl, SwitchLabel as wl, TransitionRoot as Ke, Dialog as Qe, TransitionChild as ce, DialogPanel as Xe, DialogTitle as Ct, Disclosure as Ie, DisclosureButton as se, DisclosurePanel as Ne, Popover as kl, PopoverButton as $l, PopoverPanel as Cl, Listbox as Sl, ListboxLabel as Bl, ListboxButton as Ml, ListboxOptions as zl, ListboxOption as jl } from "@headlessui/vue";
 import Y from "dayjs";
-import Al from "@vueform/slider";
-const L = /* @__PURE__ */ A({
+import Tl from "@vueform/slider";
+const L = /* @__PURE__ */ T({
   __name: "uiIcon",
   props: {
     icon: {},
@@ -38,7 +38,7 @@ const L = /* @__PURE__ */ A({
       })
     }, null, 8, ["class"]));
   }
-}), Tl = ["disabled"], Dl = "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", U = /* @__PURE__ */ A({
+}), Al = ["disabled"], Dl = "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", U = /* @__PURE__ */ T({
   __name: "uiButton",
   props: {
     block: { type: Boolean },
@@ -76,7 +76,7 @@ const L = /* @__PURE__ */ A({
         color: "white",
         class: "-ml-0.5 mr-2",
         loading: e.loading
-      }, null, 8, ["icon", "loading"])) : v("", !0),
+      }, null, 8, ["icon", "loading"])) : b("", !0),
       d[0] || (d[0] = t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-16" }, null, -1))
     ], 2)) : (l(), s("button", {
       key: 0,
@@ -90,9 +90,9 @@ const L = /* @__PURE__ */ A({
         class: "-ml-0.5 mr-2",
         color: "black",
         loading: e.loading
-      }, null, 8, ["icon", "loading"])) : v("", !0),
+      }, null, 8, ["icon", "loading"])) : b("", !0),
       J(a.$slots, "default")
-    ], 10, Tl));
+    ], 10, Al));
   }
 }), Ll = {
   key: 0,
@@ -100,7 +100,7 @@ const L = /* @__PURE__ */ A({
 }, Pl = { class: "flex items-center h-5" }, Fl = ["checked", "value", "disabled"], Ol = { class: "ml-3 text-sm" }, Il = { class: "text-black" }, Nl = {
   key: 1,
   class: "flex items-center animate-pulse"
-}, ue = /* @__PURE__ */ A({
+}, ue = /* @__PURE__ */ T({
   __name: "uiCheckbox",
   props: {
     check: { type: Boolean, default: !1 },
@@ -291,7 +291,7 @@ function Mt(e, g) {
     })
   ]);
 }
-function Xe(e, g) {
+function et(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -359,7 +359,7 @@ function $e(e, g) {
     })
   ]);
 }
-function qe(e, g) {
+function He(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -568,7 +568,7 @@ function Ql(e, g) {
     })
   ]);
 }
-function At(e, g) {
+function Tt(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -636,7 +636,7 @@ function es(e, g) {
     })
   ]);
 }
-function He(e, g) {
+function Ye(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -714,7 +714,7 @@ const ts = {
 }, ss = { class: "-py-1" }, ns = ["onClick"], as = {
   key: 1,
   class: "animate-pulse px-4 py-2 bg-gray-200 rounded-md inline-flex items-center relative text-left h-10"
-}, ge = /* @__PURE__ */ A({
+}, ge = /* @__PURE__ */ T({
   __name: "uiDropdown",
   props: {
     items: {},
@@ -739,7 +739,7 @@ const ts = {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300"
       })
-    ])) : (l(), w(f(Ue), {
+    ])) : (l(), w(f(Ze), {
       key: 0,
       as: "div",
       class: x(["relative text-left", { "opacity-25": e.disabled }])
@@ -749,22 +749,22 @@ const ts = {
           t("div", {
             class: x(["flex justify-between sha items-center", { "mt-1": e.label }])
           }, [
-            e.label ? (l(), s("label", ts, c(e.label), 1)) : v("", !0),
-            e.requiredText ? (l(), s("span", ls, c(e.requiredText), 1)) : v("", !0)
+            e.label ? (l(), s("label", ts, c(e.label), 1)) : b("", !0),
+            e.requiredText ? (l(), s("span", ls, c(e.requiredText), 1)) : b("", !0)
           ], 2),
-          m(f(Ze), { class: "text-black inline-flex justify-between w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-black" }, {
+          m(f(We), { class: "text-black inline-flex justify-between w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-black" }, {
             default: y(() => [
               B(c(n.value) + " ", 1),
               e.verticalPosition === "bottom" ? (l(), w(f(oe), {
                 key: 0,
                 "aria-hidden": "true",
                 class: "-mr-1 ml-2 h-5 w-5"
-              })) : v("", !0),
+              })) : b("", !0),
               e.verticalPosition === "top" ? (l(), w(f(jt), {
                 key: 1,
                 "aria-hidden": "true",
                 class: "-mr-1 ml-2 h-5 w-5"
-              })) : v("", !0)
+              })) : b("", !0)
             ]),
             _: 1
           })
@@ -778,7 +778,7 @@ const ts = {
           "leave-to-class": "transform opacity-0 scale-95"
         }, {
           default: y(() => [
-            e.disabled ? v("", !0) : (l(), w(f(We), {
+            e.disabled ? b("", !0) : (l(), w(f(Je), {
               key: 0,
               class: x([{
                 "right-0": e.position === "right",
@@ -789,7 +789,7 @@ const ts = {
             }, {
               default: y(() => [
                 t("div", ss, [
-                  (l(!0), s(k, null, S(e.items, (u, b) => (l(), w(f(Je), { key: b }, {
+                  (l(!0), s(k, null, S(e.items, (u, v) => (l(), w(f(Ge), { key: v }, {
                     default: y(() => [
                       t("a", {
                         onClick: (p) => r(u),
@@ -825,7 +825,7 @@ const ts = {
 }, ms = {
   key: 0,
   class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5"
-}, ae = /* @__PURE__ */ A({
+}, ae = /* @__PURE__ */ T({
   __name: "uiInput",
   props: {
     label: {},
@@ -854,14 +854,14 @@ const ts = {
       a.target.name && i("inputChanged", { value: a.target.value, name: a.target.name });
     };
     return (a, d) => e.loading ? (l(), s("div", gs, [
-      e.label !== void 0 ? (l(), s("div", ms)) : v("", !0),
+      e.label !== void 0 ? (l(), s("div", ms)) : b("", !0),
       d[3] || (d[3] = t("div", { class: "animate-pulse px-4 py-3.5 bg-gray-200 rounded-md inline-flex items-center relative text-left w-full" }, [
         t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" })
       ], -1))
     ])) : (l(), s("div", os, [
       t("div", is, [
-        e.label ? (l(), s("label", rs, c(e.label), 1)) : v("", !0),
-        e.requiredText ? (l(), s("span", ds, c(e.requiredText), 1)) : v("", !0)
+        e.label ? (l(), s("label", rs, c(e.label), 1)) : b("", !0),
+        e.requiredText ? (l(), s("span", ds, c(e.requiredText), 1)) : b("", !0)
       ]),
       t("div", {
         class: x([{ "mt-1": e.label }, "relative flex"])
@@ -870,7 +870,7 @@ const ts = {
           key: 0,
           onClick: d[0] || (d[0] = (u) => a.$emit("addOnClicked")),
           class: "inline-flex items-center px-3 rounded-l-md border border-r-0 border-gray-800 bg-black text-white hover:text-black hover:bg-lime-400 sm:text-sm cursor-pointer"
-        }, c(e.addOn), 1)) : v("", !0),
+        }, c(e.addOn), 1)) : b("", !0),
         D(t("input", {
           "onUpdate:modelValue": d[1] || (d[1] = (u) => n.value = u),
           max: e.max,
@@ -902,16 +902,16 @@ const ts = {
           key: 1,
           onClick: d[2] || (d[2] = (u) => a.$emit("rightAddOnClicked")),
           class: "inline-flex items-center px-3 rounded-r-md border border-l-0 border-black bg-black hover:bg-lime-400 hover:text-black text-white sm:text-sm cursor-pointer"
-        }, c(e.rightAddOn), 1)) : v("", !0),
+        }, c(e.rightAddOn), 1)) : b("", !0),
         t("div", us, [
           e.icon ? (l(), w(L, {
             key: 0,
             icon: e.icon,
             color: e.color,
             loading: e.loading
-          }, null, 8, ["icon", "color", "loading"])) : v("", !0),
+          }, null, 8, ["icon", "color", "loading"])) : b("", !0),
           D(m(L, {
-            icon: f(Xe),
+            icon: f(et),
             color: "green",
             loading: e.loading
           }, null, 8, ["icon", "loading"]), [
@@ -948,13 +948,13 @@ const ts = {
 }), fs = { key: 0 }, hs = { class: "flex justify-between" }, ys = {
   key: 0,
   class: "block text-sm font-medium"
-}, vs = {
+}, bs = {
   key: 1,
   class: "place-self-center text-[10px] uppercase"
-}, bs = { class: "space-y-1 flex flex-col items-center justify-center" }, xs = { class: "flex text-sm flex-col sm:flex-row text-center" }, ps = ["for"], ws = ["id", "name", "accept"], ks = { class: "pl-1" }, $s = { class: "text-xs pb-4" }, Cs = { class: "mt-2 text-xs flex flex-row items-center text-red-600" }, Ss = {
+}, vs = { class: "space-y-1 flex flex-col items-center justify-center" }, xs = { class: "flex text-sm flex-col sm:flex-row text-center" }, ps = ["for"], ws = ["id", "name", "accept"], ks = { class: "pl-1" }, $s = { class: "text-xs pb-4" }, Cs = { class: "mt-2 text-xs flex flex-row items-center text-red-600" }, Ss = {
   key: 1,
   class: "animate-pulse"
-}, Ye = /* @__PURE__ */ A({
+}, Ee = /* @__PURE__ */ T({
   __name: "uiInputFile",
   props: {
     name: {},
@@ -978,12 +978,12 @@ const ts = {
       d(u.target.files), o("filesUploaded", { id: n.id, files: u.target.files });
     }, d = (u) => {
       i.value = "";
-      let b = 1;
+      let v = 1;
       Object.values(u).forEach((p) => {
-        b++, i.value += p.name, b >= 1 && b < u.length && (i.value += ", ");
+        v++, i.value += p.name, v >= 1 && v < u.length && (i.value += ", ");
       });
     };
-    return (u, b) => e.loading ? (l(), s("div", Ss, [...b[1] || (b[1] = [
+    return (u, v) => e.loading ? (l(), s("div", Ss, [...v[1] || (v[1] = [
       t("div", { class: "flex justify-center items-center flex-col rounded-md border-2 border-dashed px-6 pt-5 pb-6 border-gray-200" }, [
         t("div", { class: "rounded-full h-20 w-20 bg-gray-200 mb-4" }),
         t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full md:w-1/3 mb-3" }),
@@ -991,8 +991,8 @@ const ts = {
       ], -1)
     ])])) : (l(), s("div", fs, [
       t("div", hs, [
-        e.label ? (l(), s("label", ys, c(e.label), 1)) : v("", !0),
-        e.requiredText ? (l(), s("span", vs, c(e.requiredText), 1)) : v("", !0)
+        e.label ? (l(), s("label", ys, c(e.label), 1)) : b("", !0),
+        e.requiredText ? (l(), s("span", bs, c(e.requiredText), 1)) : b("", !0)
       ]),
       t("div", {
         class: x([
@@ -1003,11 +1003,11 @@ const ts = {
           ],
           "dropArea flex justify-center rounded-md border-2 border-dashed px-6 pt-5 pb-6"
         ]),
-        onDragover: b[0] || (b[0] = ne(() => {
+        onDragover: v[0] || (v[0] = ne(() => {
         }, ["prevent"])),
         onDrop: ne(r, ["prevent"])
       }, [
-        t("div", bs, [
+        t("div", vs, [
           m(L, {
             icon: e.icon,
             size: "massive",
@@ -1059,7 +1059,7 @@ const ts = {
 }, zs = { class: "relative" }, js = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full"
-}, As = /* @__PURE__ */ A({
+}, Ts = /* @__PURE__ */ T({
   __name: "uiSelect",
   props: {
     items: {},
@@ -1077,7 +1077,7 @@ const ts = {
   setup(e, { expose: g, emit: i }) {
     const o = V(""), n = i, r = e, a = j(() => o.value === "" ? r.items : r.items.filter((p) => p.name.toLowerCase().includes(o.value.toLowerCase()))), d = (p) => p?.name ?? "", u = (p) => {
       n("selectChanged", p);
-    }, b = j({
+    }, v = j({
       get: () => r.select,
       set: (p) => {
         u(p);
@@ -1087,15 +1087,15 @@ const ts = {
       handleChange: u
     }), (p, C) => e.loading ? (l(), s("div", js, [
       C[3] || (C[3] = t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
-      m(f(qe), {
+      m(f(He), {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400"
       })
-    ])) : (l(), w(f(bt), {
+    ])) : (l(), w(f(vt), {
       key: 0,
-      modelValue: b.value,
+      modelValue: v.value,
       "onUpdate:modelValue": [
-        C[2] || (C[2] = (R) => b.value = R),
+        C[2] || (C[2] = (R) => v.value = R),
         u
       ],
       disabled: e.disabled,
@@ -1109,7 +1109,7 @@ const ts = {
             ]),
             _: 1
           }),
-          e.requiredText ? (l(), s("span", Ms, c(e.requiredText), 1)) : v("", !0)
+          e.requiredText ? (l(), s("span", Ms, c(e.requiredText), 1)) : b("", !0)
         ]),
         t("div", zs, [
           m(f(pt), {
@@ -1133,7 +1133,7 @@ const ts = {
           }, null, 8, ["class"]),
           m(f(wt), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
             default: y(() => [
-              m(f(qe), {
+              m(f(He), {
                 "aria-hidden": "true",
                 class: "h-5 w-5 text-gray-400"
               })
@@ -1167,19 +1167,19 @@ const ts = {
                         E ? "text-white" : "text-indigo-600"
                       ])
                     }, [
-                      m(f(Xe), {
+                      m(f(et), {
                         "aria-hidden": "true",
                         class: "h-5 w-5",
                         loading: !0
                       })
-                    ], 2)) : v("", !0)
+                    ], 2)) : b("", !0)
                   ], 2)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ]),
             _: 1
-          })) : v("", !0)
+          })) : b("", !0)
         ]),
         D(t("p", {
           class: x([{
@@ -1196,7 +1196,7 @@ const ts = {
     }, 8, ["modelValue", "disabled"]));
   }
 });
-function Tt(e, g) {
+function At(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -1211,7 +1211,7 @@ function Tt(e, g) {
     })
   ]);
 }
-function Ts(e, g) {
+function As(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -1229,7 +1229,7 @@ function Ts(e, g) {
 const Ds = { class: "flex justify-between" }, Ls = {
   key: 0,
   class: "text-[10px] uppercase justify-self-end self-center"
-}, be = /* @__PURE__ */ A({
+}, ve = /* @__PURE__ */ T({
   __name: "uiSelect_v2",
   props: {
     items: {},
@@ -1247,17 +1247,17 @@ const Ds = { class: "flex justify-between" }, Ls = {
   setup(e, { emit: g }) {
     const i = e, o = g, n = V(""), r = V(i.select), a = j(
       () => n.value === "" ? i.items : i.items.filter((u) => {
-        const b = n.value.toLowerCase();
-        return u.name.toLowerCase().includes(b) || (u.label?.toLowerCase().includes(b) ?? !1);
+        const v = n.value.toLowerCase();
+        return u.name.toLowerCase().includes(v) || (u.label?.toLowerCase().includes(v) ?? !1);
       })
     ), d = (u) => {
       n.value = "", o("selectChanged", u);
     };
-    return (u, b) => (l(), w(f(bt), {
+    return (u, v) => (l(), w(f(vt), {
       as: "div",
       modelValue: r.value,
       "onUpdate:modelValue": [
-        b[2] || (b[2] = (p) => r.value = p),
+        v[2] || (v[2] = (p) => r.value = p),
         d
       ]
     }, {
@@ -1269,7 +1269,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
             ]),
             _: 1
           }),
-          e.requiredText ? (l(), s("span", Ls, c(e.requiredText), 1)) : v("", !0)
+          e.requiredText ? (l(), s("span", Ls, c(e.requiredText), 1)) : b("", !0)
         ]),
         t("div", {
           class: x([{ "mt-1": e.label || e.requiredText }, "relative"])
@@ -1296,8 +1296,8 @@ const Ds = { class: "flex justify-between" }, Ls = {
               "text-yellow-400": e.color === "yellow",
               "text-green-600": e.color === "green"
             }, "w-full rounded-md border py-2 pl-3 pr-10 shadow-sm focus:border-lime-400 focus:outline-none focus:ring-1 focus:ring-lime-400 sm:text-sm"]),
-            onChange: b[0] || (b[0] = (p) => n.value = p.target.value),
-            onBlur: b[1] || (b[1] = (p) => n.value = ""),
+            onChange: v[0] || (v[0] = (p) => n.value = p.target.value),
+            onBlur: v[1] || (v[1] = (p) => n.value = ""),
             "display-value": (p) => p.label || p.name
           }, null, 8, ["disabled", "class", "display-value"]),
           m(f(wt), {
@@ -1305,7 +1305,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
             class: "h-full absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none"
           }, {
             default: y(() => [
-              m(f(Ts), {
+              m(f(As), {
                 class: "size-5 mt-1",
                 "aria-hidden": "true"
               })
@@ -1332,18 +1332,18 @@ const Ds = { class: "flex justify-between" }, Ls = {
                       key: 0,
                       class: x(["absolute inset-y-0 right-0 flex items-center pr-4", C ? "text-black" : "text-lime-400"])
                     }, [
-                      m(f(Tt), {
+                      m(f(At), {
                         class: "size-5",
                         "aria-hidden": "true"
                       })
-                    ], 2)) : v("", !0)
+                    ], 2)) : b("", !0)
                   ], 2)
                 ]),
                 _: 2
               }, 1032, ["value"]))), 128))
             ]),
             _: 1
-          })) : v("", !0)
+          })) : b("", !0)
         ], 2),
         D(t("p", {
           class: x([{
@@ -1363,7 +1363,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }), Ps = {
   key: 1,
   class: "inline-flex items-center px-3 py-2.5 rounded text-xs font-medium leading-none animate-pulse bg-gray-200"
-}, K = /* @__PURE__ */ A({
+}, G = /* @__PURE__ */ T({
   __name: "uiTag",
   props: {
     color: { default: "primary" },
@@ -1411,7 +1411,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }, Vs = ["disabled", "placeholder"], Rs = {
   key: 1,
   class: "animate-pulse"
-}, _s = /* @__PURE__ */ A({
+}, _s = /* @__PURE__ */ T({
   __name: "uiTextArea",
   props: {
     name: {},
@@ -1436,8 +1436,8 @@ const Ds = { class: "flex justify-between" }, Ls = {
       t("div", { class: "h-24 bg-gray-200 rounded-lg flex inline-flex items-center relative inline-block text-left w-full" }, null, -1)
     ])])) : (l(), s("div", Fs, [
       t("div", Os, [
-        e.label ? (l(), s("label", Is, c(e.label), 1)) : v("", !0),
-        e.requiredText ? (l(), s("span", Ns, c(e.requiredText), 1)) : v("", !0)
+        e.label ? (l(), s("label", Is, c(e.label), 1)) : b("", !0),
+        e.requiredText ? (l(), s("span", Ns, c(e.requiredText), 1)) : b("", !0)
       ]),
       t("div", {
         class: x({ "mt-1": e.label })
@@ -1490,7 +1490,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }, Ys = {
   key: 1,
   class: "animate-pulse flex items-center"
-}, Es = /* @__PURE__ */ A({
+}, Es = /* @__PURE__ */ T({
   __name: "uiToggle",
   props: {
     item: {},
@@ -1541,7 +1541,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
         }, {
           default: y(() => [
             t("span", qs, c(e.item.title), 1),
-            e.item.subtitle ? (l(), s("span", Hs, c(e.item.subtitle), 1)) : v("", !0)
+            e.item.subtitle ? (l(), s("span", Hs, c(e.item.subtitle), 1)) : b("", !0)
           ]),
           _: 1
         }),
@@ -1549,7 +1549,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
           key: 0,
           class: "cursor-pointer text-black underline hover:text-lime-400 uppercase text-xs absolute right-0 bottom-0.5",
           onClick: r[2] || (r[2] = (a) => n.$emit("actionClicked", e.item))
-        }, c(e.item.action), 1)) : v("", !0)
+        }, c(e.item.action), 1)) : b("", !0)
       ]),
       _: 1
     }));
@@ -1567,7 +1567,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }, Ks = ["onClick"], Qs = {
   key: 1,
   class: "flex flex-row items-center animate-pulse"
-}, Dt = /* @__PURE__ */ A({
+}, Dt = /* @__PURE__ */ T({
   __name: "uiBreadcrumbs",
   props: {
     pages: {},
@@ -1624,7 +1624,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }, dn = {
   key: 1,
   class: "animate-pulse mb-12"
-}, cn = /* @__PURE__ */ A({
+}, cn = /* @__PURE__ */ T({
   __name: "uiViewHeader",
   props: {
     pages: {},
@@ -1657,9 +1657,9 @@ const Ds = { class: "flex justify-between" }, Ls = {
       ]),
       e.subtitle || e.description || e.buttonText ? (l(), s("div", nn, [
         e.subtitle || e.description ? (l(), s("div", an, [
-          e.subtitle ? (l(), s("h3", on, c(e.subtitle), 1)) : v("", !0),
-          e.description ? (l(), s("p", rn, c(e.description), 1)) : v("", !0)
-        ])) : v("", !0),
+          e.subtitle ? (l(), s("h3", on, c(e.subtitle), 1)) : b("", !0),
+          e.description ? (l(), s("p", rn, c(e.description), 1)) : b("", !0)
+        ])) : b("", !0),
         e.buttonText ? (l(), w(U, {
           key: 1,
           class: "mb-12 lg:mb-0",
@@ -1673,17 +1673,17 @@ const Ds = { class: "flex justify-between" }, Ls = {
             B(c(e.buttonText), 1)
           ]),
           _: 1
-        }, 8, ["loading", "disabled", "color", "size"])) : v("", !0)
-      ])) : v("", !0)
+        }, 8, ["loading", "disabled", "color", "size"])) : b("", !0)
+      ])) : b("", !0)
     ]));
   }
 }), un = {
   key: 0,
   class: "flex flex-col"
-}, gn = { class: "flex" }, mn = { class: "flex-shrink-0" }, fn = { class: "ml-3" }, hn = { class: "mt-4" }, yn = { class: "-my-1.5 -mx-2 gap-x-2 flex" }, vn = ["onClick"], bn = {
+}, gn = { class: "flex" }, mn = { class: "flex-shrink-0" }, fn = { class: "ml-3" }, hn = { class: "mt-4" }, yn = { class: "-my-1.5 -mx-2 gap-x-2 flex" }, bn = ["onClick"], vn = {
   key: 1,
   class: "flex flex-col animate-pulse"
-}, xn = /* @__PURE__ */ A({
+}, xn = /* @__PURE__ */ T({
   __name: "uiAlert",
   props: {
     actions: {},
@@ -1696,7 +1696,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
     const i = g, o = (n) => {
       i("alertEvent", n.event);
     };
-    return (n, r) => e.loading ? (l(), s("div", bn, [...r[0] || (r[0] = [
+    return (n, r) => e.loading ? (l(), s("div", vn, [...r[0] || (r[0] = [
       ee('<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(), s("div", un, [
       t("div", {
@@ -1709,26 +1709,26 @@ const Ds = { class: "flex justify-between" }, Ls = {
       }, [
         t("div", gn, [
           t("div", mn, [
-            e.type === "info" ? (l(), w(f(At), {
+            e.type === "info" ? (l(), w(f(Tt), {
               key: 0,
               class: "h-8 w-8 text-lime-400",
               "aria-hidden": "true"
-            })) : v("", !0),
+            })) : b("", !0),
             e.type === "danger" ? (l(), w(f(Ve), {
               key: 1,
               class: "h-8 w-8 text-red-600",
               "aria-hidden": "true"
-            })) : v("", !0),
+            })) : b("", !0),
             e.type === "warning" ? (l(), w(f(te), {
               key: 2,
               class: "h-8 w-8 text-yellow-400",
               "aria-hidden": "true"
-            })) : v("", !0),
+            })) : b("", !0),
             e.type === "success" ? (l(), w(f(Mt), {
               key: 3,
               class: "h-8 w-8 text-green-600",
               "aria-hidden": "true"
-            })) : v("", !0)
+            })) : b("", !0)
           ]),
           t("div", fn, [
             t("h3", {
@@ -1762,7 +1762,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
                     },
                     "px-2 py-1.5 text-sm font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 underline"
                   ])
-                }, c(a.name), 11, vn))), 128))
+                }, c(a.name), 11, bn))), 128))
               ])
             ])
           ])
@@ -1776,7 +1776,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }, Sn = {
   key: 1,
   class: "rounded-lg bg-white shadow p-6 cursor-pointer animate-pulse h-full flex flex-col"
-}, Bn = /* @__PURE__ */ A({
+}, Bn = /* @__PURE__ */ T({
   __name: "uiCard",
   props: {
     id: {},
@@ -1806,7 +1806,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
         ])
       ]),
       e.tags && e.tags?.length > 0 ? (l(), s("div", Cn, [
-        (l(!0), s(k, null, S(e.tags, (n) => (l(), w(K, {
+        (l(!0), s(k, null, S(e.tags, (n) => (l(), w(G, {
           class: "mb-1 mr-1",
           key: n.name,
           color: n.color,
@@ -1817,13 +1817,13 @@ const Ds = { class: "flex justify-between" }, Ls = {
           ]),
           _: 2
         }, 1032, ["color", "loading"]))), 128))
-      ])) : v("", !0)
+      ])) : b("", !0)
     ]));
   }
 }), Mn = {
   key: 0,
   class: "rounded-lg bg-white shadow p-6 h-full flex flex-col"
-}, zn = { class: "flex items-center justify-between mb-4" }, jn = { class: "flex items-center gap-3" }, An = { class: "mb-4" }, Tn = { class: "font-bold text-lg mb-1" }, Dn = {
+}, zn = { class: "flex items-center justify-between mb-4" }, jn = { class: "flex items-center gap-3" }, Tn = { class: "mb-4" }, An = { class: "font-bold text-lg mb-1" }, Dn = {
   key: 0,
   class: "text-sm text-gray-500"
 }, Ln = { class: "mb-4 relative" }, Pn = {
@@ -1841,7 +1841,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }, Rn = { class: "flex flex-col xl:flex-row xl:flex-wrap items-stretch xl:items-center gap-2" }, _n = {
   key: 1,
   class: "rounded-lg bg-white shadow p-6 animate-pulse h-full flex flex-col"
-}, qn = { class: "flex items-center justify-between mb-4" }, Hn = { class: "flex items-center gap-3" }, Yn = { class: "flex flex-col pt-4 border-t border-gray-200 mt-auto" }, En = { class: "flex flex-col xl:flex-row xl:flex-wrap items-stretch xl:items-center gap-2" }, Un = /* @__PURE__ */ A({
+}, qn = { class: "flex items-center justify-between mb-4" }, Hn = { class: "flex items-center gap-3" }, Yn = { class: "flex flex-col pt-4 border-t border-gray-200 mt-auto" }, En = { class: "flex flex-col xl:flex-row xl:flex-wrap items-stretch xl:items-center gap-2" }, Un = /* @__PURE__ */ T({
   __name: "uiCardWithImage",
   props: {
     id: {},
@@ -1868,11 +1868,11 @@ const Ds = { class: "flex justify-between" }, Ls = {
       t("div", qn, [
         t("div", Hn, [
           r[6] || (r[6] = t("div", { class: "w-4 h-4 rounded-full bg-gray-200" }, null, -1)),
-          e.badge ? (l(), w(K, {
+          e.badge ? (l(), w(G, {
             key: 0,
             loading: !0,
             size: "small"
-          })) : v("", !0)
+          })) : b("", !0)
         ]),
         r[7] || (r[7] = t("div", { class: "w-4 h-4 rounded-full bg-gray-200" }, null, -1))
       ]),
@@ -1888,16 +1888,16 @@ const Ds = { class: "flex justify-between" }, Ls = {
             color: "primary",
             block: !0,
             class: "w-full xl:w-auto"
-          }, null, 8, ["icon"])) : v("", !0),
+          }, null, 8, ["icon"])) : b("", !0),
           e.showActions ? (l(), w(U, {
             key: 1,
-            icon: f(He),
+            icon: f(Ye),
             loading: !0,
             size: "small",
             color: "primary",
             block: !0,
             class: "w-full xl:w-auto"
-          }, null, 8, ["icon"])) : v("", !0),
+          }, null, 8, ["icon"])) : b("", !0),
           e.showActions ? (l(), w(U, {
             key: 2,
             icon: f(pe),
@@ -1906,7 +1906,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
             color: "primary",
             block: !0,
             class: "w-full xl:w-auto"
-          }, null, 8, ["icon"])) : v("", !0)
+          }, null, 8, ["icon"])) : b("", !0)
         ])
       ])
     ])) : (l(), s("div", Mn, [
@@ -1918,7 +1918,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
             color: "primary",
             loading: !1
           }, null, 8, ["icon"]),
-          e.badge ? (l(), w(K, {
+          e.badge ? (l(), w(G, {
             key: 0,
             color: e.badgeColor,
             loading: !1,
@@ -1928,7 +1928,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
               B(c(e.badge), 1)
             ]),
             _: 1
-          }, 8, ["color"])) : v("", !0)
+          }, 8, ["color"])) : b("", !0)
         ]),
         e.showMenu ? (l(), s("button", {
           key: 0,
@@ -1942,11 +1942,11 @@ const Ds = { class: "flex justify-between" }, Ls = {
             color: "primary",
             loading: !1
           }, null, 8, ["icon"])
-        ])) : v("", !0)
+        ])) : b("", !0)
       ]),
-      t("div", An, [
-        t("h4", Tn, c(e.title), 1),
-        e.subtitle ? (l(), s("p", Dn, c(e.subtitle), 1)) : v("", !0)
+      t("div", Tn, [
+        t("h4", An, c(e.title), 1),
+        e.subtitle ? (l(), s("p", Dn, c(e.subtitle), 1)) : b("", !0)
       ]),
       t("div", Ln, [
         o.value ? (l(), s("div", Pn, [
@@ -1956,7 +1956,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
             color: "gray",
             loading: !1
           }, null, 8, ["icon"])
-        ])) : v("", !0),
+        ])) : b("", !0),
         D(t("img", {
           src: e.image,
           alt: e.title,
@@ -1966,11 +1966,11 @@ const Ds = { class: "flex justify-between" }, Ls = {
         }, null, 40, Fn), [
           [O, !o.value]
         ]),
-        e.showImageOverlay && !o.value ? (l(), s("div", On)) : v("", !0)
+        e.showImageOverlay && !o.value ? (l(), s("div", On)) : b("", !0)
       ]),
-      e.bodyText ? (l(), s("p", In, c(e.bodyText), 1)) : v("", !0),
+      e.bodyText ? (l(), s("p", In, c(e.bodyText), 1)) : b("", !0),
       t("div", Nn, [
-        e.updatedDate ? (l(), s("span", Vn, " Updated " + c(e.updatedDate), 1)) : v("", !0),
+        e.updatedDate ? (l(), s("span", Vn, " Updated " + c(e.updatedDate), 1)) : b("", !0),
         t("div", Rn, [
           e.showActions ? (l(), w(U, {
             key: 0,
@@ -1986,11 +1986,11 @@ const Ds = { class: "flex justify-between" }, Ls = {
               B(c(e.actionLabels?.edit || "Editar"), 1)
             ]),
             _: 1
-          }, 8, ["icon"])) : v("", !0),
+          }, 8, ["icon"])) : b("", !0),
           e.showActions ? (l(), w(U, {
             key: 1,
             onClick: r[4] || (r[4] = ne((a) => n.$emit("actionClick", { id: e.id, action: "copy" }), ["stop"])),
-            icon: f(He),
+            icon: f(Ye),
             loading: !1,
             size: "small",
             color: "primary",
@@ -2001,7 +2001,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
               B(c(e.actionLabels?.copy || "Copiar"), 1)
             ]),
             _: 1
-          }, 8, ["icon"])) : v("", !0),
+          }, 8, ["icon"])) : b("", !0),
           e.showActions ? (l(), w(U, {
             key: 2,
             onClick: r[5] || (r[5] = ne((a) => n.$emit("actionClick", { id: e.id, action: "delete" }), ["stop"])),
@@ -2016,12 +2016,12 @@ const Ds = { class: "flex justify-between" }, Ls = {
               B(c(e.actionLabels?.delete || "Eliminar"), 1)
             ]),
             _: 1
-          }, 8, ["icon"])) : v("", !0)
+          }, 8, ["icon"])) : b("", !0)
         ])
       ])
     ]));
   }
-}), Zn = /* @__PURE__ */ A({
+}), Zn = /* @__PURE__ */ T({
   __name: "uiFilter",
   props: {
     items: {},
@@ -2048,7 +2048,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }), Wn = { class: "fixed inset-0 z-10 overflow-y-auto" }, Jn = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Gn = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, Kn = { class: "sm:flex sm:items-start" }, Qn = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full break-words" }, Xn = { class: "mt-4 text-gray-500 text-sm" }, ea = {
   key: 0,
   class: "mt-8"
-}, ta = ["onClick"], Pe = /* @__PURE__ */ A({
+}, ta = ["onClick"], Pe = /* @__PURE__ */ T({
   __name: "uiModal",
   props: {
     title: {},
@@ -2065,12 +2065,12 @@ const Ds = { class: "flex justify-between" }, Ls = {
     const i = e, o = g, n = (r) => {
       o("modalAction", { modal: i.modalName, action: r });
     };
-    return (r, a) => (l(), w(f(Ge), {
+    return (r, a) => (l(), w(f(Ke), {
       as: "template",
       show: e.open
     }, {
       default: y(() => [
-        m(f(Ke), {
+        m(f(Qe), {
           as: "div",
           class: "relative z-50",
           onClose: a[1] || (a[1] = (d) => n("close"))
@@ -2102,7 +2102,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
                   default: y(() => [
-                    m(f(Qe), {
+                    m(f(Xe), {
                       class: x([{
                         "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"
@@ -2138,7 +2138,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
                             }, null, 512), [
                               [O, e.type === "danger"]
                             ]),
-                            D(m(f(Xe), {
+                            D(m(f(et), {
                               class: "h-6 w-6 text-green-600",
                               "aria-hidden": "true"
                             }, null, 512), [
@@ -2175,9 +2175,9 @@ const Ds = { class: "flex justify-between" }, Ls = {
                                 key: u,
                                 type: "button",
                                 class: "inline-flex w-full justify-center rounded-md border border-transparent bg-black px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-lime-400 hover:text-black focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 mb-2 sm:mb-0 mr-2 sm:w-auto sm:text-sm",
-                                onClick: (b) => n(d.value)
+                                onClick: (v) => n(d.value)
                               }, c(d.name), 9, ta))), 128))
-                            ])) : v("", !0)
+                            ])) : b("", !0)
                           ])
                         ])
                       ]),
@@ -2198,7 +2198,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }), la = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, sa = {
   key: 0,
   class: "max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
-}, na = { class: "p-4" }, aa = { class: "flex items-start" }, oa = { class: "flex-shrink-0 mt-0.5" }, ia = { class: "ml-3 w-0 flex-1 pt-0.5" }, ra = { class: "font-medium text-gray-900" }, da = { class: "mt-1 text-sm text-gray-500" }, ca = { class: "ml-4 flex-shrink-0 flex" }, ua = /* @__PURE__ */ A({
+}, na = { class: "p-4" }, aa = { class: "flex items-start" }, oa = { class: "flex-shrink-0 mt-0.5" }, ia = { class: "ml-3 w-0 flex-1 pt-0.5" }, ra = { class: "font-medium text-gray-900" }, da = { class: "mt-1 text-sm text-gray-500" }, ca = { class: "ml-4 flex-shrink-0 flex" }, ua = /* @__PURE__ */ T({
   __name: "uiNotification",
   props: {
     type: { default: "info" },
@@ -2246,7 +2246,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
                     }, null, 512), [
                       [O, e.type === "warning"]
                     ]),
-                    D(m(f(At), {
+                    D(m(f(Tt), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-black"
                     }, null, 512), [
@@ -2272,7 +2272,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
                   ])
                 ])
               ])
-            ])) : v("", !0)
+            ])) : b("", !0)
           ]),
           _: 1
         })
@@ -2283,10 +2283,10 @@ const Ds = { class: "flex justify-between" }, Ls = {
   key: 0,
   role: "list",
   class: "divide-y divide-gray-100"
-}, ma = { class: "min-w-0" }, fa = { class: "flex items-start gap-x-3" }, ha = { class: "text-sm font-semibold leading-6 text-gray-900" }, ya = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, va = { class: "truncate" }, ba = { class: "flex flex-none items-center gap-x-4" }, xa = ["href"], pa = { class: "sr-only" }, wa = {
+}, ma = { class: "min-w-0" }, fa = { class: "flex items-start gap-x-3" }, ha = { class: "text-sm font-semibold leading-6 text-gray-900" }, ya = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, ba = { class: "truncate" }, va = { class: "flex flex-none items-center gap-x-4" }, xa = ["href"], pa = { class: "sr-only" }, wa = {
   key: 1,
   class: "divide-y divide-gray-100 animate-pulse"
-}, ka = /* @__PURE__ */ A({
+}, ka = /* @__PURE__ */ T({
   __name: "uiTaskList",
   props: {
     tasks: {},
@@ -2320,10 +2320,10 @@ const Ds = { class: "flex justify-between" }, Ls = {
             }, c(o.statusLiteral), 3)
           ]),
           t("div", ya, [
-            t("p", va, c(o.description), 1)
+            t("p", ba, c(o.description), 1)
           ])
         ]),
-        t("div", ba, [
+        t("div", va, [
           t("a", {
             href: o.href,
             class: "hidden rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block"
@@ -2366,9 +2366,9 @@ function Ma() {
         return u && typeof u == "object" && "default" in u ? u : { default: u };
       }
       var n = o(i), r = { s: "ein paar Sekunden", m: ["eine Minute", "einer Minute"], mm: "%d Minuten", h: ["eine Stunde", "einer Stunde"], hh: "%d Stunden", d: ["ein Tag", "einem Tag"], dd: ["%d Tage", "%d Tagen"], M: ["ein Monat", "einem Monat"], MM: ["%d Monate", "%d Monaten"], y: ["ein Jahr", "einem Jahr"], yy: ["%d Jahre", "%d Jahren"] };
-      function a(u, b, p) {
+      function a(u, v, p) {
         var C = r[p];
-        return Array.isArray(C) && (C = C[b ? 0 : 1]), C.replace("%d", u);
+        return Array.isArray(C) && (C = C[v ? 0 : 1]), C.replace("%d", u);
       }
       var d = { name: "de", weekdays: "Sonntag_Montag_Dienstag_Mittwoch_Donnerstag_Freitag_Samstag".split("_"), weekdaysShort: "So._Mo._Di._Mi._Do._Fr._Sa.".split("_"), weekdaysMin: "So_Mo_Di_Mi_Do_Fr_Sa".split("_"), months: "Januar_Februar_März_April_Mai_Juni_Juli_August_September_Oktober_November_Dezember".split("_"), monthsShort: "Jan._Feb._März_Apr._Mai_Juni_Juli_Aug._Sept._Okt._Nov._Dez.".split("_"), ordinal: function(u) {
         return u + ".";
@@ -2378,7 +2378,7 @@ function Ma() {
   })(je)), je.exports;
 }
 Ma();
-var Ae = { exports: {} }, za = Ae.exports, gt;
+var Te = { exports: {} }, za = Te.exports, gt;
 function ja() {
   return gt || (gt = 1, (function(e, g) {
     (function(i, o) {
@@ -2389,15 +2389,15 @@ function ja() {
         return "[" + i + (o[(n - 20) % 10] || o[n] || o[0]) + "]";
       } };
     }));
-  })(Ae)), Ae.exports;
+  })(Te)), Te.exports;
 }
 ja();
-var Te = { exports: {} }, Aa = Te.exports, mt;
-function Ta() {
+var Ae = { exports: {} }, Ta = Ae.exports, mt;
+function Aa() {
   return mt || (mt = 1, (function(e, g) {
     (function(i, o) {
       e.exports = o(Y);
-    })(Aa, (function(i) {
+    })(Ta, (function(i) {
       function o(a) {
         return a && typeof a == "object" && "default" in a ? a : { default: a };
       }
@@ -2406,9 +2406,9 @@ function Ta() {
       } };
       return n.default.locale(r, null, !0), r;
     }));
-  })(Te)), Te.exports;
+  })(Ae)), Ae.exports;
 }
-Ta();
+Aa();
 const Ce = (e, g) => {
   const i = e.__vccOpts || e;
   for (const [o, n] of g)
@@ -2674,13 +2674,13 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
 }, go = {
   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"
-}, mo = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, fo = { class: "text-sm text-gray-700" }, ho = { class: "font-bold mx-1" }, yo = { class: "font-bold mx-1" }, vo = { class: "font-bold mx-1" }, bo = {
+}, mo = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, fo = { class: "text-sm text-gray-700" }, ho = { class: "font-bold mx-1" }, yo = { class: "font-bold mx-1" }, bo = { class: "font-bold mx-1" }, vo = {
   class: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px",
   "aria-label": "Pagination"
 }, xo = { class: "sr-only" }, po = ["onClick"], wo = { class: "sr-only" }, ko = {
   key: 1,
   class: "py-6 flex flex-row justify-between items-center animate-pulse"
-}, Pt = /* @__PURE__ */ A({
+}, Pt = /* @__PURE__ */ T({
   __name: "uiPagination",
   props: {
     current: {},
@@ -2696,11 +2696,11 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
       () => Math.min(Number(o.current) + Number(n.value), Number(o.total))
     ), d = j(() => {
       let u = [];
-      for (let b = Number(r.value); b <= Number(a.value); b++)
-        u.push(b);
+      for (let v = Number(r.value); v <= Number(a.value); v++)
+        u.push(v);
       return u;
     });
-    return (u, b) => e.loading ? (l(), s("div", ko, [...b[3] || (b[3] = [
+    return (u, v) => e.loading ? (l(), s("div", ko, [...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(), s("div", ro, [
@@ -2720,16 +2720,16 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
             J(u.$slots, "of"),
             t("span", yo, c(e.total), 1),
             J(u.$slots, "pages"),
-            b[2] || (b[2] = t("span", { class: "font-bold mx-1" }, "/", -1)),
+            v[2] || (v[2] = t("span", { class: "font-bold mx-1" }, "/", -1)),
             J(u.$slots, "fromTotal"),
-            t("span", vo, c(e.totalItems), 1)
+            t("span", bo, c(e.totalItems), 1)
           ])
         ]),
         t("div", null, [
-          t("nav", bo, [
+          t("nav", vo, [
             D(t("button", {
               ref: "test-first-button",
-              onClick: b[0] || (b[0] = (p) => i("changePage", e.current - 1)),
+              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", xo, [
@@ -2752,7 +2752,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
             }, c(p), 11, po))), 128)),
             D(t("button", {
               ref: "test-last-button",
-              onClick: b[1] || (b[1] = (p) => i("changePage", e.current + 1)),
+              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", wo, [
@@ -2777,11 +2777,11 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
   colspan: "6",
   scope: "colgroup",
   class: "bg-gray-50 py-2 pl-4 pr-3 text-left text-sm font-semibold sm:pl-3"
-}, Ao = {
+}, To = {
   colspan: "20",
   scope: "colgroup",
   class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold"
-}, To = { key: 0 }, Do = {
+}, Ao = { key: 0 }, Do = {
   colspan: "6",
   class: "pl-4"
 }, Lo = { key: 1 }, Po = {
@@ -2824,7 +2824,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
 }, Ko = {
   key: 1,
   class: "flex flex-row justify-between items-center mt-4"
-}, Qo = { key: 0 }, Xo = /* @__PURE__ */ A({
+}, Qo = { key: 0 }, Xo = /* @__PURE__ */ T({
   __name: "uiPriceCalendar",
   props: {
     loading: { type: Boolean },
@@ -2852,7 +2852,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
       for (let F = 0; F < 14; F++)
         $.push(Y(r.value).add(F, "day"));
       return $;
-    }), u = j(() => a.value.length > 0 && a.value.length < i.rooms.length), b = j(
+    }), u = j(() => a.value.length > 0 && a.value.length < i.rooms.length), v = j(
       () => i.paginationCurrent !== void 0 || i.paginationTotal !== void 0
     ), p = j(
       () => i.paginationCurrent !== void 0 && i.paginationTotal !== void 0 && i.paginationTotalItems !== void 0
@@ -2869,13 +2869,13 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
       return F ? F.price : $.price;
     }, _ = ($) => {
       a.value = $.target.checked ? i.rooms.map((F) => F.id) : [];
-    }, Q = () => o("changeCategoryBulkPrices"), re = ($) => o("changeCategorySelectionPrice", $), me = ($) => o("changeCategoryUpgradePrice", $), fe = ($) => o("tableAction", $), M = ($, F, N) => o("changeRoomPrice", { price: $, roomId: F, roomName: N }), q = ($) => {
+    }, K = () => o("changeCategoryBulkPrices"), re = ($) => o("changeCategorySelectionPrice", $), me = ($) => o("changeCategoryUpgradePrice", $), fe = ($) => o("tableAction", $), z = ($, F, N) => o("changeRoomPrice", { price: $, roomId: F, roomName: N }), q = ($) => {
       o("changePage", $);
     }, H = ($) => {
       o("changePageSize", $.value);
     };
     return ($, F) => (l(), s(k, null, [
-      e.loading ? v("", !0) : (l(), s("div", $o, [
+      e.loading ? b("", !0) : (l(), s("div", $o, [
         t("div", Co, [
           t("div", So, [
             t("div", Bo, [
@@ -2900,13 +2900,13 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                     ]))), 128))
                   ]),
                   t("tr", null, [
-                    t("th", Ao, [
+                    t("th", To, [
                       t("span", null, c(e.literals.category) + " " + c(e.category.name), 1),
                       m(U, {
                         loading: e.loading,
                         class: "ml-4",
                         size: "small",
-                        onClick: Q
+                        onClick: K
                       }, {
                         default: y(() => [
                           B(c(e.literals.changeInBulk), 1)
@@ -2915,7 +2915,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                       }, 8, ["loading"])
                     ])
                   ]),
-                  e.type === "discounts" ? (l(), s("tr", To, [
+                  e.type === "discounts" ? (l(), s("tr", Ao, [
                     t("td", Do, c(e.literals.pricesDiscount), 1),
                     (l(!0), s(k, null, S(e.category.selectionPrices, (N, W) => (l(), s("td", {
                       key: W,
@@ -2929,7 +2929,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                         isBasePrice: !0
                       }, null, 8, ["onClick", "price", "currency"])
                     ]))), 128))
-                  ])) : v("", !0),
+                  ])) : b("", !0),
                   e.type === "prices" ? (l(), s("tr", Lo, [
                     t("td", Po, c(e.literals.pricesSelection), 1),
                     (l(!0), s(k, null, S(e.category.selectionPrices, (N, W) => (l(), s("td", {
@@ -2944,7 +2944,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                         isBasePrice: !0
                       }, null, 8, ["onClick", "price", "currency"])
                     ]))), 128))
-                  ])) : v("", !0),
+                  ])) : b("", !0),
                   e.type === "prices" ? (l(), s("tr", Fo, [
                     t("td", Oo, c(e.literals.pricesUpgrade), 1),
                     (l(!0), s(k, null, S(e.category.upgradePrices, (N, W) => (l(), s("td", {
@@ -2959,7 +2959,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                         isBasePrice: !0
                       }, null, 8, ["onClick", "price", "currency"])
                     ]))), 128))
-                  ])) : v("", !0),
+                  ])) : b("", !0),
                   t("tr", null, [
                     t("th", Io, [
                       a.value?.length > 0 && e.actions?.length > 0 ? (l(), s("div", No, [
@@ -2969,7 +2969,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                           type: "button",
                           class: "inline-flex items-center rounded bg-lime-400 hover:bg-black hover:text-white px-2.5 py-1.5 text-xs font-medium shadow-sm disabled:cursor-not-allowed disabled:opacity-30"
                         }, c(N.name), 9, Vo))), 128))
-                      ])) : v("", !0),
+                      ])) : b("", !0),
                       t("span", null, c(e.literals.pricesSelection), 1)
                     ])
                   ]),
@@ -2997,7 +2997,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                     class: x([{ "even:bg-gray-100": e.type === "prices", "odd:bg-gray-100": e.type === "discounts" }])
                   }, [
                     t("td", Eo, [
-                      a.value.length > 0 ? (l(), s("div", Uo)) : v("", !0),
+                      a.value.length > 0 ? (l(), s("div", Uo)) : b("", !0),
                       D(t("input", {
                         type: "checkbox",
                         class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-lime-400 focus:ring-lime-400",
@@ -3015,7 +3015,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                       key: le
                     }, [
                       m(Me, {
-                        onClick: (lt) => M(W, N.id, N.name),
+                        onClick: (st) => 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,
@@ -3029,7 +3029,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
           ])
         ])
       ])),
-      b.value ? (l(), s("div", Ko, [
+      v.value ? (l(), s("div", Ko, [
         C.value ? (l(), s("div", Qo, [
           m(ge, {
             verticalPosition: "top",
@@ -3037,7 +3037,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
             loading: i.loading,
             onOptionSelected: H
           }, null, 8, ["items", "loading"])
-        ])) : v("", !0),
+        ])) : b("", !0),
         p.value ? (l(), s("div", {
           key: 1,
           class: x(["grow", { "ml-10": C.value }])
@@ -3069,11 +3069,11 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
             ])]),
             _: 1
           }, 8, ["current", "total", "totalItems", "loading"])
-        ], 2)) : v("", !0)
+        ], 2)) : b("", !0)
       ])) : (l(), w(Lt, { key: 2 }))
     ], 64));
   }
-}), et = /* @__PURE__ */ A({
+}), tt = /* @__PURE__ */ T({
   __name: "ApexChartWrapper",
   emits: ["updated", "mounted", "dataPointSelection"],
   setup(e) {
@@ -3093,12 +3093,12 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
       onUpdated: o[0] || (o[0] = (n) => i.$emit("updated")),
       onMounted: o[1] || (o[1] = (n) => i.$emit("mounted")),
       onDataPointSelection: o[2] || (o[2] = (n) => i.$emit("dataPointSelection", n))
-    }), null, 16)) : v("", !0);
+    }), null, 16)) : b("", !0);
   }
 }), ei = { class: "chart-header flex flex-row items-center w-full justify-between" }, ti = { class: "text-lg font-bold truncate mr-8" }, li = {
   key: 0,
   class: "flex items-center gap-x-2 grow"
-}, si = { class: "self-center ml-2" }, ni = { class: "self-center ml-2" }, ai = { class: "self-center ml-2" }, oi = { class: "hidden sm:flex items-center" }, ii = { class: "w-1/2 min-w-0 flex-1" }, ri = ["max"], di = { class: "min-w-0 flex-1" }, ci = ["max"], ui = { class: "chart-content pb-6" }, gi = { class: "'w-full h-full flex items-center justify-center flex-col" }, mi = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, fi = /* @__PURE__ */ A({
+}, si = { class: "self-center ml-2" }, ni = { class: "self-center ml-2" }, ai = { class: "self-center ml-2" }, oi = { class: "hidden sm:flex items-center" }, ii = { class: "w-1/2 min-w-0 flex-1" }, ri = ["max"], di = { class: "min-w-0 flex-1" }, ci = ["max"], ui = { class: "chart-content pb-6" }, gi = { class: "'w-full h-full flex items-center justify-center flex-col" }, mi = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, fi = /* @__PURE__ */ T({
   __name: "uiChart",
   props: {
     labels: {},
@@ -3181,20 +3181,20 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
         }
       ]
     }), n.type === "area" && (d.tooltip = { intersect: !1, shared: !0 });
-    const u = () => (d.chart.stacked = n.stacked, n.options && (n.options.xaxis.hideOverlappingLabels = !0, n.options.xaxis.decimalsInFloat = 2, n.options.xaxis.tickAmount = 10), { ...d, ...n.options, plotOptions: { bar: { horizontal: n.horizontal } } }), b = () => {
+    const u = () => (d.chart.stacked = n.stacked, n.options && (n.options.xaxis.hideOverlappingLabels = !0, n.options.xaxis.decimalsInFloat = 2, n.options.xaxis.tickAmount = 10), { ...d, ...n.options, plotOptions: { bar: { horizontal: n.horizontal } } }), v = () => {
       r.from !== "" && r.to !== "" && Y(r.from).isBefore(Y(r.to)) && i("selectedRange", { range: r, chartId: n.id });
-    }, p = j(() => n.series), C = j(() => u()), R = () => i("chartUpdated"), E = (P, _, Q) => {
-      i("dataPointSelection", { id: n.id, chartContext: _, config: Q, event: P });
+    }, p = j(() => n.series), C = j(() => u()), R = () => i("chartUpdated"), E = (P, _, K) => {
+      i("dataPointSelection", { id: n.id, chartContext: _, config: K, event: P });
     };
     return (P, _) => (l(), s(k, null, [
       D(t("div", {
         class: "card chart apex-chart p-4 bg-white shadow rounded-lg overflow-hidden flex grow",
-        style: _e({ height: e.height + "px" })
+        style: qe({ height: e.height + "px" })
       }, [
         t("div", ei, [
           t("div", ti, c(e.title), 1),
           e.isNps && e.npsLiterals ? (l(), s("div", li, [
-            m(K, {
+            m(G, {
               size: "small",
               color: "red",
               loading: !1
@@ -3209,7 +3209,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
               ]),
               _: 1
             }),
-            m(K, {
+            m(G, {
               size: "small",
               color: "yellow",
               loading: !1
@@ -3224,7 +3224,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
               ]),
               _: 1
             }),
-            m(K, {
+            m(G, {
               size: "small",
               color: "green",
               loading: !1
@@ -3239,14 +3239,14 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
               ]),
               _: 1
             })
-          ])) : v("", !0),
+          ])) : b("", !0),
           t("div", oi, [
             t("div", ii, [
               D(t("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": _[0] || (_[0] = (Q) => f(r).from = Q),
+                "onUpdate:modelValue": _[0] || (_[0] = (K) => f(r).from = K),
                 max: o.value.toString(),
-                onChange: b,
+                onChange: v,
                 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"
@@ -3257,9 +3257,9 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
             t("div", di, [
               D(t("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": _[1] || (_[1] = (Q) => f(r).to = Q),
+                "onUpdate:modelValue": _[1] || (_[1] = (K) => f(r).to = K),
                 max: o.value.toString(),
-                onChange: b,
+                onChange: v,
                 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"
@@ -3272,12 +3272,12 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
               size: "big",
               loading: e.loading,
               icon: f(St),
-              onClick: _[2] || (_[2] = (Q) => P.$emit("maximizeChart", e.id))
+              onClick: _[2] || (_[2] = (K) => P.$emit("maximizeChart", e.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
         D(t("div", ui, [
-          m(et, {
+          m(tt, {
             class: "chart",
             type: e.type,
             series: p.value,
@@ -3338,7 +3338,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
 }), hi = {
   name: "uiFooter"
 }, yi = { class: "bg-white" };
-function vi(e, g, i, o, n, r) {
+function bi(e, g, i, o, n, r) {
   return l(), s("footer", yi, [...g[0] || (g[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" }, [
@@ -3347,7 +3347,7 @@ function vi(e, g, i, o, n, r) {
     ], -1)
   ])]);
 }
-const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
+const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   __name: "uiLoadingScreen",
   props: {
     title: {},
@@ -3390,10 +3390,10 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }, ji = {
   key: 0,
   class: "align-left"
-}, Ai = {
+}, Ti = {
   key: 1,
   class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2"
-}, Ti = { class: "h-12 flex flex-row items-center" }, Di = /* @__PURE__ */ A({
+}, Ai = { class: "h-12 flex flex-row items-center" }, Di = /* @__PURE__ */ T({
   __name: "uiSidebar",
   props: {
     navigation: {},
@@ -3409,7 +3409,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       t("div", wi, [
         t("div", ki, [
           t("nav", $i, [
-            e.loading ? (l(), s(k, { key: 1 }, S(5, (d) => t("div", Ti, [...a[1] || (a[1] = [
+            e.loading ? (l(), s(k, { key: 1 }, S(5, (d) => t("div", Ai, [...a[1] || (a[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), s(k, { key: 0 }, S(n.value, (d) => (l(), s(k, {
@@ -3434,7 +3434,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                           "mr-3 flex-shrink-0 h-6 w-6"
                         ]),
                         "aria-hidden": "true"
-                      }, null, 8, ["loading", "icon", "class"])) : v("", !0),
+                      }, null, 8, ["loading", "icon", "class"])) : b("", !0),
                       e.loading ? (l(), s("div", zi, [...a[0] || (a[0] = [
                         t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)
                       ])])) : (l(), s("span", Mi, c(d.name), 1)),
@@ -3446,13 +3446,13 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                   }, 1032, ["class"]),
                   m(f(Ne), { class: "space-y-1" }, {
                     default: y(() => [
-                      (l(!0), s(k, null, S(d.children, (b) => (l(), w(f(se), {
-                        onClick: (p) => o("sideBarClick", b.id),
-                        key: b.name,
-                        class: x([b.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"])
+                      (l(!0), s(k, null, S(d.children, (v) => (l(), w(f(se), {
+                        onClick: (p) => o("sideBarClick", v.id),
+                        key: v.name,
+                        class: x([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: y(() => [
-                          e.loading ? (l(), s("div", Ai)) : (l(), s("span", ji, c(b.name), 1))
+                          e.loading ? (l(), s("div", Ti)) : (l(), s("span", ji, c(v.name), 1))
                         ]),
                         _: 2
                       }, 1032, ["onClick", "class"]))), 128))
@@ -3478,8 +3478,8 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                       "mr-3 flex-shrink-0 h-6 w-6"
                     ]),
                     "aria-hidden": "true"
-                  }, null, 8, ["loading", "icon", "class"])) : v("", !0),
-                  e.loading ? v("", !0) : (l(), s("span", Bi, c(d.name), 1))
+                  }, null, 8, ["loading", "icon", "class"])) : b("", !0),
+                  e.loading ? b("", !0) : (l(), s("span", Bi, c(d.name), 1))
                 ], 10, Si)
               ]))
             ], 64))), 128))
@@ -3505,7 +3505,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }, Ei = { class: "ml-2 space-y-1" }, Ui = { class: "font-bold mb-4" }, Zi = {
   key: 1,
   class: "flex flex-col grow h-full"
-}, Wi = { class: "flex-1 overflow-y-auto pr-6" }, Ji = { class: "h-12 flex flex-row items-center" }, Ee = /* @__PURE__ */ A({
+}, Wi = { class: "flex-1 overflow-y-auto pr-6" }, Ji = { class: "h-12 flex flex-row items-center" }, Ue = /* @__PURE__ */ T({
   __name: "uiSidebarV2",
   props: {
     navigation: {},
@@ -3553,7 +3553,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         ]),
         t("nav", Vi, [
           t("div", Ri, [
-            e.isFilterNavigation ? v("", !0) : (l(), s("ul", _i, [
+            e.isFilterNavigation ? b("", !0) : (l(), s("ul", _i, [
               t("li", null, [
                 t("ul", qi, [
                   (l(!0), s(k, null, S(o.value, (a) => (l(), s("li", {
@@ -3643,14 +3643,14 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                   value: e.filterNavigation.search.value,
                   loading: e.filterNavigation.search.loading,
                   onInputChanged: r[1] || (r[1] = (a) => n.$emit("inputChanged", a))
-                }, null, 8, ["name", "label", "placeholder", "value", "loading"])) : v("", !0)
+                }, null, 8, ["name", "label", "placeholder", "value", "loading"])) : b("", !0)
               ]),
               (l(!0), s(k, null, S(e.filterNavigation.items, (a, d) => (l(), s("li", {
                 class: "ml-2",
                 key: d
               }, [
                 t("p", Ui, c(a.label), 1),
-                (l(!0), s(k, null, S(a.filters, (u, b) => (l(), w(ue, {
+                (l(!0), s(k, null, S(a.filters, (u, v) => (l(), w(ue, {
                   class: "mb-2",
                   value: u.value,
                   loading: u.loading
@@ -3661,7 +3661,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                   _: 2
                 }, 1032, ["value", "loading"]))), 256))
               ]))), 128))
-            ])) : v("", !0)
+            ])) : b("", !0)
           ])
         ])
       ]))
@@ -3670,7 +3670,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }), Gi = { key: 0 }, Ki = { class: "ml-16 text-sm font-medium truncate" }, Qi = { class: "ml-16 flex items-baseline pb-5" }, Xi = { class: "text-2xl font-semibold" }, er = {
   key: 0,
   class: "text-black ml-2 flex items-baseline text-sm font-semibold"
-}, tr = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, lr = { class: "text-sm" }, sr = { key: 1 }, nr = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, ar = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Ft = /* @__PURE__ */ A({
+}, tr = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, lr = { class: "text-sm" }, sr = { key: 1 }, nr = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, ar = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Ft = /* @__PURE__ */ T({
   __name: "uiStats",
   props: {
     item: {},
@@ -3720,7 +3720,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         ]),
         t("dd", Qi, [
           t("p", Xi, c(e.item.stat), 1),
-          e.item.explanation ? (l(), s("p", er, c(e.item.explanation), 1)) : v("", !0),
+          e.item.explanation ? (l(), s("p", er, c(e.item.explanation), 1)) : b("", !0),
           e.item.changeType ? (l(), s("p", {
             key: 1,
             class: x([
@@ -3736,14 +3736,14 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
               key: 0,
               class: "self-center flex-shrink-0 h-3 w-3 text-green-500",
               "aria-hidden": "true"
-            })) : v("", !0),
+            })) : b("", !0),
             e.item.changeType === "decrease" ? (l(), w(f(Rl), {
               key: 1,
               class: "self-center flex-shrink-0 h-3 w-3 text-red-500",
               "aria-hidden": "true"
-            })) : v("", !0),
+            })) : b("", !0),
             B(" " + c(e.item.change), 1)
-          ], 2)) : v("", !0),
+          ], 2)) : b("", !0),
           D(t("div", tr, [
             t("div", lr, [
               t("span", {
@@ -3770,7 +3770,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }, hr = {
   key: 1,
   class: "overflow-hidden bg-white shadow sm:rounded-lg"
-}, yr = { class: "border-t border-gray-200" }, vr = /* @__PURE__ */ A({
+}, yr = { class: "border-t border-gray-200" }, br = /* @__PURE__ */ T({
   __name: "uiStripedCard",
   props: {
     title: {},
@@ -3810,7 +3810,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
           }, [
             t("dt", ur, c(o.title), 1),
             o.type === "tags" ? (l(), s("dd", gr, [
-              (l(!0), s(k, null, S(o.tags, (r, a) => (l(), w(K, {
+              (l(!0), s(k, null, S(o.tags, (r, a) => (l(), w(G, {
                 loading: e.loading,
                 key: a,
                 color: r.color,
@@ -3831,7 +3831,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       ])
     ]));
   }
-}), br = { class: "absolute top-10 bg-black text-white text-xs p-2 rounded z-10 font-light w-60 flex flex-row items-start" }, xr = { class: "ml-2" }, pr = {
+}), vr = { class: "absolute top-10 bg-black text-white text-xs p-2 rounded z-10 font-light w-60 flex flex-row items-start" }, xr = { class: "ml-2" }, pr = {
   __name: "tooltip",
   props: {
     tip: {
@@ -3840,7 +3840,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
     }
   },
   setup(e) {
-    return (g, i) => (l(), s("div", br, [
+    return (g, i) => (l(), s("div", vr, [
       i[0] || (i[0] = t("svg", {
         class: "absolute -top-3 left-0",
         xmlns: "http://www.w3.org/2000/svg",
@@ -3873,7 +3873,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }, $r = { 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" }, Cr = { class: "p-6 gap-y-2 flex flex-col" }, Sr = { class: "flex items-center gap-x-2 w-full" }, Br = { class: "px-6 pb-6 gap-x-2 flex justify-end" }, Mr = {
   key: 1,
   class: "relative animate-pulse"
-}, zr = /* @__PURE__ */ A({
+}, zr = /* @__PURE__ */ T({
   __name: "uiSmartFilterMultipleV2",
   props: {
     literals: { default: () => ({
@@ -3891,8 +3891,8 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
   },
   emits: ["smartFiltersSent", "smartFiltersCleared", "smartFilterDeleted"],
   setup(e, { emit: g }) {
-    const i = e, o = g, n = V({ id: "1", name: i.literals.and }), r = ke([]), a = V(i.availableCategories[0] || {}), d = (M) => M ? M === "uiInput" ? i.literals.contains : i.literals.is : "", u = (M) => {
-      r.splice(0, r.length), M.logicOperator === "and" || M.logicOperator === i.literals.and ? n.value = { id: "1", name: i.literals.and } : (M.logicOperator === "or" || M.logicOperator === i.literals.or) && (n.value = { id: "2", name: i.literals.or }), M.filters.forEach((q) => {
+    const i = e, o = g, n = V({ id: "1", name: i.literals.and }), r = ke([]), a = V(i.availableCategories[0] || {}), d = (z) => z ? z === "uiInput" ? i.literals.contains : i.literals.is : "", u = (z) => {
+      r.splice(0, r.length), z.logicOperator === "and" || z.logicOperator === i.literals.and ? n.value = { id: "1", name: i.literals.and } : (z.logicOperator === "or" || z.logicOperator === i.literals.or) && (n.value = { id: "2", name: i.literals.or }), z.filters.forEach((q) => {
         const H = i.availableCategories.find(($) => $.name === q.name);
         if (H) {
           const $ = {
@@ -3911,60 +3911,60 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         }
       });
     };
-    Z(() => i.literals, (M) => {
-      n.value.id === "1" ? n.value.name = M.and : n.value.id === "2" && (n.value.name = M.or);
-    }, { deep: !0 }), Z(() => i.availableCategories, (M) => {
-      M.length > 0 && (!a.value.name || !M.some((q) => q.name === a.value.name)) && (a.value = M[0]);
-    }, { deep: !0, immediate: !0 }), Z(() => i.filters, (M) => {
-      M && u(M);
+    Z(() => i.literals, (z) => {
+      n.value.id === "1" ? n.value.name = z.and : n.value.id === "2" && (n.value.name = z.or);
+    }, { deep: !0 }), Z(() => i.availableCategories, (z) => {
+      z.length > 0 && (!a.value.name || !z.some((q) => q.name === a.value.name)) && (a.value = z[0]);
+    }, { deep: !0, immediate: !0 }), Z(() => i.filters, (z) => {
+      z && u(z);
     }, { deep: !0, immediate: !0 });
-    const b = j(() => [
+    const v = j(() => [
       { id: "1", name: i.literals.and },
       { id: "2", name: i.literals.or }
-    ]), p = j(() => i.availableCategories.map((M) => ({
-      id: M.name,
-      name: M.name,
-      label: M.label
+    ]), p = j(() => i.availableCategories.map((z) => ({
+      id: z.name,
+      name: z.name,
+      label: z.label
     }))), C = j(() => ({
       id: a.value.name,
       label: a.value.label,
       name: a.value.name
-    })), R = j(() => r.map((M) => M.type === "uiInput" ? {
-      name: M.label,
+    })), R = j(() => r.map((z) => z.type === "uiInput" ? {
+      name: z.label,
       operator: i.literals.contains,
-      value: M.props.value || ""
-    } : M.type === "uiSelect" ? {
-      name: M.label,
+      value: z.props.value || ""
+    } : z.type === "uiSelect" ? {
+      name: z.label,
       operator: i.literals.is,
-      value: M.props.select?.name || ""
+      value: z.props.select?.name || ""
     } : {
-      name: M.label,
+      name: z.label,
       operator: i.literals.contains,
       value: ""
-    })), E = (M) => {
-      n.value = Array.isArray(M) ? M[0] || { id: "1", name: i.literals.and } : M;
-    }, P = (M) => {
-      const q = Array.isArray(M) ? M[0] : M, H = i.availableCategories.find(($) => $.name === q.id);
+    })), E = (z) => {
+      n.value = Array.isArray(z) ? z[0] || { id: "1", name: i.literals.and } : z;
+    }, P = (z) => {
+      const q = Array.isArray(z) ? z[0] : z, H = i.availableCategories.find(($) => $.name === q.id);
       H && (a.value = H);
     }, _ = () => {
       if (!a.value || !a.value.name)
         return;
-      const M = {
+      const z = {
         label: a.value.label,
         name: a.value.name,
         type: a.value.componentType,
         props: { ...a.value.defaultProps }
       };
-      r.push(M);
-    }, Q = (M, q) => {
-      if (M < 0 || M >= r.length) return;
-      const H = r[M];
+      r.push(z);
+    }, K = (z, q) => {
+      if (z < 0 || z >= r.length) return;
+      const H = r[z];
       H.type === "uiInput" ? typeof q == "string" && (H.props.value = q) : H.type === "uiSelect" && (Array.isArray(q) ? H.props.select = q[0] : typeof q == "object" && q !== null && (H.props.select = q));
-    }, re = (M) => {
-      M >= 0 && M < r.length && (r.splice(M, 1), o("smartFilterDeleted", M));
+    }, re = (z) => {
+      z >= 0 && z < r.length && (r.splice(z, 1), o("smartFilterDeleted", z));
     }, me = () => {
       r.splice(0, r.length), o("smartFiltersCleared");
-    }, fe = (M) => {
+    }, fe = (z) => {
       const H = {
         logicOperator: n.value.id === "1" ? "and" : "or",
         filters: r.map(($) => ({
@@ -3974,9 +3974,9 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
           value: $.type === "uiInput" ? $.props.value : $.props.select?.name
         }))
       };
-      o("smartFiltersSent", H), M();
+      o("smartFiltersSent", H), z();
     };
-    return (M, q) => e.loading ? (l(), s("div", Mr, [...q[1] || (q[1] = [
+    return (z, q) => e.loading ? (l(), s("div", Mr, [...q[1] || (q[1] = [
       ee('<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(), w(f(kl), {
       key: 0,
@@ -3988,7 +3988,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
             t("span", null, c(i.literals.filters) + ": ", 1),
             (l(!0), s(k, null, S(R.value, (H, $) => (l(), s(k, { key: $ }, [
               t("span", wr, c(H.name) + " " + c(H.operator) + ": " + c(H.value), 1),
-              $ < R.value.length - 1 ? (l(), s("span", kr, c(n.value.name), 1)) : v("", !0)
+              $ < R.value.length - 1 ? (l(), s("span", kr, c(n.value.name), 1)) : b("", !0)
             ], 64))), 128)),
             m(f(oe), {
               class: "size-5",
@@ -4011,7 +4011,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                 t("div", $r, [
                   t("div", Cr, [
                     t("div", Sr, [
-                      m(be, {
+                      m(ve, {
                         loading: i.loading,
                         class: "w-60",
                         items: p.value,
@@ -4033,7 +4033,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                       class: "flex items-center gap-x-2 w-full",
                       key: $.name
                     }, [
-                      m(K, {
+                      m(G, {
                         loading: i.loading,
                         size: "big",
                         color: "gray"
@@ -4043,7 +4043,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                         ]),
                         _: 2
                       }, 1032, ["loading"]),
-                      m(K, {
+                      m(G, {
                         loading: i.loading,
                         size: "big",
                         color: "gray"
@@ -4053,30 +4053,30 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                         ]),
                         _: 2
                       }, 1032, ["loading"]),
-                      $.type === "uiSelect" ? (l(), w(be, {
+                      $.type === "uiSelect" ? (l(), w(ve, {
                         key: 0,
                         class: "grow",
                         loading: i.loading,
                         items: $.props.items || [],
                         select: $.props.select || $.props.items?.[0] || { id: "0", name: "Select..." },
-                        onSelectChanged: (N) => Q(F, N)
+                        onSelectChanged: (N) => K(F, N)
                       }, null, 8, ["loading", "items", "select", "onSelectChanged"])) : $.type === "uiInput" ? (l(), w(ae, {
                         key: 1,
                         class: "grow",
                         loading: i.loading,
                         name: $.props.name || "",
                         value: $.props.value || "",
-                        onInput: (N) => Q(F, N.target.value)
-                      }, null, 8, ["loading", "name", "value", "onInput"])) : v("", !0),
-                      F === 0 ? (l(), w(be, {
+                        onInput: (N) => K(F, N.target.value)
+                      }, null, 8, ["loading", "name", "value", "onInput"])) : b("", !0),
+                      F === 0 ? (l(), w(ve, {
                         key: 2,
                         onSelectChanged: E,
                         class: "w-24 uppercase",
                         loading: i.loading,
-                        items: b.value,
+                        items: v.value,
                         select: n.value
-                      }, null, 8, ["loading", "items", "select"])) : v("", !0),
-                      F > 0 ? (l(), w(K, {
+                      }, null, 8, ["loading", "items", "select"])) : b("", !0),
+                      F > 0 ? (l(), w(G, {
                         key: 3,
                         loading: i.loading,
                         size: "big",
@@ -4087,7 +4087,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                           B(c(n.value.name), 1)
                         ]),
                         _: 1
-                      }, 8, ["loading"])) : v("", !0),
+                      }, 8, ["loading"])) : b("", !0),
                       m(L, {
                         icon: f(pe),
                         color: "red",
@@ -4132,7 +4132,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       _: 1
     }));
   }
-}), jr = { class: "w-full flex flex-col justify-center p-10 grow" }, Ar = { class: "text-center" }, Tr = { class: "text-2xl mt-4 font-bold" }, Dr = { class: "mt-4" }, Lr = { class: "buttons flex mt-8 gap-x-1 justify-center flex-col gap-y-2 md:flex-row md:gap-y-0" }, tt = /* @__PURE__ */ A({
+}), jr = { class: "w-full flex flex-col justify-center p-10 grow" }, Tr = { class: "text-center" }, Ar = { class: "text-2xl mt-4 font-bold" }, Dr = { class: "mt-4" }, Lr = { class: "buttons flex mt-8 gap-x-1 justify-center flex-col gap-y-2 md:flex-row md:gap-y-0" }, lt = /* @__PURE__ */ T({
   __name: "uiNoResults",
   props: {
     title: {},
@@ -4151,8 +4151,8 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         size: "massive",
         color: "gray"
       }, null, 8, ["icon"]),
-      t("div", Ar, [
-        t("h2", Tr, c(e.title), 1),
+      t("div", Tr, [
+        t("h2", Ar, c(e.title), 1),
         t("p", Dr, c(e.message), 1),
         t("div", Lr, [
           (l(!0), s(k, null, S(e.actions, (o, n) => (l(), w(U, {
@@ -4170,7 +4170,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
             items: e.items,
             loading: !1,
             onOptionSelected: i[0] || (i[0] = (o) => g.$emit("noResultsOptionSelected", o))
-          }, null, 8, ["items"])) : v("", !0)
+          }, null, 8, ["items"])) : b("", !0)
         ])
       ])
     ]));
@@ -4211,7 +4211,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }, rd = ["onClick"], dd = { key: 0 }, cd = {
   key: 2,
   class: "devicesFooter px-1 flex flex-row justify-between items-center"
-}, ud = { key: 0 }, gd = /* @__PURE__ */ A({
+}, ud = { key: 0 }, gd = /* @__PURE__ */ T({
   __name: "uiTable",
   props: {
     selectAllItemsModal: {},
@@ -4239,17 +4239,17 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
   emits: ["tableAction", "orderBy", "customEmit", "selectedItemsDeleted", "selectAllItems", "modalAction", "smartFiltersSent", "smartFiltersCleared", "smartFilterDeleted", "tableActionSelected", "tableActionButtonClicked", "changePage", "changePageSize", "columnsVisibilityChanged", "deselectAllItems", "noResultsAction", "noResultsOptionSelected"],
   setup(e, { emit: g }) {
     const i = {
-      uiTag: K
-    }, o = g, n = e, r = V([]), a = V(""), d = V(!1), u = V(null), b = V(null), p = V(!1), C = V(null), R = V(null), E = j(() => n.items && n.items.length > 0), P = j(() => r.value.length > 0), _ = j(() => n.actions && n.actions.length > 0 || !1), Q = j(
+      uiTag: G
+    }, o = g, n = e, r = V([]), a = V(""), d = V(!1), u = V(null), v = V(null), p = V(!1), C = V(null), R = V(null), E = j(() => n.items && n.items.length > 0), P = j(() => r.value.length > 0), _ = j(() => n.actions && n.actions.length > 0 || !1), K = j(
       () => r.value.length === n.items.length && n.items.length > 0
     ), re = j(
       () => r.value.length > 0 && r.value.length < n.items.length
     ), me = j(
-      () => n.header.filter((h, T) => st(T))
+      () => n.header.filter((h, A) => nt(A))
     ), fe = j(() => [
       n.actions ? "px-6 sm:px-8" : "px-3",
       "relative"
-    ]), M = j(() => [
+    ]), z = j(() => [
       n.actions && n.actions.length > 0 ? "w-2" : "w-0",
       "relative"
     ]), q = j(
@@ -4266,7 +4266,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       () => n.paginationCurrent !== void 0 && n.paginationTotal !== void 0 && n.paginationTotalItems !== void 0
     ), le = j(
       () => n.pageSizeOptions && n.pageSizeOptions.length > 0
-    ), lt = j(() => n.pageSizeOptions ? n.pageSizeOptions.map((h) => ({
+    ), st = j(() => n.pageSizeOptions ? n.pageSizeOptions.map((h) => ({
       name: h.name,
       value: String(h.value),
       active: !!(h.active || n.currentPageSize && h.value === n.currentPageSize)
@@ -4280,14 +4280,14 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       filter: "Filtrar"
     }, It = (h) => {
       h.action === "close" ? Se.value = !1 : (Se.value = !1, n.selectAllItemsModal && o("modalAction", { modal: n.selectAllItemsModal.modalName, action: h.action }));
-    }, st = (h) => n.hiddenColumns && n.hiddenColumns.length > 0 ? !n.hiddenColumns.includes(h) : !0, Re = (h) => r.value.includes(h), Nt = (h) => a.value === h, Vt = (h) => h.filter((T, z) => st(z)), Rt = (h, T) => {
-      const z = [];
-      return Re(h.id) && z.push("bg-gray-50"), T % 2 !== 0 && z.push("bg-gray-50"), z;
+    }, nt = (h) => n.hiddenColumns && n.hiddenColumns.length > 0 ? !n.hiddenColumns.includes(h) : !0, Re = (h) => r.value.includes(h), Nt = (h) => a.value === h, Vt = (h) => h.filter((A, M) => nt(M)), Rt = (h, A) => {
+      const M = [];
+      return Re(h.id) && M.push("bg-gray-50"), A % 2 !== 0 && M.push("bg-gray-50"), M;
     }, _t = (h) => {
-      const T = ["whitespace-nowrap", "py-4", "pr-3", "text-sm"];
-      return Re(h) && T.push("text-black", "font-bold"), T;
+      const A = ["whitespace-nowrap", "py-4", "pr-3", "text-sm"];
+      return Re(h) && A.push("text-black", "font-bold"), A;
     }, qt = (h) => {
-      const T = [
+      const A = [
         "absolute",
         "left-4",
         "top-1/2",
@@ -4300,11 +4300,11 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         "focus:ring-lime-400",
         "flex-wrap"
       ];
-      return h && T.push("bg-gray-100"), T;
+      return h && A.push("bg-gray-100"), A;
     }, Ht = (h) => {
-      const T = [];
-      return h === n.orderedBy ? T.push("bg-black", "text-white", "group-hover:bg-lime-400", "group-hover:text-black") : T.push("group-hover:visible", "group-focus:visible"), T;
-    }, Yt = (h) => typeof h == "object" && h.type === "tag" ? i.uiTag : typeof h == "object" && h.type === "link" ? "span" : typeof h == "object" && h.type === "href" ? "a" : typeof h == "object" && h.type === "guest" ? "div" : typeof h == "object" && h.type === "action" ? "button" : "span", nt = (h) => typeof h == "object" && h.type === "tag" ? {
+      const A = [];
+      return h === n.orderedBy ? A.push("bg-black", "text-white", "group-hover:bg-lime-400", "group-hover:text-black") : A.push("group-hover:visible", "group-focus:visible"), A;
+    }, Yt = (h) => typeof h == "object" && h.type === "tag" ? i.uiTag : typeof h == "object" && h.type === "link" ? "span" : typeof h == "object" && h.type === "href" ? "a" : typeof h == "object" && h.type === "guest" ? "div" : typeof h == "object" && h.type === "action" ? "button" : "span", at = (h) => typeof h == "object" && h.type === "tag" ? {
       loading: n.loading,
       color: h.color || "primary",
       size: h.size || "medium",
@@ -4319,16 +4319,16 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
     } : typeof h == "object" && h.type === "action" ? {
       type: "button",
       class: "inline-flex items-center gap-2 px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-lime-400 focus:ring-offset-2"
-    } : {}, at = (h) => typeof h == "object" ? h.content || "" : h || "", Et = (h) => h === n.orderedBy ? n.orderDirection === "asc" ? oe : jt : oe, Ut = (h) => h === n.orderedBy ? "white" : "primary", Zt = (h) => {
+    } : {}, ot = (h) => typeof h == "object" ? h.content || "" : h || "", Et = (h) => h === n.orderedBy ? n.orderDirection === "asc" ? oe : jt : oe, Ut = (h) => h === n.orderedBy ? "white" : "primary", Zt = (h) => {
       o("tableAction", { action: h.id, items: r.value });
     }, Wt = (h) => {
-      const T = h.target;
-      T.checked ? Se.value = !0 : o("deselectAllItems"), r.value = T.checked ? n.items.map((z) => z.disabled ? null : z.id) : [];
+      const A = h.target;
+      A.checked ? Se.value = !0 : o("deselectAllItems"), r.value = A.checked ? n.items.map((M) => M.disabled ? null : M.id) : [];
     }, Jt = (h) => {
-      const T = n.orderDirection === "asc" ? "desc" : "asc";
-      o("orderBy", { value: h, orderDirection: T });
-    }, de = (h, T) => {
-      typeof h == "object" && (h.type === "link" || h.type === "action") && o("customEmit", { data: h, rowId: T });
+      const A = n.orderDirection === "asc" ? "desc" : "asc";
+      o("orderBy", { value: h, orderDirection: A });
+    }, de = (h, A) => {
+      typeof h == "object" && (h.type === "link" || h.type === "action") && o("customEmit", { data: h, rowId: A });
     }, Gt = (h) => {
       typeof h == "object" && h.type === "tag" && o("customEmit", { data: h });
     }, Kt = (h) => {
@@ -4350,8 +4350,8 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
     }, al = (h) => {
       o("changePageSize", h.value);
     }, ol = (h) => {
-      const T = Number(h.value);
-      h.checked ? o("columnsVisibilityChanged", { index: T, hidden: !0 }) : o("columnsVisibilityChanged", { index: T, hidden: !1 });
+      const A = Number(h.value);
+      h.checked ? o("columnsVisibilityChanged", { index: A, hidden: !0 }) : o("columnsVisibilityChanged", { index: A, hidden: !1 });
     }, il = (h) => {
       o("noResultsAction", h);
     }, rl = (h) => {
@@ -4368,20 +4368,20 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       const h = "bg-lime-50 z-10";
       return p.value && n.items.length > 25 ? `${h} sticky top-0` : h;
     }), ml = j(() => ({})), fl = j(() => p.value && C.value !== null && n.items.length > 25 ? { maxHeight: `${C.value}px` } : {}), he = () => {
-      if (!b.value || !u.value) return;
+      if (!v.value || !u.value) return;
       if (n.items.length <= 25) {
         C.value = null, p.value = !1;
         return;
       }
       const h = u.value.querySelector("table");
-      if (!h) return;
-      const T = b.value.getBoundingClientRect(), z = window.innerHeight - T.top - 40;
-      let G = 0;
-      F.value && (G += 100), N.value && (G += 80);
-      const I = Math.max(300, z - G);
-      ve(() => {
+      h && be(() => {
         if (!u.value || !h) return;
-        h.offsetHeight > I ? (C.value = I, p.value = !0) : (C.value = null, p.value = !1);
+        const A = h.querySelector("thead"), M = h.querySelector("tbody");
+        if (!A || !M) return;
+        const Q = A.offsetHeight, I = M.querySelector("tr");
+        if (!I) return;
+        const _e = I.offsetHeight, X = Q + _e * 25;
+        C.value = X, p.value = !0;
       });
     }, ye = () => {
       u.value && requestAnimationFrame(() => {
@@ -4393,59 +4393,59 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
     return Z(() => n.resetSelected, (h) => {
       h !== void 0 && (d.value = h, h && d.value && (r.value = [], d.value = !h, o("selectedItemsDeleted")));
     }), Z(() => n.items, () => {
-      ve(() => {
+      be(() => {
         he(), ye();
       });
     }, { deep: !0 }), Z(() => n.loading, (h) => {
-      h || ve(() => {
+      h || be(() => {
         he(), ye();
       });
     }), Z([F, N], () => {
-      ve(() => {
+      be(() => {
         he(), ye();
       });
     }), Oe(() => {
-      ve(() => {
+      be(() => {
         he(), ye();
         const h = () => {
           he(), ye();
         };
         R.value = h, window.addEventListener("resize", h);
       });
-    }), vl(() => {
+    }), bl(() => {
       R.value && (window.removeEventListener("resize", R.value), R.value = null);
-    }), (h, T) => !e.loading && E.value ? (l(), s("div", Pr, [
+    }), (h, A) => !e.loading && E.value ? (l(), s("div", Pr, [
       e.selectAllItemsModal ? (l(), w(Pe, {
         key: 0,
         title: e.selectAllItemsModal.title,
         modalName: e.selectAllItemsModal.modalName,
         open: Se.value,
         actions: e.selectAllItemsModal.actions,
-        onModalAction: T[0] || (T[0] = (z) => It(z))
+        onModalAction: A[0] || (A[0] = (M) => It(M))
       }, {
         default: y(() => [
           B(c(e.selectAllItemsModal.content), 1)
         ]),
         _: 1
-      }, 8, ["title", "modalName", "open", "actions"])) : v("", !0),
+      }, 8, ["title", "modalName", "open", "actions"])) : b("", !0),
       m(Pe, {
         title: "Seleccione las columnas que desea ocultar",
         modalName: "columnsModal",
         open: Be.value,
-        onClose: T[1] || (T[1] = (z) => Be.value = !1),
-        onModalAction: T[2] || (T[2] = (z) => z.action === "close" ? Be.value = !1 : null)
+        onClose: A[1] || (A[1] = (M) => Be.value = !1),
+        onModalAction: A[2] || (A[2] = (M) => M.action === "close" ? Be.value = !1 : null)
       }, {
         default: y(() => [
-          (l(!0), s(k, null, S(n.header, (z, G) => (l(), w(ue, {
+          (l(!0), s(k, null, S(n.header, (M, Q) => (l(), w(ue, {
             onCheckboxChanged: ol,
-            check: dl(G),
+            check: dl(Q),
             class: "mb-2",
             loading: !1,
-            key: G,
-            value: String(G)
+            key: Q,
+            value: String(Q)
           }, {
             default: y(() => [
-              B(c(z.name), 1)
+              B(c(M.name), 1)
             ]),
             _: 2
           }, 1032, ["check", "value"]))), 128))
@@ -4463,25 +4463,25 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
             onSmartFilterDeleted: tl,
             loading: n.loading
           }, null, 8, ["available-categories", "literals", "filters", "loading"])
-        ])) : v("", !0),
+        ])) : b("", !0),
         H.value || $.value ? (l(), s("div", Ir, [
           $.value ? (l(), s("div", Nr, [
-            (l(!0), s(k, null, S(n.tableActionButtons, (z) => (l(), w(U, {
-              key: z.id,
-              loading: z.loading !== void 0 ? z.loading : n.loading,
-              disabled: z.disabled,
-              color: z.color || "primary",
-              size: z.size || "medium",
-              icon: z.icon,
+            (l(!0), s(k, null, S(n.tableActionButtons, (M) => (l(), w(U, {
+              key: M.id,
+              loading: M.loading !== void 0 ? M.loading : n.loading,
+              disabled: M.disabled,
+              color: M.color || "primary",
+              size: M.size || "medium",
+              icon: M.icon,
               class: "w-auto",
-              onClick: (G) => sl(z)
+              onClick: (Q) => sl(M)
             }, {
               default: y(() => [
-                B(c(z.text), 1)
+                B(c(M.text), 1)
               ]),
               _: 2
             }, 1032, ["loading", "disabled", "color", "size", "icon", "onClick"]))), 128))
-          ])) : v("", !0),
+          ])) : b("", !0),
           H.value ? (l(), s("div", Vr, [
             m(ge, {
               position: "right",
@@ -4489,31 +4489,31 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
               loading: n.tableActionsDropdown?.loading || !1,
               onOptionSelected: ll
             }, null, 8, ["items", "loading"])
-          ])) : v("", !0)
-        ])) : v("", !0)
-      ])) : v("", !0),
+          ])) : b("", !0)
+        ])) : b("", !0)
+      ])) : b("", !0),
       t("div", {
         ref_key: "tableWrapper",
-        ref: b,
+        ref: v,
         class: "flex flex-col",
-        style: _e(ml.value)
+        style: qe(ml.value)
       }, [
         t("div", Rr, [
           t("div", _r, [
             t("div", qr, [
               P.value && _.value ? (l(), s("div", Hr, [
-                (l(!0), s(k, null, S(e.actions, (z, G) => (l(), s("button", {
-                  key: G,
+                (l(!0), s(k, null, S(e.actions, (M, Q) => (l(), s("button", {
+                  key: Q,
                   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: (I) => Zt(z)
-                }, c(z.name), 9, Yr))), 128))
-              ])) : v("", !0),
+                  onClick: (I) => Zt(M)
+                }, c(M.name), 9, Yr))), 128))
+              ])) : b("", !0),
               t("div", {
                 ref_key: "tableScrollContainer",
                 ref: u,
                 class: x(ul.value),
-                style: _e(fl.value)
+                style: qe(fl.value)
               }, [
                 t("table", Er, [
                   t("thead", {
@@ -4526,68 +4526,68 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                       }, [
                         _.value ? (l(), s("input", {
                           key: 0,
-                          checked: Q.value,
+                          checked: K.value,
                           indeterminate: re.value,
                           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: Wt
-                        }, null, 40, Ur)) : v("", !0)
+                        }, null, 40, Ur)) : b("", !0)
                       ], 2),
-                      (l(!0), s(k, null, S(me.value, (z, G) => (l(), s("th", {
-                        key: G,
+                      (l(!0), s(k, null, S(me.value, (M, Q) => (l(), s("th", {
+                        key: Q,
                         class: "py-3.5 pr-3 text-left font-semibold relative",
                         scope: "col",
-                        onMouseover: (I) => Kt(z.name),
-                        onMouseleave: T[3] || (T[3] = (I) => Qt())
+                        onMouseover: (I) => Kt(M.name),
+                        onMouseleave: A[3] || (A[3] = (I) => Qt())
                       }, [
-                        z.tooltip && Nt(z.name) ? (l(), w(pr, {
+                        M.tooltip && Nt(M.name) ? (l(), w(pr, {
                           key: 0,
-                          tip: z.tooltip
-                        }, null, 8, ["tip"])) : v("", !0),
-                        z.value ? (l(), s("button", {
+                          tip: M.tooltip
+                        }, null, 8, ["tip"])) : b("", !0),
+                        M.value ? (l(), s("button", {
                           key: 1,
                           class: "group flex items-center uppercase text-xs relative text-nowrap",
-                          onClick: (I) => Jt(z.value)
+                          onClick: (I) => Jt(M.value)
                         }, [
-                          t("span", null, c(z.name), 1),
+                          t("span", null, c(M.name), 1),
                           t("span", {
-                            class: x([Ht(z.value), "ml-2 flex-none rounded group-hover:bg-lime-200 group-hover:text-white"])
+                            class: x([Ht(M.value), "ml-2 flex-none rounded group-hover:bg-lime-200 group-hover:text-white"])
                           }, [
                             m(L, {
-                              icon: Et(z.value),
+                              icon: Et(M.value),
                               loading: e.loading,
-                              color: Ut(z.value)
+                              color: Ut(M.value)
                             }, null, 8, ["icon", "loading", "color"])
                           ], 2)
                         ], 8, Wr)) : (l(), s("p", Jr, [
-                          t("span", null, c(z.name), 1)
+                          t("span", null, c(M.name), 1)
                         ]))
                       ], 40, Zr))), 128))
                     ])
                   ], 2),
                   t("tbody", Gr, [
-                    (l(!0), s(k, null, S(e.items, (z, G) => (l(), s("tr", {
-                      key: z.id,
-                      class: x(Rt(z, G))
+                    (l(!0), s(k, null, S(e.items, (M, Q) => (l(), s("tr", {
+                      key: M.id,
+                      class: x(Rt(M, Q))
                     }, [
                       t("td", {
-                        class: x(M.value)
+                        class: x(z.value)
                       }, [
-                        Re(z.id) ? (l(), s("div", Kr)) : v("", !0),
+                        Re(M.id) ? (l(), s("div", Kr)) : b("", !0),
                         _.value ? D((l(), s("input", {
                           key: 1,
-                          "onUpdate:modelValue": T[4] || (T[4] = (I) => r.value = I),
-                          value: z.id,
-                          class: x(qt(z.disabled)),
+                          "onUpdate:modelValue": A[4] || (A[4] = (I) => r.value = I),
+                          value: M.id,
+                          class: x(qt(M.disabled)),
                           type: "checkbox",
-                          disabled: z.disabled
+                          disabled: M.disabled
                         }, null, 10, Qr)), [
                           [yt, r.value]
-                        ]) : v("", !0)
+                        ]) : b("", !0)
                       ], 2),
-                      (l(!0), s(k, null, S(Vt(z.row), (I, ot) => (l(), s("td", {
-                        key: ot,
-                        class: x(_t(z.id))
+                      (l(!0), s(k, null, S(Vt(M.row), (I, _e) => (l(), s("td", {
+                        key: _e,
+                        class: x(_t(M.id))
                       }, [
                         typeof I == "object" && I.type === "guest" ? (l(), s("div", Xr, [
                           t("span", ed, c(I.content), 1),
@@ -4596,7 +4596,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                           key: 1,
                           type: "button",
                           class: "inline-flex items-center gap-2 px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-lime-400 focus:ring-offset-2",
-                          onClick: (X) => de(I, z.id)
+                          onClick: (X) => de(I, M.id)
                         }, [
                           I.icon ? (l(), w(L, {
                             key: 0,
@@ -4604,15 +4604,15 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                             icon: I.icon,
                             size: "small",
                             color: "gray"
-                          }, null, 8, ["loading", "icon"])) : v("", !0),
+                          }, null, 8, ["loading", "icon"])) : b("", !0),
                           t("span", null, c(I.content), 1)
                         ], 8, ld)) : typeof I == "object" && I.type === "link" ? (l(), s("span", Le({
                           key: 2,
                           ref_for: !0
-                        }, nt(I), {
-                          onClick: (X) => de(I, z.id)
+                        }, at(I), {
+                          onClick: (X) => de(I, M.id)
                         }), [
-                          B(c(at(I)) + " ", 1),
+                          B(c(ot(I)) + " ", 1),
                           I.icon ? (l(), w(L, {
                             key: 0,
                             loading: e.loading,
@@ -4620,12 +4620,12 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                             size: "small",
                             color: "gray",
                             class: "inline-block ml-1"
-                          }, null, 8, ["loading", "icon"])) : v("", !0)
+                          }, null, 8, ["loading", "icon"])) : b("", !0)
                         ], 16, sd)) : typeof I == "object" && I.type === "apiKey" ? (l(), s("div", nd, [
                           t("span", null, c(I.content), 1),
                           t("button", {
                             type: "button",
-                            onClick: (X) => de({ type: "action", action: "reveal", value: I.value }, z.id),
+                            onClick: (X) => de({ type: "action", action: "reveal", value: I.value }, M.id),
                             class: "inline-flex items-center p-1 text-gray-500 hover:text-gray-700 focus:outline-none"
                           }, [
                             m(L, {
@@ -4637,12 +4637,12 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                           ], 8, ad),
                           t("button", {
                             type: "button",
-                            onClick: (X) => de({ type: "action", action: "copy", value: I.value }, z.id),
+                            onClick: (X) => de({ type: "action", action: "copy", value: I.value }, M.id),
                             class: "inline-flex items-center p-1 text-gray-500 hover:text-gray-700 focus:outline-none"
                           }, [
                             m(L, {
                               loading: e.loading,
-                              icon: f(He),
+                              icon: f(Ye),
                               size: "small",
                               color: "gray"
                             }, null, 8, ["loading", "icon"])
@@ -4651,7 +4651,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                           (l(!0), s(k, null, S(I.actions, (X, hl) => (l(), s("button", {
                             key: hl,
                             type: "button",
-                            onClick: (ng) => de({ type: "action", action: X.action }, z.id),
+                            onClick: (ng) => de({ type: "action", action: X.action }, M.id),
                             class: x(X.action === "viewCode" ? "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-lime-400 focus:ring-offset-2" : "inline-flex items-center p-1 text-gray-500 hover:text-gray-700 focus:outline-none")
                           }, [
                             m(L, {
@@ -4660,17 +4660,17 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                               size: "small",
                               color: "gray"
                             }, null, 8, ["loading", "icon"]),
-                            X.action === "viewCode" ? (l(), s("span", dd, "View Code")) : v("", !0)
+                            X.action === "viewCode" ? (l(), s("span", dd, "View Code")) : b("", !0)
                           ], 10, rd))), 128))
                         ])) : (l(), w(Fe(Yt(I)), Le({
                           key: 5,
                           ref_for: !0
-                        }, nt(I), {
+                        }, at(I), {
                           onClick: (X) => de(I),
                           onTagEvent: (X) => Gt(I)
                         }), {
                           default: y(() => [
-                            B(c(at(I)), 1)
+                            B(c(ot(I)), 1)
                           ]),
                           _: 2
                         }, 1040, ["onClick", "onTagEvent"]))
@@ -4687,11 +4687,11 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         le.value ? (l(), s("div", ud, [
           m(ge, {
             verticalPosition: "top",
-            items: lt.value,
+            items: st.value,
             loading: n.loading,
             onOptionSelected: al
           }, null, 8, ["items", "loading"])
-        ])) : v("", !0),
+        ])) : b("", !0),
         W.value ? (l(), s("div", {
           key: 1,
           class: x(["grow", { "ml-10": le.value }])
@@ -4703,29 +4703,29 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
             loading: n.loading,
             onChangePage: nl
           }, {
-            previous: y(() => [...T[5] || (T[5] = [
+            previous: y(() => [...A[5] || (A[5] = [
               B("Anterior", -1)
             ])]),
-            next: y(() => [...T[6] || (T[6] = [
+            next: y(() => [...A[6] || (A[6] = [
               B("Siguiente", -1)
             ])]),
-            showing: y(() => [...T[7] || (T[7] = [
+            showing: y(() => [...A[7] || (A[7] = [
               B("Mostrando", -1)
             ])]),
-            of: y(() => [...T[8] || (T[8] = [
+            of: y(() => [...A[8] || (A[8] = [
               B("de", -1)
             ])]),
-            pages: y(() => [...T[9] || (T[9] = [
+            pages: y(() => [...A[9] || (A[9] = [
               B("páginas", -1)
             ])]),
-            fromTotal: y(() => [...T[10] || (T[10] = [
+            fromTotal: y(() => [...A[10] || (A[10] = [
               B("Elementos totales:", -1)
             ])]),
             _: 1
           }, 8, ["current", "total", "totalItems", "loading"])
-        ], 2)) : v("", !0)
-      ])) : v("", !0)
-    ])) : !e.loading && !E.value && n.noResults ? (l(), w(tt, {
+        ], 2)) : b("", !0)
+      ])) : b("", !0)
+    ])) : !e.loading && !E.value && n.noResults ? (l(), w(lt, {
       key: 1,
       title: n.noResults.title,
       message: n.noResults.message,
@@ -4736,10 +4736,10 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       onNoResultsOptionSelected: rl
     }, null, 8, ["title", "message", "actions", "items", "select"])) : (l(), w(Lt, { key: 2 }));
   }
-}), md = { class: "lg:hidden" }, fd = ["value"], hd = { class: "hidden lg:block" }, yd = { class: "border-b border-gray-200" }, vd = {
+}), md = { class: "lg:hidden" }, fd = ["value"], hd = { class: "hidden lg:block" }, yd = { class: "border-b border-gray-200" }, bd = {
   class: "-mb-px flex space-x-8",
   "aria-label": "Tabs"
-}, bd = ["onClick", "aria-current"], xd = /* @__PURE__ */ A({
+}, vd = ["onClick", "aria-current"], xd = /* @__PURE__ */ T({
   __name: "uiTabs",
   props: {
     tabs: {}
@@ -4766,7 +4766,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       ]),
       t("div", hd, [
         t("div", yd, [
-          t("nav", vd, [
+          t("nav", bd, [
             (l(!0), s(k, null, S(e.tabs, (a) => (l(), s("a", {
               key: a.name,
               onClick: (d) => i("tabClicked", a.id),
@@ -4783,8 +4783,8 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                   a.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(a.count), 3)) : v("", !0)
-            ], 10, bd))), 128))
+              }, c(a.count), 3)) : b("", !0)
+            ], 10, vd))), 128))
           ])
         ])
       ])
@@ -4797,7 +4797,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, Bd = { class: "relative flex space-x-3" }, Md = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, zd = { class: "text-sm text-gray-500" }, jd = ["onClick"], Ad = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, Td = ["datetime"], Dd = {
+}, Bd = { class: "relative flex space-x-3" }, Md = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, zd = { class: "text-sm text-gray-500" }, jd = ["onClick"], Td = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, Ad = ["datetime"], Dd = {
   key: 1,
   class: "bg-lime-50 px-4 py-4 sm:px-6 z-10"
 }, Ld = { class: "text-sm" }, Pd = {
@@ -4813,7 +4813,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, _d = /* @__PURE__ */ A({
+}, _d = /* @__PURE__ */ T({
   __name: "uiTimeline",
   props: {
     name: {},
@@ -4836,7 +4836,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
           t("ul", Nd, [
             (l(), s(k, null, S(10, (a, d) => t("li", { key: d }, [
               t("div", Vd, [
-                a !== 10 ? (l(), s("span", Rd)) : v("", !0),
+                a !== 10 ? (l(), s("span", Rd)) : b("", !0),
                 r[2] || (r[2] = ee('<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))
@@ -4857,7 +4857,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       ]),
       o.items.length > 0 ? (l(), s("div", kd, [
         t("div", $d, [
-          m(bl, {
+          m(vl, {
             name: "list",
             tag: "ul",
             class: "-mb-8"
@@ -4865,7 +4865,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
             default: y(() => [
               (l(!0), s(k, null, S(o.items, (a, d) => (l(), s("li", { key: d }, [
                 t("div", Cd, [
-                  d < o.items.length - 1 ? (l(), s("span", Sd)) : v("", !0),
+                  d < o.items.length - 1 ? (l(), s("span", Sd)) : b("", !0),
                   t("div", Bd, [
                     t("div", null, [
                       t("span", {
@@ -4894,10 +4894,10 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                           B(" " + c(a?.content), 1)
                         ])
                       ]),
-                      t("div", Ad, [
+                      t("div", Td, [
                         t("time", {
                           datetime: a?.datetime
-                        }, c(a?.date), 9, Td)
+                        }, c(a?.date), 9, Ad)
                       ])
                     ])
                   ])
@@ -4907,7 +4907,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
             _: 1
           })
         ])
-      ])) : v("", !0),
+      ])) : b("", !0),
       o.items.length > 0 ? (l(), s("div", Dd, [
         t("div", Ld, [
           t("a", {
@@ -4929,7 +4929,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }), qd = { class: "mx-auto px-6 lg:px-8" }, Hd = { class: "flex justify-between h-20" }, Yd = { class: "flex" }, Ed = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, Ud = ["src"], Zd = { class: "flex items-center" }, Wd = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, Jd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Gd = ["src"], Kd = ["onClick"], Qd = { class: "pt-2 pb-3 space-y-1" }, Xd = ["onClick"], ec = { class: "pt-4 pb-3 border-t border-gray-200" }, tc = { class: "flex items-center px-4 sm:px-6" }, lc = { class: "flex-shrink-0" }, sc = ["src"], nc = {
   key: 0,
   class: "ml-3"
-}, ac = { class: "text-base font-medium text-gray-800" }, oc = { class: "text-sm font-medium text-gray-500" }, ic = { class: "mt-3 space-y-1" }, rc = ["onClick"], dc = /* @__PURE__ */ A({
+}, ac = { class: "text-base font-medium text-gray-800" }, oc = { class: "text-sm font-medium text-gray-500" }, ic = { class: "mt-3 space-y-1" }, rc = ["onClick"], dc = /* @__PURE__ */ T({
   __name: "uiTopbar",
   props: {
     logo: {},
@@ -4980,13 +4980,13 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
             ]),
             t("div", Zd, [
               t("div", Wd, [
-                m(f(Ue), {
+                m(f(Ze), {
                   as: "div",
                   class: "ml-3 relative"
                 }, {
                   default: y(() => [
                     t("div", null, [
-                      D(m(f(Ze), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
+                      D(m(f(We), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
                         default: y(() => [
                           D(t("div", Jd, [...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)
@@ -5012,14 +5012,14 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                       "leave-to-class": "transform opacity-0 scale-95"
                     }, {
                       default: y(() => [
-                        m(f(We), { class: "origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, {
+                        m(f(Je), { class: "origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, {
                           default: y(() => [
-                            (l(!0), s(k, null, S(e.profileMenu, (d) => (l(), w(f(Je), {
+                            (l(!0), s(k, null, S(e.profileMenu, (d) => (l(), w(f(Ge), {
                               key: d.name
                             }, {
                               default: y(({ active: u }) => [
                                 t("p", {
-                                  onClick: (b) => n.$emit("topBarClick", d.id),
+                                  onClick: (v) => n.$emit("topBarClick", d.id),
                                   class: x(["cursor-pointer", [
                                     u ? "bg-gray-100" : "",
                                     "block px-4 py-2 text-sm text-gray-700"
@@ -5071,7 +5071,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                 e.brand ? (l(), s("div", nc, [
                   t("div", ac, c(e.brand.title), 1),
                   t("div", oc, c(e.brand.subtitle), 1)
-                ])) : v("", !0)
+                ])) : b("", !0)
               ]),
               t("div", ic, [
                 (l(!0), s(k, null, S(e.profileMenu, (d) => (l(), w(f(se), {
@@ -5095,7 +5095,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       _: 1
     }));
   }
-}), cc = { class: "chart-selector flex flex-row items-center justify-center" }, uc = /* @__PURE__ */ A({
+}), cc = { class: "chart-selector flex flex-row items-center justify-center" }, uc = /* @__PURE__ */ T({
   __name: "RangeSelector",
   props: { range: { type: String } },
   emits: ["rangeSelected"],
@@ -5124,7 +5124,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       }, "3M", 2)
     ]));
   }
-}), gc = { class: "chart-header flex flex-row justify-between" }, mc = { class: "text-sm font-medium text-gray-500 truncate" }, fc = { class: "chart-content" }, hc = { class: "h-full w-full flex items-center justify-center flex-col" }, yc = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, vc = /* @__PURE__ */ A({
+}), gc = { class: "chart-header flex flex-row justify-between" }, mc = { class: "text-sm font-medium text-gray-500 truncate" }, fc = { class: "chart-content" }, hc = { class: "h-full w-full flex items-center justify-center flex-col" }, yc = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, bc = /* @__PURE__ */ T({
   __name: "uiFunnelChartV2",
   props: {
     labels: {},
@@ -5162,8 +5162,8 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       ],
       dataLabels: {
         enabled: !0,
-        formatter: function(b, p) {
-          return p.w.globals.labels[p.dataPointIndex] + ":  " + b;
+        formatter: function(v, p) {
+          return p.w.globals.labels[p.dataPointIndex] + ":  " + v;
         }
       },
       markers: {
@@ -5182,10 +5182,10 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         }
       }
     };
-    const r = j(() => ({ ...o.options, ...n })), a = j(() => o.series), d = () => i("chartUpdated"), u = (b, p, C) => {
-      i("dataPointSelection", { id: o.id, chartContext: p, config: C, event: b });
+    const r = j(() => ({ ...o.options, ...n })), a = j(() => o.series), d = () => i("chartUpdated"), u = (v, p, C) => {
+      i("dataPointSelection", { id: o.id, chartContext: p, config: C, event: v });
     };
-    return (b, p) => (l(), s(k, null, [
+    return (v, p) => (l(), s(k, null, [
       D(t("div", {
         class: x(["h-[" + e.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
@@ -5193,11 +5193,11 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
           t("div", mc, c(e.title), 1),
           m(uc, {
             range: e.range,
-            onRangeSelected: p[0] || (p[0] = (C) => b.$emit("selectedRange", { range: C, chartId: e.id }))
+            onRangeSelected: p[0] || (p[0] = (C) => v.$emit("selectedRange", { range: C, chartId: e.id }))
           }, null, 8, ["range"])
         ]),
         D(t("div", fc, [
-          m(et, {
+          m(tt, {
             type: e.type,
             series: a.value,
             width: "100%",
@@ -5255,7 +5255,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       ])
     ], 64));
   }
-}), bc = { class: "fixed inset-0 overflow-hidden" }, xc = { class: "absolute inset-0 overflow-hidden" }, pc = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, wc = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, kc = { class: "bg-lime-400 px-4 py-6 sm:px-6" }, $c = { class: "flex items-center justify-between" }, Cc = { class: "ml-3 flex h-7 items-center" }, Sc = { class: "mt-1" }, Bc = { class: "text-sm" }, Mc = { class: "relative flex-1 px-4 py-6 sm:px-6" }, zc = /* @__PURE__ */ A({
+}), vc = { class: "fixed inset-0 overflow-hidden" }, xc = { class: "absolute inset-0 overflow-hidden" }, pc = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, wc = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, kc = { class: "bg-lime-400 px-4 py-6 sm:px-6" }, $c = { class: "flex items-center justify-between" }, Cc = { class: "ml-3 flex h-7 items-center" }, Sc = { class: "mt-1" }, Bc = { class: "text-sm" }, Mc = { class: "relative flex-1 px-4 py-6 sm:px-6" }, zc = /* @__PURE__ */ T({
   __name: "uiRightSidebar",
   props: {
     title: {},
@@ -5264,19 +5264,19 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
   },
   emits: ["closeRightBar"],
   setup(e, { emit: g }) {
-    return (i, o) => (l(), w(f(Ge), {
+    return (i, o) => (l(), w(f(Ke), {
       as: "template",
       show: e.open
     }, {
       default: y(() => [
-        m(f(Ke), {
+        m(f(Qe), {
           as: "div",
           class: "relative z-10",
           onClose: o[1] || (o[1] = (n) => i.$emit("closeRightBar"))
         }, {
           default: y(() => [
             o[4] || (o[4] = t("div", { class: "fixed inset-0" }, null, -1)),
-            t("div", bc, [
+            t("div", vc, [
               t("div", xc, [
                 t("div", pc, [
                   m(f(ce), {
@@ -5289,7 +5289,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                     "leave-to": "translate-x-full"
                   }, {
                     default: y(() => [
-                      m(f(Qe), { class: "pointer-events-auto w-screen max-w-md" }, {
+                      m(f(Xe), { class: "pointer-events-auto w-screen max-w-md" }, {
                         default: y(() => [
                           t("div", wc, [
                             t("div", kc, [
@@ -5339,15 +5339,15 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       _: 3
     }, 8, ["show"]));
   }
-}), jc = { class: "uiGallery" }, Ac = {
+}), jc = { class: "uiGallery" }, Tc = {
   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"
-}, Tc = { 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" }, Dc = ["src"], Lc = ["onClick"], Pc = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Fc = { class: "flex items-center justify-between" }, Oc = { class: "pointer-events-none block text-sm font-medium" }, Ic = {
+}, Ac = { 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" }, Dc = ["src"], Lc = ["onClick"], Pc = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Fc = { class: "flex items-center justify-between" }, Oc = { class: "pointer-events-none block text-sm font-medium" }, Ic = {
   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"
-}, Nc = /* @__PURE__ */ A({
+}, Nc = /* @__PURE__ */ T({
   __name: "uiGallery",
   props: {
     galleryId: {},
@@ -5361,7 +5361,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       o.value = !1, i("modalAction", r);
     };
     return (r, a) => (l(), s("div", jc, [
-      e.loading ? v("", !0) : (l(), w(Pe, {
+      e.loading ? b("", !0) : (l(), w(Pe, {
         key: 0,
         open: o.value,
         modalName: "deleteAllImagesModal",
@@ -5381,12 +5381,12 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
           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(), s("ul", Ac, [
+      ])) : (l(), s("ul", Tc, [
         (l(!0), s(k, null, S(e.gallery, (d) => (l(), s("li", {
           key: d.source,
           class: "relative"
         }, [
-          t("div", Tc, [
+          t("div", Ac, [
             t("img", {
               src: d.source,
               alt: "",
@@ -5423,13 +5423,13 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
           B(c(e.literals.deleteAllImages), 1)
         ]),
         _: 1
-      })) : v("", !0)
+      })) : b("", !0)
     ]));
   }
 }), Vc = {
   key: 1,
   class: "animate-pulse"
-}, Rc = /* @__PURE__ */ A({
+}, Rc = /* @__PURE__ */ T({
   __name: "DraggableWrapper",
   emits: ["update:modelValue"],
   setup(e) {
@@ -5460,7 +5460,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }), _c = { 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" }, qc = { class: "flex flex-row items-center w-full" }, Hc = { class: "content text-sm grow" }, Yc = { class: "font-bold" }, Ec = { key: 0 }, Uc = { class: "font-bold text-gray-400" }, Zc = {
   key: 1,
   class: "animate-pulse"
-}, Wc = /* @__PURE__ */ A({
+}, Wc = /* @__PURE__ */ T({
   __name: "uiDragAndDrop",
   props: {
     elements: {},
@@ -5482,7 +5482,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       key: 0,
       modelValue: f(n),
       "onUpdate:modelValue": [
-        d[0] || (d[0] = (u) => vt(n) ? n.value = u : n = u),
+        d[0] || (d[0] = (u) => bt(n) ? n.value = u : n = u),
         d[1] || (d[1] = (u) => r(u))
       ]
     }, {
@@ -5498,7 +5498,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
             }, null, 8, ["icon"]),
             t("div", Hc, [
               t("p", Yc, c(u.name), 1),
-              u.description ? (l(), s("p", Ec, c(u.description), 1)) : v("", !0)
+              u.description ? (l(), s("p", Ec, c(u.description), 1)) : b("", !0)
             ]),
             t("div", Uc, c(f(n).indexOf(u) + 1), 1)
           ])
@@ -5507,7 +5507,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Jc = { class: "chart-header flex flex-row justify-between" }, Gc = { class: "text-sm font-medium text-gray-500 truncate" }, Kc = { class: "hidden sm:flex items-center" }, Qc = { class: "w-1/2 min-w-0 flex-1" }, Xc = ["max"], eu = { class: "min-w-0 flex-1" }, tu = ["max"], lu = { class: "chart-content" }, su = { class: "h-full w-full flex items-center justify-center flex-col" }, nu = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, au = /* @__PURE__ */ A({
+}), Jc = { class: "chart-header flex flex-row justify-between" }, Gc = { class: "text-sm font-medium text-gray-500 truncate" }, Kc = { class: "hidden sm:flex items-center" }, Qc = { class: "w-1/2 min-w-0 flex-1" }, Xc = ["max"], eu = { class: "min-w-0 flex-1" }, tu = ["max"], lu = { class: "chart-content" }, su = { class: "h-full w-full flex items-center justify-center flex-col" }, nu = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, au = /* @__PURE__ */ T({
   __name: "uiCircleChart",
   props: {
     labels: {},
@@ -5566,7 +5566,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         }
       }
     };
-    const d = () => ({ ...a, ...o.options }), u = j(() => o.series), b = j(() => d()), p = () => i("chartUpdated"), C = (E, P, _) => {
+    const d = () => ({ ...a, ...o.options }), u = j(() => o.series), v = j(() => d()), p = () => i("chartUpdated"), C = (E, P, _) => {
       i("dataPointSelection", { id: o.id, chartContext: P, config: _, event: E });
     }, R = () => {
       r.from !== "" && r.to !== "" && Y(r.from).isBefore(Y(r.to)) && i("selectedRange", { range: r, chartId: o.id });
@@ -5614,11 +5614,11 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
           ])
         ]),
         D(t("div", lu, [
-          m(et, {
+          m(tt, {
             class: "flex items-center justify-center mt-4",
             type: "donut",
             series: u.value,
-            options: b.value,
+            options: v.value,
             height: e.height - 80,
             onUpdated: p,
             onMounted: p,
@@ -5678,7 +5678,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }, iu = {
   key: 1,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, ru = /* @__PURE__ */ A({
+}, ru = /* @__PURE__ */ T({
   __name: "uiDateRange",
   props: {
     id: {},
@@ -5729,7 +5729,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         disabled: e.disabled,
         label: e.label,
         max: o.value.toString(),
-        onInputChanged: u[0] || (u[0] = (b) => f(n).from = b.value)
+        onInputChanged: u[0] || (u[0] = (v) => f(n).from = v.value)
       }, null, 8, ["addOn", "name", "color", "value", "error", "disabled", "label", "max"]),
       m(ae, {
         type: "datetime-local",
@@ -5743,7 +5743,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         disabled: e.disabled,
         label: void 0,
         max: o.value.toString(),
-        onInputChanged: u[1] || (u[1] = (b) => f(n).to = b.value)
+        onInputChanged: u[1] || (u[1] = (v) => f(n).to = v.value)
       }, null, 8, ["class", "addOn", "name", "color", "value", "error", "disabled", "max"]),
       m(U, {
         disabled: e.disabled,
@@ -5769,7 +5769,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }, gu = {
   key: 1,
   class: "h-2 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 w-full"
-}, mu = /* @__PURE__ */ A({
+}, mu = /* @__PURE__ */ T({
   __name: "uiRangeSlider",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -5785,13 +5785,13 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
     const i = g, n = V(e.sliderValue);
     return (r, a) => (l(), s("div", null, [
       t("div", du, [
-        e.label ? (l(), s("label", cu, c(e.label), 1)) : v("", !0),
-        e.requiredText ? (l(), s("span", uu, c(e.requiredText), 1)) : v("", !0)
+        e.label ? (l(), s("label", cu, c(e.label), 1)) : b("", !0),
+        e.requiredText ? (l(), s("span", uu, c(e.requiredText), 1)) : b("", !0)
       ]),
       t("div", {
         class: x([{ "mt-1": e.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"])
       }, [
-        e.loading ? (l(), s("p", gu)) : (l(), w(f(Al), {
+        e.loading ? (l(), s("p", gu)) : (l(), w(f(Tl), {
           key: 0,
           modelValue: n.value,
           "onUpdate:modelValue": a[0] || (a[0] = (d) => n.value = d),
@@ -5810,7 +5810,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }), fu = {
   key: 0,
   class: "mt-1 mb-8 text-sm"
-}, hu = /* @__PURE__ */ A({
+}, hu = /* @__PURE__ */ T({
   __name: "uiSectionTitle",
   props: {
     title: {},
@@ -5821,10 +5821,10 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       t("h3", {
         class: x(["text-lg font-medium leading-6", { "mb-8": e.description === void 0 }])
       }, c(e.title), 3),
-      e.description ? (l(), s("p", fu, c(e.description), 1)) : v("", !0)
+      e.description ? (l(), s("p", fu, c(e.description), 1)) : b("", !0)
     ], 64));
   }
-}), yu = { class: "w-full" }, vu = { class: "flex flex-col gap-6 w-full" }, bu = {
+}), yu = { class: "w-full" }, bu = { class: "flex flex-col gap-6 w-full" }, vu = {
   key: 0,
   class: "flex items-center gap-2"
 }, xu = {
@@ -5851,7 +5851,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }, zu = {
   key: 4,
   class: "h-3 w-8 bg-gray-200 rounded animate-pulse"
-}, ju = /* @__PURE__ */ A({
+}, ju = /* @__PURE__ */ T({
   __name: "uiSecondarySidebar",
   props: {
     title: {},
@@ -5874,59 +5874,59 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       o("itemSelected", r, a);
     };
     return (r, a) => (l(), s("aside", yu, [
-      t("div", vu, [
-        e.title ? (l(), s("div", bu, [
+      t("div", bu, [
+        e.title ? (l(), s("div", vu, [
           e.titleIcon ? (l(), w(L, {
             key: 0,
             icon: e.titleIcon,
             loading: e.loading,
             size: "big",
             color: "primary"
-          }, null, 8, ["icon", "loading"])) : v("", !0),
+          }, null, 8, ["icon", "loading"])) : b("", !0),
           e.loading ? (l(), s("div", pu)) : (l(), s("h2", xu, c(e.title), 1))
-        ])) : v("", !0),
+        ])) : b("", !0),
         (l(!0), s(k, null, S(e.sections, (d, u) => (l(), s(k, {
           key: d.id
         }, [
-          u > 0 ? (l(), s("div", wu)) : v("", !0),
+          u > 0 ? (l(), s("div", wu)) : b("", !0),
           t("div", ku, [
-            d.title && !e.loading ? (l(), s("h3", $u, c(d.title), 1)) : d.title && e.loading ? (l(), s("div", Cu)) : v("", !0),
-            (l(!0), s(k, null, S(d.items, (b) => (l(), s("button", {
-              key: b.id,
-              onClick: (p) => n(d.id, b.id),
+            d.title && !e.loading ? (l(), s("h3", $u, c(d.title), 1)) : d.title && e.loading ? (l(), s("div", Cu)) : b("", !0),
+            (l(!0), s(k, null, S(d.items, (v) => (l(), s("button", {
+              key: v.id,
+              onClick: (p) => n(d.id, v.id),
               class: x([
                 "flex items-center gap-3 px-3 py-2 rounded-md text-sm font-medium transition-colors",
-                d.selectedItemId === b.id ? d.selectionStyle === "primary" ? "bg-gray-800 text-white" : "bg-gray-100 text-gray-900" : "text-gray-700 hover:bg-gray-100"
+                d.selectedItemId === v.id ? d.selectionStyle === "primary" ? "bg-gray-800 text-white" : "bg-gray-100 text-gray-900" : "text-gray-700 hover:bg-gray-100"
               ])
             }, [
-              b.icon || d.defaultIcon ? (l(), w(L, {
+              v.icon || d.defaultIcon ? (l(), w(L, {
                 key: 0,
-                icon: b.icon || d.defaultIcon,
+                icon: v.icon || d.defaultIcon,
                 loading: e.loading,
                 size: "medium",
-                color: d.selectedItemId === b.id && d.selectionStyle === "primary" ? "white" : "primary"
-              }, null, 8, ["icon", "loading", "color"])) : v("", !0),
-              e.loading ? (l(), s("div", Mu)) : (l(), s("span", Bu, c(b.name), 1)),
-              b.count !== void 0 && !e.loading ? (l(), s("span", {
+                color: d.selectedItemId === v.id && d.selectionStyle === "primary" ? "white" : "primary"
+              }, null, 8, ["icon", "loading", "color"])) : b("", !0),
+              e.loading ? (l(), s("div", Mu)) : (l(), s("span", Bu, c(v.name), 1)),
+              v.count !== void 0 && !e.loading ? (l(), s("span", {
                 key: 3,
                 class: x([
                   "text-xs",
-                  d.selectedItemId === b.id && d.selectionStyle === "primary" ? "text-gray-300" : "text-gray-500"
+                  d.selectedItemId === v.id && d.selectionStyle === "primary" ? "text-gray-300" : "text-gray-500"
                 ])
-              }, " (" + c(b.count) + ") ", 3)) : b.count !== void 0 && e.loading ? (l(), s("div", zu)) : v("", !0)
+              }, " (" + c(v.count) + ") ", 3)) : v.count !== void 0 && e.loading ? (l(), s("div", zu)) : b("", !0)
             ], 10, Su))), 128))
           ])
         ], 64))), 128))
       ])
     ]));
   }
-}), Au = {
+}), Tu = {
   key: 0,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, Tu = { class: "flex flex-1 flex-col p-8" }, Du = { class: "text-2xl font-bold" }, Lu = { class: "mt-1 flex flex-grow flex-col justify-between" }, Pu = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Fu = {
+}, Au = { class: "flex flex-1 flex-col p-8" }, Du = { class: "text-2xl font-bold" }, Lu = { class: "mt-1 flex flex-grow flex-col justify-between" }, Pu = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Fu = {
   key: 1,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, Ou = { class: "flex flex-1 flex-col p-8" }, Iu = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, Nu = { class: "mt-1 flex flex-grow flex-col justify-between" }, Vu = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Ru = /* @__PURE__ */ A({
+}, Ou = { class: "flex flex-1 flex-col p-8" }, Iu = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, Nu = { class: "mt-1 flex flex-grow flex-col justify-between" }, Vu = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Ru = /* @__PURE__ */ T({
   __name: "uiDeviceStatus",
   props: {
     id: {},
@@ -5953,7 +5953,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         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", Nu, [
           t("dd", Vu, [
-            (l(!0), s(k, null, S(e.tags, (n, r) => (l(), w(K, {
+            (l(!0), s(k, null, S(e.tags, (n, r) => (l(), w(G, {
               key: r,
               loading: e.loading,
               event: n.event,
@@ -5968,8 +5968,8 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
           ])
         ])
       ])
-    ])) : (l(), s("div", Au, [
-      t("div", Tu, [
+    ])) : (l(), s("div", Tu, [
+      t("div", Au, [
         t("div", {
           class: x(["rounded-md p-3 flex items-center justify-center mx-auto mb-4", {
             "bg-lime-400": e.color === "green" || e.color === "primary" || !e.color,
@@ -5998,7 +5998,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         ]),
         t("dl", Lu, [
           t("dd", Pu, [
-            (l(!0), s(k, null, S(e.tags, (n, r) => (l(), w(K, {
+            (l(!0), s(k, null, S(e.tags, (n, r) => (l(), w(G, {
               key: r,
               loading: !1,
               event: n.event,
@@ -6015,7 +6015,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       ])
     ]));
   }
-}), _u = { class: "fixed inset-0 flex" }, qu = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, Hu = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, Yu = { class: "lg:pl-[25rem] flex flex-col h-screen" }, Eu = { 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" }, Uu = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, Zu = { class: "flex items-center gap-x-4 lg:gap-x-6" }, Wu = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, Ju = ["src"], Gu = { class: "hidden lg:flex lg:items-center" }, Ku = ["onClick"], Qu = { class: "bg-gray-50 flex-1 overflow-auto" }, Xu = { class: "p-7 lg:p-10" }, e0 = /* @__PURE__ */ A({
+}), _u = { class: "fixed inset-0 flex" }, qu = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, Hu = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, Yu = { class: "lg:pl-[25rem] flex flex-col h-screen" }, Eu = { 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" }, Uu = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, Zu = { class: "flex items-center gap-x-4 lg:gap-x-6" }, Wu = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, Ju = ["src"], Gu = { class: "hidden lg:flex lg:items-center" }, Ku = ["onClick"], Qu = { class: "bg-gray-50 flex-1 overflow-auto" }, Xu = { class: "p-7 lg:p-10" }, e0 = /* @__PURE__ */ T({
   __name: "uiWrapper",
   props: {
     topbar: {},
@@ -6028,12 +6028,12 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       n.value = !n.value, o("sidebarToggle", n.value);
     };
     return (a, d) => (l(), s("div", null, [
-      m(f(Ge), {
+      m(f(Ke), {
         as: "template",
         show: n.value
       }, {
         default: y(() => [
-          m(f(Ke), {
+          m(f(Qe), {
             class: "relative z-50 lg:hidden",
             onClose: r
           }, {
@@ -6063,7 +6063,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                   "leave-to": "-translate-x-full"
                 }, {
                   default: y(() => [
-                    m(f(Qe), { class: "relative mr-16 flex w-full max-w-xs flex-1" }, {
+                    m(f(Xe), { class: "relative mr-16 flex w-full max-w-xs flex-1" }, {
                       default: y(() => [
                         m(f(ce), {
                           as: "template",
@@ -6091,7 +6091,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                           ]),
                           _: 1
                         }),
-                        m(Ee, {
+                        m(Ue, {
                           productsSidebar: e.sidebar.productsSidebar,
                           isFilterNavigation: e.sidebar.isFilterNavigation,
                           navigation: e.sidebar.navigation,
@@ -6117,7 +6117,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         _: 1
       }, 8, ["show"]),
       t("div", Hu, [
-        m(Ee, {
+        m(Ue, {
           productsSidebar: e.sidebar.productsSidebar,
           isFilterNavigation: e.sidebar.isFilterNavigation,
           navigation: e.sidebar.navigation,
@@ -6148,7 +6148,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
             "aria-hidden": "true"
           }, null, -1)),
           t("div", Uu, [
-            m(be, {
+            m(ve, {
               isWrapped: !0,
               class: "w-full self-center relative",
               items: e.topbar.selectItems,
@@ -6176,12 +6176,12 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                 class: "hidden lg:block lg:h-6 lg:w-px lg:bg-gray-200",
                 "aria-hidden": "true"
               }, null, -1)),
-              m(f(Ue), {
+              m(f(Ze), {
                 as: "div",
                 class: "relative"
               }, {
                 default: y(() => [
-                  m(f(Ze), { class: "-m-1.5 flex items-center p-1.5" }, {
+                  m(f(We), { class: "-m-1.5 flex items-center p-1.5" }, {
                     default: y(() => [
                       d[15] || (d[15] = t("span", { class: "sr-only" }, "Open user menu", -1)),
                       t("img", {
@@ -6207,16 +6207,16 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                     "leave-to-class": "transform opacity-0 scale-95"
                   }, {
                     default: y(() => [
-                      m(f(We), { class: "absolute right-0 z-10 mt-2.5 w-52 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none" }, {
+                      m(f(Je), { class: "absolute right-0 z-10 mt-2.5 w-52 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none" }, {
                         default: y(() => [
-                          (l(!0), s(k, null, S(e.topbar.profileMenu, (u) => (l(), w(f(Je), {
+                          (l(!0), s(k, null, S(e.topbar.profileMenu, (u) => (l(), w(f(Ge), {
                             key: u.name
                           }, {
-                            default: y(({ active: b }) => [
+                            default: y(({ active: v }) => [
                               t("a", {
                                 onClick: (p) => a.$emit("topBarClick", u.id),
                                 class: x([
-                                  b ? "bg-gray-50" : "",
+                                  v ? "bg-gray-50" : "",
                                   u.current ? "bg-gray-100 font-semibold" : "",
                                   "block px-3 py-1 text-sm leading-6 text-gray-900 cursor-pointer"
                                 ])
@@ -6244,7 +6244,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       ])
     ]));
   }
-}), t0 = /* @__PURE__ */ A({
+}), t0 = /* @__PURE__ */ T({
   __name: "uiDynamicStats",
   props: {
     dynamicStats: {},
@@ -6255,7 +6255,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
     const i = e, o = g, n = (u) => {
       o("statClick", u);
     }, 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}`, a = V(0), d = V(r());
-    return Oe(() => a.value += 1), (u, b) => (l(), s("div", {
+    return Oe(() => a.value += 1), (u, v) => (l(), s("div", {
       class: x([d.value, "grid grid-cols-1 md:grid-cols-2 gap-4"]),
       key: a.value
     }, [
@@ -6276,7 +6276,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }, i0 = ["onClick"], r0 = { class: "absolute mt-1 w-full rounded-md bg-white shadow-lg z-50" }, d0 = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full"
-}, c0 = /* @__PURE__ */ A({
+}, c0 = /* @__PURE__ */ T({
   __name: "uiSelectMultiple",
   props: {
     items: {},
@@ -6302,7 +6302,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
     }
     return (d, u) => e.loading ? (l(), s("div", d0, [
       u[4] || (u[4] = t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
-      m(f(qe), {
+      m(f(He), {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5"
       })
@@ -6310,7 +6310,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       key: 0,
       modelValue: f(n),
       "onUpdate:modelValue": [
-        u[0] || (u[0] = (b) => vt(n) ? n.value = b : n = b),
+        u[0] || (u[0] = (v) => bt(n) ? n.value = v : n = v),
         r
       ],
       name: "selectorMultiple",
@@ -6326,7 +6326,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
             ]),
             _: 1
           }),
-          e.requiredText ? (l(), s("span", s0, c(e.requiredText), 1)) : v("", !0)
+          e.requiredText ? (l(), s("span", s0, c(e.requiredText), 1)) : b("", !0)
         ]),
         t("div", n0, [
           m(f(Ml), {
@@ -6348,19 +6348,19 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
           }, {
             default: y(() => [
               t("span", a0, [
-                f(n).length === 0 ? (l(), s("span", o0, "...")) : v("", !0),
-                (l(!0), s(k, null, S(f(n), (b) => (l(), s("span", {
-                  key: b.id,
+                f(n).length === 0 ? (l(), s("span", o0, "...")) : b("", !0),
+                (l(!0), s(k, null, S(f(n), (v) => (l(), s("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"
                 }, [
-                  t("span", null, c(b.name), 1),
+                  t("span", null, c(v.name), 1),
                   (l(), s("svg", {
                     class: "h-4 w-4 cursor-pointer",
                     fill: "none",
                     stroke: "currentColor",
                     viewBox: "0 0 24 24",
                     xmlns: "http://www.w3.org/2000/svg",
-                    onClick: ne((p) => a(b), ["stop", "prevent"])
+                    onClick: ne((p) => a(v), ["stop", "prevent"])
                   }, [...u[1] || (u[1] = [
                     t("path", {
                       "stroke-linecap": "round",
@@ -6392,9 +6392,9 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
           t("div", r0, [
             m(f(zl), { 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: y(() => [
-                (l(!0), s(k, null, S(e.items, (b) => (l(), w(f(jl), {
-                  key: b.id,
-                  value: b,
+                (l(!0), s(k, null, S(e.items, (v) => (l(), w(f(jl), {
+                  key: v.id,
+                  value: v,
                   as: "template"
                 }, {
                   default: y(({ active: p, selected: C }) => [
@@ -6403,7 +6403,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                     }, [
                       t("span", {
                         class: x(["block truncate", { "font-semibold": C, "font-normal": !C }])
-                      }, c(b.name), 3),
+                      }, c(v.name), 3),
                       C ? (l(), s("span", {
                         key: 0,
                         class: x(["absolute inset-y-0 right-0 flex items-center pr-4", { "text-black": p, "text-lime-400": !p }])
@@ -6419,7 +6419,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                             clipRule: "evenodd"
                           })
                         ], -1)
-                      ])], 2)) : v("", !0)
+                      ])], 2)) : b("", !0)
                     ], 2)
                   ]),
                   _: 2
@@ -6443,10 +6443,10 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
-}), u0 = { class: "space-y-6" }, g0 = { class: "mb-6" }, m0 = { class: "grid grid-cols-1 md:grid-cols-2 gap-4" }, f0 = { class: "mt-4 mb-12 space-y-4" }, h0 = { class: "space-y-4" }, y0 = { class: "text-xl font-bold text-gray-800" }, v0 = { class: "grid grid-cols-1 md:grid-cols-2 gap-4 mt-4 transition-all duration-300 ease-in-out" }, b0 = { class: "bg-white border border-gray-300 rounded-lg p-4" }, x0 = { class: "font-bold mb-4 text-sm text-gray-700" }, p0 = { class: "space-y-2" }, w0 = { class: "bg-white border border-gray-300 rounded-lg p-4" }, k0 = { class: "font-bold mb-4 text-sm text-gray-700" }, $0 = { class: "space-y-2" }, C0 = {
+}), u0 = { class: "space-y-6" }, g0 = { class: "mb-6" }, m0 = { class: "grid grid-cols-1 md:grid-cols-2 gap-4" }, f0 = { class: "mt-4 mb-12 space-y-4" }, h0 = { class: "space-y-4" }, y0 = { class: "text-xl font-bold text-gray-800" }, b0 = { class: "grid grid-cols-1 md:grid-cols-2 gap-4 mt-4 transition-all duration-300 ease-in-out" }, v0 = { class: "bg-white border border-gray-300 rounded-lg p-4" }, x0 = { class: "font-bold mb-4 text-sm text-gray-700" }, p0 = { class: "space-y-2" }, w0 = { class: "bg-white border border-gray-300 rounded-lg p-4" }, k0 = { class: "font-bold mb-4 text-sm text-gray-700" }, $0 = { class: "space-y-2" }, C0 = {
   key: 0,
   class: "mt-6"
-}, S0 = /* @__PURE__ */ A({
+}, S0 = /* @__PURE__ */ T({
   __name: "Comparator",
   props: {
     toCompare: {},
@@ -6455,20 +6455,20 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
   },
   emits: ["compareButtonClicked", "filesUploaded", "checkboxChanged", "generateNewFile"],
   setup(e, { emit: g }) {
-    const i = e, o = g, n = j(() => i.toCompare && Object.keys(i.toCompare).length > 0 && i.toCompare.constructor === Object), r = j(() => n.value ? Object.entries(i.toCompare).map(([b, p]) => ({
-      name: b,
+    const i = e, o = g, n = j(() => i.toCompare && Object.keys(i.toCompare).length > 0 && i.toCompare.constructor === Object), r = j(() => n.value ? Object.entries(i.toCompare).map(([v, p]) => ({
+      name: v,
       commands: p
-    })) : []), a = (b, p, C, R) => {
-      o("checkboxChanged", b, p, C, R);
+    })) : []), a = (v, p, C, R) => {
+      o("checkboxChanged", v, p, C, R);
     }, d = () => {
       o("compareButtonClicked");
     }, u = () => {
       o("generateNewFile");
     };
-    return (b, p) => (l(), s("div", u0, [
+    return (v, p) => (l(), s("div", u0, [
       t("div", g0, [
         t("div", m0, [
-          m(Ye, {
+          m(Ee, {
             name: "file1",
             id: "file1",
             placeholder: e.literals.inputFile1Placeholder,
@@ -6479,7 +6479,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
             icon: f(rt),
             onFilesUploaded: p[0] || (p[0] = (C) => o("filesUploaded", C))
           }, null, 8, ["placeholder", "dragAndDrop", "fileTypesAndSizes", "icon"]),
-          m(Ye, {
+          m(Ee, {
             name: "file2",
             id: "file2",
             placeholder: e.literals.inputFile2Placeholder,
@@ -6537,8 +6537,8 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
               }, 1024),
               m(f(Ne), null, {
                 default: y(() => [
-                  t("div", v0, [
-                    t("div", b0, [
+                  t("div", b0, [
+                    t("div", v0, [
                       t("p", x0, c(e.literals.file1Content), 1),
                       t("div", p0, [
                         (l(!0), s(k, null, S(C.commands[0]?.entries || [], (E, P) => (l(), w(ue, {
@@ -6581,7 +6581,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
             ]),
             _: 2
           }, 1024)
-        ]))), 128)) : (l(), w(tt, {
+        ]))), 128)) : (l(), w(lt, {
           key: 1,
           title: e.literals.noResultsTitle,
           message: e.literals.noResultsMessage
@@ -6600,7 +6600,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
           ])]),
           _: 1
         })
-      ])) : v("", !0)
+      ])) : b("", !0)
     ]));
   }
 }), B0 = { "aria-label": "Progress" }, M0 = {
@@ -6610,7 +6610,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
   key: 0,
   class: "absolute left-4 top-4 -ml-px mt-0.5 h-full w-0.5 bg-lime-400",
   "aria-hidden": "true"
-}, j0 = ["onClick"], A0 = { class: "flex h-9 items-center" }, T0 = { class: "relative z-10 flex size-8 items-center justify-center rounded-full bg-lime-400 group-hover:bg-black group-hover:text-white" }, D0 = { class: "ml-4 flex min-w-0 flex-col text-left" }, L0 = { class: "text-sm font-bold text-left" }, P0 = { class: "text-sm text-left" }, F0 = {
+}, j0 = ["onClick"], T0 = { class: "flex h-9 items-center" }, A0 = { class: "relative z-10 flex size-8 items-center justify-center rounded-full bg-lime-400 group-hover:bg-black group-hover:text-white" }, D0 = { class: "ml-4 flex min-w-0 flex-col text-left" }, L0 = { class: "text-sm font-bold text-left" }, P0 = { class: "text-sm text-left" }, F0 = {
   key: 0,
   class: "absolute left-4 top-4 -ml-px mt-0.5 h-full w-0.5 bg-gray-300",
   "aria-hidden": "true"
@@ -6618,7 +6618,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
   key: 0,
   class: "absolute left-4 top-4 -ml-px mt-0.5 h-full w-0.5 bg-gray-300",
   "aria-hidden": "true"
-}, _0 = ["onClick"], q0 = { class: "ml-4 flex min-w-0 flex-col text-left" }, H0 = { class: "text-sm font-medium text-left" }, Y0 = { class: "text-sm text-left" }, E0 = /* @__PURE__ */ A({
+}, _0 = ["onClick"], q0 = { class: "ml-4 flex min-w-0 flex-col text-left" }, H0 = { class: "text-sm font-medium text-left" }, Y0 = { class: "text-sm text-left" }, E0 = /* @__PURE__ */ T({
   __name: "uiSteps",
   props: {
     steps: {}
@@ -6635,24 +6635,24 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
     };
     return (a, d) => (l(), s("nav", B0, [
       t("ol", M0, [
-        (l(!0), s(k, null, S(n.value, (u, b) => (l(), s("li", {
+        (l(!0), s(k, null, S(n.value, (u, v) => (l(), s("li", {
           key: u.id,
           class: x([
             // Añadir padding bottom solo si no es el último paso (para la línea conectora)
-            b !== n.value.length - 1 ? "pb-10" : "",
+            v !== n.value.length - 1 ? "pb-10" : "",
             "relative"
           ])
         }, [
           u.status === "complete" ? (l(), s(k, { key: 0 }, [
-            b !== n.value.length - 1 ? (l(), s("div", z0)) : v("", !0),
+            v !== n.value.length - 1 ? (l(), s("div", z0)) : b("", !0),
             t("button", {
               type: "button",
               class: "group relative flex items-start cursor-pointer w-full text-left",
-              onClick: (p) => r(u, b)
+              onClick: (p) => r(u, v)
             }, [
-              t("span", A0, [
-                t("span", T0, [
-                  m(f(Tt), {
+              t("span", T0, [
+                t("span", A0, [
+                  m(f(At), {
                     class: "size-5",
                     "aria-hidden": "true"
                   })
@@ -6664,12 +6664,12 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
               ])
             ], 8, j0)
           ], 64)) : u.status === "current" ? (l(), s(k, { key: 1 }, [
-            b !== n.value.length - 1 ? (l(), s("div", F0)) : v("", !0),
+            v !== n.value.length - 1 ? (l(), s("div", F0)) : b("", !0),
             t("button", {
               type: "button",
               class: "group relative flex items-start cursor-pointer w-full text-left",
               "aria-current": "step",
-              onClick: (p) => r(u, b)
+              onClick: (p) => r(u, v)
             }, [
               d[0] || (d[0] = t("span", {
                 class: "flex h-9 items-center",
@@ -6685,11 +6685,11 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
               ])
             ], 8, O0)
           ], 64)) : (l(), s(k, { key: 2 }, [
-            b !== n.value.length - 1 ? (l(), s("div", R0)) : v("", !0),
+            v !== n.value.length - 1 ? (l(), s("div", R0)) : b("", !0),
             t("button", {
               type: "button",
               class: "group relative flex items-start cursor-pointer w-full text-left",
-              onClick: (p) => r(u, b)
+              onClick: (p) => r(u, v)
             }, [
               d[1] || (d[1] = t("span", {
                 class: "flex h-9 items-center",
@@ -6709,7 +6709,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       ])
     ]));
   }
-}), U0 = { class: "grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8" }, Z0 = { class: "text-center" }, W0 = { class: "mt-4 text-balance text-5xl font-semibold tracking-tight text-gray-900 sm:text-7xl" }, J0 = { class: "mt-6 text-pretty text-lg font-medium text-gray-500 sm:text-xl/8" }, G0 = { class: "mt-10 flex items-center justify-center gap-x-6" }, K0 = ["href"], Q0 = /* @__PURE__ */ A({
+}), U0 = { class: "grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8" }, Z0 = { class: "text-center" }, W0 = { class: "mt-4 text-balance text-5xl font-semibold tracking-tight text-gray-900 sm:text-7xl" }, J0 = { class: "mt-6 text-pretty text-lg font-medium text-gray-500 sm:text-xl/8" }, G0 = { class: "mt-10 flex items-center justify-center gap-x-6" }, K0 = ["href"], Q0 = /* @__PURE__ */ T({
   __name: "ui404",
   props: {
     lang: { default: "es" },
@@ -6765,32 +6765,32 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
   uiDropdown: ge,
   uiDynamicStats: t0,
   uiFilter: Zn,
-  uiFooter: bi,
-  uiFunnelChartV2: vc,
+  uiFooter: vi,
+  uiFunnelChartV2: bc,
   uiGallery: Nc,
   uiIcon: L,
   uiInput: ae,
-  uiInputFile: Ye,
+  uiInputFile: Ee,
   uiLoadingScreen: xi,
   uiModal: Pe,
-  uiNoResults: tt,
+  uiNoResults: lt,
   uiNotification: ua,
   uiPriceCalendar: Xo,
   uiRangeSlider: mu,
   uiRightSidebar: zc,
   uiSecondarySidebar: ju,
   uiSectionTitle: hu,
-  uiSelect: As,
+  uiSelect: Ts,
   uiSelectMultiple: c0,
-  uiSelect_v2: be,
+  uiSelect_v2: ve,
   uiSidebar: Di,
-  uiSidebarV2: Ee,
+  uiSidebarV2: Ue,
   uiStats: Ft,
   uiSteps: E0,
-  uiStripedCard: vr,
+  uiStripedCard: br,
   uiTable: gd,
   uiTabs: xd,
-  uiTag: K,
+  uiTag: G,
   uiTaskList: ka,
   uiTextArea: _s,
   uiTimeline: _d,
@@ -6844,32 +6844,32 @@ export {
   ge as uiDropdown,
   t0 as uiDynamicStats,
   Zn as uiFilter,
-  bi as uiFooter,
-  vc as uiFunnelChartV2,
+  vi as uiFooter,
+  bc as uiFunnelChartV2,
   Nc as uiGallery,
   L as uiIcon,
   ae as uiInput,
-  Ye as uiInputFile,
+  Ee as uiInputFile,
   xi as uiLoadingScreen,
   Pe as uiModal,
-  tt as uiNoResults,
+  lt as uiNoResults,
   ua as uiNotification,
   Xo as uiPriceCalendar,
   mu as uiRangeSlider,
   zc as uiRightSidebar,
   ju as uiSecondarySidebar,
   hu as uiSectionTitle,
-  As as uiSelect,
+  Ts as uiSelect,
   c0 as uiSelectMultiple,
-  be as uiSelect_v2,
+  ve as uiSelect_v2,
   Di as uiSidebar,
-  Ee as uiSidebarV2,
+  Ue as uiSidebarV2,
   Ft as uiStats,
   E0 as uiSteps,
-  vr as uiStripedCard,
+  br as uiStripedCard,
   gd as uiTable,
   xd as uiTabs,
-  K as uiTag,
+  G as uiTag,
   ka as uiTaskList,
   _s as uiTextArea,
   _d as uiTimeline,