@hotelinking/ui 16.46.12 → 16.47.0

package/dist/ui.es.js

@@ -1,5 +1,5 @@
-import { defineComponent as M, createBlock as k, createElementBlock as s, openBlock as l, resolveDynamicComponent as je, normalizeClass as v, computed as A, createCommentVNode as x, renderSlot as E, createElementVNode as t, ref as P, watch as Z, unref as f, withCtx as h, createVNode as m, toDisplayString as u, createTextVNode as j, Transition as fe, Fragment as $, renderList as S, withDirectives as z, vModelDynamic as nl, vShow as L, withModifiers as Pe, vModelText as ge, createStaticVNode as se, resolveComponent as Ke, vModelCheckbox as ot, onMounted as ze, mergeProps as Ve, reactive as he, normalizeStyle as Fe, nextTick as pe, onUnmounted as ol, TransitionGroup as il, isRef as it } from "vue";
-import { Menu as qe, MenuButton as Ye, MenuItems as Re, MenuItem as He, Combobox as rt, ComboboxLabel as dt, ComboboxInput as ct, ComboboxButton as ut, ComboboxOptions as gt, ComboboxOption as mt, SwitchGroup as rl, Switch as dl, SwitchLabel as cl, TransitionRoot as Ue, Dialog as Ee, TransitionChild as ie, DialogPanel as Ze, DialogTitle as ft, Disclosure as Te, DisclosureButton as le, DisclosurePanel as De, Popover as ul, PopoverButton as gl, PopoverPanel as ml, Listbox as fl, ListboxLabel as hl, ListboxButton as yl, ListboxOptions as bl, ListboxOption as vl } from "@headlessui/vue";
+import { defineComponent as M, createBlock as k, createElementBlock as s, openBlock as l, resolveDynamicComponent as je, normalizeClass as v, computed as z, createCommentVNode as x, renderSlot as E, createElementVNode as t, ref as P, watch as Z, unref as f, withCtx as h, createVNode as m, toDisplayString as u, createTextVNode as j, Transition as fe, Fragment as $, renderList as S, withDirectives as T, vModelDynamic as nl, vShow as L, withModifiers as Pe, vModelText as ge, createStaticVNode as se, resolveComponent as Ke, vModelCheckbox as ot, onMounted as ze, mergeProps as Ve, reactive as he, normalizeStyle as Fe, nextTick as pe, onUnmounted as ol, TransitionGroup as il, isRef as it } from "vue";
+import { Menu as qe, MenuButton as Ye, MenuItems as He, MenuItem as Re, Combobox as rt, ComboboxLabel as dt, ComboboxInput as ct, ComboboxButton as ut, ComboboxOptions as gt, ComboboxOption as mt, SwitchGroup as rl, Switch as dl, SwitchLabel as cl, TransitionRoot as Ue, Dialog as Ee, TransitionChild as ie, DialogPanel as Ze, DialogTitle as ft, Disclosure as Te, DisclosureButton as le, DisclosurePanel as De, Popover as ul, PopoverButton as gl, PopoverPanel as ml, Listbox as fl, ListboxLabel as hl, ListboxButton as yl, ListboxOptions as bl, ListboxOption as vl } from "@headlessui/vue";
 import Y from "dayjs";
 import xl from "@vueform/slider";
 const O = /* @__PURE__ */ M({
@@ -59,10 +59,10 @@ const O = /* @__PURE__ */ M({
       small: "px-2.5 py-1.5 text-xs rounded leading-none",
       medium: "px-4 py-2 text-sm rounded-md",
       big: "px-6 py-3 text-base rounded-md"
-    }, a = A(() => {
+    }, a = z(() => {
       const n = [wl];
       return g.color && i[g.color] && n.push(i[g.color]), g.size && o[g.size] && n.push(o[g.size]), g.block && n.push("w-full flex items-center justify-center"), n.join(" ");
-    }), r = A(() => [
+    }), r = z(() => [
       "animate-pulse px-4 py-2.5 text-sm rounded-md inline-flex items-center border border-transparent font-medium shadow-sm text-white focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25 bg-gray-200"
     ].join(" "));
     return (n, d) => e.loading ? (l(), s("button", {
@@ -478,7 +478,7 @@ function Ol(e, g) {
     })
   ]);
 }
-function Nl(e, g) {
+function _l(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -495,7 +495,7 @@ function Nl(e, g) {
     })
   ]);
 }
-function Il(e, g) {
+function Nl(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -529,7 +529,7 @@ function pt(e, g) {
     })
   ]);
 }
-function _l(e, g) {
+function Il(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -546,7 +546,7 @@ function _l(e, g) {
     })
   ]);
 }
