@hotelinking/ui 16.48.13 → 16.49.1

package/dist/ui.es.js

@@ -1,8 +1,8 @@
-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 { defineComponent as A, createBlock as w, createElementBlock as s, openBlock as l, resolveDynamicComponent as _e, normalizeClass as x, computed as j, createCommentVNode as b, renderSlot as G, createElementVNode as t, ref as V, watch as Z, unref as f, withCtx as y, createVNode as m, toDisplayString as u, createTextVNode as B, Transition as we, Fragment as k, renderList as S, withDirectives as D, vModelDynamic as yl, vShow as F, withModifiers as ne, vModelText as xe, createStaticVNode as ee, resolveComponent as it, vModelCheckbox as yt, onMounted as Fe, 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 Ge, MenuItem as Je, 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 Oe, DisclosureButton as se, DisclosurePanel as Ie, 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 Tl from "@vueform/slider";
-const L = /* @__PURE__ */ T({
+import Al from "@vueform/slider";
+const L = /* @__PURE__ */ A({
   __name: "uiIcon",
   props: {
     icon: {},
@@ -20,7 +20,7 @@ const L = /* @__PURE__ */ T({
         "h-12 w-12": e.size === "huge",
         "h-20 w-20": e.size === "massive"
       }, "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"])
-    }, null, 2)) : (l(), w(Fe(e.icon), {
+    }, null, 2)) : (l(), w(_e(e.icon), {
       key: 0,
       class: x({
         "h-4 w-4": e.size === "medium",
@@ -38,7 +38,7 @@ const L = /* @__PURE__ */ T({
       })
     }, null, 8, ["class"]));
   }
-}), 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({
+}), 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({
   __name: "uiButton",
   props: {
     block: { type: Boolean },
@@ -91,16 +91,16 @@ const L = /* @__PURE__ */ T({
         color: "black",
         loading: e.loading
       }, null, 8, ["icon", "loading"])) : b("", !0),
-      J(a.$slots, "default")
-    ], 10, Al));
+      G(a.$slots, "default")
+    ], 10, Tl));
   }
 }), Ll = {
   key: 0,
   class: "relative flex items-start"
-}, Pl = { class: "flex items-center h-5" }, Fl = ["checked", "value", "disabled"], Ol = { class: "ml-3 text-sm" }, Il = { class: "text-black" }, Nl = {
+}, Pl = { class: "flex items-center h-5" }, _l = ["checked", "value", "disabled"], Fl = { class: "ml-3 text-sm" }, Ol = { class: "text-black" }, Il = {
   key: 1,
   class: "flex items-center animate-pulse"
-}, ue = /* @__PURE__ */ T({
+}, ue = /* @__PURE__ */ A({
   __name: "uiCheckbox",
   props: {
     check: { type: Boolean, default: !1 },
@@ -116,7 +116,7 @@ const L = /* @__PURE__ */ T({
     };
     return Z(() => o.check, (a) => {
       a && (n.value = a);
-    }), (a, d) => e.loading ? (l(), s("div", Nl, [...d[1] || (d[1] = [
+    }), (a, d) => e.loading ? (l(), s("div", Il, [...d[1] || (d[1] = [
       t("div", { class: "w-5 h-5 rounded bg-gray-200" }, null, -1),
       t("div", { class: "ml-3 h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1)
     ])])) : (l(), s("div", Ll, [
@@ -127,12 +127,12 @@ const L = /* @__PURE__ */ T({
           disabled: e.disabled,
           class: "focus:ring-black h-4 w-4 text-black border-gray-300 rounded disabled:opacity-25",
           type: "checkbox",
-          onChange: d[0] || (d[0] = (u) => r())
-        }, null, 40, Fl)
+          onChange: d[0] || (d[0] = (c) => r())
+        }, null, 40, _l)
       ]),
-      t("div", Ol, [
-        t("span", Il, [
-          J(a.$slots, "default")
+      t("div", Fl, [
+        t("span", Ol, [
+          G(a.$slots, "default")
         ])
       ])
     ]));
@@ -155,7 +155,7 @@ function Vl(e, g) {
     })
   ]);
 }
-function Rl(e, g) {
+function Nl(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -172,7 +172,7 @@ function Rl(e, g) {
     })
   ]);
 }
-function _l(e, g) {
+function Rl(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -500,7 +500,7 @@ function Wl(e, g) {
     })
   ]);
 }
-function Jl(e, g) {
+function Gl(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -517,7 +517,7 @@ function Jl(e, g) {
     })
   ]);
 }
-function Gl(e, g) {
+function Jl(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -568,7 +568,7 @@ function Ql(e, g) {
     })
   ]);
 }