-function Ne(e, g) {
+function _e(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -604,7 +604,7 @@ const Vl = {
   key: 1,
   "data-test": "required",
   class: "place-self-center text-[10px] uppercase justify-self-end mt-1"
-}, Yl = { class: "-py-1" }, Rl = ["onClick"], Hl = {
+}, Yl = { class: "-py-1" }, Hl = ["onClick"], Rl = {
   key: 1,
   class: "animate-pulse px-4 py-2 bg-gray-200 rounded-md inline-flex items-center relative text-left h-10"
 }, me = /* @__PURE__ */ M({
@@ -620,13 +620,13 @@ const Vl = {
   },
   emits: ["optionSelected"],
   setup(e, { emit: g }) {
-    const i = g, o = e, a = A(() => {
+    const i = g, o = e, a = z(() => {
       let n = o.items.find((d) => d.active === !0);
       return n ? n.name : o.label;
     }), r = (n) => {
       o.disabled || i("optionSelected", n);
     };
-    return (n, d) => e.loading ? (l(), s("div", Hl, [
+    return (n, d) => e.loading ? (l(), s("div", Rl, [
       d[0] || (d[0] = t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1)),
       m(f(ne), {
         "aria-hidden": "true",
@@ -671,7 +671,7 @@ const Vl = {
           "leave-to-class": "transform opacity-0 scale-95"
         }, {
           default: h(() => [
-            e.disabled ? x("", !0) : (l(), k(f(Re), {
+            e.disabled ? x("", !0) : (l(), k(f(He), {
               key: 0,
               class: v([{
                 "right-0": e.position === "right",
@@ -682,7 +682,7 @@ const Vl = {
             }, {
               default: h(() => [
                 t("div", Yl, [
-                  (l(!0), s($, null, S(e.items, (c, b) => (l(), k(f(He), { key: b }, {
+                  (l(!0), s($, null, S(e.items, (c, b) => (l(), k(f(Re), { key: b }, {
                     default: h(() => [
                       t("a", {
                         onClick: (p) => r(c),
@@ -690,7 +690,7 @@ const Vl = {
                           c.active ? "bg-lime-400" : "text-black",
                           "block px-4 py-2 text-sm cursor-pointer"
                         ])
-                      }, u(c.name), 11, Rl)
+                      }, u(c.name), 11, Hl)
                     ]),
                     _: 2
                   }, 1024))), 128))
@@ -764,7 +764,7 @@ const Vl = {
           onClick: d[0] || (d[0] = (c) => n.$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"
         }, u(e.addOn), 1)) : x("", !0),
-        z(t("input", {
+        T(t("input", {
           "onUpdate:modelValue": d[1] || (d[1] = (c) => a.value = c),
           max: e.max,
           class: v([{
@@ -803,21 +803,21 @@ const Vl = {
             color: e.color,
             loading: e.loading
           }, null, 8, ["icon", "color", "loading"])) : x("", !0),
-          z(m(O, {
+          T(m(O, {
             icon: f(We),
             color: "green",
             loading: e.loading
           }, null, 8, ["icon", "loading"]), [
             [L, e.color === "green"]
           ]),
-          z(m(O, {
+          T(m(O, {
             icon: f(ee),
             color: "yellow",
             loading: e.loading
           }, null, 8, ["icon", "loading"]), [
             [L, e.color === "yellow"]
           ]),
-          z(m(O, {
+          T(m(O, {
             icon: f(oe),
             color: "red",
             loading: e.loading
@@ -826,7 +826,7 @@ const Vl = {
           ])
         ])
       ], 2),
-      z(t("p", {
+      T(t("p", {
         class: v([{
           "text-gray-400": e.color === "gray",
           "text-red-600": e.color === "red",
@@ -847,7 +847,7 @@ const Vl = {
 }, ss = { class: "space-y-1 flex flex-col items-center justify-center" }, as = { class: "flex text-sm flex-col sm:flex-row text-center" }, ns = ["for"], os = ["id", "name", "accept"], is = { class: "pl-1" }, rs = { class: "text-xs pb-4" }, ds = { class: "mt-2 text-xs flex flex-row items-center text-red-600" }, cs = {
   key: 1,
   class: "animate-pulse"
-}, Ie = /* @__PURE__ */ M({
+}, Ne = /* @__PURE__ */ M({
   __name: "uiInputFile",
   props: {
     name: {},
@@ -928,12 +928,12 @@ const Vl = {
             t("p", is, u(e.dragAndDrop), 1)
           ]),
           t("p", rs, u(e.fileTypesAndSizes), 1),
-          z(t("p", { class: "font-bold text-xs uppercase block p-2 bg-lime-50 rounded" }, u(f(i)), 513), [
+          T(t("p", { class: "font-bold text-xs uppercase block p-2 bg-lime-50 rounded" }, u(f(i)), 513), [
             [L, f(i) !== null]
           ])
         ])
       ], 34),
-      z(t("p", ds, [
+      T(t("p", ds, [
         m(O, {
           icon: f(Ae),
           color: "red",
@@ -968,9 +968,9 @@ const Vl = {
   },
   emits: ["selectChanged"],
   setup(e, { expose: g, emit: i }) {
-    const o = P(""), a = i, r = e, n = A(() => o.value === "" ? r.items : r.items.filter((p) => p.name.toLowerCase().includes(o.value.toLowerCase()))), d = (p) => p?.name ?? "", c = (p) => {
+    const o = P(""), a = i, r = e, n = z(() => o.value === "" ? r.items : r.items.filter((p) => p.name.toLowerCase().includes(o.value.toLowerCase()))), d = (p) => p?.name ?? "", c = (p) => {
       a("selectChanged", p);
-    }, b = A({
+    }, b = z({
       get: () => r.select,
       set: (p) => {
         c(p);
@@ -988,7 +988,7 @@ const Vl = {
       key: 0,
       modelValue: b.value,
       "onUpdate:modelValue": [
-        C[2] || (C[2] = (_) => b.value = _),
+        C[2] || (C[2] = (I) => b.value = I),
         c
       ],
       disabled: e.disabled,
@@ -1006,8 +1006,8 @@ const Vl = {
         ]),
         t("div", ms, [
           m(f(ct), {
-            onChange: C[0] || (C[0] = (_) => o.value = _.target.value),
-            onBlur: C[1] || (C[1] = (_) => o.value = ""),
+            onChange: C[0] || (C[0] = (I) => o.value = I.target.value),
+            onBlur: C[1] || (C[1] = (I) => o.value = ""),
             displayValue: d,
             class: v([{
               "mt-1": e.requiredText || e.label,
@@ -1038,26 +1038,26 @@ const Vl = {
             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: h(() => [
-              (l(!0), s($, null, S(n.value, (_) => (l(), k(f(mt), {
-                key: _.id,
-                value: _,
+              (l(!0), s($, null, S(n.value, (I) => (l(), k(f(mt), {
+                key: I.id,
+                value: I,
                 as: "template"
               }, {
-                default: h(({ active: H, selected: T }) => [
+                default: h(({ active: R, selected: D }) => [
                   t("li", {
                     class: v([
                       "relative cursor-default select-none py-2 pl-3 pr-9",
-                      H ? "bg-indigo-600 text-white" : "text-gray-900"
+                      R ? "bg-indigo-600 text-white" : "text-gray-900"
                     ])
                   }, [
                     t("span", {
-                      class: v(["block truncate", T && "font-semibold"])
-                    }, u(_.name), 3),
-                    T ? (l(), s("span", {
+                      class: v(["block truncate", D && "font-semibold"])
+                    }, u(I.name), 3),
+                    D ? (l(), s("span", {
                       key: 0,
                       class: v([
                         "absolute inset-y-0 right-0 flex items-center pr-4",
-                        H ? "text-white" : "text-indigo-600"
+                        R ? "text-white" : "text-indigo-600"
                       ])
                     }, [
                       m(f(We), {
@@ -1074,7 +1074,7 @@ const Vl = {
             _: 1
           })) : x("", !0)
         ]),
-        z(t("p", {
+        T(t("p", {
           class: v([{
             "text-gray-400": e.color === "gray",
             "text-red-600": e.color === "red",
@@ -1138,7 +1138,7 @@ const bs = { class: "flex justify-between" }, vs = {
   },
   emits: ["selectChanged"],
   setup(e, { emit: g }) {
-    const i = e, o = g, a = P(""), r = P(i.select), n = A(
+    const i = e, o = g, a = P(""), r = P(i.select), n = z(
       () => a.value === "" ? i.items : i.items.filter((c) => {
         const b = a.value.toLowerCase();
         return c.name.toLowerCase().includes(b) || (c.label?.toLowerCase().includes(b) ?? !1);
@@ -1212,14 +1212,14 @@ const bs = { class: "flex justify-between" }, vs = {
                 key: p.id,
                 value: p
               }, {
-                default: h(({ active: C, selected: _ }) => [
+                default: h(({ active: C, selected: I }) => [
                   t("li", {
                     class: v(["relative cursor-default select-none py-2 pl-3 pr-9", C ? "bg-lime-400 outline-none" : "text-gray-900"])
                   }, [
                     t("span", {
-                      class: v(["block truncate", _ && "font-semibold"])
+                      class: v(["block truncate", I && "font-semibold"])
                     }, u(p.label || p.name), 3),
-                    _ ? (l(), s("span", {
+                    I ? (l(), s("span", {
                       key: 0,
                       class: v(["absolute inset-y-0 right-0 flex items-center pr-4", C ? "text-black" : "text-lime-400"])
                     }, [
@@ -1236,7 +1236,7 @@ const bs = { class: "flex justify-between" }, vs = {
             _: 1
           })) : x("", !0)
         ], 2),
-        z(t("p", {
+        T(t("p", {
           class: v([{
             // Colores de texto de error según la prop color
             "text-gray-400": e.color === "gray",
@@ -1333,7 +1333,7 @@ const bs = { class: "flex justify-between" }, vs = {
       t("div", {
         class: v({ "mt-1": e.label })
       }, [
-        z(t("textarea", {
+        T(t("textarea", {
           disabled: e.disabled,
           rows: "4",
           "onUpdate:modelValue": d[0] || (d[0] = (c) => r.value = c),
@@ -1355,7 +1355,7 @@ const bs = { class: "flex justify-between" }, vs = {
           [ge, r.value]
         ])
       ], 2),
-      z(t("p", {
+      T(t("p", {
         class: v([{
           "text-gray-300": e.color === "gray",
           "text-red-600": e.color === "red",
@@ -1455,7 +1455,7 @@ const bs = { class: "flex justify-between" }, vs = {
 }, Ls = { key: 0 }, Ps = ["onClick"], Fs = {
   key: 1,
   class: "flex items-center"
-}, Os = ["onClick"], Ns = {
+}, Os = ["onClick"], _s = {
   key: 1,
   class: "flex flex-row items-center animate-pulse"
 }, kt = /* @__PURE__ */ M({
@@ -1466,7 +1466,7 @@ const bs = { class: "flex justify-between" }, vs = {
   },
   emits: ["breadCrumbClicked"],
   setup(e, { emit: g }) {
-    return (i, o) => e.loading ? (l(), s("div", Ns, [...o[0] || (o[0] = [
+    return (i, o) => e.loading ? (l(), s("div", _s, [...o[0] || (o[0] = [
       t("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1),
       t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5 mr-4" }, null, -1),
       t("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1),
@@ -1479,7 +1479,7 @@ const bs = { class: "flex justify-between" }, vs = {
               onClick: (n) => i.$emit("breadCrumbClicked", a.routeName),
               class: "flex flex-row items-center justify-center text-black hover:text-lime-400 underline font-bold cursor-pointer"
             }, [
-              m(f(Il), {
+              m(f(Nl), {
                 class: "flex-shrink-0 h-3 w-3 text-gray-400 mr-4",
                 "aria-hidden": "true"
               }),
@@ -1500,10 +1500,10 @@ const bs = { class: "flex justify-between" }, vs = {
       ])
     ]));
   }
-}), Is = { key: 0 }, _s = { class: "mb-12" }, Vs = { class: "mx-auto flex flex-col" }, qs = { class: "hidden sm:block" }, Ys = { class: "text-2xl font-bold leading-7 sm:text-4xl sm:truncate mt-6" }, Rs = {
+}), Ns = { key: 0 }, Is = { class: "mb-12" }, Vs = { class: "mx-auto flex flex-col" }, qs = { class: "hidden sm:block" }, Ys = { class: "text-2xl font-bold leading-7 sm:text-4xl sm:truncate mt-6" }, Hs = {
   key: 0,
   class: "flex flex-col lg:flex-row justify-between items-start"
-}, Hs = {
+}, Rs = {
   key: 0,
   class: "lg:w-2/3 xl:w-1/2"
 }, Us = {
@@ -1533,8 +1533,8 @@ const bs = { class: "flex justify-between" }, vs = {
   setup(e) {
     return (g, i) => e.loading ? (l(), s("div", Zs, [...i[2] || (i[2] = [
       se('<div class="flex flex-row items-center"><div class="animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5 mr-4"></div><div class="animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5"></div></div><h1 class="text-2xl font-bold leading-7 sm:text-4xl sm:truncate mt-6"><div class="h-8 bg-gray-200 rounded-full dark:bg-gray-300 w-3/4 sm:w-1/2"></div></h1>', 2)
-    ])])) : (l(), s("div", Is, [
-      t("header", _s, [
+    ])])) : (l(), s("div", Ns, [
+      t("header", Is, [
         t("div", Vs, [
           t("div", qs, [
             m(kt, {
@@ -1546,8 +1546,8 @@ const bs = { class: "flex justify-between" }, vs = {
           t("h1", Ys, u(e.title), 1)
         ])
       ]),
-      e.subtitle || e.description || e.buttonText ? (l(), s("div", Rs, [
-        e.subtitle || e.description ? (l(), s("div", Hs, [
+      e.subtitle || e.description || e.buttonText ? (l(), s("div", Hs, [
+        e.subtitle || e.description ? (l(), s("div", Rs, [
           e.subtitle ? (l(), s("h3", Us, u(e.subtitle), 1)) : x("", !0),
           e.description ? (l(), s("p", Es, u(e.description), 1)) : x("", !0)
         ])) : x("", !0),
@@ -1822,25 +1822,25 @@ const bs = { class: "flex justify-between" }, vs = {
                               "bg-yellow-100": e.type === "warning"
                             }])
                           }, [
-                            z(m(f(oe), {
+                            T(m(f(oe), {
                               class: "h-6 w-6 text-red-600",
                               "aria-hidden": "true"
                             }, null, 512), [
                               [L, e.type === "danger"]
                             ]),
-                            z(m(f(We), {
+                            T(m(f(We), {
                               class: "h-6 w-6 text-green-600",
                               "aria-hidden": "true"
                             }, null, 512), [
                               [L, e.type === "success"]
                             ]),
-                            z(m(f(ee), {
+                            T(m(f(ee), {
                               class: "h-6 w-6 text-yellow-600",
                               "aria-hidden": "true"
                             }, null, 512), [
                               [L, e.type === "warning"]
                             ]),
-                            z(m(f(Nl), {
+                            T(m(f(_l), {
                               class: "h-6 w-6 text-black",
                               "aria-hidden": "true"
                             }, null, 512), [
@@ -1899,7 +1899,7 @@ const bs = { class: "flex justify-between" }, vs = {
   },
   emits: ["closeNotification"],
   setup(e, { emit: g }) {
-    const i = e, o = A(() => i.show);
+    const i = e, o = z(() => i.show);
     return (a, r) => (l(), s("div", {
       "aria-live": "assertive",
       class: v([{ fixed: e.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start z-[9999]"])
@@ -1918,25 +1918,25 @@ const bs = { class: "flex justify-between" }, vs = {
               t("div", ka, [
                 t("div", $a, [
                   t("div", Ca, [
-                    z(m(f(bt), {
+                    T(m(f(bt), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-green-600"
                     }, null, 512), [
                       [L, e.type === "success"]
                     ]),
-                    z(m(f(Ae), {
+                    T(m(f(Ae), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-red-600"
                     }, null, 512), [
                       [L, e.type === "danger"]
                     ]),
-                    z(m(f(ee), {
+                    T(m(f(ee), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-yellow-400"
                     }, null, 512), [
                       [L, e.type === "warning"]
                     ]),
-                    z(m(f(pt), {
+                    T(m(f(pt), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-black"
                     }, null, 512), [
@@ -1973,7 +1973,7 @@ const bs = { class: "flex justify-between" }, vs = {
   key: 0,
   role: "list",
   class: "divide-y divide-gray-100"
-}, Da = { class: "min-w-0" }, Aa = { class: "flex items-start gap-x-3" }, La = { class: "text-sm font-semibold leading-6 text-gray-900" }, Pa = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, Fa = { class: "truncate" }, Oa = { class: "flex flex-none items-center gap-x-4" }, Na = ["href"], Ia = { class: "sr-only" }, _a = {
+}, Da = { class: "min-w-0" }, Aa = { class: "flex items-start gap-x-3" }, La = { class: "text-sm font-semibold leading-6 text-gray-900" }, Pa = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, Fa = { class: "truncate" }, Oa = { class: "flex flex-none items-center gap-x-4" }, _a = ["href"], Na = { class: "sr-only" }, Ia = {
   key: 1,
   class: "divide-y divide-gray-100 animate-pulse"
 }, Va = /* @__PURE__ */ M({
@@ -1983,7 +1983,7 @@ const bs = { class: "flex justify-between" }, vs = {
     loading: { type: Boolean, default: !0 }
   },
   setup(e) {
-    return (g, i) => e.loading ? (l(), s("ul", _a, [
+    return (g, i) => e.loading ? (l(), s("ul", Ia, [
       (l(!0), s($, null, S(e.tasks, (o) => (l(), s("li", {
         key: o.id,
         class: "flex items-center justify-between gap-x-6 py-5"
@@ -2019,8 +2019,8 @@ const bs = { class: "flex justify-between" }, vs = {
             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"
           }, [
             j(u(o.action), 1),
-            t("span", Ia, ", " + u(o.name), 1)
-          ], 8, Na)
+            t("span", Na, ", " + u(o.name), 1)
+          ], 8, _a)
         ])
       ]))), 128))
     ]));
@@ -2030,7 +2030,7 @@ function qa(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var ke = { exports: {} }, Ya = ke.exports, et;
-function Ra() {
+function Ha() {
   return et || (et = 1, (function(e, g) {
     (function(i, o) {
       e.exports = o(Y);
@@ -2045,13 +2045,13 @@ function Ra() {
     }));
   })(ke)), ke.exports;
 }
-Ra();
-var $e = { exports: {} }, Ha = $e.exports, tt;
+Ha();
+var $e = { exports: {} }, Ra = $e.exports, tt;
 function Ua() {
   return tt || (tt = 1, (function(e, g) {
     (function(i, o) {
       e.exports = o(Y);
-    })(Ha, (function(i) {
+    })(Ra, (function(i) {
       function o(c) {
         return c && typeof c == "object" && "default" in c ? c : { default: c };
       }
@@ -2378,10 +2378,10 @@ const we = /* @__PURE__ */ be($n, [["render", Bn]]), Mn = {
 }, Fn = { key: 0 }, On = {
   colspan: "6",
   class: "pl-4"
-}, Nn = { key: 1 }, In = {
+}, _n = { key: 1 }, Nn = {
   colspan: "6",
   class: "pl-4"
-}, _n = { key: 2 }, Vn = {
+}, In = { key: 2 }, Vn = {
   colspan: "6",
   class: "pl-4"
 }, qn = {
@@ -2391,7 +2391,7 @@ const we = /* @__PURE__ */ be($n, [["render", Bn]]), Mn = {
 }, Yn = {
   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"
-}, Rn = ["onClick"], Hn = {
+}, Hn = ["onClick"], Rn = {
   colspan: "2",
   scope: "colgroup",
   class: "relative bg-gray-100 py-3.5 pl-4 pr-3 text-left font-semibold"
@@ -2430,23 +2430,23 @@ const we = /* @__PURE__ */ be($n, [["render", Bn]]), Mn = {
   emits: ["dateChanged", "changeCategoryBulkPrices", "changeCategorySelectionPrice", "changeCategoryUpgradePrice", "changeRoomPrice", "tableAction"],
   setup(e, { emit: g }) {
     const i = e, o = g, a = P(/* @__PURE__ */ new Date()), r = P(i.today), n = P([]);
-    Z(() => i.today, (R) => {
-      r.value = R;
+    Z(() => i.today, (H) => {
+      r.value = H;
     });
-    const d = A(() => {
-      let R = [];
+    const d = z(() => {
+      let H = [];
       for (let U = 0; U < 14; U++)
-        R.push(Y(r.value).add(U, "day"));
-      return R;
-    }), c = A(() => n.value.length > 0 && n.value.length < i.rooms.length), b = (R) => {
-      Y(R).isBefore(a.value) || (r.value = R, o("dateChanged", r.value));
-    }, p = (R) => {
-      let U = i.category.selectionPrices.find((I) => Y(I.date).isSame(R.date));
-      return U ? U.price : R.price;
-    }, C = (R) => {
-      n.value = R.target.checked ? i.rooms.map((U) => U.id) : [];
-    }, _ = () => o("changeCategoryBulkPrices"), H = (R) => o("changeCategorySelectionPrice", R), T = (R) => o("changeCategoryUpgradePrice", R), V = (R) => o("tableAction", R), W = (R, U, I) => o("changeRoomPrice", { price: R, roomId: U, roomName: I });
-    return (R, U) => e.loading ? (l(), k($t, { key: 1 })) : (l(), s("div", Mn, [
+        H.push(Y(r.value).add(U, "day"));
+      return H;
+    }), c = z(() => n.value.length > 0 && n.value.length < i.rooms.length), b = (H) => {
+      Y(H).isBefore(a.value) || (r.value = H, o("dateChanged", r.value));
+    }, p = (H) => {
+      let U = i.category.selectionPrices.find((N) => Y(N.date).isSame(H.date));
+      return U ? U.price : H.price;
+    }, C = (H) => {
+      n.value = H.target.checked ? i.rooms.map((U) => U.id) : [];
+    }, I = () => o("changeCategoryBulkPrices"), R = (H) => o("changeCategorySelectionPrice", H), D = (H) => o("changeCategoryUpgradePrice", H), V = (H) => o("tableAction", H), W = (H, U, N) => o("changeRoomPrice", { price: H, roomId: U, roomName: N });
+    return (H, U) => e.loading ? (l(), k($t, { key: 1 })) : (l(), s("div", Mn, [
       t("div", jn, [
         t("div", zn, [
           t("div", Tn, [
@@ -2456,17 +2456,17 @@ const we = /* @__PURE__ */ be($n, [["render", Bn]]), Mn = {
                   t("th", Ln, [
                     m(ln, {
                       selectedDate: r.value,
-                      onDateSelected: U[0] || (U[0] = (I) => b(I))
+                      onDateSelected: U[0] || (U[0] = (N) => b(N))
                     }, null, 8, ["selectedDate"])
                   ]),
-                  (l(!0), s($, null, S(d.value, (I, w) => (l(), s("th", {
+                  (l(!0), s($, null, S(d.value, (N, w) => (l(), s("th", {
                     scope: "col",
                     key: w,
                     class: "text-sm font-semibold p-0"
                   }, [
                     m(kn, {
                       class: "border-l border-gray-200 px-6 py-3",
-                      day: I
+                      day: N
                     }, null, 8, ["day"])
                   ]))), 128))
                 ]),
@@ -2477,7 +2477,7 @@ const we = /* @__PURE__ */ be($n, [["render", Bn]]), Mn = {
                       loading: e.loading,
                       class: "ml-4",
                       size: "small",
-                      onClick: _
+                      onClick: I
                     }, {
                       default: h(() => [
                         j(u(e.literals.changeInBulk), 1)
@@ -2488,44 +2488,44 @@ const we = /* @__PURE__ */ be($n, [["render", Bn]]), Mn = {
                 ]),
                 e.type === "discounts" ? (l(), s("tr", Fn, [
                   t("td", On, u(e.literals.pricesDiscount), 1),
-                  (l(!0), s($, null, S(e.category.selectionPrices, (I, w) => (l(), s("td", {
+                  (l(!0), s($, null, S(e.category.selectionPrices, (N, w) => (l(), s("td", {
                     key: w,
                     class: "p-0"
                   }, [
                     m(we, {
-                      onClick: (F) => H(I),
+                      onClick: (F) => R(N),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer",
-                      price: I,
+                      price: N,
                       currency: e.currency.symbol,
                       isBasePrice: !0
                     }, null, 8, ["onClick", "price", "currency"])
                   ]))), 128))
                 ])) : x("", !0),
-                e.type === "prices" ? (l(), s("tr", Nn, [
-                  t("td", In, u(e.literals.pricesSelection), 1),
-                  (l(!0), s($, null, S(e.category.selectionPrices, (I, w) => (l(), s("td", {
+                e.type === "prices" ? (l(), s("tr", _n, [
+                  t("td", Nn, u(e.literals.pricesSelection), 1),
+                  (l(!0), s($, null, S(e.category.selectionPrices, (N, w) => (l(), s("td", {
                     key: w,
                     class: "p-0"
                   }, [
                     m(we, {
-                      onClick: (F) => H(I),
+                      onClick: (F) => R(N),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer",
-                      price: I,
+                      price: N,
                       currency: e.currency.symbol,
                       isBasePrice: !0
                     }, null, 8, ["onClick", "price", "currency"])
                   ]))), 128))
                 ])) : x("", !0),
-                e.type === "prices" ? (l(), s("tr", _n, [
+                e.type === "prices" ? (l(), s("tr", In, [
                   t("td", Vn, u(e.literals.pricesUpgrade), 1),
-                  (l(!0), s($, null, S(e.category.upgradePrices, (I, w) => (l(), s("td", {
+                  (l(!0), s($, null, S(e.category.upgradePrices, (N, w) => (l(), s("td", {
                     key: w,
                     class: "p-0"
                   }, [
                     m(we, {
-                      onClick: (F) => T(I),
+                      onClick: (F) => D(N),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer bg-gray-100",
-                      price: I,
+                      price: N,
                       currency: e.currency.symbol,
                       isBasePrice: !0
                     }, null, 8, ["onClick", "price", "currency"])
@@ -2534,18 +2534,18 @@ const we = /* @__PURE__ */ be($n, [["render", Bn]]), Mn = {
                 t("tr", null, [
                   t("th", qn, [
                     n.value?.length > 0 && e.actions?.length > 0 ? (l(), s("div", Yn, [
-                      (l(!0), s($, null, S(e.actions, (I, w) => (l(), s("button", {
-                        onClick: (F) => V({ action: I.id, items: n.value }),
+                      (l(!0), s($, null, S(e.actions, (N, w) => (l(), s("button", {
+                        onClick: (F) => V({ action: N.id, items: n.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"
-                      }, u(I.name), 9, Rn))), 128))
+                      }, u(N.name), 9, Hn))), 128))
                     ])) : x("", !0),
                     t("span", null, u(e.literals.pricesSelection), 1)
                   ])
                 ]),
                 t("tr", null, [
-                  t("th", Hn, [
+                  t("th", Rn, [
                     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",
@@ -2563,30 +2563,30 @@ const we = /* @__PURE__ */ be($n, [["render", Bn]]), Mn = {
                     class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold"
                   }, null, -1))
                 ]),
-                (l(!0), s($, null, S(e.rooms, (I) => (l(), s("tr", {
-                  key: I.name,
+                (l(!0), s($, null, S(e.rooms, (N) => (l(), s("tr", {
+                  key: N.name,
                   class: v([{ "even:bg-gray-100": e.type === "prices", "odd:bg-gray-100": e.type === "discounts" }])
                 }, [
                   t("td", Jn, [
                     n.value.length > 0 ? (l(), s("div", Gn)) : x("", !0),
-                    z(t("input", {
+                    T(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: I.name,
+                      value: N.name,
                       "onUpdate:modelValue": U[1] || (U[1] = (w) => n.value = w)
                     }, null, 8, Qn), [
                       [ot, n.value]
                     ]),
-                    t("span", Kn, u(I.name), 1)
+                    t("span", Kn, u(N.name), 1)
                   ]),
-                  t("td", Xn, u(I.building), 1),
-                  t("td", eo, u(I.floor), 1),
-                  (l(!0), s($, null, S(I.selectionPrices, (w, F) => (l(), s("td", {
+                  t("td", Xn, u(N.building), 1),
+                  t("td", eo, u(N.floor), 1),
+                  (l(!0), s($, null, S(N.selectionPrices, (w, F) => (l(), s("td", {
                     class: "p-0",
                     key: F
                   }, [
                     m(we, {
-                      onClick: (q) => W(w, I.id, I.name),
+                      onClick: (q) => W(w, N.id, N.name),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 cursor-pointer",
                       price: w,
                       currency: e.currency.symbol,
@@ -2650,8 +2650,8 @@ const we = /* @__PURE__ */ be($n, [["render", Bn]]), Mn = {
   setup(e, { emit: g }) {
     const i = g, o = P((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":"))), a = e;
     let r = he(a.dates || { from: "", to: o });
-    Z(() => a.dates, (T) => {
-      T && (r = T);
+    Z(() => a.dates, (D) => {
+      D && (r = D);
     });
     let d = {
       chart: {
@@ -2664,10 +2664,10 @@ const we = /* @__PURE__ */ be($n, [["render", Bn]]), Mn = {
       },
       colors: function() {
         return a.isNps ? [
-          function({ dataPointIndex: T }) {
-            if (T <= 5) return "#F87171";
-            if (T > 5 && T <= 7) return "#eab308";
-            if (T >= 8) return "#84cc16";
+          function({ dataPointIndex: D }) {
+            if (D <= 5) return "#F87171";
+            if (D > 5 && D <= 7) return "#eab308";
+            if (D >= 8) return "#84cc16";
           }
         ] : [
           "#000000",
@@ -2711,11 +2711,11 @@ const we = /* @__PURE__ */ be($n, [["render", Bn]]), Mn = {
     }), a.type === "area" && (d.tooltip = { intersect: !1, shared: !0 });
     const c = () => (d.chart.stacked = a.stacked, a.options && (a.options.xaxis.hideOverlappingLabels = !0, a.options.xaxis.decimalsInFloat = 2, a.options.xaxis.tickAmount = 10), { ...d, ...a.options, plotOptions: { bar: { horizontal: a.horizontal } } }), b = () => {
       r.from !== "" && r.to !== "" && Y(r.from).isBefore(Y(r.to)) && i("selectedRange", { range: r, chartId: a.id });
-    }, p = A(() => a.series), C = A(() => c()), _ = () => i("chartUpdated"), H = (T, V, W) => {
-      i("dataPointSelection", { id: a.id, chartContext: V, config: W, event: T });
+    }, p = z(() => a.series), C = z(() => c()), I = () => i("chartUpdated"), R = (D, V, W) => {
+      i("dataPointSelection", { id: a.id, chartContext: V, config: W, event: D });
     };
-    return (T, V) => (l(), s($, null, [
-      z(t("div", {
+    return (D, V) => (l(), s($, null, [
+      T(t("div", {
         class: "card chart apex-chart p-4 bg-white shadow rounded-lg overflow-hidden flex grow",
         style: Fe({ height: e.height + "px" })
       }, [
@@ -2770,7 +2770,7 @@ const we = /* @__PURE__ */ be($n, [["render", Bn]]), Mn = {
           ])) : x("", !0),
           t("div", ro, [
             t("div", co, [
-              z(t("input", {
+              T(t("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": V[0] || (V[0] = (W) => f(r).from = W),
                 max: o.value.toString(),
@@ -2783,7 +2783,7 @@ const we = /* @__PURE__ */ be($n, [["render", Bn]]), Mn = {
               ])
             ]),
             t("div", go, [
-              z(t("input", {
+              T(t("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": V[1] || (V[1] = (W) => f(r).to = W),
                 max: o.value.toString(),
@@ -2800,25 +2800,25 @@ const we = /* @__PURE__ */ be($n, [["render", Bn]]), Mn = {
               size: "big",
               loading: e.loading,
               icon: f(ht),
-              onClick: V[2] || (V[2] = (W) => T.$emit("maximizeChart", e.id))
+              onClick: V[2] || (V[2] = (W) => D.$emit("maximizeChart", e.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
-        z(t("div", fo, [
+        T(t("div", fo, [
           m(Je, {
             class: "chart",
             type: e.type,
             series: p.value,
             height: "100%",
             options: C.value,
-            onUpdated: _,
-            onMounted: _,
-            onDataPointSelection: H
+            onUpdated: I,
+            onMounted: I,
+            onDataPointSelection: R
           }, null, 8, ["type", "series", "options"])
         ], 512), [
           [L, !e.empty]
         ]),
-        z(t("div", ho, [
+        T(t("div", ho, [
           m(O, {
             icon: f(ee),
             color: "gray",
@@ -2832,7 +2832,7 @@ const we = /* @__PURE__ */ be($n, [["render", Bn]]), Mn = {
       ], 4), [
         [L, !e.loading]
       ]),
-      z(t("div", yo, [...V[4] || (V[4] = [
+      T(t("div", yo, [...V[4] || (V[4] = [
         t("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -2895,10 +2895,10 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
           alt: "loading animation"
         })
       ], -1)),
-      z(t("h2", { class: "text-xs font-bold text-center uppercase mb-2" }, u(e.title), 513), [
+      T(t("h2", { class: "text-xs font-bold text-center uppercase mb-2" }, u(e.title), 513), [
         [L, e.title]
       ]),
-      z(t("p", { class: "text-xs text-center uppercase md:w-1/4" }, u(e.message), 513), [
+      T(t("p", { class: "text-xs text-center uppercase md:w-1/4" }, u(e.message), 513), [
         [L, e.message]
       ])
     ], 2));
@@ -2932,7 +2932,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
   },
   emits: ["sideBarClick"],
   setup(e, { emit: g }) {
-    const i = e, o = g, a = A(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
+    const i = e, o = g, a = z(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
     return (r, n) => (l(), s("div", $o, [
       t("div", Co, [
         t("div", So, [
@@ -3016,10 +3016,10 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
       ])
     ]));
   }
-}), Oo = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6 h-screen" }, No = { class: "bg-black w-16 mr-6 flex-shrink-0" }, Io = ["onClick"], _o = ["src", "alt"], Vo = {
+}), Oo = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6 h-screen" }, _o = { class: "bg-black w-16 mr-6 flex-shrink-0" }, No = ["onClick"], Io = ["src", "alt"], Vo = {
   key: 0,
   class: "flex flex-col grow h-full"
-}, qo = ["src"], Yo = { class: "flex flex-1 flex-col overflow-hidden mt-8" }, Ro = { class: "flex-1 overflow-y-auto pr-6" }, Ho = {
+}, qo = ["src"], Yo = { class: "flex flex-1 flex-col overflow-hidden mt-8" }, Ho = { class: "flex-1 overflow-y-auto pr-6" }, Ro = {
   key: 0,
   role: "list",
   class: "flex flex-col gap-y-7 mb-4"
@@ -3033,7 +3033,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
 }, Wo = { class: "ml-2 space-y-1" }, Jo = { class: "font-bold mb-4" }, Go = {
   key: 1,
   class: "flex flex-col grow h-full"
-}, Qo = { class: "flex-1 overflow-y-auto pr-6" }, Ko = { class: "h-12 flex flex-row items-center" }, _e = /* @__PURE__ */ M({
+}, Qo = { class: "flex-1 overflow-y-auto pr-6" }, Ko = { class: "h-12 flex flex-row items-center" }, Ie = /* @__PURE__ */ M({
   __name: "uiSidebarV2",
   props: {
     navigation: {},
@@ -3045,9 +3045,9 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
   },
   emits: ["productBarClick", "sideBarClick", "inputChanged"],
   setup(e, { emit: g }) {
-    const i = e, o = A(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
+    const i = e, o = z(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
     return (a, r) => (l(), s("div", Oo, [
-      t("div", No, [
+      t("div", _o, [
         t("ul", null, [
           (l(!0), s($, null, S(e.productsSidebar, (n, d) => (l(), s("li", {
             key: d,
@@ -3057,8 +3057,8 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
             t("img", {
               src: n.icon,
               alt: n.name
-            }, null, 8, _o)
-          ], 10, Io))), 128))
+            }, null, 8, Io)
+          ], 10, No))), 128))
         ])
       ]),
       e.loading ? (l(), s("div", Go, [
@@ -3080,8 +3080,8 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
           }, null, 8, qo)
         ]),
         t("nav", Yo, [
-          t("div", Ro, [
-            e.isFilterNavigation ? x("", !0) : (l(), s("ul", Ho, [
+          t("div", Ho, [
+            e.isFilterNavigation ? x("", !0) : (l(), s("ul", Ro, [
               t("li", null, [
                 t("ul", Uo, [
                   (l(!0), s($, null, S(o.value, (n) => (l(), s("li", {
@@ -3113,7 +3113,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
                           ]),
                           _: 2
                         }, 1032, ["onClick", "class"]),
-                        z(t("div", null, [
+                        T(t("div", null, [
                           m(f(De), {
                             as: "ul",
                             class: "mt-1 px-2",
@@ -3272,7 +3272,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
             })) : x("", !0),
             j(" " + u(e.item.change), 1)
           ], 2)) : x("", !0),
-          z(t("div", ai, [
+          T(t("div", ai, [
             t("div", ni, [
               t("span", {
                 onClick: o[0] || (o[0] = (a) => i.$emit("statClick", e.item.id)),
@@ -3386,7 +3386,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
       ], -1)),
       t("div", null, [
         m(O, {
-          icon: f(_l),
+          icon: f(Il),
           loading: !1,
           color: "white",
           size: "big"
@@ -3421,21 +3421,21 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
   setup(e, { emit: g }) {
     const i = e, o = g, a = P({ id: "1", name: i.literals.and }), r = he([]), n = P(i.availableCategories[0] || {}), d = (w) => w ? w === "uiInput" ? i.literals.contains : i.literals.is : "", c = (w) => {
       r.splice(0, r.length), w.logicOperator === "and" || w.logicOperator === i.literals.and ? a.value = { id: "1", name: i.literals.and } : (w.logicOperator === "or" || w.logicOperator === i.literals.or) && (a.value = { id: "2", name: i.literals.or }), w.filters.forEach((F) => {
-        const q = i.availableCategories.find((N) => N.name === F.name);
+        const q = i.availableCategories.find((_) => _.name === F.name);
         if (q) {
-          const N = {
+          const _ = {
             label: F.label,
             name: F.name,
             type: F.type,
             props: { ...q.defaultProps }
           };
           if (F.type === "uiInput")
-            N.props.value = F.value || "";
+            _.props.value = F.value || "";
           else if (F.type === "uiSelect") {
             const G = q.defaultProps.items?.find((te) => te.name === F.value);
-            G ? N.props.select = G : q.defaultProps.items && q.defaultProps.items.length > 0 && (N.props.select = q.defaultProps.items[0]);
+            G ? _.props.select = G : q.defaultProps.items && q.defaultProps.items.length > 0 && (_.props.select = q.defaultProps.items[0]);
           }
-          r.push(N);
+          r.push(_);
         }
       });
     };
@@ -3446,18 +3446,18 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
     }, { deep: !0, immediate: !0 }), Z(() => i.filters, (w) => {
       w && c(w);
     }, { deep: !0, immediate: !0 });
-    const b = A(() => [
+    const b = z(() => [
       { id: "1", name: i.literals.and },
       { id: "2", name: i.literals.or }
-    ]), p = A(() => i.availableCategories.map((w) => ({
+    ]), p = z(() => i.availableCategories.map((w) => ({
       id: w.name,
       name: w.name,
       label: w.label
-    }))), C = A(() => ({
+    }))), C = z(() => ({
       id: n.value.name,
       label: n.value.label,
       name: n.value.name
-    })), _ = A(() => r.map((w) => w.type === "uiInput" ? {
+    })), I = z(() => r.map((w) => w.type === "uiInput" ? {
       name: w.label,
       operator: i.literals.contains,
       value: w.props.value || ""
@@ -3469,10 +3469,10 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
       name: w.label,
       operator: i.literals.contains,
       value: ""
-    })), H = (w) => {
+    })), R = (w) => {
       a.value = Array.isArray(w) ? w[0] || { id: "1", name: i.literals.and } : w;
-    }, T = (w) => {
-      const F = Array.isArray(w) ? w[0] : w, q = i.availableCategories.find((N) => N.name === F.id);
+    }, D = (w) => {
+      const F = Array.isArray(w) ? w[0] : w, q = i.availableCategories.find((_) => _.name === F.id);
       q && (n.value = q);
     }, V = () => {
       if (!n.value || !n.value.name)
@@ -3488,18 +3488,18 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
       if (w < 0 || w >= r.length) return;
       const q = r[w];
       q.type === "uiInput" ? typeof F == "string" && (q.props.value = F) : q.type === "uiSelect" && (Array.isArray(F) ? q.props.select = F[0] : typeof F == "object" && F !== null && (q.props.select = F));
-    }, R = (w) => {
+    }, H = (w) => {
       w >= 0 && w < r.length && (r.splice(w, 1), o("smartFilterDeleted", w));
     }, U = () => {
       r.splice(0, r.length), o("smartFiltersCleared");
-    }, I = (w) => {
+    }, N = (w) => {
       const q = {
         logicOperator: a.value.id === "1" ? "and" : "or",
-        filters: r.map((N) => ({
-          name: N.name,
-          label: N.label,
-          type: N.type,
-          value: N.type === "uiInput" ? N.props.value : N.props.select?.id
+        filters: r.map((_) => ({
+          name: _.name,
+          label: _.label,
+          type: _.type,
+          value: _.type === "uiInput" ? _.props.value : _.props.select?.id
         }))
       };
       o("smartFiltersSent", q), w();
@@ -3514,9 +3514,9 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
         m(f(gl), { class: "inline-flex items-center gap-x-2 text-sm/6 font-semibold text-gray-900 outline-none flex-wrap gap-y-1" }, {
           default: h(() => [
             t("span", null, u(i.literals.filters) + ": ", 1),
-            (l(!0), s($, null, S(_.value, (q, N) => (l(), s($, { key: N }, [
+            (l(!0), s($, null, S(I.value, (q, _) => (l(), s($, { key: _ }, [
               t("span", Ci, u(q.name) + " " + u(q.operator) + ": " + u(q.value), 1),
-              N < _.value.length - 1 ? (l(), s("span", Si, u(a.value.name), 1)) : x("", !0)
+              _ < I.value.length - 1 ? (l(), s("span", Si, u(a.value.name), 1)) : x("", !0)
             ], 64))), 128)),
             m(f(ne), {
               class: "size-5",
@@ -3544,7 +3544,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
                         class: "w-60",
                         items: p.value,
                         select: C.value,
-                        onSelectChanged: T
+                        onSelectChanged: D
                       }, null, 8, ["loading", "items", "select"]),
                       m(J, {
                         loading: i.loading,
@@ -3557,9 +3557,9 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
                         _: 1
                       }, 8, ["loading", "disabled"])
                     ]),
-                    (l(!0), s($, null, S(r, (N, G) => (l(), s("div", {
+                    (l(!0), s($, null, S(r, (_, G) => (l(), s("div", {
                       class: "flex items-center gap-x-2 w-full",
-                      key: N.name
+                      key: _.name
                     }, [
                       m(Q, {
                         loading: i.loading,
@@ -3567,7 +3567,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
                         color: "gray"
                       }, {
                         default: h(() => [
-                          j(u(N.label), 1)
+                          j(u(_.label), 1)
                         ]),
                         _: 2
                       }, 1032, ["loading"]),
@@ -3577,28 +3577,28 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
                         color: "gray"
                       }, {
                         default: h(() => [
-                          j(u(d(N.type)), 1)
+                          j(u(d(_.type)), 1)
                         ]),
                         _: 2
                       }, 1032, ["loading"]),
-                      N.type === "uiSelect" ? (l(), k(ue, {
+                      _.type === "uiSelect" ? (l(), k(ue, {
                         key: 0,
                         class: "grow",
                         loading: i.loading,
-                        items: N.props.items || [],
-                        select: N.props.select || N.props.items?.[0] || { id: "0", name: "Select..." },
+                        items: _.props.items || [],
+                        select: _.props.select || _.props.items?.[0] || { id: "0", name: "Select..." },
                         onSelectChanged: (te) => W(G, te)
-                      }, null, 8, ["loading", "items", "select", "onSelectChanged"])) : N.type === "uiInput" ? (l(), k(ae, {
+                      }, null, 8, ["loading", "items", "select", "onSelectChanged"])) : _.type === "uiInput" ? (l(), k(ae, {
                         key: 1,
                         class: "grow",
                         loading: i.loading,
-                        name: N.props.name || "",
-                        value: N.props.value || "",
+                        name: _.props.name || "",
+                        value: _.props.value || "",
                         onInput: (te) => W(G, te.target.value)
                       }, null, 8, ["loading", "name", "value", "onInput"])) : x("", !0),
                       G === 0 ? (l(), k(ue, {
                         key: 2,
-                        onSelectChanged: H,
+                        onSelectChanged: R,
                         class: "w-24 uppercase",
                         loading: i.loading,
                         items: b.value,
@@ -3617,11 +3617,11 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
                         _: 1
                       }, 8, ["loading"])) : x("", !0),
                       m(O, {
-                        icon: f(Ne),
+                        icon: f(_e),
                         color: "red",
                         loading: i.loading,
                         class: "cursor-pointer",
-                        onClick: (te) => R(G),
+                        onClick: (te) => H(G),
                         title: "Eliminar filtro"
                       }, null, 8, ["icon", "loading", "onClick"])
                     ]))), 128))
@@ -3630,7 +3630,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
                     m(J, {
                       loading: i.loading,
                       color: "red",
-                      icon: f(Ne),
+                      icon: f(_e),
                       onClick: U
                     }, {
                       default: h(() => [
@@ -3641,7 +3641,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
                     m(J, {
                       loading: i.loading,
                       icon: f(jl),
-                      onClick: (N) => I(q)
+                      onClick: (_) => N(q)
                     }, {
                       default: h(() => [
                         j(u(i.literals.filter), 1)
@@ -3669,10 +3669,10 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
 }, Fi = {
   href: "#",
   class: "ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50"
-}, Oi = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, Ni = { class: "text-sm text-gray-700" }, Ii = { class: "font-bold mx-1" }, _i = { class: "font-bold mx-1" }, Vi = { class: "font-bold mx-1" }, qi = {
+}, Oi = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, _i = { class: "text-sm text-gray-700" }, Ni = { class: "font-bold mx-1" }, Ii = { class: "font-bold mx-1" }, Vi = { class: "font-bold mx-1" }, qi = {
   class: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px",
   "aria-label": "Pagination"
-}, Yi = { class: "sr-only" }, Ri = ["onClick"], Hi = { class: "sr-only" }, Ui = {
+}, Yi = { class: "sr-only" }, Hi = ["onClick"], Ri = { class: "sr-only" }, Ui = {
   key: 1,
   class: "py-6 flex flex-row justify-between items-center animate-pulse"
 }, Ei = /* @__PURE__ */ M({
@@ -3685,11 +3685,11 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
   },
   emits: ["changePage"],
   setup(e, { emit: g }) {
-    const i = g, o = e, a = P(3), r = A(
+    const i = g, o = e, a = P(3), r = z(
       () => Math.max(1, Number(o.current) - Number(a.value))
-    ), n = A(
+    ), n = z(
       () => Math.min(Number(o.current) + Number(a.value), Number(o.total))
-    ), d = A(() => {
+    ), d = z(() => {
       let c = [];
       for (let b = Number(r.value); b <= Number(n.value); b++)
         c.push(b);
@@ -3709,11 +3709,11 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
       ]),
       t("div", Oi, [
         t("div", null, [
-          t("p", Ni, [
+          t("p", _i, [
             E(c.$slots, "showing"),
-            t("span", Ii, u(e.current), 1),
+            t("span", Ni, u(e.current), 1),
             E(c.$slots, "of"),
-            t("span", _i, u(e.total), 1),
+            t("span", Ii, u(e.total), 1),
             E(c.$slots, "pages"),
             b[2] || (b[2] = t("span", { class: "font-bold mx-1" }, "/", -1)),
             E(c.$slots, "fromTotal"),
@@ -3722,7 +3722,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
         ]),
         t("div", null, [
           t("nav", qi, [
-            z(t("button", {
+            T(t("button", {
               ref: "test-first-button",
               onClick: b[0] || (b[0] = (p) => i("changePage", e.current - 1)),
               class: "relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
@@ -3744,13 +3744,13 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
               class: v([[
                 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"])
-            }, u(p), 11, Ri))), 128)),
-            z(t("button", {
+            }, u(p), 11, Hi))), 128)),
+            T(t("button", {
               ref: "test-last-button",
               onClick: b[1] || (b[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", Hi, [
+              t("span", Ri, [
                 E(c.$slots, "next")
               ]),
               m(f(ye), {
@@ -3820,33 +3820,33 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
   setup(e, { emit: g }) {
     const i = {
       uiTag: Q
-    }, o = g, a = e, r = P([]), n = P(""), d = P(!1), c = P(null), b = P(null), p = P(!1), C = P(null), _ = P(null), H = A(() => r.value.length > 0), T = A(() => a.actions && a.actions.length > 0 || !1), V = A(
+    }, o = g, a = e, r = P([]), n = P(""), d = P(!1), c = P(null), b = P(null), p = P(!1), C = P(null), I = P(null), R = z(() => r.value.length > 0), D = z(() => a.actions && a.actions.length > 0 || !1), V = z(
       () => r.value.length === a.items.length && a.items.length > 0
-    ), W = A(
+    ), W = z(
       () => r.value.length > 0 && r.value.length < a.items.length
-    ), R = A(
-      () => a.header.filter((y, D) => Qe(D))
-    ), U = A(() => [
+    ), H = z(
+      () => a.header.filter((y, A) => Qe(A))
+    ), U = z(() => [
       a.actions ? "px-6 sm:px-8" : "px-3",
       "relative"
-    ]), I = A(() => [
+    ]), N = z(() => [
       a.actions && a.actions.length > 0 ? "w-2" : "w-0",
       "relative"
-    ]), w = A(
+    ]), w = z(
       () => a.smartFilterCategories && a.smartFilterCategories.length > 0
-    ), F = A(
+    ), F = z(
       () => a.tableActionsDropdown && a.tableActionsDropdown.items && a.tableActionsDropdown.items.length > 0
-    ), q = A(
+    ), q = z(
       () => a.tableActionButtons && a.tableActionButtons.length > 0
-    ), N = A(
+    ), _ = z(
       () => w.value || F.value || q.value
-    ), G = A(
+    ), G = z(
       () => a.paginationCurrent !== void 0 || a.paginationTotal !== void 0
-    ), te = A(
+    ), te = z(
       () => a.paginationCurrent !== void 0 && a.paginationTotal !== void 0 && a.paginationTotalItems !== void 0
-    ), Ge = A(
+    ), Ge = z(
       () => a.pageSizeOptions && a.pageSizeOptions.length > 0
-    ), Bt = A(() => a.pageSizeOptions ? a.pageSizeOptions.map((y) => ({
+    ), Bt = z(() => a.pageSizeOptions ? a.pageSizeOptions.map((y) => ({
       name: y.name,
       value: String(y.value),
       active: !!(y.active || a.currentPageSize && y.value === a.currentPageSize)
@@ -3860,14 +3860,14 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
       filter: "Filtrar"
     }, jt = (y) => {
       y.action === "close" ? ve.value = !1 : (ve.value = !1, a.selectAllItemsModal && o("modalAction", { modal: a.selectAllItemsModal.modalName, action: y.action }));
-    }, Qe = (y) => a.hiddenColumns && a.hiddenColumns.length > 0 ? !a.hiddenColumns.includes(y) : !0, Le = (y) => r.value.includes(y), zt = (y) => n.value === y, Tt = (y) => y.filter((D, B) => Qe(B)), Dt = (y, D) => {
+    }, Qe = (y) => a.hiddenColumns && a.hiddenColumns.length > 0 ? !a.hiddenColumns.includes(y) : !0, Le = (y) => r.value.includes(y), zt = (y) => n.value === y, Tt = (y) => y.filter((A, B) => Qe(B)), Dt = (y, A) => {
       const B = [];
-      return Le(y.id) && B.push("bg-gray-50"), D % 2 !== 0 && B.push("bg-gray-50"), B;
+      return Le(y.id) && B.push("bg-gray-50"), A % 2 !== 0 && B.push("bg-gray-50"), B;
     }, At = (y) => {
-      const D = ["whitespace-nowrap", "py-4", "pr-3", "text-sm"];
-      return Le(y) && D.push("text-black", "font-bold"), D;
+      const A = ["whitespace-nowrap", "py-4", "pr-3", "text-sm"];
+      return Le(y) && A.push("text-black", "font-bold"), A;
     }, Lt = (y) => {
-      const D = [
+      const A = [
         "absolute",
         "left-4",
         "top-1/2",
@@ -3880,10 +3880,10 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
         "focus:ring-lime-400",
         "flex-wrap"
       ];
-      return y && D.push("bg-gray-100"), D;
+      return y && A.push("bg-gray-100"), A;
     }, Pt = (y) => {
-      const D = [];
-      return y === a.orderedBy ? D.push("bg-black", "text-white", "group-hover:bg-lime-400", "group-hover:text-black") : D.push("group-hover:visible", "group-focus:visible"), D;
+      const A = [];
+      return y === a.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;
     }, Ft = (y) => typeof y == "object" && y.type === "tag" ? i.uiTag : typeof y == "object" && y.type === "link" ? "span" : typeof y == "object" && y.type === "href" ? "a" : "span", Ot = (y) => typeof y == "object" && y.type === "tag" ? {
       loading: a.loading,
       color: y.color || "primary",
@@ -3894,17 +3894,17 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
       class: "text-black font-bold underline hover:text-lime-400 cursor-pointer"
     } : typeof y == "object" && y.type === "link" ? {
       class: "text-black font-bold underline hover:text-lime-400 cursor-pointer"
-    } : {}, Nt = (y) => typeof y == "object" ? y.content || "" : y || "", It = (y) => y === a.orderedBy ? a.orderDirection === "asc" ? ne : xt : ne, _t = (y) => y === a.orderedBy ? "white" : "primary", Vt = (y) => {
+    } : {}, _t = (y) => typeof y == "object" ? y.content || "" : y || "", Nt = (y) => y === a.orderedBy ? a.orderDirection === "asc" ? ne : xt : ne, It = (y) => y === a.orderedBy ? "white" : "primary", Vt = (y) => {
       o("tableAction", { action: y.id, items: r.value });
     }, qt = (y) => {
-      const D = y.target;
-      D.checked ? ve.value = !0 : o("deselectAllItems"), r.value = D.checked ? a.items.map((B) => B.disabled ? null : B.id) : [];
+      const A = y.target;
+      A.checked ? ve.value = !0 : o("deselectAllItems"), r.value = A.checked ? a.items.map((B) => B.disabled ? null : B.id) : [];
     }, Yt = (y) => {
-      const D = a.orderDirection === "asc" ? "desc" : "asc";
-      o("orderBy", { value: y, orderDirection: D });
-    }, Rt = (y) => {
-      typeof y == "object" && y.type === "link" && o("customEmit", { data: y });
+      const A = a.orderDirection === "asc" ? "desc" : "asc";
+      o("orderBy", { value: y, orderDirection: A });
     }, Ht = (y) => {
+      typeof y == "object" && y.type === "link" && o("customEmit", { data: y });
+    }, Rt = (y) => {
       typeof y == "object" && y.type === "tag" && o("customEmit", { data: y });
     }, Ut = (y) => {
       n.value !== y && (n.value = y);
@@ -3921,9 +3921,9 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
     }, Qt = (y) => {
       o("changePageSize", y.value);
     }, Kt = (y) => {
-      const D = Number(y.value);
-      y.checked ? o("columnsVisibilityChanged", { index: D, hidden: !0 }) : o("columnsVisibilityChanged", { index: D, hidden: !1 });
-    }, Xt = (y) => !!(a.hiddenColumns && a.hiddenColumns.includes(y)), el = A(() => a.smartFilterCategories ? a.smartFilterCategories.map((y) => ({
+      const A = Number(y.value);
+      y.checked ? o("columnsVisibilityChanged", { index: A, hidden: !0 }) : o("columnsVisibilityChanged", { index: A, hidden: !1 });
+    }, Xt = (y) => !!(a.hiddenColumns && a.hiddenColumns.includes(y)), el = z(() => a.smartFilterCategories ? a.smartFilterCategories.map((y) => ({
       id: y.id,
       label: y.name,
       // uiSmartFilterMultipleV2 usa 'label' en lugar de 'name'
@@ -3931,11 +3931,11 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
       // Mantenemos name para compatibilidad
       componentType: y.componentType,
       defaultProps: y.defaultProps
-    })) : []), tl = A(() => C.value !== null ? { maxHeight: `${C.value}px` } : {}), ll = A(() => C.value !== null ? { maxHeight: `${C.value}px` } : {}), de = () => {
+    })) : []), tl = z(() => C.value !== null ? { maxHeight: `${C.value}px` } : {}), ll = z(() => C.value !== null ? { maxHeight: `${C.value}px` } : {}), de = () => {
       if (!b.value) return;
-      const y = b.value.getBoundingClientRect(), D = window.innerHeight - y.top - 40;
+      const y = b.value.getBoundingClientRect(), A = window.innerHeight - y.top - 40;
       let B = 0;
-      N.value && (B += 100), G.value && (B += 80), C.value = Math.max(300, D - B);
+      _.value && (B += 100), G.value && (B += 80), C.value = Math.max(300, A - B);
     }, ce = () => {
       c.value && (p.value = c.value.scrollHeight > c.value.clientHeight);
     };
@@ -3949,7 +3949,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
       y || pe(() => {
         de(), ce();
       });
-    }), Z([N, G], () => {
+    }), Z([_, G], () => {
       pe(() => {
         de(), ce();
       });
@@ -3959,18 +3959,18 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
         const y = () => {
           de(), ce();
         };
-        _.value = y, window.addEventListener("resize", y);
+        I.value = y, window.addEventListener("resize", y);
       });
     }), ol(() => {
-      _.value && (window.removeEventListener("resize", _.value), _.value = null);
-    }), (y, D) => e.loading ? (l(), k($t, { key: 1 })) : (l(), s("div", Zi, [
+      I.value && (window.removeEventListener("resize", I.value), I.value = null);
+    }), (y, A) => e.loading ? (l(), k($t, { key: 1 })) : (l(), s("div", Zi, [
       e.selectAllItemsModal ? (l(), k(Me, {
         key: 0,
         title: e.selectAllItemsModal.title,
         modalName: e.selectAllItemsModal.modalName,
         open: ve.value,
         actions: e.selectAllItemsModal.actions,
-        onModalAction: D[0] || (D[0] = (B) => jt(B))
+        onModalAction: A[0] || (A[0] = (B) => jt(B))
       }, {
         default: h(() => [
           j(u(e.selectAllItemsModal.content), 1)
@@ -3981,8 +3981,8 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
         title: "Seleccione las columnas que desea ocultar",
         modalName: "columnsModal",
         open: xe.value,
-        onClose: D[1] || (D[1] = (B) => xe.value = !1),
-        onModalAction: D[2] || (D[2] = (B) => B.action === "close" ? xe.value = !1 : null)
+        onClose: A[1] || (A[1] = (B) => xe.value = !1),
+        onModalAction: A[2] || (A[2] = (B) => B.action === "close" ? xe.value = !1 : null)
       }, {
         default: h(() => [
           (l(!0), s($, null, S(a.header, (B, X) => (l(), k(re, {
@@ -4001,7 +4001,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
         ]),
         _: 1
       }, 8, ["open"]),
-      N.value ? (l(), s("div", Wi, [
+      _.value ? (l(), s("div", Wi, [
         w.value ? (l(), s("div", Ji, [
           m(Di, {
             "available-categories": el.value,
@@ -4047,7 +4047,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
         t("div", Xi, [
           t("div", er, [
             t("div", tr, [
-              H.value && T.value ? (l(), s("div", lr, [
+              R.value && D.value ? (l(), s("div", lr, [
                 (l(!0), s($, null, S(e.actions, (B, X) => (l(), s("button", {
                   key: X,
                   type: "button",
@@ -4068,7 +4068,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
                         scope: "col",
                         class: v(U.value)
                       }, [
-                        T.value ? (l(), s("input", {
+                        D.value ? (l(), s("input", {
                           key: 0,
                           checked: V.value,
                           indeterminate: W.value,
@@ -4077,12 +4077,12 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
                           onChange: qt
                         }, null, 40, or)) : x("", !0)
                       ], 2),
-                      (l(!0), s($, null, S(R.value, (B, X) => (l(), s("th", {
+                      (l(!0), s($, null, S(H.value, (B, X) => (l(), s("th", {
                         key: X,
                         class: "py-3.5 pr-3 text-left font-semibold relative",
                         scope: "col",
                         onMouseover: (K) => Ut(B.name),
-                        onMouseleave: D[3] || (D[3] = (K) => Et())
+                        onMouseleave: A[3] || (A[3] = (K) => Et())
                       }, [
                         B.tooltip && zt(B.name) ? (l(), k($i, {
                           key: 0,
@@ -4098,9 +4098,9 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
                             class: v([Pt(B.value), "ml-2 flex-none rounded group-hover:bg-lime-200 group-hover:text-white"])
                           }, [
                             m(O, {
-                              icon: It(B.value),
+                              icon: Nt(B.value),
                               loading: e.loading,
-                              color: _t(B.value)
+                              color: It(B.value)
                             }, null, 8, ["icon", "loading", "color"])
                           ], 2)
                         ], 8, rr)) : (l(), s("p", dr, [
@@ -4115,12 +4115,12 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
                       class: v(Dt(B, X))
                     }, [
                       t("td", {
-                        class: v(I.value)
+                        class: v(N.value)
                       }, [
                         Le(B.id) ? (l(), s("div", ur)) : x("", !0),
-                        T.value ? z((l(), s("input", {
+                        D.value ? T((l(), s("input", {
                           key: 1,
-                          "onUpdate:modelValue": D[4] || (D[4] = (K) => r.value = K),
+                          "onUpdate:modelValue": A[4] || (A[4] = (K) => r.value = K),
                           value: B.id,
                           class: v(Lt(B.disabled)),
                           type: "checkbox",
@@ -4134,11 +4134,11 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
                         class: v(At(B.id))
                       }, [
                         (l(), k(je(Ft(K)), Ve({ ref_for: !0 }, Ot(K), {
-                          onClick: (al) => Rt(K),
-                          onTagEvent: (al) => Ht(K)
+                          onClick: (al) => Ht(K),
+                          onTagEvent: (al) => Rt(K)
                         }), {
                           default: h(() => [
-                            j(u(Nt(K)), 1)
+                            j(u(_t(K)), 1)
                           ]),
                           _: 2
                         }, 1040, ["onClick", "onTagEvent"]))
@@ -4171,22 +4171,22 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
             loading: a.loading,
             onChangePage: Gt
           }, {
-            previous: h(() => [...D[5] || (D[5] = [
+            previous: h(() => [...A[5] || (A[5] = [
               j("Anterior", -1)
             ])]),
-            next: h(() => [...D[6] || (D[6] = [
+            next: h(() => [...A[6] || (A[6] = [
               j("Siguiente", -1)
             ])]),
-            showing: h(() => [...D[7] || (D[7] = [
+            showing: h(() => [...A[7] || (A[7] = [
               j("Mostrando", -1)
             ])]),
-            of: h(() => [...D[8] || (D[8] = [
+            of: h(() => [...A[8] || (A[8] = [
               j("de", -1)
             ])]),
-            pages: h(() => [...D[9] || (D[9] = [
+            pages: h(() => [...A[9] || (A[9] = [
               j("páginas", -1)
             ])]),
-            fromTotal: h(() => [...D[10] || (D[10] = [
+            fromTotal: h(() => [...A[10] || (A[10] = [
               j("Elementos totales:", -1)
             ])]),
             _: 1
@@ -4259,20 +4259,20 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
 }, zr = { class: "relative flex space-x-3" }, Tr = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, Dr = { class: "text-sm text-gray-500" }, Ar = ["onClick"], Lr = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, Pr = ["datetime"], Fr = {
   key: 1,
   class: "bg-lime-50 px-4 py-4 sm:px-6 z-10"
-}, Or = { class: "text-sm" }, Nr = {
+}, Or = { class: "text-sm" }, _r = {
   key: 2,
   class: "h-full w-full flex items-center justify-center flex-col px-4 py-5 sm:p-6"
-}, Ir = {
+}, Nr = {
   key: 1,
   class: "bg-white overflow-hidden shadow rounded-lg"
-}, _r = { class: "px-4 py-5 sm:p-6 animate-pulse" }, Vr = { class: "flow-root" }, qr = {
+}, Ir = { class: "px-4 py-5 sm:p-6 animate-pulse" }, Vr = { class: "flow-root" }, qr = {
   class: "-mb-8",
   role: "list"
-}, Yr = { class: "relative pb-8" }, Rr = {
+}, Yr = { class: "relative pb-8" }, Hr = {
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, Hr = /* @__PURE__ */ M({
+}, Rr = /* @__PURE__ */ M({
   __name: "uiTimeline",
   props: {
     name: {},
@@ -4284,18 +4284,18 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
   emits: ["timelineEventClicked", "timelineFooterClicked"],
   setup(e, { emit: g }) {
     const o = he(e.timeline);
-    return (a, r) => e.loading ? (l(), s("div", Ir, [
+    return (a, r) => e.loading ? (l(), s("div", Nr, [
       r[3] || (r[3] = t("div", { class: "px-4 py-5 sm:px-6 animate-pulse" }, [
         t("h1", { class: "text-xl font-bold" }, [
           t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })
         ])
       ], -1)),
-      t("div", _r, [
+      t("div", Ir, [
         t("div", Vr, [
           t("ul", qr, [
             (l(), s($, null, S(10, (n, d) => t("li", { key: d }, [
               t("div", Yr, [
-                n !== 10 ? (l(), s("span", Rr)) : x("", !0),
+                n !== 10 ? (l(), s("span", Hr)) : x("", !0),
                 r[2] || (r[2] = se('<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))
@@ -4374,7 +4374,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
             onClick: r[0] || (r[0] = (n) => a.$emit("timelineFooterClicked", e.timeline.id))
           }, u(e.timeline.footerText), 1)
         ])
-      ])) : (l(), s("div", Nr, [
+      ])) : (l(), s("div", _r, [
         m(O, {
           icon: f(ee),
           color: "gray",
@@ -4400,7 +4400,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
   },
   emits: ["topBarClick"],
   setup(e, { emit: g }) {
-    const i = e, o = A(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
+    const i = e, o = z(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
     return (a, r) => (l(), k(f(Te), {
       as: "nav",
       class: "bg-white shadow z-10"
@@ -4445,9 +4445,9 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
                 }, {
                   default: h(() => [
                     t("div", null, [
-                      z(m(f(Ye), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
+                      T(m(f(Ye), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
                         default: h(() => [
-                          z(t("div", Kr, [...r[2] || (r[2] = [
+                          T(t("div", Kr, [...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), [
                             [L, e.alerted]
@@ -4471,9 +4471,9 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
                       "leave-to-class": "transform opacity-0 scale-95"
                     }, {
                       default: h(() => [
-                        m(f(Re), { 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(He), { 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: h(() => [
-                            (l(!0), s($, null, S(e.profileMenu, (d) => (l(), k(f(He), {
+                            (l(!0), s($, null, S(e.profileMenu, (d) => (l(), k(f(Re), {
                               key: d.name
                             }, {
                               default: h(({ active: c }) => [
@@ -4560,7 +4560,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
   emits: ["rangeSelected"],
   setup(e, { emit: g }) {
     const i = g, o = e;
-    let a = A(() => o.range);
+    let a = z(() => o.range);
     const r = (n) => {
       a = n, i("rangeSelected", n);
     };
@@ -4641,11 +4641,11 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
         }
       }
     };
-    const r = A(() => ({ ...o.options, ...a })), n = A(() => o.series), d = () => i("chartUpdated"), c = (b, p, C) => {
+    const r = z(() => ({ ...o.options, ...a })), n = z(() => o.series), d = () => i("chartUpdated"), c = (b, p, C) => {
       i("dataPointSelection", { id: o.id, chartContext: p, config: C, event: b });
     };
     return (b, p) => (l(), s($, null, [
-      z(t("div", {
+      T(t("div", {
         class: v(["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", hd, [
@@ -4655,7 +4655,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
             onRangeSelected: p[0] || (p[0] = (C) => b.$emit("selectedRange", { range: C, chartId: e.id }))
           }, null, 8, ["range"])
         ]),
-        z(t("div", bd, [
+        T(t("div", bd, [
           m(Je, {
             type: e.type,
             series: n.value,
@@ -4669,7 +4669,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
         ], 512), [
           [L, !e.empty]
         ]),
-        z(t("div", vd, [
+        T(t("div", vd, [
           m(O, {
             icon: f(ee),
             color: "gray",
@@ -4683,7 +4683,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
       ], 2), [
         [L, !e.loading]
       ]),
-      z(t("div", xd, [...p[2] || (p[2] = [
+      T(t("div", xd, [...p[2] || (p[2] = [
         t("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -4841,11 +4841,11 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
       _: 3
     }, 8, ["show"]));
   }
-}), Nd = { class: "uiGallery" }, Id = {
+}), _d = { class: "uiGallery" }, Nd = {
   key: 1,
   role: "list",
   class: "grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-4 lg:grid-cols-6"
-}, _d = { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-100 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, Vd = ["src"], qd = ["onClick"], Yd = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Rd = { class: "flex items-center justify-between" }, Hd = { class: "pointer-events-none block text-sm font-medium" }, Ud = {
+}, Id = { 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" }, Vd = ["src"], qd = ["onClick"], Yd = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Hd = { class: "flex items-center justify-between" }, Rd = { class: "pointer-events-none block text-sm font-medium" }, Ud = {
   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"
@@ -4862,7 +4862,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
     const i = g, o = P(!1), a = (r) => {
       o.value = !1, i("modalAction", r);
     };
-    return (r, n) => (l(), s("div", Nd, [
+    return (r, n) => (l(), s("div", _d, [
       e.loading ? x("", !0) : (l(), k(Me, {
         key: 0,
         open: o.value,
@@ -4883,12 +4883,12 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
           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", Id, [
+      ])) : (l(), s("ul", Nd, [
         (l(!0), s($, null, S(e.gallery, (d) => (l(), s("li", {
           key: d.source,
           class: "relative"
         }, [
-          t("div", _d, [
+          t("div", Id, [
             t("img", {
               src: d.source,
               alt: "",
@@ -4901,11 +4901,11 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
             }, null, 8, qd)
           ]),
           t("p", Yd, u(d.title), 1),
-          t("div", Rd, [
-            t("p", Hd, u(d.size), 1),
+          t("div", Hd, [
+            t("p", Rd, u(d.size), 1),
             m(O, {
               class: "cursor-pointer",
-              icon: f(Ne),
+              icon: f(_e),
               color: "red",
               loading: !1,
               onClick: (c) => r.$emit("deleteImage", d)
@@ -5033,8 +5033,8 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
   setup(e, { emit: g }) {
     const i = g, o = e, a = P((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
     let r = he(o.dates || { from: "", to: a });
-    Z(() => o.dates, (H) => {
-      H && (r = H);
+    Z(() => o.dates, (R) => {
+      R && (r = R);
     });
     let n = {
       chart: {
@@ -5068,24 +5068,24 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
         }
       }
     };
-    const d = () => ({ ...n, ...o.options }), c = A(() => o.series), b = A(() => d()), p = () => i("chartUpdated"), C = (H, T, V) => {
-      i("dataPointSelection", { id: o.id, chartContext: T, config: V, event: H });
-    }, _ = () => {
+    const d = () => ({ ...n, ...o.options }), c = z(() => o.series), b = z(() => d()), p = () => i("chartUpdated"), C = (R, D, V) => {
+      i("dataPointSelection", { id: o.id, chartContext: D, config: V, event: R });
+    }, I = () => {
       r.from !== "" && r.to !== "" && Y(r.from).isBefore(Y(r.to)) && i("selectedRange", { range: r, chartId: o.id });
     };
-    return (H, T) => (l(), s($, null, [
-      z(t("div", {
+    return (R, D) => (l(), s($, null, [
+      T(t("div", {
         class: v(["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", sc, [
           t("div", ac, u(e.title), 1),
           t("div", nc, [
             t("div", oc, [
-              z(t("input", {
+              T(t("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": T[0] || (T[0] = (V) => f(r).from = V),
+                "onUpdate:modelValue": D[0] || (D[0] = (V) => f(r).from = V),
                 max: a.value.toString(),
-                onChange: _,
+                onChange: I,
                 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"
@@ -5094,11 +5094,11 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
               ])
             ]),
             t("div", rc, [
-              z(t("input", {
+              T(t("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": T[1] || (T[1] = (V) => f(r).to = V),
+                "onUpdate:modelValue": D[1] || (D[1] = (V) => f(r).to = V),
                 max: a.value.toString(),
-                onChange: _,
+                onChange: I,
                 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"
@@ -5111,11 +5111,11 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
               size: "big",
               loading: e.loading,
               icon: f(ht),
-              onClick: T[2] || (T[2] = (V) => H.$emit("maximizeChart", e.id))
+              onClick: D[2] || (D[2] = (V) => R.$emit("maximizeChart", e.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
-        z(t("div", cc, [
+        T(t("div", cc, [
           m(Je, {
             class: "flex items-center justify-center mt-4",
             type: "donut",
@@ -5129,21 +5129,21 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
         ], 512), [
           [L, !e.empty]
         ]),
-        z(t("div", uc, [
+        T(t("div", uc, [
           m(O, {
             icon: f(ee),
             color: "gray",
             loading: !1,
             size: "huge"
           }, null, 8, ["icon"]),
-          T[3] || (T[3] = t("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
+          D[3] || (D[3] = t("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
         ], 512), [
           [L, e.empty]
         ])
       ], 2), [
         [L, !e.loading]
       ]),
-      z(t("div", gc, [...T[4] || (T[4] = [
+      T(t("div", gc, [...D[4] || (D[4] = [
         t("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -5392,7 +5392,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
         ], 2),
         t("h3", Bc, [
           j(u(e.name) + " ", 1),
-          z(t("span", {
+          T(t("span", {
             class: "text-black hover:text-lime-400 underline cursor-pointer",
             onClick: o[0] || (o[0] = (a) => i.$emit("deviceStatusQtyClicked", e.id))
           }, "(" + u(e.qty) + ")", 513), [
@@ -5418,7 +5418,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
       ])
     ]));
   }
-}), Fc = { class: "fixed inset-0 flex" }, Oc = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, Nc = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, Ic = { class: "lg:pl-[25rem]" }, _c = { class: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8" }, Vc = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, qc = { class: "flex items-center gap-x-4 lg:gap-x-6" }, Yc = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, Rc = ["src"], Hc = { class: "hidden lg:flex lg:items-center" }, Uc = ["onClick"], Ec = { class: "py-7" }, Zc = { class: "px-7 lg:px-10" }, Wc = /* @__PURE__ */ M({
+}), Fc = { class: "fixed inset-0 flex" }, Oc = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, _c = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, Nc = { class: "lg:pl-[25rem]" }, Ic = { 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" }, Vc = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, qc = { class: "flex items-center gap-x-4 lg:gap-x-6" }, Yc = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, Hc = ["src"], Rc = { class: "hidden lg:flex lg:items-center" }, Uc = ["onClick"], Ec = { class: "py-7" }, Zc = { class: "px-7 lg:px-10" }, Wc = /* @__PURE__ */ M({
   __name: "uiWrapper",
   props: {
     topbar: {},
@@ -5494,7 +5494,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
                           ]),
                           _: 1
                         }),
-                        m(_e, {
+                        m(Ie, {
                           productsSidebar: e.sidebar.productsSidebar,
                           isFilterNavigation: e.sidebar.isFilterNavigation,
                           navigation: e.sidebar.navigation,
@@ -5519,8 +5519,8 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
         ]),
         _: 1
       }, 8, ["show"]),
-      t("div", Nc, [
-        m(_e, {
+      t("div", _c, [
+        m(Ie, {
           productsSidebar: e.sidebar.productsSidebar,
           isFilterNavigation: e.sidebar.isFilterNavigation,
           navigation: e.sidebar.navigation,
@@ -5533,8 +5533,8 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
           onInputChanged: d[7] || (d[7] = (c) => n.$emit("inputChanged", c))
         }, null, 8, ["productsSidebar", "isFilterNavigation", "navigation", "filterNavigation", "logo"])
       ]),
-      t("div", Ic, [
-        t("div", _c, [
+      t("div", Nc, [
+        t("div", Ic, [
           t("button", {
             type: "button",
             class: "-m-2.5 p-2.5 text-gray-700 lg:hidden",
@@ -5565,7 +5565,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
                 onClick: d[9] || (d[9] = (c) => o("bellClick"))
               }, [
                 d[14] || (d[14] = t("span", { class: "sr-only" }, "View notifications", -1)),
-                z(t("div", Yc, [...d[13] || (d[13] = [
+                T(t("div", Yc, [...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), [
                   [L, e.topbar.alerted]
@@ -5591,8 +5591,8 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
                         class: "h-8 w-8 rounded-full bg-gray-50",
                         src: e.topbar.accountLogo,
                         alt: ""
-                      }, null, 8, Rc),
-                      t("span", Hc, [
+                      }, null, 8, Hc),
+                      t("span", Rc, [
                         m(f(ne), {
                           class: "ml-2 h-5 w-5 text-gray-400",
                           "aria-hidden": "true"
@@ -5610,9 +5610,9 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
                     "leave-to-class": "transform opacity-0 scale-95"
                   }, {
                     default: h(() => [
-                      m(f(Re), { 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(He), { 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: h(() => [
-                          (l(!0), s($, null, S(e.topbar.profileMenu, (c) => (l(), k(f(He), {
+                          (l(!0), s($, null, S(e.topbar.profileMenu, (c) => (l(), k(f(Re), {
                             key: c.name
                           }, {
                             default: h(({ active: b }) => [
@@ -5827,7 +5827,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
               _: 1
             })
           ]),
-          z(t("p", {
+          T(t("p", {
             class: v([{
               "text-gray-400": e.color === "gray",
               "text-red-600": e.color === "red",
@@ -5854,11 +5854,11 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
   },
   emits: ["compareButtonClicked", "filesUploaded", "checkboxChanged", "generateNewFile"],
   setup(e, { emit: g }) {
-    const i = e, o = g, a = A(() => i.toCompare && Object.keys(i.toCompare).length > 0 && i.toCompare.constructor === Object), r = A(() => a.value ? Object.entries(i.toCompare).map(([b, p]) => ({
+    const i = e, o = g, a = z(() => i.toCompare && Object.keys(i.toCompare).length > 0 && i.toCompare.constructor === Object), r = z(() => a.value ? Object.entries(i.toCompare).map(([b, p]) => ({
       name: b,
       commands: p
-    })) : []), n = (b, p, C, _) => {
-      o("checkboxChanged", b, p, C, _);
+    })) : []), n = (b, p, C, I) => {
+      o("checkboxChanged", b, p, C, I);
     }, d = () => {
       o("compareButtonClicked");
     }, c = () => {
@@ -5867,7 +5867,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
     return (b, p) => (l(), s("div", nu, [
       t("div", ou, [
         t("div", iu, [
-          m(Ie, {
+          m(Ne, {
             name: "file1",
             id: "file1",
             placeholder: e.literals.inputFile1Placeholder,
@@ -5878,7 +5878,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
             icon: f(Xe),
             onFilesUploaded: p[0] || (p[0] = (C) => o("filesUploaded", C))
           }, null, 8, ["placeholder", "dragAndDrop", "fileTypesAndSizes", "icon"]),
-          m(Ie, {
+          m(Ne, {
             name: "file2",
             id: "file2",
             placeholder: e.literals.inputFile2Placeholder,
@@ -5922,14 +5922,14 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
           class: "p-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"
         }, [
           m(f(Te), null, {
-            default: h(({ open: _ }) => [
+            default: h(({ open: I }) => [
               m(f(le), { class: "flex items-center justify-between w-full" }, {
                 default: h(() => [
                   t("h2", cu, u(C.name), 1),
                   m(O, {
                     icon: f(ne),
                     loading: !1,
-                    class: v(["cursor-pointer transition-transform duration-300 ease-in-out", { "rotate-180 transform": _ }])
+                    class: v(["cursor-pointer transition-transform duration-300 ease-in-out", { "rotate-180 transform": I }])
                   }, null, 8, ["icon", "class"])
                 ]),
                 _: 2
@@ -5940,16 +5940,16 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
                     t("div", gu, [
                       t("p", mu, u(e.literals.file1Content), 1),
                       t("div", fu, [
-                        (l(!0), s($, null, S(C.commands[0]?.entries || [], (H, T) => (l(), k(re, {
-                          key: `file1_${C.name}_${T}`,
-                          name: `file1_${C.name}_${T}`,
-                          id: `file1_${C.name}_${T}`,
+                        (l(!0), s($, null, S(C.commands[0]?.entries || [], (R, D) => (l(), k(re, {
+                          key: `file1_${C.name}_${D}`,
+                          name: `file1_${C.name}_${D}`,
+                          id: `file1_${C.name}_${D}`,
                           loading: !1,
-                          value: `file1_${C.name}_${T}`,
-                          onCheckboxChanged: (V) => n(C.name, "1", T, V.checked)
+                          value: `file1_${C.name}_${D}`,
+                          onCheckboxChanged: (V) => n(C.name, "1", D, V.checked)
                         }, {
                           default: h(() => [
-                            j(u(H), 1)
+                            j(u(R), 1)
                           ]),
                           _: 2
                         }, 1032, ["name", "id", "value", "onCheckboxChanged"]))), 128))
@@ -5958,16 +5958,16 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
                     t("div", hu, [
                       t("p", yu, u(e.literals.file2Content), 1),
                       t("div", bu, [
-                        (l(!0), s($, null, S(C.commands[1]?.entries || [], (H, T) => (l(), k(re, {
-                          key: `file2_${C.name}_${T}`,
-                          name: `file2_${C.name}_${T}`,
-                          id: `file2_${C.name}_${T}`,
+                        (l(!0), s($, null, S(C.commands[1]?.entries || [], (R, D) => (l(), k(re, {
+                          key: `file2_${C.name}_${D}`,
+                          name: `file2_${C.name}_${D}`,
+                          id: `file2_${C.name}_${D}`,
                           loading: !1,
-                          value: `file2_${C.name}_${T}`,
-                          onCheckboxChanged: (V) => n(C.name, "2", T, V.checked)
+                          value: `file2_${C.name}_${D}`,
+                          onCheckboxChanged: (V) => n(C.name, "2", D, V.checked)
                         }, {
                           default: h(() => [
-                            j(u(H), 1)
+                            j(u(R), 1)
                           ]),
                           _: 2
                         }, 1032, ["name", "id", "value", "onCheckboxChanged"]))), 128))
@@ -6017,14 +6017,14 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
   key: 0,
   class: "absolute left-4 top-4 -ml-px mt-0.5 h-full w-0.5 bg-gray-300",
   "aria-hidden": "true"
-}, Fu = ["onClick"], Ou = { class: "ml-4 flex min-w-0 flex-col text-left" }, Nu = { class: "text-sm font-medium text-left" }, Iu = { class: "text-sm text-left" }, _u = /* @__PURE__ */ M({
+}, Fu = ["onClick"], Ou = { class: "ml-4 flex min-w-0 flex-col text-left" }, _u = { class: "text-sm font-medium text-left" }, Nu = { class: "text-sm text-left" }, Iu = /* @__PURE__ */ M({
   __name: "uiSteps",
   props: {
     steps: {}
   },
   emits: ["stepCompleted", "stepCurrent", "stepUpcoming", "stepClick"],
   setup(e, { emit: g }) {
-    const i = e, o = g, a = A(() => i.steps.map((n) => ({
+    const i = e, o = g, a = z(() => i.steps.map((n) => ({
       ...n,
       // Solo mantener el status si es "complete" o "current", de lo contrario usar "upcoming"
       status: n.status === "complete" || n.status === "current" ? n.status : "upcoming"
@@ -6099,8 +6099,8 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
                 ])
               ], -1)),
               t("span", Ou, [
-                t("span", Nu, u(c.name), 1),
-                t("span", Iu, u(c.description), 1)
+                t("span", _u, u(c.name), 1),
+                t("span", Nu, u(c.description), 1)
               ])
             ], 8, Fu)
           ], 64))
@@ -6108,8 +6108,47 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
       ])
     ]));
   }
+}), Vu = { class: "grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8" }, qu = { class: "text-center" }, Yu = { class: "mt-4 text-balance text-5xl font-semibold tracking-tight text-gray-900 sm:text-7xl" }, Hu = { class: "mt-6 text-pretty text-lg font-medium text-gray-500 sm:text-xl/8" }, Ru = { class: "mt-10 flex items-center justify-center gap-x-6" }, Uu = ["href"], Eu = /* @__PURE__ */ M({
+  __name: "ui404",
+  props: {
+    lang: { default: "esp" },
+    supportLink: { default: "https://www.hotelinking.com/soporte-24-7/" }
+  },
+  setup(e) {
+    const g = e, i = {
+      esp: {
+        title: "Página no encontrada",
+        description: "Lo sentimos, no pudimos encontrar la página que estás buscando.",
+        goBackHome: "Volver al inicio",
+        contactSupport: "Contactar soporte"
+      },
+      eng: {
+        title: "Page not found",
+        description: "Sorry, we couldn't find the page you're looking for.",
+        goBackHome: "Go back home",
+        contactSupport: "Contact support"
+      }
+    }, o = z(() => i[g.lang]);
+    return (a, r) => (l(), s("main", Vu, [
+      t("div", qu, [
+        r[1] || (r[1] = t("p", { class: "text-base font-semibold text-lime-400" }, "404", -1)),
+        t("h1", Yu, u(o.value.title), 1),
+        t("p", Hu, u(o.value.description), 1),
+        t("div", Ru, [
+          t("a", {
+            href: e.supportLink,
+            class: "text-sm font-semibold text-gray-900"
+          }, [
+            j(u(o.value.contactSupport) + " ", 1),
+            r[0] || (r[0] = t("span", { "aria-hidden": "true" }, "→", -1))
+          ], 8, Uu)
+        ])
+      ])
+    ]));
+  }
 }), nt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
+  ui404: Eu,
   uiAlert: sa,
   uiBreadcrumbs: kt,
   uiButton: J,
@@ -6129,7 +6168,7 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
   uiGallery: Ed,
   uiIcon: O,
   uiInput: ae,
-  uiInputFile: Ie,
+  uiInputFile: Ne,
   uiLoadingScreen: ko,
   uiModal: Me,
   uiNoResults: St,
@@ -6142,50 +6181,51 @@ const wo = /* @__PURE__ */ be(vo, [["render", po]]), ko = /* @__PURE__ */ M({
   uiSelectMultiple: au,
   uiSelect_v2: ue,
   uiSidebar: Fo,
-  uiSidebarV2: _e,
+  uiSidebarV2: Ie,
   uiStats: Ct,
-  uiSteps: _u,
+  uiSteps: Iu,
   uiStripedCard: pi,
   uiTable: hr,
   uiTabs: kr,
   uiTag: Q,
   uiTaskList: Va,
   uiTextArea: Bs,
-  uiTimeline: Hr,
+  uiTimeline: Rr,
   uiToggle: Ts,
   uiTopbar: gd,
   uiViewHeader: Ws,
   uiWrapper: Wc
-}, Symbol.toStringTag, { value: "Module" })), Vu = [
+}, Symbol.toStringTag, { value: "Module" })), Zu = [
   "primary",
   "secondary",
   "light",
   "green",
   "yellow",
   "red"
-], Ju = [
+], l0 = [
   "text",
   "email",
   "password",
   "number",
   "date",
   "datetime-local"
-], qu = ["black", "gray", "white"], Gu = [...Vu, ...qu], Yu = ["small", "medium", "big"], Ru = ["bigger", "huge", "massive"], Qu = [...Yu, ...Ru], Ku = ["default", "success", "warning", "danger"];
-function Hu(e) {
+], Wu = ["black", "gray", "white"], s0 = [...Zu, ...Wu], Ju = ["small", "medium", "big"], Gu = ["bigger", "huge", "massive"], a0 = [...Ju, ...Gu], n0 = ["default", "success", "warning", "danger"];
+function Qu(e) {
   for (const g in nt)
     e.component(g, nt[g]);
 }
-const Xu = { install: Hu };
+const o0 = { install: Qu };
 export {
-  Gu as AllColors,
-  Qu as AllSizes,
-  Ru as BiggerSizes,
-  Vu as Colors,
-  qu as MonoColors,
-  Yu as Sizes,
-  Ku as Types,
-  Ju as UiInputTypes,
-  Xu as default,
+  s0 as AllColors,
+  a0 as AllSizes,
+  Gu as BiggerSizes,
+  Zu as Colors,
+  Wu as MonoColors,
+  Ju as Sizes,
+  n0 as Types,
+  l0 as UiInputTypes,
+  o0 as default,
+  Eu as ui404,
   sa as uiAlert,
   kt as uiBreadcrumbs,
   J as uiButton,
@@ -6205,7 +6245,7 @@ export {
   Ed as uiGallery,
   O as uiIcon,
   ae as uiInput,
-  Ie as uiInputFile,
+  Ne as uiInputFile,
   ko as uiLoadingScreen,
   Me as uiModal,
   St as uiNoResults,
@@ -6218,16 +6258,16 @@ export {
   au as uiSelectMultiple,
   ue as uiSelect_v2,
   Fo as uiSidebar,
-  _e as uiSidebarV2,
+  Ie as uiSidebarV2,
   Ct as uiStats,
-  _u as uiSteps,
+  Iu as uiSteps,
   pi as uiStripedCard,
   hr as uiTable,
   kr as uiTabs,
   Q as uiTag,
   Va as uiTaskList,
   Bs as uiTextArea,
-  Hr as uiTimeline,
+  Rr as uiTimeline,
   Ts as uiToggle,
   gd as uiTopbar,
   Ws as uiViewHeader,