-function Tt(e, g) {
+function At(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__ */ T({
+}, ge = /* @__PURE__ */ A({
   __name: "uiDropdown",
   props: {
     items: {},
@@ -749,12 +749,12 @@ 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)) : b("", !0),
-            e.requiredText ? (l(), s("span", ls, c(e.requiredText), 1)) : b("", !0)
+            e.label ? (l(), s("label", ts, u(e.label), 1)) : b("", !0),
+            e.requiredText ? (l(), s("span", ls, u(e.requiredText), 1)) : b("", !0)
           ], 2),
           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),
+              B(u(n.value) + " ", 1),
               e.verticalPosition === "bottom" ? (l(), w(f(oe), {
                 key: 0,
                 "aria-hidden": "true",
@@ -778,7 +778,7 @@ const ts = {
           "leave-to-class": "transform opacity-0 scale-95"
         }, {
           default: y(() => [
-            e.disabled ? b("", !0) : (l(), w(f(Je), {
+            e.disabled ? b("", !0) : (l(), w(f(Ge), {
               key: 0,
               class: x([{
                 "right-0": e.position === "right",
@@ -789,15 +789,15 @@ const ts = {
             }, {
               default: y(() => [
                 t("div", ss, [
-                  (l(!0), s(k, null, S(e.items, (u, v) => (l(), w(f(Ge), { key: v }, {
+                  (l(!0), s(k, null, S(e.items, (c, v) => (l(), w(f(Je), { key: v }, {
                     default: y(() => [
                       t("a", {
-                        onClick: (p) => r(u),
+                        onClick: (p) => r(c),
                         class: x([
-                          u.active ? "bg-lime-400" : "text-black",
+                          c.active ? "bg-lime-400" : "text-black",
                           "block px-4 py-2 text-sm cursor-pointer"
                         ])
-                      }, c(u.name), 11, ns)
+                      }, u(c.name), 11, ns)
                     ]),
                     _: 2
                   }, 1024))), 128))
@@ -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__ */ T({
+}, ae = /* @__PURE__ */ A({
   __name: "uiInput",
   props: {
     label: {},
@@ -860,19 +860,19 @@ const ts = {
       ], -1))
     ])) : (l(), s("div", os, [
       t("div", is, [
-        e.label ? (l(), s("label", rs, c(e.label), 1)) : b("", !0),
-        e.requiredText ? (l(), s("span", ds, c(e.requiredText), 1)) : b("", !0)
+        e.label ? (l(), s("label", rs, u(e.label), 1)) : b("", !0),
+        e.requiredText ? (l(), s("span", ds, u(e.requiredText), 1)) : b("", !0)
       ]),
       t("div", {
         class: x([{ "mt-1": e.label }, "relative flex"])
       }, [
         e.addOn ? (l(), s("span", {
           key: 0,
-          onClick: d[0] || (d[0] = (u) => a.$emit("addOnClicked")),
+          onClick: d[0] || (d[0] = (c) => 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)) : b("", !0),
+        }, u(e.addOn), 1)) : b("", !0),
         D(t("input", {
-          "onUpdate:modelValue": d[1] || (d[1] = (u) => n.value = u),
+          "onUpdate:modelValue": d[1] || (d[1] = (c) => n.value = c),
           max: e.max,
           class: x([{
             "border-gray-300": e.color === "gray",
@@ -900,9 +900,9 @@ const ts = {
         ]),
         e.rightAddOn ? (l(), s("span", {
           key: 1,
-          onClick: d[2] || (d[2] = (u) => a.$emit("rightAddOnClicked")),
+          onClick: d[2] || (d[2] = (c) => 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)) : b("", !0),
+        }, u(e.rightAddOn), 1)) : b("", !0),
         t("div", us, [
           e.icon ? (l(), w(L, {
             key: 0,
@@ -915,21 +915,21 @@ const ts = {
             color: "green",
             loading: e.loading
           }, null, 8, ["icon", "loading"]), [
-            [O, e.color === "green"]
+            [F, e.color === "green"]
           ]),
           D(m(L, {
             icon: f(te),
             color: "yellow",
             loading: e.loading
           }, null, 8, ["icon", "loading"]), [
-            [O, e.color === "yellow"]
+            [F, e.color === "yellow"]
           ]),
           D(m(L, {
             icon: f(ie),
             color: "red",
             loading: e.loading
           }, null, 8, ["icon", "loading"]), [
-            [O, e.color === "red"]
+            [F, e.color === "red"]
           ])
         ])
       ], 2),
@@ -940,8 +940,8 @@ const ts = {
           "text-yellow-400": e.color === "yellow",
           "text-green-600": e.color === "green"
         }, "mt-2 text-xs flex flex-row items-center"])
-      }, c(e.error), 3), [
-        [O, e.error]
+      }, u(e.error), 3), [
+        [F, e.error]
       ])
     ]));
   }
@@ -954,7 +954,7 @@ const ts = {
 }, 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"
-}, Ee = /* @__PURE__ */ T({
+}, Ee = /* @__PURE__ */ A({
   __name: "uiInputFile",
   props: {
     name: {},
@@ -965,25 +965,25 @@ const ts = {
     fileTypesAndSizes: {},
     error: {},
     accept: {},
-    icon: { type: [Function, Object], default: _l },
+    icon: { type: [Function, Object], default: Rl },
     loading: { type: Boolean, default: !0 },
     label: {}
   },
   emits: ["filesUploaded"],
   setup(e, { emit: g }) {
     let i = V("");
-    const o = g, n = e, r = (u) => {
-      d(u.dataTransfer.files), o("filesUploaded", { id: n.id, files: u.dataTransfer.files });
-    }, a = (u) => {
-      d(u.target.files), o("filesUploaded", { id: n.id, files: u.target.files });
-    }, d = (u) => {
+    const o = g, n = e, r = (c) => {
+      d(c.dataTransfer.files), o("filesUploaded", { id: n.id, files: c.dataTransfer.files });
+    }, a = (c) => {
+      d(c.target.files), o("filesUploaded", { id: n.id, files: c.target.files });
+    }, d = (c) => {
       i.value = "";
       let v = 1;
-      Object.values(u).forEach((p) => {
-        v++, i.value += p.name, v >= 1 && v < u.length && (i.value += ", ");
+      Object.values(c).forEach((p) => {
+        v++, i.value += p.name, v >= 1 && v < c.length && (i.value += ", ");
       });
     };
-    return (u, v) => e.loading ? (l(), s("div", Ss, [...v[1] || (v[1] = [
+    return (c, 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)) : b("", !0),
-        e.requiredText ? (l(), s("span", bs, c(e.requiredText), 1)) : b("", !0)
+        e.label ? (l(), s("label", ys, u(e.label), 1)) : b("", !0),
+        e.requiredText ? (l(), s("span", bs, u(e.requiredText), 1)) : b("", !0)
       ]),
       t("div", {
         class: x([
@@ -1021,7 +1021,7 @@ const ts = {
               for: e.id,
               class: "relative cursor-pointer rounded-md font-medium text-black underline hover:text-lime-400 focus-within:outline-none focus-within:ring-2 focus-within:ring-lime-400 focus-within:ring-offset-2"
             }, [
-              t("span", null, c(e.placeholder), 1),
+              t("span", null, u(e.placeholder), 1),
               t("input", {
                 id: e.id,
                 name: e.name,
@@ -1032,11 +1032,11 @@ const ts = {
                 onChange: a
               }, null, 40, ws)
             ], 8, ps),
-            t("p", ks, c(e.dragAndDrop), 1)
+            t("p", ks, u(e.dragAndDrop), 1)
           ]),
-          t("p", $s, c(e.fileTypesAndSizes), 1),
-          D(t("p", { class: "font-bold text-xs uppercase block p-2 bg-lime-50 rounded" }, c(f(i)), 513), [
-            [O, f(i) !== null]
+          t("p", $s, u(e.fileTypesAndSizes), 1),
+          D(t("p", { class: "font-bold text-xs uppercase block p-2 bg-lime-50 rounded" }, u(f(i)), 513), [
+            [F, f(i) !== null]
           ])
         ])
       ], 34),
@@ -1047,9 +1047,9 @@ const ts = {
           class: "mr-2",
           loading: e.loading
         }, null, 8, ["icon", "loading"]),
-        B(" " + c(e.error), 1)
+        B(" " + u(e.error), 1)
       ], 512), [
-        [O, e.error]
+        [F, e.error]
       ])
     ]));
   }
@@ -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"
-}, Ts = /* @__PURE__ */ T({
+}, As = /* @__PURE__ */ A({
   __name: "uiSelect",
   props: {
     items: {},
@@ -1075,16 +1075,16 @@ const ts = {
   },
   emits: ["selectChanged"],
   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) => {
+    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 ?? "", c = (p) => {
       n("selectChanged", p);
     }, v = j({
       get: () => r.select,
       set: (p) => {
-        u(p);
+        c(p);
       }
     });
     return g({
-      handleChange: u
+      handleChange: c
     }), (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(He), {
@@ -1095,8 +1095,8 @@ const ts = {
       key: 0,
       modelValue: v.value,
       "onUpdate:modelValue": [
-        C[2] || (C[2] = (R) => v.value = R),
-        u
+        C[2] || (C[2] = (N) => v.value = N),
+        c
       ],
       disabled: e.disabled,
       as: "div"
@@ -1105,16 +1105,16 @@ const ts = {
         t("div", Bs, [
           m(f(xt), { class: "block text-sm font-medium" }, {
             default: y(() => [
-              B(c(e.label), 1)
+              B(u(e.label), 1)
             ]),
             _: 1
           }),
-          e.requiredText ? (l(), s("span", Ms, c(e.requiredText), 1)) : b("", !0)
+          e.requiredText ? (l(), s("span", Ms, u(e.requiredText), 1)) : b("", !0)
         ]),
         t("div", zs, [
           m(f(pt), {
-            onChange: C[0] || (C[0] = (R) => o.value = R.target.value),
-            onBlur: C[1] || (C[1] = (R) => o.value = ""),
+            onChange: C[0] || (C[0] = (N) => o.value = N.target.value),
+            onBlur: C[1] || (C[1] = (N) => o.value = ""),
             displayValue: d,
             class: x([{
               "mt-1": e.requiredText || e.label,
@@ -1145,9 +1145,9 @@ const ts = {
             class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
           }, {
             default: y(() => [
-              (l(!0), s(k, null, S(a.value, (R) => (l(), w(f($t), {
-                key: R.id,
-                value: R,
+              (l(!0), s(k, null, S(a.value, (N) => (l(), w(f($t), {
+                key: N.id,
+                value: N,
                 as: "template"
               }, {
                 default: y(({ active: E, selected: P }) => [
@@ -1159,7 +1159,7 @@ const ts = {
                   }, [
                     t("span", {
                       class: x(["block truncate", P && "font-semibold"])
-                    }, c(R.name), 3),
+                    }, u(N.name), 3),
                     P ? (l(), s("span", {
                       key: 0,
                       class: x([
@@ -1188,15 +1188,15 @@ const ts = {
             "text-yellow-400": e.color === "yellow",
             "text-green-600": e.color === "green"
           }, "mt-2 text-xs flex flex-row items-center"])
-        }, c(e.error), 3), [
-          [O, e.error]
+        }, u(e.error), 3), [
+          [F, e.error]
         ])
       ]),
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
 });
-function At(e, g) {
+function Tt(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -1211,7 +1211,7 @@ function At(e, g) {
     })
   ]);
 }
-function As(e, g) {
+function Ts(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -1229,7 +1229,7 @@ function As(e, g) {
 const Ds = { class: "flex justify-between" }, Ls = {
   key: 0,
   class: "text-[10px] uppercase justify-self-end self-center"
-}, ve = /* @__PURE__ */ T({
+}, ve = /* @__PURE__ */ A({
   __name: "uiSelect_v2",
   props: {
     items: {},
@@ -1246,14 +1246,14 @@ const Ds = { class: "flex justify-between" }, Ls = {
   emits: ["selectChanged"],
   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) => {
+      () => n.value === "" ? i.items : i.items.filter((c) => {
         const v = n.value.toLowerCase();
-        return u.name.toLowerCase().includes(v) || (u.label?.toLowerCase().includes(v) ?? !1);
+        return c.name.toLowerCase().includes(v) || (c.label?.toLowerCase().includes(v) ?? !1);
       })
-    ), d = (u) => {
-      n.value = "", o("selectChanged", u);
+    ), d = (c) => {
+      n.value = "", o("selectChanged", c);
     };
-    return (u, v) => (l(), w(f(vt), {
+    return (c, v) => (l(), w(f(vt), {
       as: "div",
       modelValue: r.value,
       "onUpdate:modelValue": [
@@ -1265,11 +1265,11 @@ const Ds = { class: "flex justify-between" }, Ls = {
         t("div", Ds, [
           m(f(xt), { class: "block text-sm font-medium" }, {
             default: y(() => [
-              B(c(e.label), 1)
+              B(u(e.label), 1)
             ]),
             _: 1
           }),
-          e.requiredText ? (l(), s("span", Ls, c(e.requiredText), 1)) : b("", !0)
+          e.requiredText ? (l(), s("span", Ls, u(e.requiredText), 1)) : b("", !0)
         ]),
         t("div", {
           class: x([{ "mt-1": e.label || e.requiredText }, "relative"])
@@ -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(As), {
+              m(f(Ts), {
                 class: "size-5 mt-1",
                 "aria-hidden": "true"
               })
@@ -1321,18 +1321,18 @@ const Ds = { class: "flex justify-between" }, Ls = {
                 key: p.id,
                 value: p
               }, {
-                default: y(({ active: C, selected: R }) => [
+                default: y(({ active: C, selected: N }) => [
                   t("li", {
                     class: x(["relative cursor-default select-none py-2 pl-3 pr-9", C ? "bg-lime-400 outline-none" : "text-gray-900"])
                   }, [
                     t("span", {
-                      class: x(["block truncate", R && "font-semibold"])
-                    }, c(p.label || p.name), 3),
-                    R ? (l(), s("span", {
+                      class: x(["block truncate", N && "font-semibold"])
+                    }, u(p.label || p.name), 3),
+                    N ? (l(), s("span", {
                       key: 0,
                       class: x(["absolute inset-y-0 right-0 flex items-center pr-4", C ? "text-black" : "text-lime-400"])
                     }, [
-                      m(f(At), {
+                      m(f(Tt), {
                         class: "size-5",
                         "aria-hidden": "true"
                       })
@@ -1353,8 +1353,8 @@ const Ds = { class: "flex justify-between" }, Ls = {
             "text-yellow-400": e.color === "yellow",
             "text-green-600": e.color === "green"
           }, "mt-2 text-xs flex flex-row items-center"])
-        }, c(e.error), 3), [
-          [O, e.error]
+        }, u(e.error), 3), [
+          [F, e.error]
         ])
       ]),
       _: 1
@@ -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"
-}, G = /* @__PURE__ */ T({
+}, J = /* @__PURE__ */ A({
   __name: "uiTag",
   props: {
     color: { default: "primary" },
@@ -1398,20 +1398,20 @@ const Ds = { class: "flex justify-between" }, Ls = {
         "px-4 py-3": e.size === "big"
       }, "inline-flex items-center rounded text-xs font-medium leading-none"])
     }, [
-      J(r.$slots, "default")
+      G(r.$slots, "default")
     ], 2));
   }
-}), Fs = { key: 0 }, Os = { class: "flex justify-between" }, Is = {
+}), _s = { key: 0 }, Fs = { class: "flex justify-between" }, Os = {
   key: 0,
   class: "block text-sm font-medium"
-}, Ns = {
+}, Is = {
   key: 1,
   "data-test": "required",
   class: "text-[10px] uppercase justify-self-end"
-}, Vs = ["disabled", "placeholder"], Rs = {
+}, Vs = ["disabled", "placeholder"], Ns = {
   key: 1,
   class: "animate-pulse"
-}, _s = /* @__PURE__ */ T({
+}, Rs = /* @__PURE__ */ A({
   __name: "uiTextArea",
   props: {
     name: {},
@@ -1431,13 +1431,13 @@ const Ds = { class: "flex justify-between" }, Ls = {
     }, r = V(o.value);
     return Z(() => o.value, (a) => {
       r.value = a, i("inputChanged", { name: o.name, value: r.value });
-    }), (a, d) => e.loading ? (l(), s("div", Rs, [...d[1] || (d[1] = [
+    }), (a, d) => e.loading ? (l(), s("div", Ns, [...d[1] || (d[1] = [
       t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5" }, null, -1),
       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)) : b("", !0),
-        e.requiredText ? (l(), s("span", Ns, c(e.requiredText), 1)) : b("", !0)
+    ])])) : (l(), s("div", _s, [
+      t("div", Fs, [
+        e.label ? (l(), s("label", Os, u(e.label), 1)) : b("", !0),
+        e.requiredText ? (l(), s("span", Is, u(e.requiredText), 1)) : b("", !0)
       ]),
       t("div", {
         class: x({ "mt-1": e.label })
@@ -1445,7 +1445,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
         D(t("textarea", {
           disabled: e.disabled,
           rows: "4",
-          "onUpdate:modelValue": d[0] || (d[0] = (u) => r.value = u),
+          "onUpdate:modelValue": d[0] || (d[0] = (c) => r.value = c),
           placeholder: e.placeholder,
           class: x(["shadow-sm focus:ring-lime-400 focus:border-lime-400 block w-full sm:text-sm rounded-md", {
             "border-gray-300": e.color === "gray",
@@ -1478,9 +1478,9 @@ const Ds = { class: "flex justify-between" }, Ls = {
           class: "mr-2",
           loading: !1
         }, null, 8, ["icon"]),
-        B(" " + c(e.error), 1)
+        B(" " + u(e.error), 1)
       ], 2), [
-        [O, e.error]
+        [F, e.error]
       ])
     ]));
   }
@@ -1490,7 +1490,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }, Ys = {
   key: 1,
   class: "animate-pulse flex items-center"
-}, Es = /* @__PURE__ */ T({
+}, Es = /* @__PURE__ */ A({
   __name: "uiToggle",
   props: {
     item: {},
@@ -1540,8 +1540,8 @@ const Ds = { class: "flex justify-between" }, Ls = {
           class: "ml-3"
         }, {
           default: y(() => [
-            t("span", qs, c(e.item.title), 1),
-            e.item.subtitle ? (l(), s("span", Hs, c(e.item.subtitle), 1)) : b("", !0)
+            t("span", qs, u(e.item.title), 1),
+            e.item.subtitle ? (l(), s("span", Hs, u(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)) : b("", !0)
+        }, u(e.item.action), 1)) : b("", !0)
       ]),
       _: 1
     }));
@@ -1561,13 +1561,13 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }, Zs = {
   role: "list",
   class: "flex items-center space-x-4 text-xs"
-}, Ws = { key: 0 }, Js = ["onClick"], Gs = {
+}, Ws = { key: 0 }, Gs = ["onClick"], Js = {
   key: 1,
   class: "flex items-center"
 }, Ks = ["onClick"], Qs = {
   key: 1,
   class: "flex flex-row items-center animate-pulse"
-}, Dt = /* @__PURE__ */ T({
+}, Dt = /* @__PURE__ */ A({
   __name: "uiBreadcrumbs",
   props: {
     pages: {},
@@ -1592,9 +1592,9 @@ const Ds = { class: "flex justify-between" }, Ls = {
                 class: "flex-shrink-0 h-3 w-3 text-gray-400 mr-4",
                 "aria-hidden": "true"
               }),
-              t("span", null, c(n.name), 1)
-            ], 8, Js)
-          ])) : (l(), s("div", Gs, [
+              t("span", null, u(n.name), 1)
+            ], 8, Gs)
+          ])) : (l(), s("div", Js, [
             m(f($e), {
               class: "flex-shrink-0 h-3 w-3 text-gray-400",
               "aria-hidden": "true"
@@ -1603,7 +1603,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
               onClick: (a) => i.$emit("breadCrumbClicked", n.routeName),
               class: x(["cursor-pointer ml-4 text-xs text-black", { "hover:text-lime-400 underline": !n.current }]),
               "aria-current": "page"
-            }, c(n.name), 11, Ks)
+            }, u(n.name), 11, Ks)
           ]))
         ]))), 128))
       ])
@@ -1624,7 +1624,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }, dn = {
   key: 1,
   class: "animate-pulse mb-12"
-}, cn = /* @__PURE__ */ T({
+}, cn = /* @__PURE__ */ A({
   __name: "uiViewHeader",
   props: {
     pages: {},
@@ -1652,13 +1652,13 @@ const Ds = { class: "flex justify-between" }, Ls = {
               onBreadCrumbClicked: i[0] || (i[0] = (o) => g.$emit("breadCrumbClicked", o))
             }, null, 8, ["pages", "loading"])
           ]),
-          t("h1", sn, c(e.title), 1)
+          t("h1", sn, u(e.title), 1)
         ])
       ]),
       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)) : b("", !0),
-          e.description ? (l(), s("p", rn, c(e.description), 1)) : b("", !0)
+          e.subtitle ? (l(), s("h3", on, u(e.subtitle), 1)) : b("", !0),
+          e.description ? (l(), s("p", rn, u(e.description), 1)) : b("", !0)
         ])) : b("", !0),
         e.buttonText ? (l(), w(U, {
           key: 1,
@@ -1670,7 +1670,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
           onClick: i[1] || (i[1] = (o) => g.$emit("buttonClick"))
         }, {
           default: y(() => [
-            B(c(e.buttonText), 1)
+            B(u(e.buttonText), 1)
           ]),
           _: 1
         }, 8, ["loading", "disabled", "color", "size"])) : b("", !0)
@@ -1683,7 +1683,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }, 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__ */ T({
+}, xn = /* @__PURE__ */ A({
   __name: "uiAlert",
   props: {
     actions: {},
@@ -1709,7 +1709,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
       }, [
         t("div", gn, [
           t("div", mn, [
-            e.type === "info" ? (l(), w(f(Tt), {
+            e.type === "info" ? (l(), w(f(At), {
               key: 0,
               class: "h-8 w-8 text-lime-400",
               "aria-hidden": "true"
@@ -1737,7 +1737,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
                 "text-yellow-800": e.type === "warning",
                 "text-green-800": e.type === "success"
               }, "text-sm font-medium"])
-            }, c(e.title), 3),
+            }, u(e.title), 3),
             t("div", {
               class: x([{
                 "text-red-700": e.type === "danger",
@@ -1745,12 +1745,12 @@ const Ds = { class: "flex justify-between" }, Ls = {
                 "text-green-700": e.type === "success"
               }, "mt-2 text-sm"])
             }, [
-              J(n.$slots, "default")
+              G(n.$slots, "default")
             ], 2),
             t("div", hn, [
               t("div", yn, [
                 (l(!0), s(k, null, S(e.actions, (a, d) => (l(), s("button", {
-                  onClick: (u) => o(a),
+                  onClick: (c) => o(a),
                   type: "button",
                   key: d,
                   class: x([
@@ -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, bn))), 128))
+                }, u(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__ */ T({
+}, Bn = /* @__PURE__ */ A({
   __name: "uiCard",
   props: {
     id: {},
@@ -1801,19 +1801,19 @@ const Ds = { class: "flex justify-between" }, Ls = {
           src: e.logo
         }, null, 8, wn),
         t("div", null, [
-          t("h4", kn, c(e.name), 1),
-          t("p", $n, c(e.type), 1)
+          t("h4", kn, u(e.name), 1),
+          t("p", $n, u(e.type), 1)
         ])
       ]),
       e.tags && e.tags?.length > 0 ? (l(), s("div", Cn, [
-        (l(!0), s(k, null, S(e.tags, (n) => (l(), w(G, {
+        (l(!0), s(k, null, S(e.tags, (n) => (l(), w(J, {
           class: "mb-1 mr-1",
           key: n.name,
           color: n.color,
           loading: e.loading
         }, {
           default: y(() => [
-            B(c(n.name), 1)
+            B(u(n.name), 1)
           ]),
           _: 2
         }, 1032, ["color", "loading"]))), 128))
@@ -1823,25 +1823,25 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }), 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" }, Tn = { class: "mb-4" }, An = { class: "font-bold text-lg mb-1" }, Dn = {
+}, 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 = {
   key: 0,
   class: "text-sm text-gray-500"
 }, Ln = { class: "mb-4 relative" }, Pn = {
   key: 0,
   class: "w-full h-36 bg-gray-200 rounded-lg animate-pulse flex items-center justify-center"
-}, Fn = ["src", "alt"], On = {
+}, _n = ["src", "alt"], Fn = {
   key: 1,
   class: "absolute bottom-2 right-2 p-1.5 bg-white rounded shadow-sm"
-}, In = {
+}, On = {
   key: 0,
   class: "text-sm text-gray-600 mb-4 line-clamp-3"
-}, Nn = { class: "flex flex-col pt-4 border-t border-gray-200 mt-auto" }, Vn = {
+}, In = { class: "flex flex-col pt-4 border-t border-gray-200 mt-auto" }, Vn = {
   key: 0,
   class: "text-xs text-gray-500 mb-3"
-}, Rn = { class: "flex flex-col xl:flex-row xl:flex-wrap items-stretch xl:items-center gap-2" }, _n = {
+}, Nn = { class: "flex flex-col xl:flex-row xl:flex-wrap items-stretch xl:items-center gap-2" }, Rn = {
   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__ */ T({
+}, 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({
   __name: "uiCardWithImage",
   props: {
     id: {},
@@ -1864,11 +1864,11 @@ const Ds = { class: "flex justify-between" }, Ls = {
     const i = e, o = V(!0);
     return Z(() => i.image, () => {
       o.value = !0;
-    }, { immediate: !0 }), (n, r) => e.loading ? (l(), s("div", _n, [
+    }, { immediate: !0 }), (n, r) => e.loading ? (l(), s("div", Rn, [
       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(G, {
+          e.badge ? (l(), w(J, {
             key: 0,
             loading: !0,
             size: "small"
@@ -1918,14 +1918,14 @@ const Ds = { class: "flex justify-between" }, Ls = {
             color: "primary",
             loading: !1
           }, null, 8, ["icon"]),
-          e.badge ? (l(), w(G, {
+          e.badge ? (l(), w(J, {
             key: 0,
             color: e.badgeColor,
             loading: !1,
             size: "small"
           }, {
             default: y(() => [
-              B(c(e.badge), 1)
+              B(u(e.badge), 1)
             ]),
             _: 1
           }, 8, ["color"])) : b("", !0)
@@ -1944,9 +1944,9 @@ const Ds = { class: "flex justify-between" }, Ls = {
           }, null, 8, ["icon"])
         ])) : b("", !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", An, [
+        t("h4", Tn, u(e.title), 1),
+        e.subtitle ? (l(), s("p", Dn, u(e.subtitle), 1)) : b("", !0)
       ]),
       t("div", Ln, [
         o.value ? (l(), s("div", Pn, [
@@ -1963,15 +1963,15 @@ const Ds = { class: "flex justify-between" }, Ls = {
           class: "w-full h-36 object-cover rounded-lg",
           onLoad: r[1] || (r[1] = (a) => o.value = !1),
           onError: r[2] || (r[2] = (a) => o.value = !1)
-        }, null, 40, Fn), [
-          [O, !o.value]
+        }, null, 40, _n), [
+          [F, !o.value]
         ]),
-        e.showImageOverlay && !o.value ? (l(), s("div", On)) : b("", !0)
+        e.showImageOverlay && !o.value ? (l(), s("div", Fn)) : b("", !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)) : b("", !0),
-        t("div", Rn, [
+      e.bodyText ? (l(), s("p", On, u(e.bodyText), 1)) : b("", !0),
+      t("div", In, [
+        e.updatedDate ? (l(), s("span", Vn, " Updated " + u(e.updatedDate), 1)) : b("", !0),
+        t("div", Nn, [
           e.showActions ? (l(), w(U, {
             key: 0,
             onClick: r[3] || (r[3] = ne((a) => n.$emit("actionClick", { id: e.id, action: "edit" }), ["stop"])),
@@ -1983,7 +1983,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
             class: "w-full xl:w-auto"
           }, {
             default: y(() => [
-              B(c(e.actionLabels?.edit || "Editar"), 1)
+              B(u(e.actionLabels?.edit || "Editar"), 1)
             ]),
             _: 1
           }, 8, ["icon"])) : b("", !0),
@@ -1998,7 +1998,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
             class: "w-full xl:w-auto"
           }, {
             default: y(() => [
-              B(c(e.actionLabels?.copy || "Copiar"), 1)
+              B(u(e.actionLabels?.copy || "Copiar"), 1)
             ]),
             _: 1
           }, 8, ["icon"])) : b("", !0),
@@ -2013,7 +2013,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
             class: "w-full xl:w-auto"
           }, {
             default: y(() => [
-              B(c(e.actionLabels?.delete || "Eliminar"), 1)
+              B(u(e.actionLabels?.delete || "Eliminar"), 1)
             ]),
             _: 1
           }, 8, ["icon"])) : b("", !0)
@@ -2021,7 +2021,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
       ])
     ]));
   }
-}), Zn = /* @__PURE__ */ T({
+}), Zn = /* @__PURE__ */ A({
   __name: "uiFilter",
   props: {
     items: {},
@@ -2039,16 +2039,16 @@ const Ds = { class: "flex justify-between" }, Ls = {
     return (a, d) => (l(), w(ge, {
       class: "text-nowrap",
       loading: e.loading,
-      onOptionSelected: d[0] || (d[0] = (u) => n(u)),
+      onOptionSelected: d[0] || (d[0] = (c) => n(c)),
       position: e.position,
       items: r.value,
       label: e.label
     }, null, 8, ["loading", "position", "items", "label"]));
   }
-}), 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 = {
+}), Wn = { class: "fixed inset-0 z-10 overflow-y-auto" }, Gn = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Jn = { 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__ */ T({
+}, ta = ["onClick"], Pe = /* @__PURE__ */ A({
   __name: "uiModal",
   props: {
     title: {},
@@ -2091,7 +2091,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
               _: 1
             }),
             t("div", Wn, [
-              t("div", Jn, [
+              t("div", Gn, [
                 m(f(ce), {
                   as: "template",
                   enter: "ease-out duration-300",
@@ -2109,7 +2109,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
                       }, "relative transform rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all"])
                     }, {
                       default: y(() => [
-                        t("div", Gn, [
+                        t("div", Jn, [
                           t("button", {
                             type: "button",
                             class: "rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none",
@@ -2136,25 +2136,25 @@ const Ds = { class: "flex justify-between" }, Ls = {
                               class: "h-6 w-6 text-red-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [O, e.type === "danger"]
+                              [F, e.type === "danger"]
                             ]),
                             D(m(f(et), {
                               class: "h-6 w-6 text-green-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [O, e.type === "success"]
+                              [F, e.type === "success"]
                             ]),
                             D(m(f(te), {
                               class: "h-6 w-6 text-yellow-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [O, e.type === "warning"]
+                              [F, e.type === "warning"]
                             ]),
                             D(m(f(Kl), {
                               class: "h-6 w-6 text-black",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [O, e.type === "default"]
+                              [F, e.type === "default"]
                             ])
                           ], 2),
                           t("div", Qn, [
@@ -2163,20 +2163,20 @@ const Ds = { class: "flex justify-between" }, Ls = {
                               class: "text-lg font-medium leading-6"
                             }, {
                               default: y(() => [
-                                B(c(e.title), 1)
+                                B(u(e.title), 1)
                               ]),
                               _: 1
                             }),
                             t("div", Xn, [
-                              J(r.$slots, "default", { class: "break-words" })
+                              G(r.$slots, "default", { class: "break-words" })
                             ]),
                             e.actions ? (l(), s("div", ea, [
-                              (l(!0), s(k, null, S(e.actions, (d, u) => (l(), s("button", {
-                                key: u,
+                              (l(!0), s(k, null, S(e.actions, (d, c) => (l(), s("button", {
+                                key: c,
                                 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: (v) => n(d.value)
-                              }, c(d.name), 9, ta))), 128))
+                              }, u(d.name), 9, ta))), 128))
                             ])) : 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__ */ T({
+}, 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({
   __name: "uiNotification",
   props: {
     type: { default: "info" },
@@ -2232,30 +2232,30 @@ const Ds = { class: "flex justify-between" }, Ls = {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-green-600"
                     }, null, 512), [
-                      [O, e.type === "success"]
+                      [F, e.type === "success"]
                     ]),
                     D(m(f(Ve), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-red-600"
                     }, null, 512), [
-                      [O, e.type === "danger"]
+                      [F, e.type === "danger"]
                     ]),
                     D(m(f(te), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-yellow-400"
                     }, null, 512), [
-                      [O, e.type === "warning"]
+                      [F, e.type === "warning"]
                     ]),
-                    D(m(f(Tt), {
+                    D(m(f(At), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-black"
                     }, null, 512), [
-                      [O, e.type === "info"]
+                      [F, e.type === "info"]
                     ])
                   ]),
                   t("div", ia, [
-                    t("p", ra, c(e.title), 1),
-                    t("p", da, c(e.message), 1)
+                    t("p", ra, u(e.title), 1),
+                    t("p", da, u(e.message), 1)
                   ]),
                   t("div", ca, [
                     t("button", {
@@ -2286,7 +2286,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }, 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__ */ T({
+}, ka = /* @__PURE__ */ A({
   __name: "uiTaskList",
   props: {
     tasks: {},
@@ -2307,7 +2307,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
       }, [
         t("div", ma, [
           t("div", fa, [
-            t("p", ha, c(o.name), 1),
+            t("p", ha, u(o.name), 1),
             t("p", {
               class: x([
                 {
@@ -2317,10 +2317,10 @@ const Ds = { class: "flex justify-between" }, Ls = {
                 },
                 "rounded-md whitespace-nowrap mt-0.5 px-1.5 py-0.5 text-xs font-medium ring-1 ring-inset"
               ])
-            }, c(o.statusLiteral), 3)
+            }, u(o.statusLiteral), 3)
           ]),
           t("div", ya, [
-            t("p", ba, c(o.description), 1)
+            t("p", ba, u(o.description), 1)
           ])
         ]),
         t("div", va, [
@@ -2328,8 +2328,8 @@ const Ds = { class: "flex justify-between" }, Ls = {
             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"
           }, [
-            B(c(o.action), 1),
-            t("span", pa, ", " + c(o.name), 1)
+            B(u(o.action), 1),
+            t("span", pa, ", " + u(o.name), 1)
           ], 8, xa)
         ])
       ]))), 128))
@@ -2362,23 +2362,23 @@ function Ma() {
     (function(i, o) {
       e.exports = o(Y);
     })(Ba, (function(i) {
-      function o(u) {
-        return u && typeof u == "object" && "default" in u ? u : { default: u };
+      function o(c) {
+        return c && typeof c == "object" && "default" in c ? c : { default: c };
       }
       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, v, p) {
+      function a(c, v, p) {
         var C = r[p];
-        return Array.isArray(C) && (C = C[v ? 0 : 1]), C.replace("%d", u);
+        return Array.isArray(C) && (C = C[v ? 0 : 1]), C.replace("%d", c);
       }
-      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 + ".";
+      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(c) {
+        return c + ".";
       }, weekStart: 1, yearStart: 4, formats: { LTS: "HH:mm:ss", LT: "HH:mm", L: "DD.MM.YYYY", LL: "D. MMMM YYYY", LLL: "D. MMMM YYYY HH:mm", LLLL: "dddd, D. MMMM YYYY HH:mm" }, relativeTime: { future: "in %s", past: "vor %s", s: a, m: a, mm: a, h: a, hh: a, d: a, dd: a, M: a, MM: a, y: a, yy: a } };
       return n.default.locale(d, null, !0), d;
     }));
   })(je)), je.exports;
 }
 Ma();
-var Te = { exports: {} }, za = Te.exports, gt;
+var Ae = { exports: {} }, za = Ae.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]) + "]";
       } };
     }));
-  })(Te)), Te.exports;
+  })(Ae)), Ae.exports;
 }
 ja();
-var Ae = { exports: {} }, Ta = Ae.exports, mt;
-function Aa() {
+var Te = { exports: {} }, Aa = Te.exports, mt;
+function Ta() {
   return mt || (mt = 1, (function(e, g) {
     (function(i, o) {
       e.exports = o(Y);
-    })(Ta, (function(i) {
+    })(Aa, (function(i) {
       function o(a) {
         return a && typeof a == "object" && "default" in a ? a : { default: a };
       }
@@ -2406,9 +2406,9 @@ function Aa() {
       } };
       return n.default.locale(r, null, !0), r;
     }));
-  })(Ae)), Ae.exports;
+  })(Te)), Te.exports;
 }
-Aa();
+Ta();
 const Ce = (e, g) => {
   const i = e.__vccOpts || e;
   for (const [o, n] of g)
@@ -2444,8 +2444,8 @@ const Ce = (e, g) => {
       g === "next" && (e === "day" && (i = Y(this.selectedDate).add(1, "day")), e === "month" && (i = Y(this.selectedDate).add(1, "month")), e === "year" && (i = Y(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", i);
     }
   }
-}, La = { class: "dateSelector flex items-center flex-row" }, Pa = { class: "pagination flex items-center my-1 md:my-0" }, Fa = { class: "date mx-4 font-bold text-center text-black select-none uppercase" }, Oa = { class: "pagination flex items-center my-1 sm:my-0" };
-function Ia(e, g, i, o, n, r) {
+}, La = { class: "dateSelector flex items-center flex-row" }, Pa = { class: "pagination flex items-center my-1 md:my-0" }, _a = { class: "date mx-4 font-bold text-center text-black select-none uppercase" }, Fa = { class: "pagination flex items-center my-1 sm:my-0" };
+function Oa(e, g, i, o, n, r) {
   const a = it("ChevronLeftIcon"), d = it("ChevronRightIcon");
   return l(), s("div", La, [
     t("div", Pa, [
@@ -2454,7 +2454,7 @@ function Ia(e, g, i, o, n, r) {
           "bg-lime-400 text-black hover:text-white hover:bg-black cursor-pointer": r.currentDate > r.today,
           "bg-lime-300": r.currentDate <= r.today
         }, "previousYear flex items-center p-1 rounded mx-0.5 shadow-sm"]),
-        onClick: g[0] || (g[0] = (u) => r.selectDate("year", "previous"))
+        onClick: g[0] || (g[0] = (c) => r.selectDate("year", "previous"))
       }, [
         m(a, { class: "h-4" }),
         m(a, { class: "h-4 -ml-3" }),
@@ -2465,7 +2465,7 @@ function Ia(e, g, i, o, n, r) {
           "bg-lime-400 text-black hover:text-white hover:bg-black cursor-pointer": r.currentDate > r.today,
           "bg-lime-300": r.currentDate <= r.today
         }, "previousYear flex items-center p-1 rounded mx-0.5 shadow-sm"]),
-        onClick: g[1] || (g[1] = (u) => r.selectDate("month", "previous"))
+        onClick: g[1] || (g[1] = (c) => r.selectDate("month", "previous"))
       }, [
         m(a, { class: "h-4" }),
         m(a, { class: "h-4 -ml-3" })
@@ -2475,29 +2475,29 @@ function Ia(e, g, i, o, n, r) {
           "bg-lime-400 text-black hover:text-white hover:bg-black cursor-pointer": r.currentDate > r.today,
           "bg-lime-300": r.currentDate <= r.today
         }, "previousYear flex items-center p-1 rounded mx-0.5 shadow-sm"]),
-        onClick: g[2] || (g[2] = (u) => r.selectDate("day", "previous"))
+        onClick: g[2] || (g[2] = (c) => r.selectDate("day", "previous"))
       }, [
         m(a, { class: "h-4" })
       ], 2)
     ]),
-    t("div", Fa, c(r.formatedDate), 1),
-    t("div", Oa, [
+    t("div", _a, u(r.formatedDate), 1),
+    t("div", Fa, [
       t("div", {
         class: "previousDay flex items-center cursor-pointer p-1 rounded mx-0.5 shadow-sm bg-lime-400 text-black hover:text-white hover:bg-black",
-        onClick: g[3] || (g[3] = (u) => r.selectDate("day", "next"))
+        onClick: g[3] || (g[3] = (c) => r.selectDate("day", "next"))
       }, [
         m(d, { class: "h-4" })
       ]),
       t("div", {
         class: "previousMonth flex items-center cursor-pointer p-1 rounded mx-0.5 shadow-sm bg-lime-400 text-black hover:text-white hover:bg-black",
-        onClick: g[4] || (g[4] = (u) => r.selectDate("month", "next"))
+        onClick: g[4] || (g[4] = (c) => r.selectDate("month", "next"))
       }, [
         m(d, { class: "h-4" }),
         m(d, { class: "h-4 -ml-3" })
       ]),
       t("div", {
         class: "previousYear flex items-center cursor-pointer p-1 rounded mx-0.5 shadow-sm bg-lime-400 text-black hover:text-white hover:bg-black",
-        onClick: g[5] || (g[5] = (u) => r.selectDate("year", "next"))
+        onClick: g[5] || (g[5] = (c) => r.selectDate("year", "next"))
       }, [
         m(d, { class: "h-4" }),
         m(d, { class: "h-4 -ml-3" }),
@@ -2506,12 +2506,12 @@ function Ia(e, g, i, o, n, r) {
     ])
   ]);
 }
-const Na = /* @__PURE__ */ Ce(Da, [["render", Ia]]), Va = {
+const Ia = /* @__PURE__ */ Ce(Da, [["render", Oa]]), Va = {
   name: "SkeletonTable"
-}, Ra = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, _a = { class: "flow-root" }, qa = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Ha = { class: "inline-block min-w-full py-2 align-middle px-1" }, Ya = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Ea = { class: "min-w-full divide-y divide-gray-300" }, Ua = { class: "divide-y divide-gray-200 bg-white" };
+}, Na = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Ra = { class: "flow-root" }, qa = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Ha = { class: "inline-block min-w-full py-2 align-middle px-1" }, Ya = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Ea = { class: "min-w-full divide-y divide-gray-300" }, Ua = { class: "divide-y divide-gray-200 bg-white" };
 function Za(e, g, i, o, n, r) {
-  return l(), s("div", Ra, [
-    t("div", _a, [
+  return l(), s("div", Na, [
+    t("div", Ra, [
       t("div", qa, [
         t("div", Ha, [
           t("div", Ya, [
@@ -2580,7 +2580,7 @@ function Za(e, g, i, o, n, r) {
 }
 const Lt = /* @__PURE__ */ Ce(Va, [["render", Za]]);
 var De = { exports: {} }, Wa = De.exports, ft;
-function Ja() {
+function Ga() {
   return ft || (ft = 1, (function(e, g) {
     (function(i, o) {
       e.exports = o();
@@ -2594,8 +2594,8 @@ function Ja() {
     }));
   })(De)), De.exports;
 }
-var Ga = Ja();
-const Ka = /* @__PURE__ */ $a(Ga), Qa = {
+var Ja = Ga();
+const Ka = /* @__PURE__ */ $a(Ja), Qa = {
   name: "calendarDay",
   props: {
     day: Object
@@ -2622,9 +2622,9 @@ function lo(e, g, i, o, n, r) {
       }
     ])
   }, [
-    t("p", Xa, c(r.currentDay.dayName), 1),
-    t("p", eo, c(r.currentDay.day), 1),
-    t("p", to, c(r.currentDay.month), 1)
+    t("p", Xa, u(r.currentDay.dayName), 1),
+    t("p", eo, u(r.currentDay.day), 1),
+    t("p", to, u(r.currentDay.month), 1)
   ], 2);
 }
 const so = /* @__PURE__ */ Ce(Qa, [["render", lo]]), no = {
@@ -2661,7 +2661,7 @@ function io(e, g, i, o, n, r) {
         "select-none text-center rounded-lg p-1"
       ])
     }, [
-      t("span", oo, c(r.currentDay.price) + " " + c(i.currency), 1)
+      t("span", oo, u(r.currentDay.price) + " " + u(i.currency), 1)
     ], 2)
   ]);
 }
@@ -2680,7 +2680,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
 }, 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__ */ T({
+}, Pt = /* @__PURE__ */ A({
   __name: "uiPagination",
   props: {
     current: {},
@@ -2695,34 +2695,34 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
     ), a = j(
       () => Math.min(Number(o.current) + Number(n.value), Number(o.total))
     ), d = j(() => {
-      let u = [];
+      let c = [];
       for (let v = Number(r.value); v <= Number(a.value); v++)
-        u.push(v);
-      return u;
+        c.push(v);
+      return c;
     });
-    return (u, v) => e.loading ? (l(), s("div", ko, [...v[3] || (v[3] = [
+    return (c, 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, [
       t("div", co, [
         t("a", uo, [
-          J(u.$slots, "previous")
+          G(c.$slots, "previous")
         ]),
         t("a", go, [
-          J(u.$slots, "next")
+          G(c.$slots, "next")
         ])
       ]),
       t("div", mo, [
         t("div", null, [
           t("p", fo, [
-            J(u.$slots, "showing"),
-            t("span", ho, c(e.current), 1),
-            J(u.$slots, "of"),
-            t("span", yo, c(e.total), 1),
-            J(u.$slots, "pages"),
+            G(c.$slots, "showing"),
+            t("span", ho, u(e.current), 1),
+            G(c.$slots, "of"),
+            t("span", yo, u(e.total), 1),
+            G(c.$slots, "pages"),
             v[2] || (v[2] = t("span", { class: "font-bold mx-1" }, "/", -1)),
-            J(u.$slots, "fromTotal"),
-            t("span", bo, c(e.totalItems), 1)
+            G(c.$slots, "fromTotal"),
+            t("span", bo, u(e.totalItems), 1)
           ])
         ]),
         t("div", null, [
@@ -2733,14 +2733,14 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
               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, [
-                J(u.$slots, "previous")
+                G(c.$slots, "previous")
               ]),
               m(f(zt), {
                 class: "h-5 w-5",
                 "aria-hidden": "true"
               })
             ], 512), [
-              [O, e.current !== 1]
+              [F, e.current !== 1]
             ]),
             (l(!0), s(k, null, S(d.value, (p) => (l(), s("button", {
               onClick: (C) => i("changePage", p),
@@ -2749,21 +2749,21 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
               class: x([[
                 p === e.current ? "z-10 bg-lime-50 border-lime-400 text-black" : "bg-white border-gray-300 text-gray-500 hover:bg-gray-50"
               ], "relative inline-flex items-center px-4 py-2 border text-sm font-medium"])
-            }, c(p), 11, po))), 128)),
+            }, u(p), 11, po))), 128)),
             D(t("button", {
               ref: "test-last-button",
               onClick: v[1] || (v[1] = (p) => i("changePage", e.current + 1)),
               class: "relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
             }, [
               t("span", wo, [
-                J(u.$slots, "next")
+                G(c.$slots, "next")
               ]),
               m(f($e), {
                 class: "h-5 w-5",
                 "aria-hidden": "true"
               })
             ], 512), [
-              [O, e.current !== e.total]
+              [F, e.current !== e.total]
             ])
           ])
         ])
@@ -2777,31 +2777,31 @@ 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"
-}, To = {
+}, Ao = {
   colspan: "20",
   scope: "colgroup",
   class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold"
-}, Ao = { key: 0 }, Do = {
+}, To = { key: 0 }, Do = {
   colspan: "6",
   class: "pl-4"
 }, Lo = { key: 1 }, Po = {
   colspan: "6",
   class: "pl-4"
-}, Fo = { key: 2 }, Oo = {
+}, _o = { key: 2 }, Fo = {
   colspan: "6",
   class: "pl-4"
-}, Io = {
+}, Oo = {
   colspan: "20",
   scope: "colgroup",
   class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold relative"
-}, No = {
+}, Io = {
   key: 0,
   class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-48 bg-white shadow rounded px-4 py-1 z-10"
-}, Vo = ["onClick"], Ro = {
+}, Vo = ["onClick"], No = {
   colspan: "2",
   scope: "colgroup",
   class: "relative bg-gray-100 py-3.5 pl-4 pr-3 text-left font-semibold"
-}, _o = ["checked", "indeterminate"], qo = { class: "pl-6" }, Ho = {
+}, Ro = ["checked", "indeterminate"], qo = { class: "pl-6" }, Ho = {
   colspan: "2",
   scope: "colgroup",
   class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold"
@@ -2815,16 +2815,16 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
 }, Uo = {
   key: 0,
   class: "absolute inset-y-0 left-0 w-0.5 bg-lime-400"
-}, Zo = ["value"], Wo = { class: "pl-6" }, Jo = {
+}, Zo = ["value"], Wo = { class: "pl-6" }, Go = {
   colspan: "2",
   class: "pl-4"
-}, Go = {
+}, Jo = {
   colspan: "2",
   class: "pl-4"
 }, Ko = {
   key: 1,
   class: "flex flex-row justify-between items-center mt-4"
-}, Qo = { key: 0 }, Xo = /* @__PURE__ */ T({
+}, Qo = { key: 0 }, Xo = /* @__PURE__ */ A({
   __name: "uiPriceCalendar",
   props: {
     loading: { type: Boolean },
@@ -2849,32 +2849,32 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
     });
     const d = j(() => {
       let $ = [];
-      for (let F = 0; F < 14; F++)
-        $.push(Y(r.value).add(F, "day"));
+      for (let _ = 0; _ < 14; _++)
+        $.push(Y(r.value).add(_, "day"));
       return $;
-    }), u = j(() => a.value.length > 0 && a.value.length < i.rooms.length), v = j(
+    }), c = 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
     ), C = j(
       () => i.pageSizeOptions && i.pageSizeOptions.length > 0
-    ), R = j(() => i.pageSizeOptions ? i.pageSizeOptions.map(($) => ({
+    ), N = j(() => i.pageSizeOptions ? i.pageSizeOptions.map(($) => ({
       name: $.name,
       value: String($.value),
       active: !!($.active || i.currentPageSize && $.value === i.currentPageSize)
     })) : []), E = ($) => {
       Y($).isBefore(n.value) || (r.value = $, o("dateChanged", r.value));
     }, P = ($) => {
-      let F = i.category.selectionPrices.find((N) => Y(N.date).isSame($.date));
-      return F ? F.price : $.price;
-    }, _ = ($) => {
-      a.value = $.target.checked ? i.rooms.map((F) => F.id) : [];
-    }, K = () => o("changeCategoryBulkPrices"), re = ($) => o("changeCategorySelectionPrice", $), me = ($) => o("changeCategoryUpgradePrice", $), fe = ($) => o("tableAction", $), z = ($, F, N) => o("changeRoomPrice", { price: $, roomId: F, roomName: N }), q = ($) => {
+      let _ = i.category.selectionPrices.find((I) => Y(I.date).isSame($.date));
+      return _ ? _.price : $.price;
+    }, R = ($) => {
+      a.value = $.target.checked ? i.rooms.map((_) => _.id) : [];
+    }, K = () => o("changeCategoryBulkPrices"), re = ($) => o("changeCategorySelectionPrice", $), me = ($) => o("changeCategoryUpgradePrice", $), fe = ($) => o("tableAction", $), z = ($, _, I) => o("changeRoomPrice", { price: $, roomId: _, roomName: I }), q = ($) => {
       o("changePage", $);
     }, H = ($) => {
       o("changePageSize", $.value);
     };
-    return ($, F) => (l(), s(k, null, [
+    return ($, _) => (l(), s(k, null, [
       e.loading ? b("", !0) : (l(), s("div", $o, [
         t("div", Co, [
           t("div", So, [
@@ -2883,25 +2883,25 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                 t("tbody", zo, [
                   t("tr", null, [
                     t("th", jo, [
-                      m(Na, {
+                      m(Ia, {
                         selectedDate: r.value,
-                        onDateSelected: F[0] || (F[0] = (N) => E(N))
+                        onDateSelected: _[0] || (_[0] = (I) => E(I))
                       }, null, 8, ["selectedDate"])
                     ]),
-                    (l(!0), s(k, null, S(d.value, (N, W) => (l(), s("th", {
+                    (l(!0), s(k, null, S(d.value, (I, W) => (l(), s("th", {
                       scope: "col",
                       key: W,
                       class: "text-sm font-semibold p-0"
                     }, [
                       m(so, {
                         class: "border-l border-gray-200 px-6 py-3",
-                        day: N
+                        day: I
                       }, null, 8, ["day"])
                     ]))), 128))
                   ]),
                   t("tr", null, [
-                    t("th", To, [
-                      t("span", null, c(e.literals.category) + " " + c(e.category.name), 1),
+                    t("th", Ao, [
+                      t("span", null, u(e.literals.category) + " " + u(e.category.name), 1),
                       m(U, {
                         loading: e.loading,
                         class: "ml-4",
@@ -2909,91 +2909,91 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                         onClick: K
                       }, {
                         default: y(() => [
-                          B(c(e.literals.changeInBulk), 1)
+                          B(u(e.literals.changeInBulk), 1)
                         ]),
                         _: 1
                       }, 8, ["loading"])
                     ])
                   ]),
-                  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", {
+                  e.type === "discounts" ? (l(), s("tr", To, [
+                    t("td", Do, u(e.literals.pricesDiscount), 1),
+                    (l(!0), s(k, null, S(e.category.selectionPrices, (I, W) => (l(), s("td", {
                       key: W,
                       class: "p-0"
                     }, [
                       m(Me, {
-                        onClick: (le) => re(N),
+                        onClick: (le) => re(I),
                         class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer",
-                        price: N,
+                        price: I,
                         currency: e.currency.symbol,
                         isBasePrice: !0
                       }, null, 8, ["onClick", "price", "currency"])
                     ]))), 128))
                   ])) : 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", {
+                    t("td", Po, u(e.literals.pricesSelection), 1),
+                    (l(!0), s(k, null, S(e.category.selectionPrices, (I, W) => (l(), s("td", {
                       key: W,
                       class: "p-0"
                     }, [
                       m(Me, {
-                        onClick: (le) => re(N),
+                        onClick: (le) => re(I),
                         class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer",
-                        price: N,
+                        price: I,
                         currency: e.currency.symbol,
                         isBasePrice: !0
                       }, null, 8, ["onClick", "price", "currency"])
                     ]))), 128))
                   ])) : 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", {
+                  e.type === "prices" ? (l(), s("tr", _o, [
+                    t("td", Fo, u(e.literals.pricesUpgrade), 1),
+                    (l(!0), s(k, null, S(e.category.upgradePrices, (I, W) => (l(), s("td", {
                       key: W,
                       class: "p-0"
                     }, [
                       m(Me, {
-                        onClick: (le) => me(N),
+                        onClick: (le) => me(I),
                         class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer bg-gray-100",
-                        price: N,
+                        price: I,
                         currency: e.currency.symbol,
                         isBasePrice: !0
                       }, null, 8, ["onClick", "price", "currency"])
                     ]))), 128))
                   ])) : b("", !0),
                   t("tr", null, [
-                    t("th", Io, [
-                      a.value?.length > 0 && e.actions?.length > 0 ? (l(), s("div", No, [
-                        (l(!0), s(k, null, S(e.actions, (N, W) => (l(), s("button", {
-                          onClick: (le) => fe({ action: N.id, items: a.value }),
+                    t("th", Oo, [
+                      a.value?.length > 0 && e.actions?.length > 0 ? (l(), s("div", Io, [
+                        (l(!0), s(k, null, S(e.actions, (I, W) => (l(), s("button", {
+                          onClick: (le) => fe({ action: I.id, items: a.value }),
                           key: W,
                           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))
+                        }, u(I.name), 9, Vo))), 128))
                       ])) : b("", !0),
-                      t("span", null, c(e.literals.pricesSelection), 1)
+                      t("span", null, u(e.literals.pricesSelection), 1)
                     ])
                   ]),
                   t("tr", null, [
-                    t("th", Ro, [
+                    t("th", No, [
                       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",
-                        checked: u.value || a.value.length === e.rooms.length,
-                        indeterminate: u.value,
-                        onChange: _
-                      }, null, 40, _o),
-                      t("span", qo, c(e.literals.room), 1)
+                        checked: c.value || a.value.length === e.rooms.length,
+                        indeterminate: c.value,
+                        onChange: R
+                      }, null, 40, Ro),
+                      t("span", qo, u(e.literals.room), 1)
                     ]),
-                    t("th", Ho, c(e.literals.building), 1),
-                    t("th", Yo, c(e.literals.floor), 1),
-                    F[2] || (F[2] = t("th", {
+                    t("th", Ho, u(e.literals.building), 1),
+                    t("th", Yo, u(e.literals.floor), 1),
+                    _[2] || (_[2] = t("th", {
                       colspan: "14",
                       scope: "colgroup",
                       class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold"
                     }, null, -1))
                   ]),
-                  (l(!0), s(k, null, S(e.rooms, (N) => (l(), s("tr", {
-                    key: N.name,
+                  (l(!0), s(k, null, S(e.rooms, (I) => (l(), s("tr", {
+                    key: I.name,
                     class: x([{ "even:bg-gray-100": e.type === "prices", "odd:bg-gray-100": e.type === "discounts" }])
                   }, [
                     t("td", Eo, [
@@ -3001,21 +3001,21 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                       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",
-                        value: N.name,
-                        "onUpdate:modelValue": F[1] || (F[1] = (W) => a.value = W)
+                        value: I.name,
+                        "onUpdate:modelValue": _[1] || (_[1] = (W) => a.value = W)
                       }, null, 8, Zo), [
                         [yt, a.value]
                       ]),
-                      t("span", Wo, c(N.name), 1)
+                      t("span", Wo, u(I.name), 1)
                     ]),
-                    t("td", Jo, c(N.building), 1),
-                    t("td", Go, c(N.floor), 1),
-                    (l(!0), s(k, null, S(N.selectionPrices, (W, le) => (l(), s("td", {
+                    t("td", Go, u(I.building), 1),
+                    t("td", Jo, u(I.floor), 1),
+                    (l(!0), s(k, null, S(I.selectionPrices, (W, le) => (l(), s("td", {
                       class: "p-0",
                       key: le
                     }, [
                       m(Me, {
-                        onClick: (st) => z(W, N.id, N.name),
+                        onClick: (st) => z(W, I.id, I.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,
@@ -3033,7 +3033,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
         C.value ? (l(), s("div", Qo, [
           m(ge, {
             verticalPosition: "top",
-            items: R.value,
+            items: N.value,
             loading: i.loading,
             onOptionSelected: H
           }, null, 8, ["items", "loading"])
@@ -3049,22 +3049,22 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
             loading: i.loading,
             onChangePage: q
           }, {
-            previous: y(() => [...F[3] || (F[3] = [
+            previous: y(() => [..._[3] || (_[3] = [
               B("Anterior", -1)
             ])]),
-            next: y(() => [...F[4] || (F[4] = [
+            next: y(() => [..._[4] || (_[4] = [
               B("Siguiente", -1)
             ])]),
-            showing: y(() => [...F[5] || (F[5] = [
+            showing: y(() => [..._[5] || (_[5] = [
               B("Mostrando", -1)
             ])]),
-            of: y(() => [...F[6] || (F[6] = [
+            of: y(() => [..._[6] || (_[6] = [
               B("de", -1)
             ])]),
-            pages: y(() => [...F[7] || (F[7] = [
+            pages: y(() => [..._[7] || (_[7] = [
               B("páginas", -1)
             ])]),
-            fromTotal: y(() => [...F[8] || (F[8] = [
+            fromTotal: y(() => [..._[8] || (_[8] = [
               B("Elementos totales:", -1)
             ])]),
             _: 1
@@ -3073,12 +3073,12 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
       ])) : (l(), w(Lt, { key: 2 }))
     ], 64));
   }
-}), tt = /* @__PURE__ */ T({
+}), tt = /* @__PURE__ */ A({
   __name: "ApexChartWrapper",
   emits: ["updated", "mounted", "dataPointSelection"],
   setup(e) {
     const g = V(null);
-    return Oe(async () => {
+    return Fe(async () => {
       if (typeof window < "u")
         try {
           const { default: i } = await import("vue3-apexcharts");
@@ -3086,7 +3086,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
         } catch (i) {
           console.error("Failed to load ApexCharts:", i);
         }
-    }), (i, o) => g.value ? (l(), w(Fe(g.value), Le({
+    }), (i, o) => g.value ? (l(), w(_e(g.value), Le({
       key: 0,
       class: "h-auto"
     }, i.$attrs, {
@@ -3098,7 +3098,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
 }), 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__ */ T({
+}, 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({
   __name: "uiChart",
   props: {
     labels: {},
@@ -3181,35 +3181,35 @@ 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 } } }), v = () => {
+    const c = () => (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, _, K) => {
-      i("dataPointSelection", { id: n.id, chartContext: _, config: K, event: P });
+    }, p = j(() => n.series), C = j(() => c()), N = () => i("chartUpdated"), E = (P, R, K) => {
+      i("dataPointSelection", { id: n.id, chartContext: R, config: K, event: P });
     };
-    return (P, _) => (l(), s(k, null, [
+    return (P, R) => (l(), s(k, null, [
       D(t("div", {
         class: "card chart apex-chart p-4 bg-white shadow rounded-lg overflow-hidden flex grow",
         style: qe({ height: e.height + "px" })
       }, [
         t("div", ei, [
-          t("div", ti, c(e.title), 1),
+          t("div", ti, u(e.title), 1),
           e.isNps && e.npsLiterals ? (l(), s("div", li, [
-            m(G, {
+            m(J, {
               size: "small",
               color: "red",
               loading: !1
             }, {
               default: y(() => [
                 m(L, {
-                  icon: f(Jl),
+                  icon: f(Gl),
                   loading: !1,
                   color: "red"
                 }, null, 8, ["icon"]),
-                t("span", si, c(e.npsLiterals.unhappy), 1)
+                t("span", si, u(e.npsLiterals.unhappy), 1)
               ]),
               _: 1
             }),
-            m(G, {
+            m(J, {
               size: "small",
               color: "yellow",
               loading: !1
@@ -3220,22 +3220,22 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                   loading: !1,
                   color: "yellow"
                 }, null, 8, ["icon"]),
-                t("span", ni, c(e.npsLiterals.neutral), 1)
+                t("span", ni, u(e.npsLiterals.neutral), 1)
               ]),
               _: 1
             }),
-            m(G, {
+            m(J, {
               size: "small",
               color: "green",
               loading: !1
             }, {
               default: y(() => [
                 m(L, {
-                  icon: f(Gl),
+                  icon: f(Jl),
                   loading: !1,
                   color: "green"
                 }, null, 8, ["icon"]),
-                t("span", ai, c(e.npsLiterals.happy), 1)
+                t("span", ai, u(e.npsLiterals.happy), 1)
               ]),
               _: 1
             })
@@ -3244,7 +3244,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
             t("div", ii, [
               D(t("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": _[0] || (_[0] = (K) => f(r).from = K),
+                "onUpdate:modelValue": R[0] || (R[0] = (K) => f(r).from = K),
                 max: o.value.toString(),
                 onChange: v,
                 name: "from",
@@ -3257,7 +3257,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
             t("div", di, [
               D(t("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": _[1] || (_[1] = (K) => f(r).to = K),
+                "onUpdate:modelValue": R[1] || (R[1] = (K) => f(r).to = K),
                 max: o.value.toString(),
                 onChange: v,
                 name: "to",
@@ -3272,7 +3272,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
               size: "big",
               loading: e.loading,
               icon: f(St),
-              onClick: _[2] || (_[2] = (K) => P.$emit("maximizeChart", e.id))
+              onClick: R[2] || (R[2] = (K) => P.$emit("maximizeChart", e.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
@@ -3283,12 +3283,12 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
             series: p.value,
             height: "100%",
             options: C.value,
-            onUpdated: R,
-            onMounted: R,
+            onUpdated: N,
+            onMounted: N,
             onDataPointSelection: E
           }, null, 8, ["type", "series", "options"])
         ], 512), [
-          [O, !e.empty]
+          [F, !e.empty]
         ]),
         D(t("div", gi, [
           m(L, {
@@ -3297,14 +3297,14 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
             loading: !1,
             size: "massive"
           }, null, 8, ["icon"]),
-          _[3] || (_[3] = t("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data for this time frame", -1))
+          R[3] || (R[3] = t("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data for this time frame", -1))
         ], 512), [
-          [O, e.empty]
+          [F, e.empty]
         ])
       ], 4), [
-        [O, !e.loading]
+        [F, !e.loading]
       ]),
-      D(t("div", mi, [..._[4] || (_[4] = [
+      D(t("div", mi, [...R[4] || (R[4] = [
         t("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -3331,7 +3331,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
           ])
         ], -1)
       ])], 512), [
-        [O, e.loading]
+        [F, e.loading]
       ])
     ], 64));
   }
@@ -3347,7 +3347,7 @@ function bi(e, g, i, o, n, r) {
     ], -1)
   ])]);
 }
-const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
+const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
   __name: "uiLoadingScreen",
   props: {
     title: {},
@@ -3367,11 +3367,11 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           alt: "loading animation"
         })
       ], -1)),
-      D(t("h2", { class: "text-xs font-bold text-center uppercase mb-2" }, c(e.title), 513), [
-        [O, e.title]
+      D(t("h2", { class: "text-xs font-bold text-center uppercase mb-2" }, u(e.title), 513), [
+        [F, e.title]
       ]),
-      D(t("p", { class: "text-xs text-center uppercase md:w-1/4" }, c(e.message), 513), [
-        [O, e.message]
+      D(t("p", { class: "text-xs text-center uppercase md:w-1/4" }, u(e.message), 513), [
+        [F, e.message]
       ])
     ], 2));
   }
@@ -3390,10 +3390,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
 }, ji = {
   key: 0,
   class: "align-left"
-}, Ti = {
+}, Ai = {
   key: 1,
   class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2"
-}, Ai = { class: "h-12 flex flex-row items-center" }, Di = /* @__PURE__ */ T({
+}, Ti = { class: "h-12 flex flex-row items-center" }, Di = /* @__PURE__ */ A({
   __name: "uiSidebar",
   props: {
     navigation: {},
@@ -3409,18 +3409,18 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       t("div", wi, [
         t("div", ki, [
           t("nav", $i, [
-            e.loading ? (l(), s(k, { key: 1 }, S(5, (d) => t("div", Ai, [...a[1] || (a[1] = [
+            e.loading ? (l(), s(k, { key: 1 }, S(5, (d) => t("div", Ti, [...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, {
               key: d.name
             }, [
-              d.children ? (l(), w(f(Ie), {
+              d.children ? (l(), w(f(Oe), {
                 key: 1,
                 as: "div",
                 class: "space-y-1"
               }, {
-                default: y(({ open: u }) => [
+                default: y(({ open: c }) => [
                   m(f(se), {
                     class: x([d.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900", "group w-full flex items-center pl-2 pr-1 py-2 text-left text-sm font-medium rounded-md focus:outline-none"])
                   }, {
@@ -3437,14 +3437,14 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                       }, 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)),
+                      ])])) : (l(), s("span", Mi, u(d.name), 1)),
                       m(f($e), {
-                        class: x([u ? "text-black rotate-90" : "text-gray-400", "mr-3 flex-shrink-0 h-3 w-3 transform group-hover:text-gray-400 transition-colors ease-in-out duration-150"])
+                        class: x([c ? "text-black rotate-90" : "text-gray-400", "mr-3 flex-shrink-0 h-3 w-3 transform group-hover:text-gray-400 transition-colors ease-in-out duration-150"])
                       }, null, 8, ["class"])
                     ]),
                     _: 2
                   }, 1032, ["class"]),
-                  m(f(Ne), { class: "space-y-1" }, {
+                  m(f(Ie), { class: "space-y-1" }, {
                     default: y(() => [
                       (l(!0), s(k, null, S(d.children, (v) => (l(), w(f(se), {
                         onClick: (p) => o("sideBarClick", v.id),
@@ -3452,7 +3452,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                         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", Ti)) : (l(), s("span", ji, c(v.name), 1))
+                          e.loading ? (l(), s("div", Ai)) : (l(), s("span", ji, u(v.name), 1))
                         ]),
                         _: 2
                       }, 1032, ["onClick", "class"]))), 128))
@@ -3463,7 +3463,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                 _: 2
               }, 1024)) : (l(), s("div", Ci, [
                 t("button", {
-                  onClick: (u) => o("sideBarClick", d.id),
+                  onClick: (c) => o("sideBarClick", d.id),
                   class: x([
                     d.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900",
                     "group w-full flex items-center pl-2 py-2 text-sm font-medium rounded-md"
@@ -3479,7 +3479,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                     ]),
                     "aria-hidden": "true"
                   }, null, 8, ["loading", "icon", "class"])) : b("", !0),
-                  e.loading ? b("", !0) : (l(), s("span", Bi, c(d.name), 1))
+                  e.loading ? b("", !0) : (l(), s("span", Bi, u(d.name), 1))
                 ], 10, Si)
               ]))
             ], 64))), 128))
@@ -3488,10 +3488,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ])
     ]));
   }
-}), Li = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6 h-screen" }, Pi = { class: "bg-black w-16 mr-6 flex-shrink-0" }, Fi = ["onClick"], Oi = ["src", "alt"], Ii = {
+}), Li = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6 h-screen" }, Pi = { class: "bg-black w-16 mr-6 flex-shrink-0" }, _i = ["onClick"], Fi = ["src", "alt"], Oi = {
   key: 0,
   class: "flex flex-col grow h-full"
-}, Ni = ["src"], Vi = { class: "flex flex-1 flex-col overflow-hidden mt-8" }, Ri = { class: "flex-1 overflow-y-auto pr-6" }, _i = {
+}, Ii = ["src"], Vi = { class: "flex flex-1 flex-col overflow-hidden mt-8" }, Ni = { class: "flex-1 overflow-y-auto pr-6" }, Ri = {
   key: 0,
   role: "list",
   class: "flex flex-col gap-y-7 mb-4"
@@ -3505,7 +3505,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
 }, 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" }, Ue = /* @__PURE__ */ T({
+}, Wi = { class: "flex-1 overflow-y-auto pr-6" }, Gi = { class: "h-12 flex flex-row items-center" }, Ue = /* @__PURE__ */ A({
   __name: "uiSidebarV2",
   props: {
     navigation: {},
@@ -3524,23 +3524,23 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           (l(!0), s(k, null, S(e.productsSidebar, (a, d) => (l(), s("li", {
             key: d,
             class: x([{ "!bg-lime-400": a.active }, "w-full h-16 p-4 flex items-center justify-center cursor-pointer hover:bg-lime-400 hover:text-black"]),
-            onClick: (u) => n.$emit("productBarClick", a.name)
+            onClick: (c) => n.$emit("productBarClick", a.name)
           }, [
             t("img", {
               src: a.icon,
               alt: a.name
-            }, null, 8, Oi)
-          ], 10, Fi))), 128))
+            }, null, 8, Fi)
+          ], 10, _i))), 128))
         ])
       ]),
       e.loading ? (l(), s("div", Zi, [
         t("div", Wi, [
-          (l(), s(k, null, S(5, (a) => t("div", Ji, [...r[2] || (r[2] = [
+          (l(), s(k, null, S(5, (a) => t("div", Gi, [...r[2] || (r[2] = [
             t("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1),
             t("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full w-1/2 dark:bg-gray-300" }, null, -1)
           ])])), 64))
         ])
-      ])) : (l(), s("div", Ii, [
+      ])) : (l(), s("div", Oi, [
         t("div", {
           class: "flex h-16 shrink-0 items-center",
           onClick: r[0] || (r[0] = (a) => n.$emit("sideBarClick", "logo"))
@@ -3549,17 +3549,17 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             class: "h-10 w-auto self-center cursor-pointer",
             src: e.logo,
             alt: "Your Company"
-          }, null, 8, Ni)
+          }, null, 8, Ii)
         ]),
         t("nav", Vi, [
-          t("div", Ri, [
-            e.isFilterNavigation ? b("", !0) : (l(), s("ul", _i, [
+          t("div", Ni, [
+            e.isFilterNavigation ? b("", !0) : (l(), s("ul", Ri, [
               t("li", null, [
                 t("ul", qi, [
                   (l(!0), s(k, null, S(o.value, (a) => (l(), s("li", {
                     key: a.name
                   }, [
-                    a.children ? (l(), w(f(Ie), {
+                    a.children ? (l(), w(f(Oe), {
                       key: 1,
                       as: "div"
                     }, {
@@ -3577,7 +3577,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                               "aria-hidden": "true",
                               class: "shrink-0"
                             }, null, 8, ["icon"]),
-                            B(" " + c(a.name) + " ", 1),
+                            B(" " + u(a.name) + " ", 1),
                             m(f($e), {
                               class: x([a.children.some((d) => d.current) || a.current ? "rotate-90 text-black" : "text-gray-400", "ml-auto h-5 w-5 shrink-0"]),
                               "aria-hidden": "true"
@@ -3586,7 +3586,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                           _: 2
                         }, 1032, ["onClick", "class"]),
                         D(t("div", null, [
-                          m(f(Ne), {
+                          m(f(Ie), {
                             as: "ul",
                             class: "mt-1 px-2",
                             static: ""
@@ -3597,11 +3597,11 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                               }, [
                                 m(f(se), {
                                   as: "a",
-                                  onClick: (u) => n.$emit("sideBarClick", d.id),
+                                  onClick: (c) => n.$emit("sideBarClick", d.id),
                                   class: x([d.current ? "bg-lime-100" : "hover:bg-lime-100", "block rounded-md py-2 pl-9 pr-2 text-sm leading-6 text-gray-700 cursor-pointer"])
                                 }, {
                                   default: y(() => [
-                                    B(c(d.name), 1)
+                                    B(u(d.name), 1)
                                   ]),
                                   _: 2
                                 }, 1032, ["onClick", "class"])
@@ -3610,7 +3610,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                             _: 2
                           }, 1024)
                         ], 512), [
-                          [O, a.children.some((d) => d.current) || a.current]
+                          [F, a.children.some((d) => d.current) || a.current]
                         ])
                       ]),
                       _: 2
@@ -3627,7 +3627,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                         "aria-hidden": "true",
                         class: "shrink-0"
                       }, null, 8, ["icon"]),
-                      B(" " + c(a.name), 1)
+                      B(" " + u(a.name), 1)
                     ], 10, Hi))
                   ]))), 128))
                 ])
@@ -3649,14 +3649,14 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                 class: "ml-2",
                 key: d
               }, [
-                t("p", Ui, c(a.label), 1),
-                (l(!0), s(k, null, S(a.filters, (u, v) => (l(), w(ue, {
+                t("p", Ui, u(a.label), 1),
+                (l(!0), s(k, null, S(a.filters, (c, v) => (l(), w(ue, {
                   class: "mb-2",
-                  value: u.value,
-                  loading: u.loading
+                  value: c.value,
+                  loading: c.loading
                 }, {
                   default: y(() => [
-                    B(c(u.text), 1)
+                    B(u(c.text), 1)
                   ]),
                   _: 2
                 }, 1032, ["value", "loading"]))), 256))
@@ -3667,10 +3667,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ]))
     ]));
   }
-}), 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 = {
+}), Ji = { 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__ */ T({
+}, 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" }, _t = /* @__PURE__ */ A({
   __name: "uiStats",
   props: {
     item: {},
@@ -3697,7 +3697,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           ], -1))
         ])
       ])
-    ])) : (l(), s("div", Gi, [
+    ])) : (l(), s("div", Ji, [
       t("div", {
         class: x(["relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full", { "pb-12": e.item.showFooter }])
       }, [
@@ -3716,11 +3716,11 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
               loading: e.loading
             }, null, 8, ["icon", "loading"])
           ], 2),
-          t("p", Ki, c(e.item.name), 1)
+          t("p", Ki, u(e.item.name), 1)
         ]),
         t("dd", Qi, [
-          t("p", Xi, c(e.item.stat), 1),
-          e.item.explanation ? (l(), s("p", er, c(e.item.explanation), 1)) : b("", !0),
+          t("p", Xi, u(e.item.stat), 1),
+          e.item.explanation ? (l(), s("p", er, u(e.item.explanation), 1)) : b("", !0),
           e.item.changeType ? (l(), s("p", {
             key: 1,
             class: x([
@@ -3737,22 +3737,22 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
               class: "self-center flex-shrink-0 h-3 w-3 text-green-500",
               "aria-hidden": "true"
             })) : b("", !0),
-            e.item.changeType === "decrease" ? (l(), w(f(Rl), {
+            e.item.changeType === "decrease" ? (l(), w(f(Nl), {
               key: 1,
               class: "self-center flex-shrink-0 h-3 w-3 text-red-500",
               "aria-hidden": "true"
             })) : b("", !0),
-            B(" " + c(e.item.change), 1)
+            B(" " + u(e.item.change), 1)
           ], 2)) : b("", !0),
           D(t("div", tr, [
             t("div", lr, [
               t("span", {
                 onClick: o[0] || (o[0] = (n) => i.$emit("statClick", e.item.id)),
                 class: "font-medium text-black hover:text-lime-400 underline cursor-pointer"
-              }, c(e.item.actionText), 1)
+              }, u(e.item.actionText), 1)
             ])
           ], 512), [
-            [O, e.item.showFooter]
+            [F, e.item.showFooter]
           ])
         ])
       ], 2)
@@ -3770,7 +3770,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
 }, hr = {
   key: 1,
   class: "overflow-hidden bg-white shadow sm:rounded-lg"
-}, yr = { class: "border-t border-gray-200" }, br = /* @__PURE__ */ T({
+}, yr = { class: "border-t border-gray-200" }, br = /* @__PURE__ */ A({
   __name: "uiStripedCard",
   props: {
     title: {},
@@ -3799,8 +3799,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ])
     ])) : (l(), s("div", or, [
       t("div", ir, [
-        t("h3", rr, c(e.title), 1),
-        t("p", dr, c(e.subtitle), 1)
+        t("h3", rr, u(e.title), 1),
+        t("p", dr, u(e.subtitle), 1)
       ]),
       t("div", cr, [
         t("dl", null, [
@@ -3808,16 +3808,16 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             key: n,
             class: x(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [n % 2 === 0 ? "bg-gray-50" : "bg-white"]])
           }, [
-            t("dt", ur, c(o.title), 1),
+            t("dt", ur, u(o.title), 1),
             o.type === "tags" ? (l(), s("dd", gr, [
-              (l(!0), s(k, null, S(o.tags, (r, a) => (l(), w(G, {
+              (l(!0), s(k, null, S(o.tags, (r, a) => (l(), w(J, {
                 loading: e.loading,
                 key: a,
                 color: r.color,
                 class: "mr-2 mb-2"
               }, {
                 default: y(() => [
-                  B(c(r.text), 1)
+                  B(u(r.text), 1)
                 ]),
                 _: 2
               }, 1032, ["loading", "color"]))), 128))
@@ -3825,7 +3825,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
               key: 1,
               class: "mt-1 text-sm text-lime-600 hover:text-black sm:col-span-2 sm:mt-0 cursor-pointer",
               onClick: (r) => g.$emit("itemClicked", o.emits)
-            }, c(o.text), 9, mr)) : (l(), s("dd", fr, c(o.text), 1))
+            }, u(o.text), 9, mr)) : (l(), s("dd", fr, u(o.text), 1))
           ], 2))), 128))
         ])
       ])
@@ -3864,7 +3864,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           size: "big"
         }, null, 8, ["icon"])
       ]),
-      t("span", xr, c(e.tip), 1)
+      t("span", xr, u(e.tip), 1)
     ]));
   }
 }, wr = { class: "hidden py-0.5 px-2.5 rounded text-xs font-medium md:inline-block bg-lime-400 text-gray-900" }, kr = {
@@ -3873,7 +3873,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
 }, $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__ */ T({
+}, zr = /* @__PURE__ */ A({
   __name: "uiSmartFilterMultipleV2",
   props: {
     literals: { default: () => ({
@@ -3891,7 +3891,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   },
   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 = (z) => z ? z === "uiInput" ? i.literals.contains : i.literals.is : "", u = (z) => {
+    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 : "", c = (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) {
@@ -3904,8 +3904,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           if (q.type === "uiInput")
             $.props.value = q.value || "";
           else if (q.type === "uiSelect") {
-            const F = H.defaultProps.items?.find((N) => N.name === q.value);
-            F ? $.props.select = F : H.defaultProps.items && H.defaultProps.items.length > 0 && ($.props.select = H.defaultProps.items[0]);
+            const _ = H.defaultProps.items?.find((I) => I.name === q.value);
+            _ ? $.props.select = _ : H.defaultProps.items && H.defaultProps.items.length > 0 && ($.props.select = H.defaultProps.items[0]);
           }
           r.push($);
         }
@@ -3916,7 +3916,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
     }, { 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);
+      z && c(z);
     }, { deep: !0, immediate: !0 });
     const v = j(() => [
       { id: "1", name: i.literals.and },
@@ -3929,7 +3929,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       id: a.value.name,
       label: a.value.label,
       name: a.value.name
-    })), R = j(() => r.map((z) => z.type === "uiInput" ? {
+    })), N = j(() => r.map((z) => z.type === "uiInput" ? {
       name: z.label,
       operator: i.literals.contains,
       value: z.props.value || ""
@@ -3946,7 +3946,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
     }, P = (z) => {
       const q = Array.isArray(z) ? z[0] : z, H = i.availableCategories.find(($) => $.name === q.id);
       H && (a.value = H);
-    }, _ = () => {
+    }, R = () => {
       if (!a.value || !a.value.name)
         return;
       const z = {
@@ -3985,10 +3985,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       default: y(() => [
         m(f($l), { class: "inline-flex items-center gap-x-2 text-sm/6 font-semibold text-gray-900 outline-none flex-wrap gap-y-1 w-full max-w-full" }, {
           default: y(() => [
-            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)) : b("", !0)
+            t("span", null, u(i.literals.filters) + ": ", 1),
+            (l(!0), s(k, null, S(N.value, (H, $) => (l(), s(k, { key: $ }, [
+              t("span", wr, u(H.name) + " " + u(H.operator) + ": " + u(H.value), 1),
+              $ < N.value.length - 1 ? (l(), s("span", kr, u(n.value.name), 1)) : b("", !0)
             ], 64))), 128)),
             m(f(oe), {
               class: "size-5",
@@ -4020,7 +4020,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                       }, null, 8, ["loading", "items", "select"]),
                       m(U, {
                         loading: i.loading,
-                        onClick: _,
+                        onClick: R,
                         disabled: !a.value || !a.value.name
                       }, {
                         default: y(() => [...q[0] || (q[0] = [
@@ -4029,27 +4029,27 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                         _: 1
                       }, 8, ["loading", "disabled"])
                     ]),
-                    (l(!0), s(k, null, S(r, ($, F) => (l(), s("div", {
+                    (l(!0), s(k, null, S(r, ($, _) => (l(), s("div", {
                       class: "flex items-center gap-x-2 w-full",
                       key: $.name
                     }, [
-                      m(G, {
+                      m(J, {
                         loading: i.loading,
                         size: "big",
                         color: "gray"
                       }, {
                         default: y(() => [
-                          B(c($.label), 1)
+                          B(u($.label), 1)
                         ]),
                         _: 2
                       }, 1032, ["loading"]),
-                      m(G, {
+                      m(J, {
                         loading: i.loading,
                         size: "big",
                         color: "gray"
                       }, {
                         default: y(() => [
-                          B(c(d($.type)), 1)
+                          B(u(d($.type)), 1)
                         ]),
                         _: 2
                       }, 1032, ["loading"]),
@@ -4059,16 +4059,16 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                         loading: i.loading,
                         items: $.props.items || [],
                         select: $.props.select || $.props.items?.[0] || { id: "0", name: "Select..." },
-                        onSelectChanged: (N) => K(F, N)
+                        onSelectChanged: (I) => K(_, I)
                       }, 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) => K(F, N.target.value)
+                        onInput: (I) => K(_, I.target.value)
                       }, null, 8, ["loading", "name", "value", "onInput"])) : b("", !0),
-                      F === 0 ? (l(), w(ve, {
+                      _ === 0 ? (l(), w(ve, {
                         key: 2,
                         onSelectChanged: E,
                         class: "w-24 uppercase",
@@ -4076,7 +4076,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                         items: v.value,
                         select: n.value
                       }, null, 8, ["loading", "items", "select"])) : b("", !0),
-                      F > 0 ? (l(), w(G, {
+                      _ > 0 ? (l(), w(J, {
                         key: 3,
                         loading: i.loading,
                         size: "big",
@@ -4084,7 +4084,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                         class: "uppercase"
                       }, {
                         default: y(() => [
-                          B(c(n.value.name), 1)
+                          B(u(n.value.name), 1)
                         ]),
                         _: 1
                       }, 8, ["loading"])) : b("", !0),
@@ -4093,7 +4093,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                         color: "red",
                         loading: i.loading,
                         class: "cursor-pointer",
-                        onClick: (N) => re(F),
+                        onClick: (I) => re(_),
                         title: "Eliminar filtro"
                       }, null, 8, ["icon", "loading", "onClick"])
                     ]))), 128))
@@ -4106,7 +4106,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                       onClick: me
                     }, {
                       default: y(() => [
-                        B(c(i.literals.deleteAll), 1)
+                        B(u(i.literals.deleteAll), 1)
                       ]),
                       _: 1
                     }, 8, ["loading", "icon"]),
@@ -4116,7 +4116,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                       onClick: ($) => fe(H)
                     }, {
                       default: y(() => [
-                        B(c(i.literals.filter), 1)
+                        B(u(i.literals.filter), 1)
                       ]),
                       _: 1
                     }, 8, ["loading", "icon", "onClick"])
@@ -4132,7 +4132,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       _: 1
     }));
   }
-}), 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({
+}), 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" }, lt = /* @__PURE__ */ A({
   __name: "uiNoResults",
   props: {
     title: {},
@@ -4151,9 +4151,9 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         size: "massive",
         color: "gray"
       }, null, 8, ["icon"]),
-      t("div", Tr, [
-        t("h2", Ar, c(e.title), 1),
-        t("p", Dr, c(e.message), 1),
+      t("div", Ar, [
+        t("h2", Tr, u(e.title), 1),
+        t("p", Dr, u(e.message), 1),
         t("div", Lr, [
           (l(!0), s(k, null, S(e.actions, (o, n) => (l(), w(U, {
             key: n,
@@ -4161,7 +4161,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             onClick: (r) => g.$emit("action", o.action)
           }, {
             default: y(() => [
-              B(c(o.text), 1)
+              B(u(o.text), 1)
             ]),
             _: 2
           }, 1032, ["onClick"]))), 128)),
@@ -4175,28 +4175,28 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ])
     ]));
   }
-}), Pr = { key: 0 }, Fr = {
+}), Pr = { key: 0 }, _r = {
   key: 1,
   class: "actionsAndFilters mb-6 flex flex-col lg:flex-row lg:items-start w-full gap-4"
-}, Or = {
+}, Fr = {
   key: 0,
   class: "w-full lg:flex-1 lg:min-w-0 lg:max-w-full"
-}, Ir = {
+}, Or = {
   key: 1,
   class: "w-full lg:w-auto lg:flex-shrink-0 flex flex-col sm:flex-row items-stretch sm:items-center gap-3 lg:gap-2"
-}, Nr = {
+}, Ir = {
   key: 0,
   class: "flex flex-col sm:flex-row gap-2 flex-wrap sm:flex-nowrap"
 }, Vr = {
   key: 1,
   class: "w-auto"
-}, Rr = { class: "-my-2 overflow-x-auto" }, _r = { class: "inline-block min-w-full py-2 align-middle px-1" }, qr = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Hr = {
+}, Nr = { class: "-my-2 overflow-x-auto" }, Rr = { class: "inline-block min-w-full py-2 align-middle px-1" }, qr = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Hr = {
   key: 0,
   class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-16 bg-white shadow rounded px-4 py-1 z-50"
-}, Yr = ["onClick"], Er = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Ur = ["checked", "indeterminate"], Zr = ["onMouseover"], Wr = ["onClick"], Jr = {
+}, Yr = ["onClick"], Er = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Ur = ["checked", "indeterminate"], Zr = ["onMouseover"], Wr = ["onClick"], Gr = {
   key: 2,
   class: "group flex items-center uppercase text-xs"
-}, Gr = { class: "divide-y divide-gray-200 bg-white" }, Kr = {
+}, Jr = { class: "divide-y divide-gray-200 bg-white" }, Kr = {
   key: 0,
   class: "absolute inset-y-0 left-0 w-0.5 bg-lime-400"
 }, Qr = ["value", "disabled"], Xr = {
@@ -4211,7 +4211,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
 }, rd = ["onClick"], dd = { key: 0 }, cd = {
   key: 2,
   class: "devicesFooter px-1 flex flex-row justify-between items-center"
-}, ud = { key: 0 }, gd = /* @__PURE__ */ T({
+}, ud = { key: 0 }, gd = /* @__PURE__ */ A({
   __name: "uiTable",
   props: {
     selectAllItemsModal: {},
@@ -4239,13 +4239,13 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   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: 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(
+      uiTag: J
+    }, o = g, n = e, r = V([]), a = V(""), d = V(!1), c = V(null), v = V(null), p = V(!1), C = V(null), N = V(null), E = j(() => n.items && n.items.length > 0), P = j(() => r.value.length > 0), R = 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, A) => nt(A))
+      () => n.header.filter((h, T) => nt(T))
     ), fe = j(() => [
       n.actions ? "px-6 sm:px-8" : "px-3",
       "relative"
@@ -4258,9 +4258,9 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       () => n.tableActionsDropdown && n.tableActionsDropdown.items && n.tableActionsDropdown.items.length > 0
     ), $ = j(
       () => n.tableActionButtons && n.tableActionButtons.length > 0
-    ), F = j(
+    ), _ = j(
       () => q.value || H.value || $.value
-    ), N = j(
+    ), I = j(
       () => n.paginationCurrent !== void 0 || n.paginationTotal !== void 0
     ), W = j(
       () => n.paginationCurrent !== void 0 && n.paginationTotal !== void 0 && n.paginationTotalItems !== void 0
@@ -4270,7 +4270,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       name: h.name,
       value: String(h.value),
       active: !!(h.active || n.currentPageSize && h.value === n.currentPageSize)
-    })) : []), Se = V(!1), Be = V(!1), Ot = {
+    })) : []), Se = V(!1), Be = V(!1), Ft = {
       filters: "Filtros inteligentes",
       contains: "contiene",
       is: "es",
@@ -4278,16 +4278,16 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       or: "o",
       deleteAll: "Borrar todo",
       filter: "Filtrar"
-    }, It = (h) => {
+    }, Ot = (h) => {
       h.action === "close" ? Se.value = !1 : (Se.value = !1, n.selectAllItemsModal && o("modalAction", { modal: n.selectAllItemsModal.modalName, action: h.action }));
-    }, 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) => {
+    }, nt = (h) => n.hiddenColumns && n.hiddenColumns.length > 0 ? !n.hiddenColumns.includes(h) : !0, Ne = (h) => r.value.includes(h), It = (h) => a.value === h, Vt = (h) => h.filter((T, M) => nt(M)), Nt = (h, T) => {
       const M = [];
-      return Re(h.id) && M.push("bg-gray-50"), A % 2 !== 0 && M.push("bg-gray-50"), M;
-    }, _t = (h) => {
-      const A = ["whitespace-nowrap", "py-4", "pr-3", "text-sm"];
-      return Re(h) && A.push("text-black", "font-bold"), A;
+      return Ne(h.id) && M.push("bg-gray-50"), T % 2 !== 0 && M.push("bg-gray-50"), M;
+    }, Rt = (h) => {
+      const T = ["whitespace-nowrap", "py-4", "pr-3", "text-sm"];
+      return Ne(h) && T.push("text-black", "font-bold"), T;
     }, qt = (h) => {
-      const A = [
+      const T = [
         "absolute",
         "left-4",
         "top-1/2",
@@ -4300,10 +4300,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         "focus:ring-lime-400",
         "flex-wrap"
       ];
-      return h && A.push("bg-gray-100"), A;
+      return h && T.push("bg-gray-100"), T;
     }, Ht = (h) => {
-      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;
+      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", at = (h) => typeof h == "object" && h.type === "tag" ? {
       loading: n.loading,
       color: h.color || "primary",
@@ -4322,14 +4322,14 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
     } : {}, 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 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 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 });
+      const T = h.target;
+      T.checked ? Se.value = !0 : o("deselectAllItems"), r.value = T.checked ? n.items.map((M) => M.disabled ? null : M.id) : [];
     }, Gt = (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 });
+    }, Jt = (h) => {
       typeof h == "object" && h.type === "tag" && o("customEmit", { data: h });
     }, Kt = (h) => {
       a.value !== h && (a.value = h);
@@ -4350,8 +4350,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
     }, al = (h) => {
       o("changePageSize", h.value);
     }, ol = (h) => {
-      const A = Number(h.value);
-      h.checked ? o("columnsVisibilityChanged", { index: A, hidden: !0 }) : o("columnsVisibilityChanged", { index: A, hidden: !1 });
+      const T = Number(h.value);
+      h.checked ? o("columnsVisibilityChanged", { index: T, hidden: !0 }) : o("columnsVisibilityChanged", { index: T, hidden: !1 });
     }, il = (h) => {
       o("noResultsAction", h);
     }, rl = (h) => {
@@ -4368,25 +4368,25 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       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 (!v.value || !u.value) return;
+      if (!v.value || !c.value) return;
       if (n.items.length <= 25) {
         C.value = null, p.value = !1;
         return;
       }
-      const h = u.value.querySelector("table");
+      const h = c.value.querySelector("table");
       h && be(() => {
-        if (!u.value || !h) return;
-        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;
+        if (!c.value || !h) return;
+        const T = h.querySelector("thead"), M = h.querySelector("tbody");
+        if (!T || !M) return;
+        const Q = T.offsetHeight, O = M.querySelector("tr");
+        if (!O) return;
+        const Re = O.offsetHeight, X = Q + Re * 25;
         C.value = X, p.value = !0;
       });
     }, ye = () => {
-      u.value && requestAnimationFrame(() => {
-        if (!u.value) return;
-        const h = u.value.scrollHeight > u.value.clientHeight;
+      c.value && requestAnimationFrame(() => {
+        if (!c.value) return;
+        const h = c.value.scrollHeight > c.value.clientHeight;
         p.value !== h && (p.value = h);
       });
     };
@@ -4400,31 +4400,31 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       h || be(() => {
         he(), ye();
       });
-    }), Z([F, N], () => {
+    }), Z([_, I], () => {
       be(() => {
         he(), ye();
       });
-    }), Oe(() => {
+    }), Fe(() => {
       be(() => {
         he(), ye();
         const h = () => {
           he(), ye();
         };
-        R.value = h, window.addEventListener("resize", h);
+        N.value = h, window.addEventListener("resize", h);
       });
     }), bl(() => {
-      R.value && (window.removeEventListener("resize", R.value), R.value = null);
-    }), (h, A) => !e.loading && E.value ? (l(), s("div", Pr, [
+      N.value && (window.removeEventListener("resize", N.value), N.value = null);
+    }), (h, T) => !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: A[0] || (A[0] = (M) => It(M))
+        onModalAction: T[0] || (T[0] = (M) => Ot(M))
       }, {
         default: y(() => [
-          B(c(e.selectAllItemsModal.content), 1)
+          B(u(e.selectAllItemsModal.content), 1)
         ]),
         _: 1
       }, 8, ["title", "modalName", "open", "actions"])) : b("", !0),
@@ -4432,8 +4432,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         title: "Seleccione las columnas que desea ocultar",
         modalName: "columnsModal",
         open: Be.value,
-        onClose: A[1] || (A[1] = (M) => Be.value = !1),
-        onModalAction: A[2] || (A[2] = (M) => M.action === "close" ? Be.value = !1 : null)
+        onClose: T[1] || (T[1] = (M) => Be.value = !1),
+        onModalAction: T[2] || (T[2] = (M) => M.action === "close" ? Be.value = !1 : null)
       }, {
         default: y(() => [
           (l(!0), s(k, null, S(n.header, (M, Q) => (l(), w(ue, {
@@ -4445,18 +4445,18 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             value: String(Q)
           }, {
             default: y(() => [
-              B(c(M.name), 1)
+              B(u(M.name), 1)
             ]),
             _: 2
           }, 1032, ["check", "value"]))), 128))
         ]),
         _: 1
       }, 8, ["open"]),
-      F.value ? (l(), s("div", Fr, [
-        q.value ? (l(), s("div", Or, [
+      _.value ? (l(), s("div", _r, [
+        q.value ? (l(), s("div", Fr, [
           m(zr, {
             "available-categories": cl.value,
-            literals: n.filterLiterals || Ot,
+            literals: n.filterLiterals || Ft,
             filters: n.filters,
             onSmartFiltersSent: Xt,
             onSmartFiltersCleared: el,
@@ -4464,8 +4464,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             loading: n.loading
           }, null, 8, ["available-categories", "literals", "filters", "loading"])
         ])) : b("", !0),
-        H.value || $.value ? (l(), s("div", Ir, [
-          $.value ? (l(), s("div", Nr, [
+        H.value || $.value ? (l(), s("div", Or, [
+          $.value ? (l(), s("div", Ir, [
             (l(!0), s(k, null, S(n.tableActionButtons, (M) => (l(), w(U, {
               key: M.id,
               loading: M.loading !== void 0 ? M.loading : n.loading,
@@ -4477,7 +4477,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
               onClick: (Q) => sl(M)
             }, {
               default: y(() => [
-                B(c(M.text), 1)
+                B(u(M.text), 1)
               ]),
               _: 2
             }, 1032, ["loading", "disabled", "color", "size", "icon", "onClick"]))), 128))
@@ -4498,20 +4498,20 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         class: "flex flex-col",
         style: qe(ml.value)
       }, [
-        t("div", Rr, [
-          t("div", _r, [
+        t("div", Nr, [
+          t("div", Rr, [
             t("div", qr, [
-              P.value && _.value ? (l(), s("div", Hr, [
+              P.value && R.value ? (l(), s("div", Hr, [
                 (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(M)
-                }, c(M.name), 9, Yr))), 128))
+                  onClick: (O) => Zt(M)
+                }, u(M.name), 9, Yr))), 128))
               ])) : b("", !0),
               t("div", {
                 ref_key: "tableScrollContainer",
-                ref: u,
+                ref: c,
                 class: x(ul.value),
                 style: qe(fl.value)
               }, [
@@ -4524,7 +4524,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                         scope: "col",
                         class: x(fe.value)
                       }, [
-                        _.value ? (l(), s("input", {
+                        R.value ? (l(), s("input", {
                           key: 0,
                           checked: K.value,
                           indeterminate: re.value,
@@ -4537,19 +4537,19 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                         key: Q,
                         class: "py-3.5 pr-3 text-left font-semibold relative",
                         scope: "col",
-                        onMouseover: (I) => Kt(M.name),
-                        onMouseleave: A[3] || (A[3] = (I) => Qt())
+                        onMouseover: (O) => Kt(M.name),
+                        onMouseleave: T[3] || (T[3] = (O) => Qt())
                       }, [
-                        M.tooltip && Nt(M.name) ? (l(), w(pr, {
+                        M.tooltip && It(M.name) ? (l(), w(pr, {
                           key: 0,
                           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(M.value)
+                          onClick: (O) => Gt(M.value)
                         }, [
-                          t("span", null, c(M.name), 1),
+                          t("span", null, u(M.name), 1),
                           t("span", {
                             class: x([Ht(M.value), "ml-2 flex-none rounded group-hover:bg-lime-200 group-hover:text-white"])
                           }, [
@@ -4559,24 +4559,24 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                               color: Ut(M.value)
                             }, null, 8, ["icon", "loading", "color"])
                           ], 2)
-                        ], 8, Wr)) : (l(), s("p", Jr, [
-                          t("span", null, c(M.name), 1)
+                        ], 8, Wr)) : (l(), s("p", Gr, [
+                          t("span", null, u(M.name), 1)
                         ]))
                       ], 40, Zr))), 128))
                     ])
                   ], 2),
-                  t("tbody", Gr, [
+                  t("tbody", Jr, [
                     (l(!0), s(k, null, S(e.items, (M, Q) => (l(), s("tr", {
                       key: M.id,
-                      class: x(Rt(M, Q))
+                      class: x(Nt(M, Q))
                     }, [
                       t("td", {
                         class: x(z.value)
                       }, [
-                        Re(M.id) ? (l(), s("div", Kr)) : b("", !0),
-                        _.value ? D((l(), s("input", {
+                        Ne(M.id) ? (l(), s("div", Kr)) : b("", !0),
+                        R.value ? D((l(), s("input", {
                           key: 1,
-                          "onUpdate:modelValue": A[4] || (A[4] = (I) => r.value = I),
+                          "onUpdate:modelValue": T[4] || (T[4] = (O) => r.value = O),
                           value: M.id,
                           class: x(qt(M.disabled)),
                           type: "checkbox",
@@ -4585,47 +4585,47 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                           [yt, r.value]
                         ]) : b("", !0)
                       ], 2),
-                      (l(!0), s(k, null, S(Vt(M.row), (I, _e) => (l(), s("td", {
-                        key: _e,
-                        class: x(_t(M.id))
+                      (l(!0), s(k, null, S(Vt(M.row), (O, Re) => (l(), s("td", {
+                        key: Re,
+                        class: x(Rt(M.id))
                       }, [
-                        typeof I == "object" && I.type === "guest" ? (l(), s("div", Xr, [
-                          t("span", ed, c(I.content), 1),
-                          t("span", td, c(I.email), 1)
-                        ])) : typeof I == "object" && I.type === "action" ? (l(), s("button", {
+                        typeof O == "object" && O.type === "guest" ? (l(), s("div", Xr, [
+                          t("span", ed, u(O.content), 1),
+                          t("span", td, u(O.email), 1)
+                        ])) : typeof O == "object" && O.type === "action" ? (l(), s("button", {
                           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, M.id)
+                          onClick: (X) => de(O, M.id)
                         }, [
-                          I.icon ? (l(), w(L, {
+                          O.icon ? (l(), w(L, {
                             key: 0,
                             loading: e.loading,
-                            icon: I.icon,
+                            icon: O.icon,
                             size: "small",
                             color: "gray"
                           }, 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({
+                          t("span", null, u(O.content), 1)
+                        ], 8, ld)) : typeof O == "object" && O.type === "link" ? (l(), s("span", Le({
                           key: 2,
                           ref_for: !0
-                        }, at(I), {
-                          onClick: (X) => de(I, M.id)
+                        }, at(O), {
+                          onClick: (X) => de(O, M.id)
                         }), [
-                          B(c(ot(I)) + " ", 1),
-                          I.icon ? (l(), w(L, {
+                          B(u(ot(O)) + " ", 1),
+                          O.icon ? (l(), w(L, {
                             key: 0,
                             loading: e.loading,
-                            icon: I.icon,
+                            icon: O.icon,
                             size: "small",
                             color: "gray",
                             class: "inline-block ml-1"
                           }, 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),
+                        ], 16, sd)) : typeof O == "object" && O.type === "apiKey" ? (l(), s("div", nd, [
+                          t("span", null, u(O.content), 1),
                           t("button", {
                             type: "button",
-                            onClick: (X) => de({ type: "action", action: "reveal", value: I.value }, M.id),
+                            onClick: (X) => de({ type: "action", action: "reveal", value: O.value }, M.id),
                             class: "inline-flex items-center p-1 text-gray-500 hover:text-gray-700 focus:outline-none"
                           }, [
                             m(L, {
@@ -4637,7 +4637,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                           ], 8, ad),
                           t("button", {
                             type: "button",
-                            onClick: (X) => de({ type: "action", action: "copy", value: I.value }, M.id),
+                            onClick: (X) => de({ type: "action", action: "copy", value: O.value }, M.id),
                             class: "inline-flex items-center p-1 text-gray-500 hover:text-gray-700 focus:outline-none"
                           }, [
                             m(L, {
@@ -4647,11 +4647,11 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                               color: "gray"
                             }, null, 8, ["loading", "icon"])
                           ], 8, od)
-                        ])) : typeof I == "object" && I.type === "actions" && Array.isArray(I.actions) ? (l(), s("div", id, [
-                          (l(!0), s(k, null, S(I.actions, (X, hl) => (l(), s("button", {
+                        ])) : typeof O == "object" && O.type === "actions" && Array.isArray(O.actions) ? (l(), s("div", id, [
+                          (l(!0), s(k, null, S(O.actions, (X, hl) => (l(), s("button", {
                             key: hl,
                             type: "button",
-                            onClick: (ng) => de({ type: "action", action: X.action }, M.id),
+                            onClick: (kg) => 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, {
@@ -4662,15 +4662,15 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                             }, null, 8, ["loading", "icon"]),
                             X.action === "viewCode" ? (l(), s("span", dd, "View Code")) : b("", !0)
                           ], 10, rd))), 128))
-                        ])) : (l(), w(Fe(Yt(I)), Le({
+                        ])) : (l(), w(_e(Yt(O)), Le({
                           key: 5,
                           ref_for: !0
-                        }, at(I), {
-                          onClick: (X) => de(I),
-                          onTagEvent: (X) => Gt(I)
+                        }, at(O), {
+                          onClick: (X) => de(O),
+                          onTagEvent: (X) => Jt(O)
                         }), {
                           default: y(() => [
-                            B(c(ot(I)), 1)
+                            B(u(ot(O)), 1)
                           ]),
                           _: 2
                         }, 1040, ["onClick", "onTagEvent"]))
@@ -4683,7 +4683,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           ])
         ])
       ], 4),
-      N.value ? (l(), s("div", cd, [
+      I.value ? (l(), s("div", cd, [
         le.value ? (l(), s("div", ud, [
           m(ge, {
             verticalPosition: "top",
@@ -4703,22 +4703,22 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             loading: n.loading,
             onChangePage: nl
           }, {
-            previous: y(() => [...A[5] || (A[5] = [
+            previous: y(() => [...T[5] || (T[5] = [
               B("Anterior", -1)
             ])]),
-            next: y(() => [...A[6] || (A[6] = [
+            next: y(() => [...T[6] || (T[6] = [
               B("Siguiente", -1)
             ])]),
-            showing: y(() => [...A[7] || (A[7] = [
+            showing: y(() => [...T[7] || (T[7] = [
               B("Mostrando", -1)
             ])]),
-            of: y(() => [...A[8] || (A[8] = [
+            of: y(() => [...T[8] || (T[8] = [
               B("de", -1)
             ])]),
-            pages: y(() => [...A[9] || (A[9] = [
+            pages: y(() => [...T[9] || (T[9] = [
               B("páginas", -1)
             ])]),
-            fromTotal: y(() => [...A[10] || (A[10] = [
+            fromTotal: y(() => [...T[10] || (T[10] = [
               B("Elementos totales:", -1)
             ])]),
             _: 1
@@ -4739,7 +4739,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
 }), md = { class: "lg:hidden" }, fd = ["value"], hd = { class: "hidden lg:block overflow-x-auto" }, yd = { class: "border-b border-gray-200" }, bd = {
   class: "-mb-px flex space-x-8",
   "aria-label": "Tabs"
-}, vd = ["onClick", "aria-current"], xd = /* @__PURE__ */ T({
+}, vd = ["onClick", "aria-current"], xd = /* @__PURE__ */ A({
   __name: "uiTabs",
   props: {
     tabs: {}
@@ -4761,7 +4761,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           (l(!0), s(k, null, S(e.tabs, (a) => (l(), s("option", {
             value: a.id,
             key: a.name
-          }, c(a.name), 9, fd))), 128))
+          }, u(a.name), 9, fd))), 128))
         ], 32)
       ]),
       t("div", hd, [
@@ -4776,14 +4776,14 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
               ]),
               "aria-current": a.current ? "page" : void 0
             }, [
-              B(c(a.name) + " ", 1),
+              B(u(a.name) + " ", 1),
               a.count ? (l(), s("span", {
                 key: 0,
                 class: x([
                   a.current ? "bg-lime-400 text-black" : "bg-black text-white",
                   "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block"
                 ])
-              }, c(a.count), 3)) : b("", !0)
+              }, u(a.count), 3)) : b("", !0)
             ], 10, vd))), 128))
           ])
         ])
@@ -4797,23 +4797,23 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   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"], Td = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, Ad = ["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"], Ad = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, Td = ["datetime"], Dd = {
   key: 1,
   class: "bg-lime-50 px-4 py-4 sm:px-6 z-10"
 }, Ld = { class: "text-sm" }, Pd = {
   key: 2,
   class: "h-full w-full flex items-center justify-center flex-col px-4 py-5 sm:p-6"
-}, Fd = {
+}, _d = {
   key: 1,
   class: "bg-white overflow-hidden shadow rounded-lg"
-}, Od = { class: "px-4 py-5 sm:p-6 animate-pulse" }, Id = { class: "flow-root" }, Nd = {
+}, Fd = { class: "px-4 py-5 sm:p-6 animate-pulse" }, Od = { class: "flow-root" }, Id = {
   class: "-mb-8",
   role: "list"
-}, Vd = { class: "relative pb-8" }, Rd = {
+}, Vd = { class: "relative pb-8" }, Nd = {
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, _d = /* @__PURE__ */ T({
+}, Rd = /* @__PURE__ */ A({
   __name: "uiTimeline",
   props: {
     name: {},
@@ -4825,18 +4825,18 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   emits: ["timelineEventClicked", "timelineFooterClicked"],
   setup(e, { emit: g }) {
     const o = ke(e.timeline);
-    return (n, r) => e.loading ? (l(), s("div", Fd, [
+    return (n, r) => e.loading ? (l(), s("div", _d, [
       r[3] || (r[3] = t("div", { class: "px-4 py-5 sm:px-6 animate-pulse" }, [
         t("h1", { class: "text-xl font-bold" }, [
           t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })
         ])
       ], -1)),
-      t("div", Od, [
-        t("div", Id, [
-          t("ul", Nd, [
+      t("div", Fd, [
+        t("div", Od, [
+          t("ul", Id, [
             (l(), s(k, null, S(10, (a, d) => t("li", { key: d }, [
               t("div", Vd, [
-                a !== 10 ? (l(), s("span", Rd)) : b("", !0),
+                a !== 10 ? (l(), s("span", Nd)) : 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))
@@ -4853,7 +4853,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       class: x(["h-[" + e.height + "px]", "bg-white overflow-hidden shadow rounded-lg"])
     }, [
       t("div", pd, [
-        t("h1", wd, c(e.name), 1)
+        t("h1", wd, u(e.name), 1)
       ]),
       o.items.length > 0 ? (l(), s("div", kd, [
         t("div", $d, [
@@ -4888,16 +4888,16 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                       t("div", null, [
                         t("p", zd, [
                           t("a", {
-                            onClick: (u) => n.$emit("timelineEventClicked", a.linkId),
+                            onClick: (c) => n.$emit("timelineEventClicked", a.linkId),
                             class: "font-medium text-black hover:text-lime-400 cursor-pointer"
-                          }, c(a?.target), 9, jd),
-                          B(" " + c(a?.content), 1)
+                          }, u(a?.target), 9, jd),
+                          B(" " + u(a?.content), 1)
                         ])
                       ]),
-                      t("div", Td, [
+                      t("div", Ad, [
                         t("time", {
                           datetime: a?.datetime
-                        }, c(a?.date), 9, Ad)
+                        }, u(a?.date), 9, Td)
                       ])
                     ])
                   ])
@@ -4913,7 +4913,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           t("a", {
             class: "cursor-pointer font-medium text-black hover:text-lime-400",
             onClick: r[0] || (r[0] = (a) => n.$emit("timelineFooterClicked", e.timeline.id))
-          }, c(e.timeline.footerText), 1)
+          }, u(e.timeline.footerText), 1)
         ])
       ])) : (l(), s("div", Pd, [
         m(L, {
@@ -4926,10 +4926,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ]))
     ], 2));
   }
-}), 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 = {
+}), 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" }, Gd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Jd = ["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__ */ T({
+}, 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({
   __name: "uiTopbar",
   props: {
     logo: {},
@@ -4942,7 +4942,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   emits: ["topBarClick"],
   setup(e, { emit: g }) {
     const i = e, o = j(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
-    return (n, r) => (l(), w(f(Ie), {
+    return (n, r) => (l(), w(f(Oe), {
       as: "nav",
       class: "bg-white shadow z-10"
     }, {
@@ -4988,19 +4988,19 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                     t("div", null, [
                       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] = [
+                          D(t("div", Gd, [...r[2] || (r[2] = [
                             t("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                           ])], 512), [
-                            [O, e.alerted]
+                            [F, e.alerted]
                           ]),
                           t("img", {
                             class: "h-10 w-10 rounded-full",
                             src: e.accountLogo
-                          }, null, 8, Gd)
+                          }, null, 8, Jd)
                         ]),
                         _: 1
                       }, 512), [
-                        [O, e.accountLogo]
+                        [F, e.accountLogo]
                       ])
                     ]),
                     m(we, {
@@ -5012,19 +5012,19 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                       "leave-to-class": "transform opacity-0 scale-95"
                     }, {
                       default: y(() => [
-                        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" }, {
+                        m(f(Ge), { 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(Ge), {
+                            (l(!0), s(k, null, S(e.profileMenu, (d) => (l(), w(f(Je), {
                               key: d.name
                             }, {
-                              default: y(({ active: u }) => [
+                              default: y(({ active: c }) => [
                                 t("p", {
                                   onClick: (v) => n.$emit("topBarClick", d.id),
                                   class: x(["cursor-pointer", [
-                                    u ? "bg-gray-100" : "",
+                                    c ? "bg-gray-100" : "",
                                     "block px-4 py-2 text-sm text-gray-700"
                                   ]])
-                                }, c(d.name), 11, Kd)
+                                }, u(d.name), 11, Kd)
                               ]),
                               _: 2
                             }, 1024))), 128))
@@ -5041,7 +5041,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             ])
           ])
         ]),
-        m(f(Ne), { class: "lg:hidden" }, {
+        m(f(Ie), { class: "lg:hidden" }, {
           default: y(() => [
             t("div", Qd, [
               (l(!0), s(k, null, S(o.value, (d) => (l(), w(f(se), {
@@ -5054,8 +5054,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
               }, {
                 default: y(() => [
                   t("p", {
-                    onClick: (u) => n.$emit("topBarClick", d.id)
-                  }, c(d.name), 9, Xd)
+                    onClick: (c) => n.$emit("topBarClick", d.id)
+                  }, u(d.name), 9, Xd)
                 ]),
                 _: 2
               }, 1032, ["class"]))), 128))
@@ -5069,8 +5069,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                   }, null, 8, sc)
                 ]),
                 e.brand ? (l(), s("div", nc, [
-                  t("div", ac, c(e.brand.title), 1),
-                  t("div", oc, c(e.brand.subtitle), 1)
+                  t("div", ac, u(e.brand.title), 1),
+                  t("div", oc, u(e.brand.subtitle), 1)
                 ])) : b("", !0)
               ]),
               t("div", ic, [
@@ -5081,8 +5081,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                 }, {
                   default: y(() => [
                     t("p", {
-                      onClick: (u) => n.$emit("topBarClick", d.id)
-                    }, c(d.name), 9, rc)
+                      onClick: (c) => n.$emit("topBarClick", d.id)
+                    }, u(d.name), 9, rc)
                   ]),
                   _: 2
                 }, 1024))), 128))
@@ -5095,7 +5095,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       _: 1
     }));
   }
-}), cc = { class: "chart-selector flex flex-row items-center justify-center" }, uc = /* @__PURE__ */ T({
+}), cc = { class: "chart-selector flex flex-row items-center justify-center" }, uc = /* @__PURE__ */ A({
   __name: "RangeSelector",
   props: { range: { type: String } },
   emits: ["rangeSelected"],
@@ -5108,23 +5108,23 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
     return (a, d) => (l(), s("ul", cc, [
       t("li", {
         class: x({ selected: f(n) === "24h" }),
-        onClick: d[0] || (d[0] = (u) => r("24h"))
+        onClick: d[0] || (d[0] = (c) => r("24h"))
       }, " 24H ", 2),
       t("li", {
         class: x({ selected: f(n) === "7d" }),
-        onClick: d[1] || (d[1] = (u) => r("7d"))
+        onClick: d[1] || (d[1] = (c) => r("7d"))
       }, "7D", 2),
       t("li", {
         class: x({ selected: f(n) === "1m" }),
-        onClick: d[2] || (d[2] = (u) => r("1m"))
+        onClick: d[2] || (d[2] = (c) => r("1m"))
       }, "1M", 2),
       t("li", {
         class: x({ selected: f(n) === "3m" }),
-        onClick: d[3] || (d[3] = (u) => r("3m"))
+        onClick: d[3] || (d[3] = (c) => r("3m"))
       }, "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" }, bc = /* @__PURE__ */ T({
+}), 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__ */ A({
   __name: "uiFunnelChartV2",
   props: {
     labels: {},
@@ -5182,7 +5182,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         }
       }
     };
-    const r = j(() => ({ ...o.options, ...n })), a = j(() => o.series), d = () => i("chartUpdated"), u = (v, p, C) => {
+    const r = j(() => ({ ...o.options, ...n })), a = j(() => o.series), d = () => i("chartUpdated"), c = (v, p, C) => {
       i("dataPointSelection", { id: o.id, chartContext: p, config: C, event: v });
     };
     return (v, p) => (l(), s(k, null, [
@@ -5190,7 +5190,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         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"])
       }, [
         t("div", gc, [
-          t("div", mc, c(e.title), 1),
+          t("div", mc, u(e.title), 1),
           m(uc, {
             range: e.range,
             onRangeSelected: p[0] || (p[0] = (C) => v.$emit("selectedRange", { range: C, chartId: e.id }))
@@ -5205,10 +5205,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             options: r.value,
             onUpdated: d,
             onMounted: d,
-            onDataPointSelection: u
+            onDataPointSelection: c
           }, null, 8, ["type", "series", "height", "options"])
         ], 512), [
-          [O, !e.empty]
+          [F, !e.empty]
         ]),
         D(t("div", hc, [
           m(L, {
@@ -5219,10 +5219,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           }, null, 8, ["icon"]),
           p[1] || (p[1] = t("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
         ], 512), [
-          [O, e.empty]
+          [F, e.empty]
         ])
       ], 2), [
-        [O, !e.loading]
+        [F, !e.loading]
       ]),
       D(t("div", yc, [...p[2] || (p[2] = [
         t("div", {
@@ -5251,11 +5251,11 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           ])
         ], -1)
       ])], 512), [
-        [O, e.loading]
+        [F, e.loading]
       ])
     ], 64));
   }
-}), 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({
+}), 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__ */ A({
   __name: "uiRightSidebar",
   props: {
     title: {},
@@ -5296,7 +5296,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                               t("div", $c, [
                                 m(f(Ct), { class: "text-base font-semibold leading-6" }, {
                                   default: y(() => [
-                                    B(c(e.title), 1)
+                                    B(u(e.title), 1)
                                   ]),
                                   _: 1
                                 }),
@@ -5316,11 +5316,11 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                                 ])
                               ]),
                               t("div", Sc, [
-                                t("p", Bc, c(e.description), 1)
+                                t("p", Bc, u(e.description), 1)
                               ])
                             ]),
                             t("div", Mc, [
-                              J(i.$slots, "default")
+                              G(i.$slots, "default")
                             ])
                           ])
                         ]),
@@ -5339,15 +5339,15 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       _: 3
     }, 8, ["show"]));
   }
-}), jc = { class: "uiGallery" }, Tc = {
+}), jc = { class: "uiGallery" }, Ac = {
   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"
-}, 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 = {
+}, 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" }, _c = { class: "flex items-center justify-between" }, Fc = { class: "pointer-events-none block text-sm font-medium" }, Oc = {
   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__ */ T({
+}, Ic = /* @__PURE__ */ A({
   __name: "uiGallery",
   props: {
     galleryId: {},
@@ -5371,22 +5371,22 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         onModalAction: a[0] || (a[0] = (d) => n(d))
       }, {
         default: y(() => [
-          t("p", null, c(e.literals.modalText), 1)
+          t("p", null, u(e.literals.modalText), 1)
         ]),
         _: 1
       }, 8, ["open", "title", "actions"])),
-      e.loading ? (l(), s("ul", Ic, [
+      e.loading ? (l(), s("ul", Oc, [
         (l(), s(k, null, S(4, (d) => t("li", null, [...a[2] || (a[2] = [
           t("div", { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-200 animate-pulse dark:bg-gray-200 focus-within:ring-2 focus-within:ring-lime-400 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, null, -1),
           t("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28 mt-4" }, null, -1),
           t("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-14 mt-2" }, null, -1)
         ])])), 64))
-      ])) : (l(), s("ul", Tc, [
+      ])) : (l(), s("ul", Ac, [
         (l(!0), s(k, null, S(e.gallery, (d) => (l(), s("li", {
           key: d.source,
           class: "relative"
         }, [
-          t("div", Ac, [
+          t("div", Tc, [
             t("img", {
               src: d.source,
               alt: "",
@@ -5395,18 +5395,18 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             t("button", {
               type: "button",
               class: "absolute inset-0 focus:outline-none",
-              onClick: (u) => r.$emit("imgClicked", d)
+              onClick: (c) => r.$emit("imgClicked", d)
             }, null, 8, Lc)
           ]),
-          t("p", Pc, c(d.title), 1),
-          t("div", Fc, [
-            t("p", Oc, c(d.size), 1),
+          t("p", Pc, u(d.title), 1),
+          t("div", _c, [
+            t("p", Fc, u(d.size), 1),
             m(L, {
               class: "cursor-pointer",
               icon: f(pe),
               color: "red",
               loading: !1,
-              onClick: (u) => r.$emit("deleteImage", d)
+              onClick: (c) => r.$emit("deleteImage", d)
             }, null, 8, ["icon", "onClick"])
           ])
         ]))), 128))
@@ -5420,7 +5420,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         size: "small"
       }, {
         default: y(() => [
-          B(c(e.literals.deleteAllImages), 1)
+          B(u(e.literals.deleteAllImages), 1)
         ]),
         _: 1
       })) : b("", !0)
@@ -5429,12 +5429,12 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
 }), Vc = {
   key: 1,
   class: "animate-pulse"
-}, Rc = /* @__PURE__ */ T({
+}, Nc = /* @__PURE__ */ A({
   __name: "DraggableWrapper",
   emits: ["update:modelValue"],
   setup(e) {
     const g = V(null);
-    return Oe(async () => {
+    return Fe(async () => {
       if (typeof window < "u")
         try {
           const { default: i } = await import("vue3-draggable");
@@ -5443,11 +5443,11 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           console.error("Failed to load vue3-draggable:", i);
         }
     }), (i, o) => (l(), s("div", null, [
-      g.value ? (l(), w(Fe(g.value), Le({ key: 0 }, i.$attrs, {
+      g.value ? (l(), w(_e(g.value), Le({ key: 0 }, i.$attrs, {
         "onUpdate:modelValue": o[0] || (o[0] = (n) => i.$emit("update:modelValue", n))
       }), {
         default: y(() => [
-          J(i.$slots, "default")
+          G(i.$slots, "default")
         ]),
         _: 3
       }, 16)) : (l(), s("div", Vc, [...o[1] || (o[1] = [
@@ -5457,10 +5457,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ])]))
     ]));
   }
-}), _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 = {
+}), Rc = { 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__ */ T({
+}, Wc = /* @__PURE__ */ A({
   __name: "uiDragAndDrop",
   props: {
     elements: {},
@@ -5478,16 +5478,16 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
     };
     return (a, d) => e.loading ? (l(), s("div", Zc, [...d[2] || (d[2] = [
       ee('<div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div>', 5)
-    ])])) : (l(), w(Rc, {
+    ])])) : (l(), w(Nc, {
       key: 0,
       modelValue: f(n),
       "onUpdate:modelValue": [
-        d[0] || (d[0] = (u) => bt(n) ? n.value = u : n = u),
-        d[1] || (d[1] = (u) => r(u))
+        d[0] || (d[0] = (c) => bt(n) ? n.value = c : n = c),
+        d[1] || (d[1] = (c) => r(c))
       ]
     }, {
-      item: y(({ item: u }) => [
-        t("div", _c, [
+      item: y(({ item: c }) => [
+        t("div", Rc, [
           t("div", qc, [
             m(L, {
               icon: f(Hl),
@@ -5497,17 +5497,17 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
               size: "big"
             }, null, 8, ["icon"]),
             t("div", Hc, [
-              t("p", Yc, c(u.name), 1),
-              u.description ? (l(), s("p", Ec, c(u.description), 1)) : b("", !0)
+              t("p", Yc, u(c.name), 1),
+              c.description ? (l(), s("p", Ec, u(c.description), 1)) : b("", !0)
             ]),
-            t("div", Uc, c(f(n).indexOf(u) + 1), 1)
+            t("div", Uc, u(f(n).indexOf(c) + 1), 1)
           ])
         ])
       ]),
       _: 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__ */ T({
+}), Gc = { class: "chart-header flex flex-row justify-between" }, Jc = { 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({
   __name: "uiCircleChart",
   props: {
     labels: {},
@@ -5566,24 +5566,24 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         }
       }
     };
-    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 = () => {
+    const d = () => ({ ...a, ...o.options }), c = j(() => o.series), v = j(() => d()), p = () => i("chartUpdated"), C = (E, P, R) => {
+      i("dataPointSelection", { id: o.id, chartContext: P, config: R, event: E });
+    }, N = () => {
       r.from !== "" && r.to !== "" && Y(r.from).isBefore(Y(r.to)) && i("selectedRange", { range: r, chartId: o.id });
     };
     return (E, 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"])
       }, [
-        t("div", Jc, [
-          t("div", Gc, c(e.title), 1),
+        t("div", Gc, [
+          t("div", Jc, u(e.title), 1),
           t("div", Kc, [
             t("div", Qc, [
               D(t("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": P[0] || (P[0] = (_) => f(r).from = _),
+                "onUpdate:modelValue": P[0] || (P[0] = (R) => f(r).from = R),
                 max: n.value.toString(),
-                onChange: R,
+                onChange: N,
                 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"
@@ -5594,9 +5594,9 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             t("div", eu, [
               D(t("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": P[1] || (P[1] = (_) => f(r).to = _),
+                "onUpdate:modelValue": P[1] || (P[1] = (R) => f(r).to = R),
                 max: n.value.toString(),
-                onChange: R,
+                onChange: N,
                 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"
@@ -5609,7 +5609,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
               size: "big",
               loading: e.loading,
               icon: f(St),
-              onClick: P[2] || (P[2] = (_) => E.$emit("maximizeChart", e.id))
+              onClick: P[2] || (P[2] = (R) => E.$emit("maximizeChart", e.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
@@ -5617,7 +5617,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           m(tt, {
             class: "flex items-center justify-center mt-4",
             type: "donut",
-            series: u.value,
+            series: c.value,
             options: v.value,
             height: e.height - 80,
             onUpdated: p,
@@ -5625,7 +5625,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             onDataPointSelection: C
           }, null, 8, ["series", "options", "height"])
         ], 512), [
-          [O, !e.empty]
+          [F, !e.empty]
         ]),
         D(t("div", su, [
           m(L, {
@@ -5636,10 +5636,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           }, null, 8, ["icon"]),
           P[3] || (P[3] = t("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
         ], 512), [
-          [O, e.empty]
+          [F, e.empty]
         ])
       ], 2), [
-        [O, !e.loading]
+        [F, !e.loading]
       ]),
       D(t("div", nu, [...P[4] || (P[4] = [
         t("div", {
@@ -5668,7 +5668,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           ])
         ], -1)
       ])], 512), [
-        [O, e.loading]
+        [F, e.loading]
       ])
     ], 64));
   }
@@ -5678,7 +5678,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
 }, iu = {
   key: 1,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, ru = /* @__PURE__ */ T({
+}, ru = /* @__PURE__ */ A({
   __name: "uiDateRange",
   props: {
     id: {},
@@ -5702,7 +5702,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
     const a = () => {
       r("uiDateRangeButtonClicked", n);
     };
-    return (d, u) => e.loading ? (l(), s("div", iu, [
+    return (d, c) => e.loading ? (l(), s("div", iu, [
       m(ae, {
         name: "dateFrom",
         loading: !0
@@ -5712,7 +5712,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         loading: !0
       }),
       m(U, { loading: !0 }, {
-        default: y(() => [...u[2] || (u[2] = [
+        default: y(() => [...c[2] || (c[2] = [
           B("Search", -1)
         ])]),
         _: 1
@@ -5729,7 +5729,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         disabled: e.disabled,
         label: e.label,
         max: o.value.toString(),
-        onInputChanged: u[0] || (u[0] = (v) => f(n).from = v.value)
+        onInputChanged: c[0] || (c[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 vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         disabled: e.disabled,
         label: void 0,
         max: o.value.toString(),
-        onInputChanged: u[1] || (u[1] = (v) => f(n).to = v.value)
+        onInputChanged: c[1] || (c[1] = (v) => f(n).to = v.value)
       }, null, 8, ["class", "addOn", "name", "color", "value", "error", "disabled", "max"]),
       m(U, {
         disabled: e.disabled,
@@ -5753,7 +5753,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         onClick: a
       }, {
         default: y(() => [
-          B(c(e.literals.search), 1)
+          B(u(e.literals.search), 1)
         ]),
         _: 1
       }, 8, ["disabled", "class"])
@@ -5769,7 +5769,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
 }, gu = {
   key: 1,
   class: "h-2 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 w-full"
-}, mu = /* @__PURE__ */ T({
+}, mu = /* @__PURE__ */ A({
   __name: "uiRangeSlider",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -5785,13 +5785,13 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
     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)) : b("", !0),
-        e.requiredText ? (l(), s("span", uu, c(e.requiredText), 1)) : b("", !0)
+        e.label ? (l(), s("label", cu, u(e.label), 1)) : b("", !0),
+        e.requiredText ? (l(), s("span", uu, u(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(Tl), {
+        e.loading ? (l(), s("p", gu)) : (l(), w(f(Al), {
           key: 0,
           modelValue: n.value,
           "onUpdate:modelValue": a[0] || (a[0] = (d) => n.value = d),
@@ -5810,7 +5810,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
 }), fu = {
   key: 0,
   class: "mt-1 mb-8 text-sm"
-}, hu = /* @__PURE__ */ T({
+}, hu = /* @__PURE__ */ A({
   __name: "uiSectionTitle",
   props: {
     title: {},
@@ -5820,8 +5820,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
     return (g, i) => (l(), s(k, null, [
       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)) : b("", !0)
+      }, u(e.title), 3),
+      e.description ? (l(), s("p", fu, u(e.description), 1)) : b("", !0)
     ], 64));
   }
 }), yu = { class: "w-full" }, bu = { class: "flex flex-col gap-6 w-full" }, vu = {
@@ -5851,7 +5851,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
 }, zu = {
   key: 4,
   class: "h-3 w-8 bg-gray-200 rounded animate-pulse"
-}, ju = /* @__PURE__ */ T({
+}, ju = /* @__PURE__ */ A({
   __name: "uiSecondarySidebar",
   props: {
     title: {},
@@ -5883,14 +5883,14 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             size: "big",
             color: "primary"
           }, null, 8, ["icon", "loading"])) : b("", !0),
-          e.loading ? (l(), s("div", pu)) : (l(), s("h2", xu, c(e.title), 1))
+          e.loading ? (l(), s("div", pu)) : (l(), s("h2", xu, u(e.title), 1))
         ])) : b("", !0),
-        (l(!0), s(k, null, S(e.sections, (d, u) => (l(), s(k, {
+        (l(!0), s(k, null, S(e.sections, (d, c) => (l(), s(k, {
           key: d.id
         }, [
-          u > 0 ? (l(), s("div", wu)) : b("", !0),
+          c > 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)) : b("", !0),
+            d.title && !e.loading ? (l(), s("h3", $u, u(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),
@@ -5906,27 +5906,27 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                 size: "medium",
                 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)),
+              e.loading ? (l(), s("div", Mu)) : (l(), s("span", Bu, u(v.name), 1)),
               v.count !== void 0 && !e.loading ? (l(), s("span", {
                 key: 3,
                 class: x([
                   "text-xs",
                   d.selectedItemId === v.id && d.selectionStyle === "primary" ? "text-gray-300" : "text-gray-500"
                 ])
-              }, " (" + c(v.count) + ") ", 3)) : v.count !== void 0 && e.loading ? (l(), s("div", zu)) : b("", !0)
+              }, " (" + u(v.count) + ") ", 3)) : v.count !== void 0 && e.loading ? (l(), s("div", zu)) : b("", !0)
             ], 10, Su))), 128))
           ])
         ], 64))), 128))
       ])
     ]));
   }
-}), Tu = {
+}), Au = {
   key: 0,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, 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 = {
+}, 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" }, _u = {
   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__ */ T({
+}, Fu = { class: "flex flex-1 flex-col p-8" }, Ou = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, Iu = { 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" }, Nu = /* @__PURE__ */ A({
   __name: "uiDeviceStatus",
   props: {
     id: {},
@@ -5939,9 +5939,9 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   },
   emits: ["deviceStatusTagClicked", "deviceStatusQtyClicked"],
   setup(e, { emit: g }) {
-    return (i, o) => e.loading ? (l(), s("div", Fu, [
-      t("div", Ou, [
-        t("div", Iu, [
+    return (i, o) => e.loading ? (l(), s("div", _u, [
+      t("div", Fu, [
+        t("div", Ou, [
           m(L, {
             icon: e.icon,
             size: "huge",
@@ -5951,9 +5951,9 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           }, null, 8, ["icon", "loading"])
         ]),
         o[3] || (o[3] = t("div", { class: "h-4 bg-gray-200 rounded-full dark:bg-gray-300 w-1/3 mx-auto" }, null, -1)),
-        t("dl", Nu, [
+        t("dl", Iu, [
           t("dd", Vu, [
-            (l(!0), s(k, null, S(e.tags, (n, r) => (l(), w(G, {
+            (l(!0), s(k, null, S(e.tags, (n, r) => (l(), w(J, {
               key: r,
               loading: e.loading,
               event: n.event,
@@ -5961,15 +5961,15 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
               onTagEvent: o[2] || (o[2] = (a) => i.$emit("deviceStatusTagClicked", a))
             }, {
               default: y(() => [
-                B(c(n.name), 1)
+                B(u(n.name), 1)
               ]),
               _: 2
             }, 1032, ["loading", "event", "color"]))), 128))
           ])
         ])
       ])
-    ])) : (l(), s("div", Tu, [
-      t("div", Au, [
+    ])) : (l(), s("div", Au, [
+      t("div", Tu, [
         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,
@@ -5988,17 +5988,17 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           }, null, 8, ["icon"])
         ], 2),
         t("h3", Du, [
-          B(c(e.name) + " ", 1),
+          B(u(e.name) + " ", 1),
           D(t("span", {
             class: "text-black hover:text-lime-400 underline cursor-pointer",
             onClick: o[0] || (o[0] = (n) => i.$emit("deviceStatusQtyClicked", e.id))
-          }, "(" + c(e.qty) + ")", 513), [
-            [O, e.qty > 0]
+          }, "(" + u(e.qty) + ")", 513), [
+            [F, e.qty > 0]
           ])
         ]),
         t("dl", Lu, [
           t("dd", Pu, [
-            (l(!0), s(k, null, S(e.tags, (n, r) => (l(), w(G, {
+            (l(!0), s(k, null, S(e.tags, (n, r) => (l(), w(J, {
               key: r,
               loading: !1,
               event: n.event,
@@ -6006,7 +6006,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
               onTagEvent: o[1] || (o[1] = (a) => i.$emit("deviceStatusTagClicked", a))
             }, {
               default: y(() => [
-                B(c(n.name), 1)
+                B(u(n.name), 1)
               ]),
               _: 2
             }, 1032, ["event", "color"]))), 128))
@@ -6015,7 +6015,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ])
     ]));
   }
-}), _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({
+}), Ru = { 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" }, Gu = ["src"], Ju = { 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({
   __name: "uiWrapper",
   props: {
     topbar: {},
@@ -6052,7 +6052,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                 ])]),
                 _: 1
               }),
-              t("div", _u, [
+              t("div", Ru, [
                 m(f(ce), {
                   as: "template",
                   enter: "transition ease-in-out duration-300 transform",
@@ -6098,10 +6098,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                           filterNavigation: e.sidebar.filterNavigation,
                           loading: !1,
                           logo: e.topbar.logo,
-                          onSideBarClick: d[0] || (d[0] = (u) => a.$emit("sideBarClick", u)),
-                          onProductBarClick: d[1] || (d[1] = (u) => a.$emit("productBarClick", u)),
-                          onCheckboxChanged: d[2] || (d[2] = (u) => a.$emit("checkboxChanged", u)),
-                          onInputChanged: d[3] || (d[3] = (u) => a.$emit("inputChanged", u))
+                          onSideBarClick: d[0] || (d[0] = (c) => a.$emit("sideBarClick", c)),
+                          onProductBarClick: d[1] || (d[1] = (c) => a.$emit("productBarClick", c)),
+                          onCheckboxChanged: d[2] || (d[2] = (c) => a.$emit("checkboxChanged", c)),
+                          onInputChanged: d[3] || (d[3] = (c) => a.$emit("inputChanged", c))
                         }, null, 8, ["productsSidebar", "isFilterNavigation", "navigation", "filterNavigation", "logo"])
                       ]),
                       _: 1
@@ -6124,10 +6124,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           filterNavigation: e.sidebar.filterNavigation,
           loading: !1,
           logo: e.topbar.logo,
-          onSideBarClick: d[4] || (d[4] = (u) => a.$emit("sideBarClick", u)),
-          onProductBarClick: d[5] || (d[5] = (u) => a.$emit("productBarClick", u)),
-          onCheckboxChanged: d[6] || (d[6] = (u) => a.$emit("checkboxChanged", u)),
-          onInputChanged: d[7] || (d[7] = (u) => a.$emit("inputChanged", u))
+          onSideBarClick: d[4] || (d[4] = (c) => a.$emit("sideBarClick", c)),
+          onProductBarClick: d[5] || (d[5] = (c) => a.$emit("productBarClick", c)),
+          onCheckboxChanged: d[6] || (d[6] = (c) => a.$emit("checkboxChanged", c)),
+          onInputChanged: d[7] || (d[7] = (c) => a.$emit("inputChanged", c))
         }, null, 8, ["productsSidebar", "isFilterNavigation", "navigation", "filterNavigation", "logo"])
       ]),
       t("div", Yu, [
@@ -6153,19 +6153,19 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
               class: "w-full self-center relative",
               items: e.topbar.selectItems,
               select: e.topbar.selectedItem,
-              onSelectChanged: d[8] || (d[8] = (u) => a.$emit("selectChanged", u))
+              onSelectChanged: d[8] || (d[8] = (c) => a.$emit("selectChanged", c))
             }, null, 8, ["items", "select"]),
             t("div", Zu, [
               t("button", {
                 type: "button",
                 class: "-m-2.5 p-2.5 text-gray-400 hover:text-gray-500 relative",
-                onClick: d[9] || (d[9] = (u) => o("bellClick"))
+                onClick: d[9] || (d[9] = (c) => o("bellClick"))
               }, [
                 d[14] || (d[14] = t("span", { class: "sr-only" }, "View notifications", -1)),
                 D(t("div", Wu, [...d[13] || (d[13] = [
                   t("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                 ])], 512), [
-                  [O, e.topbar.alerted]
+                  [F, e.topbar.alerted]
                 ]),
                 m(f(Yl), {
                   class: "h-6 w-6",
@@ -6188,8 +6188,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                         class: "h-8 w-8 rounded-full bg-gray-50",
                         src: e.topbar.accountLogo,
                         alt: ""
-                      }, null, 8, Ju),
-                      t("span", Gu, [
+                      }, null, 8, Gu),
+                      t("span", Ju, [
                         m(f(oe), {
                           class: "ml-2 h-5 w-5 text-gray-400",
                           "aria-hidden": "true"
@@ -6207,20 +6207,20 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                     "leave-to-class": "transform opacity-0 scale-95"
                   }, {
                     default: y(() => [
-                      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" }, {
+                      m(f(Ge), { 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(Ge), {
-                            key: u.name
+                          (l(!0), s(k, null, S(e.topbar.profileMenu, (c) => (l(), w(f(Je), {
+                            key: c.name
                           }, {
                             default: y(({ active: v }) => [
                               t("a", {
-                                onClick: (p) => a.$emit("topBarClick", u.id),
+                                onClick: (p) => a.$emit("topBarClick", c.id),
                                 class: x([
                                   v ? "bg-gray-50" : "",
-                                  u.current ? "bg-gray-100 font-semibold" : "",
+                                  c.current ? "bg-gray-100 font-semibold" : "",
                                   "block px-3 py-1 text-sm leading-6 text-gray-900 cursor-pointer"
                                 ])
-                              }, c(u.name), 11, Ku)
+                              }, u(c.name), 11, Ku)
                             ]),
                             _: 2
                           }, 1024))), 128))
@@ -6238,13 +6238,13 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         ]),
         t("main", Qu, [
           t("div", Xu, [
-            J(a.$slots, "default")
+            G(a.$slots, "default")
           ])
         ])
       ])
     ]));
   }
-}), t0 = /* @__PURE__ */ T({
+}), t0 = /* @__PURE__ */ A({
   __name: "uiDynamicStats",
   props: {
     dynamicStats: {},
@@ -6252,14 +6252,14 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   },
   emits: ["statClick"],
   setup(e, { emit: g }) {
-    const i = e, o = g, n = (u) => {
-      o("statClick", u);
+    const i = e, o = g, n = (c) => {
+      o("statClick", c);
     }, 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, v) => (l(), s("div", {
+    return Fe(() => a.value += 1), (c, v) => (l(), s("div", {
       class: x([d.value, "grid grid-cols-1 md:grid-cols-2 gap-4"]),
       key: a.value
     }, [
-      (l(!0), s(k, null, S(e.dynamicStats, (p, C) => (l(), w(Ft, {
+      (l(!0), s(k, null, S(e.dynamicStats, (p, C) => (l(), w(_t, {
         key: C,
         item: p,
         loading: e.loading,
@@ -6276,7 +6276,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
 }, 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__ */ T({
+}, c0 = /* @__PURE__ */ A({
   __name: "uiSelectMultiple",
   props: {
     items: {},
@@ -6298,10 +6298,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       i("selectChanged", d);
     };
     function a(d) {
-      n.value = n.value.filter((u) => u.id !== d.id), r(n.value);
+      n.value = n.value.filter((c) => c.id !== d.id), r(n.value);
     }
-    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)),
+    return (d, c) => e.loading ? (l(), s("div", d0, [
+      c[4] || (c[4] = t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
       m(f(He), {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5"
@@ -6310,7 +6310,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       key: 0,
       modelValue: f(n),
       "onUpdate:modelValue": [
-        u[0] || (u[0] = (v) => bt(n) ? n.value = v : n = v),
+        c[0] || (c[0] = (v) => bt(n) ? n.value = v : n = v),
         r
       ],
       name: "selectorMultiple",
@@ -6322,11 +6322,11 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         t("div", l0, [
           m(f(Bl), { class: "block text-sm font-medium" }, {
             default: y(() => [
-              B(c(e.label), 1)
+              B(u(e.label), 1)
             ]),
             _: 1
           }),
-          e.requiredText ? (l(), s("span", s0, c(e.requiredText), 1)) : b("", !0)
+          e.requiredText ? (l(), s("span", s0, u(e.requiredText), 1)) : b("", !0)
         ]),
         t("div", n0, [
           m(f(Ml), {
@@ -6353,7 +6353,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                   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(v.name), 1),
+                  t("span", null, u(v.name), 1),
                   (l(), s("svg", {
                     class: "h-4 w-4 cursor-pointer",
                     fill: "none",
@@ -6361,7 +6361,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                     viewBox: "0 0 24 24",
                     xmlns: "http://www.w3.org/2000/svg",
                     onClick: ne((p) => a(v), ["stop", "prevent"])
-                  }, [...u[1] || (u[1] = [
+                  }, [...c[1] || (c[1] = [
                     t("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
@@ -6371,7 +6371,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                   ])], 8, i0))
                 ]))), 128))
               ]),
-              u[2] || (u[2] = t("span", { class: "absolute h-full right-0 mr-2 self-center top-0 flex items-center" }, [
+              c[2] || (c[2] = t("span", { class: "absolute h-full right-0 mr-2 self-center top-0 flex items-center" }, [
                 t("svg", {
                   class: "h-5 w-5 text-black",
                   viewBox: "0 0 20 20",
@@ -6403,11 +6403,11 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                     }, [
                       t("span", {
                         class: x(["block truncate", { "font-semibold": C, "font-normal": !C }])
-                      }, c(v.name), 3),
+                      }, u(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 }])
-                      }, [...u[3] || (u[3] = [
+                      }, [...c[3] || (c[3] = [
                         t("svg", {
                           class: "h-5 w-5",
                           viewBox: "0 0 20 20",
@@ -6435,8 +6435,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
               "text-yellow-400": e.color === "yellow",
               "text-green-600": e.color === "green"
             }, "mt-2 text-xs flex flex-row items-center"])
-          }, c(e.error), 3), [
-            [O, e.error]
+          }, u(e.error), 3), [
+            [F, e.error]
           ])
         ])
       ]),
@@ -6446,7 +6446,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
 }), 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__ */ T({
+}, S0 = /* @__PURE__ */ A({
   __name: "Comparator",
   props: {
     toCompare: {},
@@ -6458,11 +6458,11 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
     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 = (v, p, C, R) => {
-      o("checkboxChanged", v, p, C, R);
+    })) : []), a = (v, p, C, N) => {
+      o("checkboxChanged", v, p, C, N);
     }, d = () => {
       o("compareButtonClicked");
-    }, u = () => {
+    }, c = () => {
       o("generateNewFile");
     };
     return (v, p) => (l(), s("div", u0, [
@@ -6500,7 +6500,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           value: "ignoreMinorDifferences"
         }, {
           default: y(() => [
-            B(c(e.literals.ignoreMinorDifferencesCheck), 1)
+            B(u(e.literals.ignoreMinorDifferencesCheck), 1)
           ]),
           _: 1
         }),
@@ -6512,7 +6512,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           onClick: d
         }, {
           default: y(() => [
-            B(c(e.literals.compareFilesButton), 1)
+            B(u(e.literals.compareFilesButton), 1)
           ]),
           _: 1
         })
@@ -6522,24 +6522,24 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           key: C.name,
           class: "p-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"
         }, [
-          m(f(Ie), null, {
-            default: y(({ open: R }) => [
+          m(f(Oe), null, {
+            default: y(({ open: N }) => [
               m(f(se), { class: "flex items-center justify-between w-full" }, {
                 default: y(() => [
-                  t("h2", y0, c(C.name), 1),
+                  t("h2", y0, u(C.name), 1),
                   m(L, {
                     icon: f(oe),
                     loading: !1,
-                    class: x(["cursor-pointer transition-transform duration-300 ease-in-out", { "rotate-180 transform": R }])
+                    class: x(["cursor-pointer transition-transform duration-300 ease-in-out", { "rotate-180 transform": N }])
                   }, null, 8, ["icon", "class"])
                 ]),
                 _: 2
               }, 1024),
-              m(f(Ne), null, {
+              m(f(Ie), null, {
                 default: y(() => [
                   t("div", b0, [
                     t("div", v0, [
-                      t("p", x0, c(e.literals.file1Content), 1),
+                      t("p", x0, u(e.literals.file1Content), 1),
                       t("div", p0, [
                         (l(!0), s(k, null, S(C.commands[0]?.entries || [], (E, P) => (l(), w(ue, {
                           key: `file1_${C.name}_${P}`,
@@ -6547,17 +6547,17 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                           id: `file1_${C.name}_${P}`,
                           loading: !1,
                           value: `file1_${C.name}_${P}`,
-                          onCheckboxChanged: (_) => a(C.name, "1", P, _.checked)
+                          onCheckboxChanged: (R) => a(C.name, "1", P, R.checked)
                         }, {
                           default: y(() => [
-                            B(c(E), 1)
+                            B(u(E), 1)
                           ]),
                           _: 2
                         }, 1032, ["name", "id", "value", "onCheckboxChanged"]))), 128))
                       ])
                     ]),
                     t("div", w0, [
-                      t("p", k0, c(e.literals.file2Content), 1),
+                      t("p", k0, u(e.literals.file2Content), 1),
                       t("div", $0, [
                         (l(!0), s(k, null, S(C.commands[1]?.entries || [], (E, P) => (l(), w(ue, {
                           key: `file2_${C.name}_${P}`,
@@ -6565,10 +6565,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                           id: `file2_${C.name}_${P}`,
                           loading: !1,
                           value: `file2_${C.name}_${P}`,
-                          onCheckboxChanged: (_) => a(C.name, "2", P, _.checked)
+                          onCheckboxChanged: (R) => a(C.name, "2", P, R.checked)
                         }, {
                           default: y(() => [
-                            B(c(E), 1)
+                            B(u(E), 1)
                           ]),
                           _: 2
                         }, 1032, ["name", "id", "value", "onCheckboxChanged"]))), 128))
@@ -6593,7 +6593,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           size: "medium",
           loading: !1,
           class: "mt-4",
-          onClick: u
+          onClick: c
         }, {
           default: y(() => [...p[2] || (p[2] = [
             B(" Generar nuevo archivo ", -1)
@@ -6610,15 +6610,15 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   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"], 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 = {
+}, 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" }, _0 = {
   key: 0,
   class: "absolute left-4 top-4 -ml-px mt-0.5 h-full w-0.5 bg-gray-300",
   "aria-hidden": "true"
-}, O0 = ["onClick"], I0 = { class: "ml-4 flex min-w-0 flex-col text-left" }, N0 = { class: "text-sm font-medium text-lime-400 text-left" }, V0 = { class: "text-sm text-left" }, R0 = {
+}, F0 = ["onClick"], O0 = { class: "ml-4 flex min-w-0 flex-col text-left" }, I0 = { class: "text-sm font-medium text-lime-400 text-left" }, V0 = { class: "text-sm text-left" }, N0 = {
   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__ */ T({
+}, R0 = ["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({
   __name: "uiSteps",
   props: {
     steps: {}
@@ -6630,46 +6630,46 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       // Solo mantener el status si es "complete" o "current", de lo contrario usar "upcoming"
       status: a.status === "complete" || a.status === "current" ? a.status : "upcoming"
     }))), r = (a, d) => {
-      const u = n.value[d];
-      u.status === "complete" ? o("stepCompleted", u) : u.status === "current" ? o("stepCurrent", u) : o("stepUpcoming", u), o("stepClick", u, d);
+      const c = n.value[d];
+      c.status === "complete" ? o("stepCompleted", c) : c.status === "current" ? o("stepCurrent", c) : o("stepUpcoming", c), o("stepClick", c, d);
     };
     return (a, d) => (l(), s("nav", B0, [
       t("ol", M0, [
-        (l(!0), s(k, null, S(n.value, (u, v) => (l(), s("li", {
-          key: u.id,
+        (l(!0), s(k, null, S(n.value, (c, v) => (l(), s("li", {
+          key: c.id,
           class: x([
             // Añadir padding bottom solo si no es el último paso (para la línea conectora)
             v !== n.value.length - 1 ? "pb-10" : "",
             "relative"
           ])
         }, [
-          u.status === "complete" ? (l(), s(k, { key: 0 }, [
+          c.status === "complete" ? (l(), s(k, { key: 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, v)
+              onClick: (p) => r(c, v)
             }, [
-              t("span", T0, [
-                t("span", A0, [
-                  m(f(At), {
+              t("span", A0, [
+                t("span", T0, [
+                  m(f(Tt), {
                     class: "size-5",
                     "aria-hidden": "true"
                   })
                 ])
               ]),
               t("span", D0, [
-                t("span", L0, c(u.name), 1),
-                t("span", P0, c(u.description), 1)
+                t("span", L0, u(c.name), 1),
+                t("span", P0, u(c.description), 1)
               ])
             ], 8, j0)
-          ], 64)) : u.status === "current" ? (l(), s(k, { key: 1 }, [
-            v !== n.value.length - 1 ? (l(), s("div", F0)) : b("", !0),
+          ], 64)) : c.status === "current" ? (l(), s(k, { key: 1 }, [
+            v !== n.value.length - 1 ? (l(), s("div", _0)) : 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, v)
+              onClick: (p) => r(c, v)
             }, [
               d[0] || (d[0] = t("span", {
                 class: "flex h-9 items-center",
@@ -6679,17 +6679,17 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                   t("span", { class: "size-2.5 rounded-full bg-lime-400" })
                 ])
               ], -1)),
-              t("span", I0, [
-                t("span", N0, c(u.name), 1),
-                t("span", V0, c(u.description), 1)
+              t("span", O0, [
+                t("span", I0, u(c.name), 1),
+                t("span", V0, u(c.description), 1)
               ])
-            ], 8, O0)
+            ], 8, F0)
           ], 64)) : (l(), s(k, { key: 2 }, [
-            v !== n.value.length - 1 ? (l(), s("div", R0)) : b("", !0),
+            v !== n.value.length - 1 ? (l(), s("div", N0)) : b("", !0),
             t("button", {
               type: "button",
               class: "group relative flex items-start cursor-pointer w-full text-left",
-              onClick: (p) => r(u, v)
+              onClick: (p) => r(c, v)
             }, [
               d[1] || (d[1] = t("span", {
                 class: "flex h-9 items-center",
@@ -6700,16 +6700,119 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                 ])
               ], -1)),
               t("span", q0, [
-                t("span", H0, c(u.name), 1),
-                t("span", Y0, c(u.description), 1)
+                t("span", H0, u(c.name), 1),
+                t("span", Y0, u(c.description), 1)
               ])
-            ], 8, _0)
+            ], 8, R0)
           ], 64))
         ], 2))), 128))
       ])
     ]));
   }
-}), 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({
+});
+function U0(e, g) {
+  return l(), s("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 24 24",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    t("path", {
+      "fill-rule": "evenodd",
+      d: "M19.916 4.626a.75.75 0 0 1 .208 1.04l-9 13.5a.75.75 0 0 1-1.154.114l-6-6a.75.75 0 0 1 1.06-1.06l5.353 5.353 8.493-12.74a.75.75 0 0 1 1.04-.207Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+const Z0 = { "aria-label": "Progress" }, W0 = {
+  role: "list",
+  class: "divide-y divide-gray-300 rounded-md border border-gray-300 xl:flex xl:divide-y-0"
+}, G0 = ["onClick"], J0 = { class: "flex items-center px-6 py-4 text-sm font-medium" }, K0 = { class: "flex size-10 shrink-0 items-center justify-center rounded-full bg-lime-400 border-2 border-lime-400 group-hover:bg-black transition-colors" }, Q0 = { class: "ml-4 text-sm font-medium text-black text-left" }, X0 = ["onClick"], eg = { class: "flex size-10 shrink-0 items-center justify-center rounded-full bg-black border-2 border-black" }, tg = { class: "text-white font-medium" }, lg = { class: "ml-4 text-sm font-medium text-black text-left" }, sg = ["onClick"], ng = { class: "flex items-center px-6 py-4 text-sm font-medium" }, ag = { class: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-black transition-colors" }, og = { class: "text-black" }, ig = { class: "ml-4 text-sm font-medium text-black text-left" }, rg = {
+  key: 3,
+  class: "absolute right-0 top-0 hidden h-full w-5 lg:block",
+  "aria-hidden": "true"
+}, dg = /* @__PURE__ */ A({
+  __name: "uiStepsV4",
+  props: {
+    steps: {}
+  },
+  emits: ["stepCompleted", "stepCurrent", "stepUpcoming", "stepClick"],
+  setup(e, { emit: g }) {
+    const i = e, o = g, n = j(() => i.steps.map((a, d) => ({
+      ...a,
+      // Si no tiene id, usar el índice + 1 formateado
+      id: a.id || String(d + 1).padStart(2, "0"),
+      status: a.status === "complete" || a.status === "current" ? a.status : "upcoming"
+    }))), r = (a, d) => {
+      const c = n.value[d];
+      c.status === "complete" ? o("stepCompleted", c) : c.status === "current" ? o("stepCurrent", c) : o("stepUpcoming", c), o("stepClick", c, d);
+    };
+    return (a, d) => (l(), s("nav", Z0, [
+      t("ol", W0, [
+        (l(!0), s(k, null, S(n.value, (c, v) => (l(), s("li", {
+          key: c.id,
+          class: "relative xl:flex xl:flex-1"
+        }, [
+          c.status === "complete" ? (l(), s("button", {
+            key: 0,
+            type: "button",
+            class: "group flex w-full items-center cursor-pointer",
+            onClick: (p) => r(c, v)
+          }, [
+            t("span", J0, [
+              t("span", K0, [
+                m(f(U0), {
+                  class: "size-6 text-white",
+                  "aria-hidden": "true"
+                })
+              ]),
+              t("span", Q0, u(c.name), 1)
+            ])
+          ], 8, G0)) : c.status === "current" ? (l(), s("button", {
+            key: 1,
+            type: "button",
+            class: "flex items-center px-6 py-4 text-sm font-medium cursor-pointer",
+            "aria-current": "step",
+            onClick: (p) => r(c, v)
+          }, [
+            t("span", eg, [
+              t("span", tg, u(c.id), 1)
+            ]),
+            t("span", lg, u(c.name), 1)
+          ], 8, X0)) : (l(), s("button", {
+            key: 2,
+            type: "button",
+            class: "group flex items-center cursor-pointer",
+            onClick: (p) => r(c, v)
+          }, [
+            t("span", ng, [
+              t("span", ag, [
+                t("span", og, u(c.id), 1)
+              ]),
+              t("span", ig, u(c.name), 1)
+            ])
+          ], 8, sg)),
+          v !== n.value.length - 1 ? (l(), s("div", rg, [...d[0] || (d[0] = [
+            t("svg", {
+              class: "size-full text-gray-300",
+              viewBox: "0 0 22 80",
+              fill: "none",
+              preserveAspectRatio: "none"
+            }, [
+              t("path", {
+                d: "M0 -2L20 40L0 82",
+                "vector-effect": "non-scaling-stroke",
+                stroke: "currentcolor",
+                "stroke-linejoin": "round"
+              })
+            ], -1)
+          ])])) : b("", !0)
+        ]))), 128))
+      ])
+    ]));
+  }
+}), cg = { class: "grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8" }, ug = { class: "text-center" }, gg = { class: "mt-4 text-balance text-5xl font-semibold tracking-tight text-gray-900 sm:text-7xl" }, mg = { class: "mt-6 text-pretty text-lg font-medium text-gray-500 sm:text-xl/8" }, fg = { class: "mt-10 flex items-center justify-center gap-x-6" }, hg = ["href"], yg = /* @__PURE__ */ A({
   __name: "ui404",
   props: {
     lang: { default: "es" },
@@ -6730,26 +6833,26 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         contactSupport: "Contact support"
       }
     }, o = j(() => i[g.lang]);
-    return (n, r) => (l(), s("main", U0, [
-      t("div", Z0, [
+    return (n, r) => (l(), s("main", cg, [
+      t("div", ug, [
         r[1] || (r[1] = t("p", { class: "text-base font-semibold text-lime-400" }, "404", -1)),
-        t("h1", W0, c(o.value.title), 1),
-        t("p", J0, c(o.value.description), 1),
-        t("div", G0, [
+        t("h1", gg, u(o.value.title), 1),
+        t("p", mg, u(o.value.description), 1),
+        t("div", fg, [
           t("a", {
             href: e.supportLink,
             class: "text-sm font-semibold text-gray-900"
           }, [
-            B(c(o.value.contactSupport) + " ", 1),
+            B(u(o.value.contactSupport) + " ", 1),
             r[0] || (r[0] = t("span", { "aria-hidden": "true" }, "→", -1))
-          ], 8, K0)
+          ], 8, hg)
         ])
       ])
     ]));
   }
 }), ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ui404: Q0,
+  ui404: yg,
   uiAlert: xn,
   uiBreadcrumbs: Dt,
   uiButton: U,
@@ -6760,14 +6863,14 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   uiCircleChart: au,
   uiComparator: S0,
   uiDateRange: ru,
-  uiDeviceStatus: Ru,
+  uiDeviceStatus: Nu,
   uiDragAndDrop: Wc,
   uiDropdown: ge,
   uiDynamicStats: t0,
   uiFilter: Zn,
   uiFooter: vi,
   uiFunnelChartV2: bc,
-  uiGallery: Nc,
+  uiGallery: Ic,
   uiIcon: L,
   uiInput: ae,
   uiInputFile: Ee,
@@ -6780,55 +6883,56 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   uiRightSidebar: zc,
   uiSecondarySidebar: ju,
   uiSectionTitle: hu,
-  uiSelect: Ts,
+  uiSelect: As,
   uiSelectMultiple: c0,
   uiSelect_v2: ve,
   uiSidebar: Di,
   uiSidebarV2: Ue,
-  uiStats: Ft,
+  uiStats: _t,
   uiSteps: E0,
+  uiStepsV4: dg,
   uiStripedCard: br,
   uiTable: gd,
   uiTabs: xd,
-  uiTag: G,
+  uiTag: J,
   uiTaskList: ka,
-  uiTextArea: _s,
-  uiTimeline: _d,
+  uiTextArea: Rs,
+  uiTimeline: Rd,
   uiToggle: Es,
   uiTopbar: dc,
   uiViewHeader: cn,
   uiWrapper: e0
-}, Symbol.toStringTag, { value: "Module" })), X0 = [
+}, Symbol.toStringTag, { value: "Module" })), bg = [
   "primary",
   "secondary",
   "light",
   "green",
   "yellow",
   "red"
-], dg = [
+], Mg = [
   "text",
   "email",
   "password",
   "number",
   "date",
   "datetime-local"
-], eg = ["black", "gray", "white"], cg = [...X0, ...eg], tg = ["small", "medium", "big"], lg = ["bigger", "huge", "massive"], ug = [...tg, ...lg], gg = ["default", "success", "warning", "danger"];
-function sg(e) {
+], vg = ["black", "gray", "white"], zg = [...bg, ...vg], xg = ["small", "medium", "big"], pg = ["bigger", "huge", "massive"], jg = [...xg, ...pg], Ag = ["default", "success", "warning", "danger"];
+function wg(e) {
   for (const g in ht)
     e.component(g, ht[g]);
 }
-const mg = { install: sg };
+const Tg = { install: wg };
 export {
-  cg as AllColors,
-  ug as AllSizes,
-  lg as BiggerSizes,
-  X0 as Colors,
-  eg as MonoColors,
-  tg as Sizes,
-  gg as Types,
-  dg as UiInputTypes,
-  mg as default,
-  Q0 as ui404,
+  zg as AllColors,
+  jg as AllSizes,
+  pg as BiggerSizes,
+  bg as Colors,
+  vg as MonoColors,
+  xg as Sizes,
+  Ag as Types,
+  Mg as UiInputTypes,
+  Tg as default,
+  yg as ui404,
   xn as uiAlert,
   Dt as uiBreadcrumbs,
   U as uiButton,
@@ -6839,14 +6943,14 @@ export {
   au as uiCircleChart,
   S0 as uiComparator,
   ru as uiDateRange,
-  Ru as uiDeviceStatus,
+  Nu as uiDeviceStatus,
   Wc as uiDragAndDrop,
   ge as uiDropdown,
   t0 as uiDynamicStats,
   Zn as uiFilter,
   vi as uiFooter,
   bc as uiFunnelChartV2,
-  Nc as uiGallery,
+  Ic as uiGallery,
   L as uiIcon,
   ae as uiInput,
   Ee as uiInputFile,
@@ -6859,20 +6963,21 @@ export {
   zc as uiRightSidebar,
   ju as uiSecondarySidebar,
   hu as uiSectionTitle,
-  Ts as uiSelect,
+  As as uiSelect,
   c0 as uiSelectMultiple,
   ve as uiSelect_v2,
   Di as uiSidebar,
   Ue as uiSidebarV2,
-  Ft as uiStats,
+  _t as uiStats,
   E0 as uiSteps,
+  dg as uiStepsV4,
   br as uiStripedCard,
   gd as uiTable,
   xd as uiTabs,
-  G as uiTag,
+  J as uiTag,
   ka as uiTaskList,
-  _s as uiTextArea,
-  _d as uiTimeline,
+  Rs as uiTextArea,
+  Rd as uiTimeline,
   Es as uiToggle,
   dc as uiTopbar,
   cn as uiViewHeader,