@hotelinking/ui 16.49.19 → 16.49.21

package/dist/ui.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as A, createBlock as w, createElementBlock as s, openBlock as l, resolveDynamicComponent as Fe, normalizeClass as x, computed as j, createCommentVNode as b, renderSlot as G, createElementVNode as t, ref as V, watch as Z, unref as f, withCtx as y, createVNode as m, toDisplayString as u, createTextVNode as B, Transition as we, Fragment as k, renderList as S, withDirectives as D, vModelDynamic as yl, vShow as O, withModifiers as ne, vModelText as xe, createStaticVNode as ee, resolveComponent as it, vModelCheckbox as yt, onMounted as Oe, mergeProps as Le, reactive as ke, normalizeStyle as qe, nextTick as be, onUnmounted as bl, TransitionGroup as vl, isRef as bt } from "vue";
+import { defineComponent as T, createBlock as w, createElementBlock as s, openBlock as l, resolveDynamicComponent as Fe, normalizeClass as x, computed as A, createCommentVNode as b, renderSlot as G, createElementVNode as t, ref as V, watch as Z, unref as f, withCtx as y, createVNode as m, toDisplayString as u, createTextVNode as B, Transition as we, Fragment as k, renderList as S, withDirectives as L, vModelDynamic as yl, vShow as O, withModifiers as ne, vModelText as xe, createStaticVNode as ee, resolveComponent as it, vModelCheckbox as yt, onMounted as Oe, mergeProps as Le, reactive as ke, normalizeStyle as qe, nextTick as be, onUnmounted as bl, TransitionGroup as vl, isRef as bt } from "vue";
 import { Menu as Ze, MenuButton as We, MenuItems as Ge, MenuItem as Je, Combobox as vt, ComboboxLabel as xt, ComboboxInput as pt, ComboboxButton as wt, ComboboxOptions as kt, ComboboxOption as $t, SwitchGroup as xl, Switch as pl, SwitchLabel as wl, TransitionRoot as Ke, Dialog as Qe, TransitionChild as ce, DialogPanel as Xe, DialogTitle as Ct, Disclosure as _e, DisclosureButton as se, DisclosurePanel as Ie, Popover as kl, PopoverButton as $l, PopoverPanel as Cl, Listbox as Sl, ListboxLabel as Bl, ListboxButton as Ml, ListboxOptions as zl, ListboxOption as jl } from "@headlessui/vue";
 import Y from "dayjs";
 import Al from "@vueform/slider";
-const L = /* @__PURE__ */ A({
+const P = /* @__PURE__ */ T({
   __name: "uiIcon",
   props: {
     icon: {},
@@ -38,7 +38,7 @@ const L = /* @__PURE__ */ A({
       })
     }, null, 8, ["class"]));
   }
-}), Tl = ["disabled"], Dl = "group inline-flex items-center border border-transparent font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25 text-nowrap", U = /* @__PURE__ */ A({
+}), Tl = ["disabled"], Dl = "group inline-flex items-center border border-transparent font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25 text-nowrap", U = /* @__PURE__ */ T({
   __name: "uiButton",
   props: {
     block: { type: Boolean },
@@ -59,10 +59,10 @@ const L = /* @__PURE__ */ A({
       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"
-    }, n = j(() => {
+    }, n = A(() => {
       const a = [Dl];
       return g.color && i[g.color] && a.push(i[g.color]), g.size && o[g.size] && a.push(o[g.size]), g.block && a.push("w-full flex items-center justify-center"), a.join(" ");
-    }), r = j(() => [
+    }), r = A(() => [
       "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 (a, d) => e.loading ? (l(), s("button", {
@@ -70,7 +70,7 @@ const L = /* @__PURE__ */ A({
       class: x(r.value),
       type: "button"
     }, [
-      e.icon ? (l(), w(L, {
+      e.icon ? (l(), w(P, {
         key: 0,
         icon: e.icon,
         color: "white",
@@ -84,7 +84,7 @@ const L = /* @__PURE__ */ A({
       class: x(n.value),
       type: "button"
     }, [
-      e.icon ? (l(), w(L, {
+      e.icon ? (l(), w(P, {
         key: 0,
         icon: e.icon,
         class: "-ml-0.5 mr-2",
@@ -100,7 +100,7 @@ const L = /* @__PURE__ */ A({
 }, Pl = { class: "flex items-center h-5" }, Fl = ["checked", "value", "disabled"], Ol = { class: "ml-3 text-sm" }, _l = { class: "text-black" }, Il = {
   key: 1,
   class: "flex items-center animate-pulse"
-}, ue = /* @__PURE__ */ A({
+}, ue = /* @__PURE__ */ T({
   __name: "uiCheckbox",
   props: {
     check: { type: Boolean, default: !1 },
@@ -714,7 +714,7 @@ const ts = {
 }, ss = { class: "-py-1" }, ns = ["onClick"], as = {
   key: 1,
   class: "animate-pulse px-4 py-2 bg-gray-200 rounded-md inline-flex items-center relative text-left h-10"
-}, ge = /* @__PURE__ */ A({
+}, ge = /* @__PURE__ */ T({
   __name: "uiDropdown",
   props: {
     items: {},
@@ -727,7 +727,7 @@ const ts = {
   },
   emits: ["optionSelected"],
   setup(e, { emit: g }) {
-    const i = g, o = e, n = j(() => {
+    const i = g, o = e, n = A(() => {
       let a = o.items.find((d) => d.active === !0);
       return a ? a.name : o.label;
     }), r = (a) => {
@@ -825,7 +825,7 @@ const ts = {
 }, ms = {
   key: 0,
   class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5"
-}, ae = /* @__PURE__ */ A({
+}, ae = /* @__PURE__ */ T({
   __name: "uiInput",
   props: {
     label: {},
@@ -871,7 +871,7 @@ const ts = {
           onClick: d[0] || (d[0] = (c) => a.$emit("addOnClicked")),
           class: "inline-flex items-center px-3 rounded-l-md border border-r-0 border-gray-800 bg-black text-white hover:text-black hover:bg-lime-400 sm:text-sm cursor-pointer"
         }, u(e.addOn), 1)) : b("", !0),
-        D(t("input", {
+        L(t("input", {
           "onUpdate:modelValue": d[1] || (d[1] = (c) => n.value = c),
           max: e.max,
           class: x([{
@@ -904,27 +904,27 @@ const ts = {
           class: "inline-flex items-center px-3 rounded-r-md border border-l-0 border-black bg-black hover:bg-lime-400 hover:text-black text-white sm:text-sm cursor-pointer"
         }, u(e.rightAddOn), 1)) : b("", !0),
         t("div", us, [
-          e.icon ? (l(), w(L, {
+          e.icon ? (l(), w(P, {
             key: 0,
             icon: e.icon,
             color: e.color,
             loading: e.loading
           }, null, 8, ["icon", "color", "loading"])) : b("", !0),
-          D(m(L, {
+          L(m(P, {
             icon: f(et),
             color: "green",
             loading: e.loading
           }, null, 8, ["icon", "loading"]), [
             [O, e.color === "green"]
           ]),
-          D(m(L, {
+          L(m(P, {
             icon: f(te),
             color: "yellow",
             loading: e.loading
           }, null, 8, ["icon", "loading"]), [
             [O, e.color === "yellow"]
           ]),
-          D(m(L, {
+          L(m(P, {
             icon: f(ie),
             color: "red",
             loading: e.loading
@@ -933,7 +933,7 @@ const ts = {
           ])
         ])
       ], 2),
-      D(t("p", {
+      L(t("p", {
         class: x([{
           "text-gray-400": e.color === "gray",
           "text-red-600": e.color === "red",
@@ -954,7 +954,7 @@ const ts = {
 }, vs = { class: "space-y-1 flex flex-col items-center justify-center" }, xs = { class: "flex text-sm flex-col sm:flex-row text-center" }, ps = ["for"], ws = ["id", "name", "accept"], ks = { class: "pl-1" }, $s = { class: "text-xs pb-4" }, Cs = { class: "mt-2 text-xs flex flex-row items-center text-red-600" }, Ss = {
   key: 1,
   class: "animate-pulse"
-}, Ee = /* @__PURE__ */ A({
+}, Ee = /* @__PURE__ */ T({
   __name: "uiInputFile",
   props: {
     name: {},
@@ -1008,7 +1008,7 @@ const ts = {
         onDrop: ne(r, ["prevent"])
       }, [
         t("div", vs, [
-          m(L, {
+          m(P, {
             icon: e.icon,
             size: "massive",
             color: "black",
@@ -1035,13 +1035,13 @@ const ts = {
             t("p", ks, u(e.dragAndDrop), 1)
           ]),
           t("p", $s, u(e.fileTypesAndSizes), 1),
-          D(t("p", { class: "font-bold text-xs uppercase block p-2 bg-lime-50 rounded" }, u(f(i)), 513), [
+          L(t("p", { class: "font-bold text-xs uppercase block p-2 bg-lime-50 rounded" }, u(f(i)), 513), [
             [O, f(i) !== null]
           ])
         ])
       ], 34),
-      D(t("p", Cs, [
-        m(L, {
+      L(t("p", Cs, [
+        m(P, {
           icon: f(Ve),
           color: "red",
           class: "mr-2",
@@ -1059,7 +1059,7 @@ const ts = {
 }, zs = { class: "relative" }, js = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full"
-}, As = /* @__PURE__ */ A({
+}, As = /* @__PURE__ */ T({
   __name: "uiSelect",
   props: {
     items: {},
@@ -1075,9 +1075,9 @@ const ts = {
   },
   emits: ["selectChanged"],
   setup(e, { expose: g, emit: i }) {
-    const o = V(""), n = i, r = e, a = j(() => o.value === "" ? r.items : r.items.filter((p) => p.name.toLowerCase().includes(o.value.toLowerCase()))), d = (p) => p?.name ?? "", c = (p) => {
+    const o = V(""), n = i, r = e, a = A(() => o.value === "" ? r.items : r.items.filter((p) => p.name.toLowerCase().includes(o.value.toLowerCase()))), d = (p) => p?.name ?? "", c = (p) => {
       n("selectChanged", p);
-    }, v = j({
+    }, v = A({
       get: () => r.select,
       set: (p) => {
         c(p);
@@ -1150,7 +1150,7 @@ const ts = {
                 value: N,
                 as: "template"
               }, {
-                default: y(({ active: E, selected: P }) => [
+                default: y(({ active: E, selected: M }) => [
                   t("li", {
                     class: x([
                       "relative cursor-default select-none py-2 pl-3 pr-9",
@@ -1158,9 +1158,9 @@ const ts = {
                     ])
                   }, [
                     t("span", {
-                      class: x(["block truncate", P && "font-semibold"])
+                      class: x(["block truncate", M && "font-semibold"])
                     }, u(N.name), 3),
-                    P ? (l(), s("span", {
+                    M ? (l(), s("span", {
                       key: 0,
                       class: x([
                         "absolute inset-y-0 right-0 flex items-center pr-4",
@@ -1181,7 +1181,7 @@ const ts = {
             _: 1
           })) : b("", !0)
         ]),
-        D(t("p", {
+        L(t("p", {
           class: x([{
             "text-gray-400": e.color === "gray",
             "text-red-600": e.color === "red",
@@ -1229,7 +1229,7 @@ function Ts(e, g) {
 const Ds = { class: "flex justify-between" }, Ls = {
   key: 0,
   class: "text-[10px] uppercase justify-self-end self-center"
-}, ve = /* @__PURE__ */ A({
+}, ve = /* @__PURE__ */ T({
   __name: "uiSelect_v2",
   props: {
     items: {},
@@ -1245,7 +1245,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
   },
   emits: ["selectChanged"],
   setup(e, { emit: g }) {
-    const i = e, o = g, n = V(""), r = V(i.select), a = j(
+    const i = e, o = g, n = V(""), r = V(i.select), a = A(
       () => n.value === "" ? i.items : i.items.filter((c) => {
         const v = n.value.toLowerCase();
         return c.name.toLowerCase().includes(v) || (c.label?.toLowerCase().includes(v) ?? !1);
@@ -1345,7 +1345,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
             _: 1
           })) : b("", !0)
         ], 2),
-        D(t("p", {
+        L(t("p", {
           class: x([{
             // Colores de texto de error según la prop color
             "text-gray-400": e.color === "gray",
@@ -1363,7 +1363,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }), Ps = {
   key: 1,
   class: "inline-flex items-center px-3 py-2.5 rounded text-xs font-medium leading-none animate-pulse bg-gray-200"
-}, J = /* @__PURE__ */ A({
+}, J = /* @__PURE__ */ T({
   __name: "uiTag",
   props: {
     color: { default: "primary" },
@@ -1411,7 +1411,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }, Vs = ["disabled", "placeholder"], Ns = {
   key: 1,
   class: "animate-pulse"
-}, Rs = /* @__PURE__ */ A({
+}, Rs = /* @__PURE__ */ T({
   __name: "uiTextArea",
   props: {
     name: {},
@@ -1442,7 +1442,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
       t("div", {
         class: x({ "mt-1": e.label })
       }, [
-        D(t("textarea", {
+        L(t("textarea", {
           disabled: e.disabled,
           rows: "4",
           "onUpdate:modelValue": d[0] || (d[0] = (c) => r.value = c),
@@ -1464,7 +1464,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
           [xe, r.value]
         ])
       ], 2),
-      D(t("p", {
+      L(t("p", {
         class: x([{
           "text-gray-300": e.color === "gray",
           "text-red-600": e.color === "red",
@@ -1472,7 +1472,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
           "text-green-600": e.color === "green"
         }, "mt-2 text-xs flex flex-row items-center"])
       }, [
-        m(L, {
+        m(P, {
           icon: f(Ve),
           color: "red",
           class: "mr-2",
@@ -1490,7 +1490,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }, Ys = {
   key: 1,
   class: "animate-pulse flex items-center"
-}, Es = /* @__PURE__ */ A({
+}, Es = /* @__PURE__ */ T({
   __name: "uiToggle",
   props: {
     item: {},
@@ -1567,7 +1567,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }, Ks = ["onClick"], Qs = {
   key: 1,
   class: "flex flex-row items-center animate-pulse"
-}, Dt = /* @__PURE__ */ A({
+}, Dt = /* @__PURE__ */ T({
   __name: "uiBreadcrumbs",
   props: {
     pages: {},
@@ -1624,7 +1624,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }, dn = {
   key: 1,
   class: "animate-pulse mb-12"
-}, cn = /* @__PURE__ */ A({
+}, cn = /* @__PURE__ */ T({
   __name: "uiViewHeader",
   props: {
     pages: {},
@@ -1683,7 +1683,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }, gn = { class: "flex" }, mn = { class: "flex-shrink-0" }, fn = { class: "ml-3" }, hn = { class: "mt-4" }, yn = { class: "-my-1.5 -mx-2 gap-x-2 flex" }, bn = ["onClick"], vn = {
   key: 1,
   class: "flex flex-col animate-pulse"
-}, xn = /* @__PURE__ */ A({
+}, xn = /* @__PURE__ */ T({
   __name: "uiAlert",
   props: {
     actions: {},
@@ -1776,7 +1776,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }, Sn = {
   key: 1,
   class: "rounded-lg bg-white shadow p-6 cursor-pointer animate-pulse h-full flex flex-col"
-}, Bn = /* @__PURE__ */ A({
+}, Bn = /* @__PURE__ */ T({
   __name: "uiCard",
   props: {
     id: {},
@@ -1841,7 +1841,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }, Nn = { class: "flex flex-col xl:flex-row xl:flex-wrap items-stretch xl:items-center gap-2" }, Rn = {
   key: 1,
   class: "rounded-lg bg-white shadow p-6 animate-pulse h-full flex flex-col"
-}, qn = { class: "flex items-center justify-between mb-4" }, Hn = { class: "flex items-center gap-3" }, Yn = { class: "flex flex-col pt-4 border-t border-gray-200 mt-auto" }, En = { class: "flex flex-col xl:flex-row xl:flex-wrap items-stretch xl:items-center gap-2" }, Un = /* @__PURE__ */ A({
+}, qn = { class: "flex items-center justify-between mb-4" }, Hn = { class: "flex items-center gap-3" }, Yn = { class: "flex flex-col pt-4 border-t border-gray-200 mt-auto" }, En = { class: "flex flex-col xl:flex-row xl:flex-wrap items-stretch xl:items-center gap-2" }, Un = /* @__PURE__ */ T({
   __name: "uiCardWithImage",
   props: {
     id: {},
@@ -1912,7 +1912,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
     ])) : (l(), s("div", Mn, [
       t("div", zn, [
         t("div", jn, [
-          m(L, {
+          m(P, {
             icon: e.icon || f(Zl),
             size: "medium",
             color: "primary",
@@ -1936,7 +1936,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
           class: "p-1 hover:bg-gray-100 rounded transition-colors",
           type: "button"
         }, [
-          m(L, {
+          m(P, {
             icon: f(Ul),
             size: "medium",
             color: "primary",
@@ -1950,14 +1950,14 @@ const Ds = { class: "flex justify-between" }, Ls = {
       ]),
       t("div", Ln, [
         o.value ? (l(), s("div", Pn, [
-          m(L, {
+          m(P, {
             icon: f(Xl),
             size: "bigger",
             color: "gray",
             loading: !1
           }, null, 8, ["icon"])
         ])) : b("", !0),
-        D(t("img", {
+        L(t("img", {
           src: e.image,
           alt: e.title,
           class: "w-full h-36 object-cover rounded-lg",
@@ -2021,7 +2021,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
       ])
     ]));
   }
-}), Zn = /* @__PURE__ */ A({
+}), Zn = /* @__PURE__ */ T({
   __name: "uiFilter",
   props: {
     items: {},
@@ -2048,7 +2048,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }), Wn = { class: "fixed inset-0 z-10 overflow-y-auto" }, Gn = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Jn = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, Kn = { class: "sm:flex sm:items-start" }, Qn = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full break-words" }, Xn = { class: "mt-4 text-gray-500 text-sm" }, ea = {
   key: 0,
   class: "mt-8"
-}, ta = ["onClick"], Pe = /* @__PURE__ */ A({
+}, ta = ["onClick"], Pe = /* @__PURE__ */ T({
   __name: "uiModal",
   props: {
     title: {},
@@ -2116,7 +2116,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
                             onClick: a[0] || (a[0] = (d) => n("close"))
                           }, [
                             a[3] || (a[3] = t("span", { class: "sr-only" }, "X", -1)),
-                            m(L, {
+                            m(P, {
                               icon: f(ie),
                               "aria-hidden": "true",
                               loading: e.loading
@@ -2132,25 +2132,25 @@ const Ds = { class: "flex justify-between" }, Ls = {
                               "bg-yellow-100": e.type === "warning"
                             }])
                           }, [
-                            D(m(f(ie), {
+                            L(m(f(ie), {
                               class: "h-6 w-6 text-red-600",
                               "aria-hidden": "true"
                             }, null, 512), [
                               [O, e.type === "danger"]
                             ]),
-                            D(m(f(et), {
+                            L(m(f(et), {
                               class: "h-6 w-6 text-green-600",
                               "aria-hidden": "true"
                             }, null, 512), [
                               [O, e.type === "success"]
                             ]),
-                            D(m(f(te), {
+                            L(m(f(te), {
                               class: "h-6 w-6 text-yellow-600",
                               "aria-hidden": "true"
                             }, null, 512), [
                               [O, e.type === "warning"]
                             ]),
-                            D(m(f(Kl), {
+                            L(m(f(Kl), {
                               class: "h-6 w-6 text-black",
                               "aria-hidden": "true"
                             }, null, 512), [
@@ -2198,7 +2198,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }), la = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, sa = {
   key: 0,
   class: "max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
-}, na = { class: "p-4" }, aa = { class: "flex items-start" }, oa = { class: "flex-shrink-0 mt-0.5" }, ia = { class: "ml-3 w-0 flex-1 pt-0.5" }, ra = { class: "font-medium text-gray-900" }, da = { class: "mt-1 text-sm text-gray-500" }, ca = { class: "ml-4 flex-shrink-0 flex" }, ua = /* @__PURE__ */ A({
+}, na = { class: "p-4" }, aa = { class: "flex items-start" }, oa = { class: "flex-shrink-0 mt-0.5" }, ia = { class: "ml-3 w-0 flex-1 pt-0.5" }, ra = { class: "font-medium text-gray-900" }, da = { class: "mt-1 text-sm text-gray-500" }, ca = { class: "ml-4 flex-shrink-0 flex" }, ua = /* @__PURE__ */ T({
   __name: "uiNotification",
   props: {
     type: { default: "info" },
@@ -2209,7 +2209,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
   },
   emits: ["closeNotification"],
   setup(e, { emit: g }) {
-    const i = e, o = j(() => i.show);
+    const i = e, o = A(() => i.show);
     return (n, r) => (l(), s("div", {
       "aria-live": "assertive",
       class: x([{ fixed: e.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start z-[9999]"])
@@ -2228,25 +2228,25 @@ const Ds = { class: "flex justify-between" }, Ls = {
               t("div", na, [
                 t("div", aa, [
                   t("div", oa, [
-                    D(m(f(Mt), {
+                    L(m(f(Mt), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-green-600"
                     }, null, 512), [
                       [O, e.type === "success"]
                     ]),
-                    D(m(f(Ve), {
+                    L(m(f(Ve), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-red-600"
                     }, null, 512), [
                       [O, e.type === "danger"]
                     ]),
-                    D(m(f(te), {
+                    L(m(f(te), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-yellow-400"
                     }, null, 512), [
                       [O, e.type === "warning"]
                     ]),
-                    D(m(f(At), {
+                    L(m(f(At), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-black"
                     }, null, 512), [
@@ -2286,7 +2286,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }, ma = { class: "min-w-0" }, fa = { class: "flex items-start gap-x-3" }, ha = { class: "text-sm font-semibold leading-6 text-gray-900" }, ya = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, ba = { class: "truncate" }, va = { class: "flex flex-none items-center gap-x-4" }, xa = ["href"], pa = { class: "sr-only" }, wa = {
   key: 1,
   class: "divide-y divide-gray-100 animate-pulse"
-}, ka = /* @__PURE__ */ A({
+}, ka = /* @__PURE__ */ T({
   __name: "uiTaskList",
   props: {
     tasks: {},
@@ -2680,7 +2680,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
 }, xo = { class: "sr-only" }, po = ["onClick"], wo = { class: "sr-only" }, ko = {
   key: 1,
   class: "py-6 flex flex-row justify-between items-center animate-pulse"
-}, Pt = /* @__PURE__ */ A({
+}, Pt = /* @__PURE__ */ T({
   __name: "uiPagination",
   props: {
     current: {},
@@ -2690,11 +2690,11 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
   },
   emits: ["changePage"],
   setup(e, { emit: g }) {
-    const i = g, o = e, n = V(3), r = j(
+    const i = g, o = e, n = V(3), r = A(
       () => Math.max(1, Number(o.current) - Number(n.value))
-    ), a = j(
+    ), a = A(
       () => Math.min(Number(o.current) + Number(n.value), Number(o.total))
-    ), d = j(() => {
+    ), d = A(() => {
       let c = [];
       for (let v = Number(r.value); v <= Number(a.value); v++)
         c.push(v);
@@ -2727,7 +2727,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
         ]),
         t("div", null, [
           t("nav", vo, [
-            D(t("button", {
+            L(t("button", {
               ref: "test-first-button",
               onClick: v[0] || (v[0] = (p) => i("changePage", e.current - 1)),
               class: "relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
@@ -2750,7 +2750,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                 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, po))), 128)),
-            D(t("button", {
+            L(t("button", {
               ref: "test-last-button",
               onClick: v[1] || (v[1] = (p) => i("changePage", e.current + 1)),
               class: "relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
@@ -2824,7 +2824,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
 }, Ko = {
   key: 1,
   class: "flex flex-row justify-between items-center mt-4"
-}, Qo = { key: 0 }, Xo = /* @__PURE__ */ A({
+}, Qo = { key: 0 }, Xo = /* @__PURE__ */ T({
   __name: "uiPriceCalendar",
   props: {
     loading: { type: Boolean },
@@ -2847,29 +2847,29 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
     Z(() => i.today, ($) => {
       r.value = $;
     });
-    const d = j(() => {
+    const d = A(() => {
       let $ = [];
       for (let F = 0; F < 14; F++)
         $.push(Y(r.value).add(F, "day"));
       return $;
-    }), c = j(() => a.value.length > 0 && a.value.length < i.rooms.length), v = j(
+    }), c = A(() => a.value.length > 0 && a.value.length < i.rooms.length), v = A(
       () => i.paginationCurrent !== void 0 || i.paginationTotal !== void 0
-    ), p = j(
+    ), p = A(
       () => i.paginationCurrent !== void 0 && i.paginationTotal !== void 0 && i.paginationTotalItems !== void 0
-    ), C = j(
+    ), C = A(
       () => i.pageSizeOptions && i.pageSizeOptions.length > 0
-    ), N = j(() => i.pageSizeOptions ? i.pageSizeOptions.map(($) => ({
+    ), N = A(() => i.pageSizeOptions ? i.pageSizeOptions.map(($) => ({
       name: $.name,
       value: String($.value),
       active: !!($.active || i.currentPageSize && $.value === i.currentPageSize)
     })) : []), E = ($) => {
       Y($).isBefore(n.value) || (r.value = $, o("dateChanged", r.value));
-    }, P = ($) => {
+    }, M = ($) => {
       let F = i.category.selectionPrices.find((I) => Y(I.date).isSame($.date));
       return F ? F.price : $.price;
     }, R = ($) => {
       a.value = $.target.checked ? i.rooms.map((F) => F.id) : [];
-    }, K = () => o("changeCategoryBulkPrices"), re = ($) => o("changeCategorySelectionPrice", $), me = ($) => o("changeCategoryUpgradePrice", $), fe = ($) => o("tableAction", $), z = ($, F, I) => o("changeRoomPrice", { price: $, roomId: F, roomName: I }), q = ($) => {
+    }, K = () => o("changeCategoryBulkPrices"), re = ($) => o("changeCategorySelectionPrice", $), me = ($) => o("changeCategoryUpgradePrice", $), fe = ($) => o("tableAction", $), j = ($, F, I) => o("changeRoomPrice", { price: $, roomId: F, roomName: I }), q = ($) => {
       o("changePage", $);
     }, H = ($) => {
       o("changePageSize", $.value);
@@ -2998,7 +2998,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                   }, [
                     t("td", Eo, [
                       a.value.length > 0 ? (l(), s("div", Uo)) : b("", !0),
-                      D(t("input", {
+                      L(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,
@@ -3015,11 +3015,11 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                       key: le
                     }, [
                       m(Me, {
-                        onClick: (st) => z(W, I.id, I.name),
+                        onClick: (st) => j(W, I.id, I.name),
                         class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 cursor-pointer",
                         price: W,
                         currency: e.currency.symbol,
-                        basePrice: P(W)
+                        basePrice: M(W)
                       }, null, 8, ["onClick", "price", "currency", "basePrice"])
                     ]))), 128))
                   ], 2))), 128))
@@ -3073,7 +3073,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
       ])) : (l(), w(Lt, { key: 2 }))
     ], 64));
   }
-}), tt = /* @__PURE__ */ A({
+}), tt = /* @__PURE__ */ T({
   __name: "ApexChartWrapper",
   emits: ["updated", "mounted", "dataPointSelection"],
   setup(e) {
@@ -3098,7 +3098,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
 }), ei = { class: "chart-header flex flex-row items-center w-full justify-between" }, ti = { class: "text-lg font-bold truncate mr-8" }, li = {
   key: 0,
   class: "flex items-center gap-x-2 grow"
-}, si = { class: "self-center ml-2" }, ni = { class: "self-center ml-2" }, ai = { class: "self-center ml-2" }, oi = { class: "hidden sm:flex items-center" }, ii = { class: "w-1/2 min-w-0 flex-1" }, ri = ["max"], di = { class: "min-w-0 flex-1" }, ci = ["max"], ui = { class: "chart-content pb-6" }, gi = { class: "'w-full h-full flex items-center justify-center flex-col" }, mi = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, fi = /* @__PURE__ */ A({
+}, si = { class: "self-center ml-2" }, ni = { class: "self-center ml-2" }, ai = { class: "self-center ml-2" }, oi = { class: "hidden sm:flex items-center" }, ii = { class: "w-1/2 min-w-0 flex-1" }, ri = ["max"], di = { class: "min-w-0 flex-1" }, ci = ["max"], ui = { class: "chart-content pb-6" }, gi = { class: "'w-full h-full flex items-center justify-center flex-col" }, mi = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, fi = /* @__PURE__ */ T({
   __name: "uiChart",
   props: {
     labels: {},
@@ -3122,8 +3122,8 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
   setup(e, { emit: g }) {
     const i = g, o = V((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":"))), n = e;
     let r = ke(n.dates || { from: "", to: o });
-    Z(() => n.dates, (P) => {
-      P && (r = P);
+    Z(() => n.dates, (M) => {
+      M && (r = M);
     });
     let d = {
       chart: {
@@ -3132,14 +3132,19 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
         },
         zoom: {
           enabled: !0
+        },
+        animations: {
+          enabled: !0,
+          easing: "easeinout",
+          speed: 800
         }
       },
       colors: function() {
         return n.isNps ? [
-          function({ dataPointIndex: P }) {
-            if (P <= 5) return "#F87171";
-            if (P > 5 && P <= 7) return "#eab308";
-            if (P >= 8) return "#84cc16";
+          function({ dataPointIndex: M }) {
+            if (M <= 5) return "#F87171";
+            if (M > 5 && M <= 7) return "#eab308";
+            if (M >= 8) return "#84cc16";
           }
         ] : n.type === "rangeBar" ? ["#00E396", "#FEB019", "#FF4560"] : ["#000000", "#a3e635", "#38f7ea"];
       }(),
@@ -3176,14 +3181,73 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
           }
         }
       ]
-    }), n.type === "area" && (d.tooltip = { intersect: !1, shared: !0 });
-    const c = () => (d.chart.stacked = n.stacked, n.options && (n.options.xaxis.hideOverlappingLabels = !0, n.options.xaxis.decimalsInFloat = 2, n.options.xaxis.tickAmount = 10), { ...d, ...n.options, plotOptions: { bar: { horizontal: n.horizontal, rangeBarGroupRows: n.type === "rangeBar" } } }), v = () => {
+    }), n.type === "area" ? d.tooltip = { intersect: !1, shared: !0 } : n.type !== "rangeBar" && (d.tooltip = { intersect: !1, shared: !1 });
+    const c = () => {
+      d.chart.stacked = n.stacked, n.options && (n.options.xaxis.hideOverlappingLabels = !0, n.options.xaxis.decimalsInFloat = 2, n.options.xaxis.tickAmount = 10);
+      const M = { ...d, ...n.options };
+      return n.type === "rangeBar" ? (M.tooltip = {
+        enabled: !0,
+        shared: !1,
+        intersect: !1,
+        followCursor: !1
+      }, M.chart = {
+        ...M.chart,
+        animations: {
+          enabled: !1
+          // Deshabilitado para datasets grandes
+        },
+        toolbar: {
+          show: !1
+        },
+        zoom: {
+          enabled: !1
+          // Deshabilitado para evitar cálculos costosos
+        },
+        selection: {
+          enabled: !1
+          // Deshabilitado para mejor rendimiento
+        }
+      }, M.dataLabels = {
+        enabled: !1
+      }, M.markers = {
+        strokeWidth: 0,
+        size: 0,
+        hover: {
+          size: 0
+        }
+      }, M.plotOptions = {
+        bar: {
+          horizontal: n.horizontal,
+          rangeBarGroupRows: !0,
+          // Agrupa filas que no se solapan para mejor rendimiento
+          barHeight: "70%",
+          borderRadius: 0
+          // Sin bordes redondeados para mejor rendimiento
+        }
+      }, M.xaxis && !M.xaxis.type && (M.xaxis.type = "datetime"), M.grid || (M.grid = {
+        show: !0,
+        borderColor: "#e0e0e0",
+        strokeDashArray: 0,
+        position: "back",
+        xaxis: {
+          lines: {
+            show: !1
+            // Sin líneas X para mejor rendimiento
+          }
+        },
+        yaxis: {
+          lines: {
+            show: !0
+          }
+        }
+      })) : M.plotOptions = { bar: { horizontal: n.horizontal } }, M;
+    }, v = () => {
       r.from !== "" && r.to !== "" && Y(r.from).isBefore(Y(r.to)) && i("selectedRange", { range: r, chartId: n.id });
-    }, p = j(() => n.series), C = j(() => c()), N = () => i("chartUpdated"), E = (P, R, K) => {
-      i("dataPointSelection", { id: n.id, chartContext: R, config: K, event: P });
+    }, p = A(() => n.series), C = A(() => c()), N = () => i("chartUpdated"), E = (M, R, K) => {
+      i("dataPointSelection", { id: n.id, chartContext: R, config: K, event: M });
     };
-    return (P, R) => (l(), s(k, null, [
-      D(t("div", {
+    return (M, R) => (l(), s(k, null, [
+      L(t("div", {
         class: "card chart apex-chart p-4 bg-white shadow rounded-lg overflow-hidden flex grow",
         style: qe({ height: e.height + "px" })
       }, [
@@ -3196,7 +3260,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
               loading: !1
             }, {
               default: y(() => [
-                m(L, {
+                m(P, {
                   icon: f(Gl),
                   loading: !1,
                   color: "red"
@@ -3211,7 +3275,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
               loading: !1
             }, {
               default: y(() => [
-                m(L, {
+                m(P, {
                   icon: f(El),
                   loading: !1,
                   color: "yellow"
@@ -3226,7 +3290,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
               loading: !1
             }, {
               default: y(() => [
-                m(L, {
+                m(P, {
                   icon: f(Jl),
                   loading: !1,
                   color: "green"
@@ -3238,7 +3302,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
           ])) : b("", !0),
           t("div", oi, [
             t("div", ii, [
-              D(t("input", {
+              L(t("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": R[0] || (R[0] = (K) => f(r).from = K),
                 max: o.value.toString(),
@@ -3251,7 +3315,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
               ])
             ]),
             t("div", di, [
-              D(t("input", {
+              L(t("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": R[1] || (R[1] = (K) => f(r).to = K),
                 max: o.value.toString(),
@@ -3263,16 +3327,16 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                 [xe, f(r).to]
               ])
             ]),
-            m(L, {
+            m(P, {
               class: "ml-4 cursor-pointer",
               size: "big",
               loading: e.loading,
               icon: f(St),
-              onClick: R[2] || (R[2] = (K) => P.$emit("maximizeChart", e.id))
+              onClick: R[2] || (R[2] = (K) => M.$emit("maximizeChart", e.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
-        D(t("div", ui, [
+        L(t("div", ui, [
           m(tt, {
             class: "chart",
             type: e.type,
@@ -3286,8 +3350,8 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
         ], 512), [
           [O, !e.empty]
         ]),
-        D(t("div", gi, [
-          m(L, {
+        L(t("div", gi, [
+          m(P, {
             icon: f(te),
             color: "gray",
             loading: !1,
@@ -3300,7 +3364,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
       ], 4), [
         [O, !e.loading]
       ]),
-      D(t("div", mi, [...R[4] || (R[4] = [
+      L(t("div", mi, [...R[4] || (R[4] = [
         t("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -3343,7 +3407,7 @@ function bi(e, g, i, o, n, r) {
     ], -1)
   ])]);
 }
-const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
+const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   __name: "uiLoadingScreen",
   props: {
     title: {},
@@ -3363,10 +3427,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
           alt: "loading animation"
         })
       ], -1)),
-      D(t("h2", { class: "text-xs font-bold text-center uppercase mb-2" }, u(e.title), 513), [
+      L(t("h2", { class: "text-xs font-bold text-center uppercase mb-2" }, u(e.title), 513), [
         [O, e.title]
       ]),
-      D(t("p", { class: "text-xs text-center uppercase md:w-1/4" }, u(e.message), 513), [
+      L(t("p", { class: "text-xs text-center uppercase md:w-1/4" }, u(e.message), 513), [
         [O, e.message]
       ])
     ], 2));
@@ -3389,7 +3453,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
 }, Ai = {
   key: 1,
   class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2"
-}, Ti = { class: "h-12 flex flex-row items-center" }, Di = /* @__PURE__ */ A({
+}, Ti = { class: "h-12 flex flex-row items-center" }, Di = /* @__PURE__ */ T({
   __name: "uiSidebar",
   props: {
     navigation: {},
@@ -3400,7 +3464,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
   },
   emits: ["sideBarClick"],
   setup(e, { emit: g }) {
-    const i = e, o = g, n = j(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
+    const i = e, o = g, n = A(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
     return (r, a) => (l(), s("div", pi, [
       t("div", wi, [
         t("div", ki, [
@@ -3421,7 +3485,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
                     class: x([d.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900", "group w-full flex items-center pl-2 pr-1 py-2 text-left text-sm font-medium rounded-md focus:outline-none"])
                   }, {
                     default: y(() => [
-                      d.icon ? (l(), w(L, {
+                      d.icon ? (l(), w(P, {
                         key: 0,
                         loading: e.loading,
                         icon: d.icon,
@@ -3465,7 +3529,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
                     "group w-full flex items-center pl-2 py-2 text-sm font-medium rounded-md"
                   ])
                 }, [
-                  d.icon ? (l(), w(L, {
+                  d.icon ? (l(), w(P, {
                     key: 0,
                     loading: e.loading,
                     icon: d.icon,
@@ -3501,7 +3565,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
 }, Ei = { class: "ml-2 space-y-1" }, Ui = { class: "font-bold mb-4" }, Zi = {
   key: 1,
   class: "flex flex-col grow h-full"
-}, Wi = { class: "flex-1 overflow-y-auto pr-6" }, Gi = { class: "h-12 flex flex-row items-center" }, Ue = /* @__PURE__ */ A({
+}, Wi = { class: "flex-1 overflow-y-auto pr-6" }, Gi = { class: "h-12 flex flex-row items-center" }, Ue = /* @__PURE__ */ T({
   __name: "uiSidebarV2",
   props: {
     navigation: {},
@@ -3513,7 +3577,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
   },
   emits: ["productBarClick", "sideBarClick", "inputChanged"],
   setup(e, { emit: g }) {
-    const i = e, o = j(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
+    const i = e, o = A(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
     return (n, r) => (l(), s("div", Li, [
       t("div", Pi, [
         t("ul", null, [
@@ -3565,7 +3629,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
                           class: x([a.current ? "bg-lime-100" : "hover:bg-lime-100", "flex w-full items-center gap-x-3 rounded-md p-2 text-left text-sm font-semibold leading-6 text-gray-700"])
                         }, {
                           default: y(() => [
-                            m(L, {
+                            m(P, {
                               icon: a.icon,
                               color: "primary",
                               size: "big",
@@ -3581,7 +3645,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
                           ]),
                           _: 2
                         }, 1032, ["onClick", "class"]),
-                        D(t("div", null, [
+                        L(t("div", null, [
                           m(f(Ie), {
                             as: "ul",
                             class: "mt-1 px-2",
@@ -3615,7 +3679,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
                       onClick: (d) => n.$emit("sideBarClick", a.id),
                       class: x([a.current ? "bg-lime-100" : "hover:bg-lime-100", "group flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-6 text-gray-700 cursor-pointer"])
                     }, [
-                      m(L, {
+                      m(P, {
                         icon: a.icon,
                         color: "primary",
                         size: "big",
@@ -3666,7 +3730,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
 }), Ji = { key: 0 }, Ki = ["title"], Qi = { class: "ml-16 flex items-baseline pb-5" }, Xi = { class: "text-2xl font-semibold" }, er = {
   key: 0,
   class: "text-black ml-2 flex items-baseline text-sm font-semibold"
-}, tr = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, lr = { class: "text-sm" }, sr = { key: 1 }, nr = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, ar = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Ft = /* @__PURE__ */ A({
+}, tr = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, lr = { class: "text-sm" }, sr = { key: 1 }, nr = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, ar = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Ft = /* @__PURE__ */ T({
   __name: "uiStats",
   props: {
     item: {},
@@ -3678,7 +3742,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
       t("div", nr, [
         t("dt", null, [
           t("div", ar, [
-            m(L, {
+            m(P, {
               loading: e.loading,
               icon: e.item.icon,
               class: "h-6 w-6 text-white",
@@ -3705,7 +3769,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
               "bg-yellow-400": e.item.color === "yellow"
             }])
           }, [
-            m(L, {
+            m(P, {
               icon: e.item.icon,
               class: "h-6 w-6",
               "aria-hidden": "true",
@@ -3743,7 +3807,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
             })) : b("", !0),
             B(" " + u(e.item.change), 1)
           ], 2)) : b("", !0),
-          D(t("div", tr, [
+          L(t("div", tr, [
             t("div", lr, [
               t("span", {
                 onClick: o[0] || (o[0] = (n) => i.$emit("statClick", e.item.id)),
@@ -3769,7 +3833,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
 }, hr = {
   key: 1,
   class: "overflow-hidden bg-white shadow sm:rounded-lg"
-}, yr = { class: "border-t border-gray-200" }, br = /* @__PURE__ */ A({
+}, yr = { class: "border-t border-gray-200" }, br = /* @__PURE__ */ T({
   __name: "uiStripedCard",
   props: {
     title: {},
@@ -3856,7 +3920,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
         })
       ], -1)),
       t("div", null, [
-        m(L, {
+        m(P, {
           icon: f(es),
           loading: !1,
           color: "white",
@@ -3872,7 +3936,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
 }, $r = { class: "w-screen max-w-md flex-auto rounded bg-white text-sm/6 shadow-lg ring-1 ring-gray-900/5 lg:max-w-3xl" }, Cr = { class: "p-6 gap-y-2 flex flex-col" }, Sr = { class: "flex items-center gap-x-2 w-full" }, Br = { class: "px-6 pb-6 gap-x-2 flex justify-end" }, Mr = {
   key: 1,
   class: "relative animate-pulse"
-}, zr = /* @__PURE__ */ A({
+}, zr = /* @__PURE__ */ T({
   __name: "uiSmartFilterMultipleV2",
   props: {
     literals: { default: () => ({
@@ -3890,8 +3954,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
   },
   emits: ["smartFiltersSent", "smartFiltersCleared", "smartFilterDeleted"],
   setup(e, { emit: g }) {
-    const i = e, o = g, n = V({ id: "1", name: i.literals.and }), r = ke([]), a = V(i.availableCategories[0] || {}), d = (z) => z ? z === "uiInput" ? i.literals.contains : i.literals.is : "", c = (z) => {
-      r.splice(0, r.length), z.logicOperator === "and" || z.logicOperator === i.literals.and ? n.value = { id: "1", name: i.literals.and } : (z.logicOperator === "or" || z.logicOperator === i.literals.or) && (n.value = { id: "2", name: i.literals.or }), z.filters.forEach((q) => {
+    const i = e, o = g, n = V({ id: "1", name: i.literals.and }), r = ke([]), a = V(i.availableCategories[0] || {}), d = (j) => j ? j === "uiInput" ? i.literals.contains : i.literals.is : "", c = (j) => {
+      r.splice(0, r.length), j.logicOperator === "and" || j.logicOperator === i.literals.and ? n.value = { id: "1", name: i.literals.and } : (j.logicOperator === "or" || j.logicOperator === i.literals.or) && (n.value = { id: "2", name: i.literals.or }), j.filters.forEach((q) => {
         const H = i.availableCategories.find(($) => $.name === q.name);
         if (H) {
           const $ = {
@@ -3910,60 +3974,60 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
         }
       });
     };
-    Z(() => i.literals, (z) => {
-      n.value.id === "1" ? n.value.name = z.and : n.value.id === "2" && (n.value.name = z.or);
-    }, { deep: !0 }), Z(() => i.availableCategories, (z) => {
-      z.length > 0 && (!a.value.name || !z.some((q) => q.name === a.value.name)) && (a.value = z[0]);
-    }, { deep: !0, immediate: !0 }), Z(() => i.filters, (z) => {
-      z && c(z);
+    Z(() => i.literals, (j) => {
+      n.value.id === "1" ? n.value.name = j.and : n.value.id === "2" && (n.value.name = j.or);
+    }, { deep: !0 }), Z(() => i.availableCategories, (j) => {
+      j.length > 0 && (!a.value.name || !j.some((q) => q.name === a.value.name)) && (a.value = j[0]);
+    }, { deep: !0, immediate: !0 }), Z(() => i.filters, (j) => {
+      j && c(j);
     }, { deep: !0, immediate: !0 });
-    const v = j(() => [
+    const v = A(() => [
       { id: "1", name: i.literals.and },
       { id: "2", name: i.literals.or }
-    ]), p = j(() => i.availableCategories.map((z) => ({
-      id: z.name,
-      name: z.name,
-      label: z.label
-    }))), C = j(() => ({
+    ]), p = A(() => i.availableCategories.map((j) => ({
+      id: j.name,
+      name: j.name,
+      label: j.label
+    }))), C = A(() => ({
       id: a.value.name,
       label: a.value.label,
       name: a.value.name
-    })), N = j(() => r.map((z) => z.type === "uiInput" ? {
-      name: z.label,
+    })), N = A(() => r.map((j) => j.type === "uiInput" ? {
+      name: j.label,
       operator: i.literals.contains,
-      value: z.props.value || ""
-    } : z.type === "uiSelect" ? {
-      name: z.label,
+      value: j.props.value || ""
+    } : j.type === "uiSelect" ? {
+      name: j.label,
       operator: i.literals.is,
-      value: z.props.select?.name || ""
+      value: j.props.select?.name || ""
     } : {
-      name: z.label,
+      name: j.label,
       operator: i.literals.contains,
       value: ""
-    })), E = (z) => {
-      n.value = Array.isArray(z) ? z[0] || { id: "1", name: i.literals.and } : z;
-    }, P = (z) => {
-      const q = Array.isArray(z) ? z[0] : z, H = i.availableCategories.find(($) => $.name === q.id);
+    })), E = (j) => {
+      n.value = Array.isArray(j) ? j[0] || { id: "1", name: i.literals.and } : j;
+    }, M = (j) => {
+      const q = Array.isArray(j) ? j[0] : j, H = i.availableCategories.find(($) => $.name === q.id);
       H && (a.value = H);
     }, R = () => {
       if (!a.value || !a.value.name)
         return;
-      const z = {
+      const j = {
         label: a.value.label,
         name: a.value.name,
         type: a.value.componentType,
         props: { ...a.value.defaultProps }
       };
-      r.push(z);
-    }, K = (z, q) => {
-      if (z < 0 || z >= r.length) return;
-      const H = r[z];
+      r.push(j);
+    }, K = (j, q) => {
+      if (j < 0 || j >= r.length) return;
+      const H = r[j];
       H.type === "uiInput" ? typeof q == "string" && (H.props.value = q) : H.type === "uiSelect" && (Array.isArray(q) ? H.props.select = q[0] : typeof q == "object" && q !== null && (H.props.select = q));
-    }, re = (z) => {
-      z >= 0 && z < r.length && (r.splice(z, 1), o("smartFilterDeleted", z));
+    }, re = (j) => {
+      j >= 0 && j < r.length && (r.splice(j, 1), o("smartFilterDeleted", j));
     }, me = () => {
       r.splice(0, r.length), o("smartFiltersCleared");
-    }, fe = (z) => {
+    }, fe = (j) => {
       const H = {
         logicOperator: n.value.id === "1" ? "and" : "or",
         filters: r.map(($) => ({
@@ -3973,9 +4037,9 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
           value: $.type === "uiInput" ? $.props.value : $.props.select?.name
         }))
       };
-      o("smartFiltersSent", H), z();
+      o("smartFiltersSent", H), j();
     };
-    return (z, q) => e.loading ? (l(), s("div", Mr, [...q[1] || (q[1] = [
+    return (j, q) => e.loading ? (l(), s("div", Mr, [...q[1] || (q[1] = [
       ee('<div class="inline-flex items-center gap-x-2 text-sm/6 font-semibold text-gray-900 outline-none flex-wrap gap-y-1"><div class="h-4 bg-gray-200 rounded-lg w-32"></div><div class="h-4 bg-gray-200 rounded-lg w-20"></div><div class="h-4 bg-gray-200 rounded-lg w-16"></div><div class="h-5 w-5 bg-gray-200 rounded-lg"></div></div>', 1)
     ])])) : (l(), w(f(kl), {
       key: 0,
@@ -4015,7 +4079,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
                         class: "w-60",
                         items: p.value,
                         select: C.value,
-                        onSelectChanged: P
+                        onSelectChanged: M
                       }, null, 8, ["loading", "items", "select"]),
                       m(U, {
                         loading: i.loading,
@@ -4087,7 +4151,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
                         ]),
                         _: 1
                       }, 8, ["loading"])) : b("", !0),
-                      m(L, {
+                      m(P, {
                         icon: f(pe),
                         color: "red",
                         loading: i.loading,
@@ -4131,7 +4195,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
       _: 1
     }));
   }
-}), jr = { class: "w-full flex flex-col justify-center p-10 grow" }, Ar = { class: "text-center" }, Tr = { class: "text-2xl mt-4 font-bold" }, Dr = { class: "mt-4" }, Lr = { class: "buttons flex mt-8 gap-x-1 justify-center flex-col gap-y-2 md:flex-row md:gap-y-0" }, lt = /* @__PURE__ */ A({
+}), jr = { class: "w-full flex flex-col justify-center p-10 grow" }, Ar = { class: "text-center" }, Tr = { class: "text-2xl mt-4 font-bold" }, Dr = { class: "mt-4" }, Lr = { class: "buttons flex mt-8 gap-x-1 justify-center flex-col gap-y-2 md:flex-row md:gap-y-0" }, lt = /* @__PURE__ */ T({
   __name: "uiNoResults",
   props: {
     title: {},
@@ -4143,7 +4207,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
   emits: ["action", "noResultsOptionSelected"],
   setup(e) {
     return (g, i) => (l(), s("div", jr, [
-      m(L, {
+      m(P, {
         class: "mx-auto",
         loading: !1,
         icon: f(te),
@@ -4210,7 +4274,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
 }, rd = ["onClick"], dd = { key: 0 }, cd = {
   key: 2,
   class: "devicesFooter px-1 flex flex-row justify-between items-center"
-}, ud = { key: 0 }, gd = /* @__PURE__ */ A({
+}, ud = { key: 0 }, gd = /* @__PURE__ */ T({
   __name: "uiTable",
   props: {
     selectAllItemsModal: {},
@@ -4239,33 +4303,33 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
   setup(e, { emit: g }) {
     const i = {
       uiTag: J
-    }, o = g, n = e, r = V([]), a = V(""), d = V(!1), c = V(null), v = V(null), p = V(!1), C = V(null), N = V(null), E = j(() => n.items && n.items.length > 0), P = j(() => r.value.length > 0), R = j(() => n.actions && n.actions.length > 0 || !1), K = j(
+    }, o = g, n = e, r = V([]), a = V(""), d = V(!1), c = V(null), v = V(null), p = V(!1), C = V(null), N = V(null), E = A(() => n.items && n.items.length > 0), M = A(() => r.value.length > 0), R = A(() => n.actions && n.actions.length > 0 || !1), K = A(
       () => r.value.length === n.items.length && n.items.length > 0
-    ), re = j(
+    ), re = A(
       () => r.value.length > 0 && r.value.length < n.items.length
-    ), me = j(
-      () => n.header.filter((h, T) => nt(T))
-    ), fe = j(() => [
+    ), me = A(
+      () => n.header.filter((h, D) => nt(D))
+    ), fe = A(() => [
       n.actions ? "px-6 sm:px-8" : "px-3",
       "relative"
-    ]), z = j(() => [
+    ]), j = A(() => [
       n.actions && n.actions.length > 0 ? "w-2" : "w-0",
       "relative"
-    ]), q = j(
+    ]), q = A(
       () => n.smartFilterCategories && n.smartFilterCategories.length > 0
-    ), H = j(
+    ), H = A(
       () => n.tableActionsDropdown && n.tableActionsDropdown.items && n.tableActionsDropdown.items.length > 0
-    ), $ = j(
+    ), $ = A(
       () => n.tableActionButtons && n.tableActionButtons.length > 0
-    ), F = j(
+    ), F = A(
       () => q.value || H.value || $.value
-    ), I = j(
+    ), I = A(
       () => n.paginationCurrent !== void 0 || n.paginationTotal !== void 0
-    ), W = j(
+    ), W = A(
       () => n.paginationCurrent !== void 0 && n.paginationTotal !== void 0 && n.paginationTotalItems !== void 0
-    ), le = j(
+    ), le = A(
       () => n.pageSizeOptions && n.pageSizeOptions.length > 0
-    ), st = j(() => n.pageSizeOptions ? n.pageSizeOptions.map((h) => ({
+    ), st = A(() => n.pageSizeOptions ? n.pageSizeOptions.map((h) => ({
       name: h.name,
       value: String(h.value),
       active: !!(h.active || n.currentPageSize && h.value === n.currentPageSize)
@@ -4279,14 +4343,14 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
       filter: "Filtrar"
     }, _t = (h) => {
       h.action === "close" ? Se.value = !1 : (Se.value = !1, n.selectAllItemsModal && o("modalAction", { modal: n.selectAllItemsModal.modalName, action: h.action }));
-    }, nt = (h) => n.hiddenColumns && n.hiddenColumns.length > 0 ? !n.hiddenColumns.includes(h) : !0, Ne = (h) => r.value.includes(h), It = (h) => a.value === h, Vt = (h) => h.filter((T, M) => nt(M)), Nt = (h, T) => {
-      const M = [];
-      return Ne(h.id) && M.push("bg-gray-50"), T % 2 !== 0 && M.push("bg-gray-50"), M;
+    }, nt = (h) => n.hiddenColumns && n.hiddenColumns.length > 0 ? !n.hiddenColumns.includes(h) : !0, Ne = (h) => r.value.includes(h), It = (h) => a.value === h, Vt = (h) => h.filter((D, z) => nt(z)), Nt = (h, D) => {
+      const z = [];
+      return Ne(h.id) && z.push("bg-gray-50"), D % 2 !== 0 && z.push("bg-gray-50"), z;
     }, Rt = (h) => {
-      const T = ["whitespace-nowrap", "py-4", "pr-3", "text-sm"];
-      return Ne(h) && T.push("text-black", "font-bold"), T;
+      const D = ["whitespace-nowrap", "py-4", "pr-3", "text-sm"];
+      return Ne(h) && D.push("text-black", "font-bold"), D;
     }, qt = (h) => {
-      const T = [
+      const D = [
         "absolute",
         "left-4",
         "top-1/2",
@@ -4299,10 +4363,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
         "focus:ring-lime-400",
         "flex-wrap"
       ];
-      return h && T.push("bg-gray-100"), T;
+      return h && D.push("bg-gray-100"), D;
     }, Ht = (h) => {
-      const T = [];
-      return h === n.orderedBy ? T.push("bg-black", "text-white", "group-hover:bg-lime-400", "group-hover:text-black") : T.push("group-hover:visible", "group-focus:visible"), T;
+      const D = [];
+      return h === n.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;
     }, Yt = (h) => typeof h == "object" && h.type === "tag" ? i.uiTag : typeof h == "object" && h.type === "link" ? "span" : typeof h == "object" && h.type === "href" ? "a" : typeof h == "object" && h.type === "guest" ? "div" : typeof h == "object" && h.type === "action" ? "button" : "span", at = (h) => typeof h == "object" && h.type === "tag" ? {
       loading: n.loading,
       color: h.color || "primary",
@@ -4321,13 +4385,13 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
     } : {}, ot = (h) => typeof h == "object" ? h.content || "" : h || "", Et = (h) => h === n.orderedBy ? n.orderDirection === "asc" ? oe : jt : oe, Ut = (h) => h === n.orderedBy ? "white" : "primary", Zt = (h) => {
       o("tableAction", { action: h.id, items: r.value });
     }, Wt = (h) => {
-      const T = h.target;
-      T.checked ? Se.value = !0 : o("deselectAllItems"), r.value = T.checked ? n.items.map((M) => M.disabled ? null : M.id) : [];
+      const D = h.target;
+      D.checked ? Se.value = !0 : o("deselectAllItems"), r.value = D.checked ? n.items.map((z) => z.disabled ? null : z.id) : [];
     }, Gt = (h) => {
-      const T = n.orderDirection === "asc" ? "desc" : "asc";
-      o("orderBy", { value: h, orderDirection: T });
-    }, de = (h, T) => {
-      typeof h == "object" && (h.type === "link" || h.type === "action") && o("customEmit", { data: h, rowId: T });
+      const D = n.orderDirection === "asc" ? "desc" : "asc";
+      o("orderBy", { value: h, orderDirection: D });
+    }, de = (h, D) => {
+      typeof h == "object" && (h.type === "link" || h.type === "action") && o("customEmit", { data: h, rowId: D });
     }, Jt = (h) => {
       typeof h == "object" && h.type === "tag" && o("customEmit", { data: h });
     }, Kt = (h) => {
@@ -4349,13 +4413,13 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
     }, al = (h) => {
       o("changePageSize", h.value);
     }, ol = (h) => {
-      const T = Number(h.value);
-      h.checked ? o("columnsVisibilityChanged", { index: T, hidden: !0 }) : o("columnsVisibilityChanged", { index: T, hidden: !1 });
+      const D = Number(h.value);
+      h.checked ? o("columnsVisibilityChanged", { index: D, hidden: !0 }) : o("columnsVisibilityChanged", { index: D, hidden: !1 });
     }, il = (h) => {
       o("noResultsAction", h);
     }, rl = (h) => {
       o("noResultsOptionSelected", h);
-    }, dl = (h) => !!(n.hiddenColumns && n.hiddenColumns.includes(h)), cl = j(() => n.smartFilterCategories ? n.smartFilterCategories.map((h) => ({
+    }, dl = (h) => !!(n.hiddenColumns && n.hiddenColumns.includes(h)), cl = A(() => n.smartFilterCategories ? n.smartFilterCategories.map((h) => ({
       id: h.id,
       label: h.name,
       // uiSmartFilterMultipleV2 usa 'label' en lugar de 'name'
@@ -4363,10 +4427,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
       // Mantenemos name para compatibilidad
       componentType: h.componentType,
       defaultProps: h.defaultProps
-    })) : []), ul = j(() => p.value && n.items.length > 25 ? "overflow-y-auto" : ""), gl = j(() => {
+    })) : []), ul = A(() => p.value && n.items.length > 25 ? "overflow-y-auto" : ""), gl = A(() => {
       const h = "bg-lime-50 z-10";
       return p.value && n.items.length > 25 ? `${h} sticky top-0` : h;
-    }), ml = j(() => ({})), fl = j(() => p.value && C.value !== null && n.items.length > 25 ? { maxHeight: `${C.value}px` } : {}), he = () => {
+    }), ml = A(() => ({})), fl = A(() => p.value && C.value !== null && n.items.length > 25 ? { maxHeight: `${C.value}px` } : {}), he = () => {
       if (!v.value || !c.value) return;
       if (n.items.length <= 25) {
         C.value = null, p.value = !1;
@@ -4375,9 +4439,9 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
       const h = c.value.querySelector("table");
       h && be(() => {
         if (!c.value || !h) return;
-        const T = h.querySelector("thead"), M = h.querySelector("tbody");
-        if (!T || !M) return;
-        const Q = T.offsetHeight, _ = M.querySelector("tr");
+        const D = h.querySelector("thead"), z = h.querySelector("tbody");
+        if (!D || !z) return;
+        const Q = D.offsetHeight, _ = z.querySelector("tr");
         if (!_) return;
         const Re = _.offsetHeight, X = Q + Re * 25;
         C.value = X, p.value = !0;
@@ -4413,14 +4477,14 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
       });
     }), bl(() => {
       N.value && (window.removeEventListener("resize", N.value), N.value = null);
-    }), (h, T) => !e.loading && E.value ? (l(), s("div", Pr, [
+    }), (h, D) => !e.loading && E.value ? (l(), s("div", Pr, [
       e.selectAllItemsModal ? (l(), w(Pe, {
         key: 0,
         title: e.selectAllItemsModal.title,
         modalName: e.selectAllItemsModal.modalName,
         open: Se.value,
         actions: e.selectAllItemsModal.actions,
-        onModalAction: T[0] || (T[0] = (M) => _t(M))
+        onModalAction: D[0] || (D[0] = (z) => _t(z))
       }, {
         default: y(() => [
           B(u(e.selectAllItemsModal.content), 1)
@@ -4431,11 +4495,11 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
         title: "Seleccione las columnas que desea ocultar",
         modalName: "columnsModal",
         open: Be.value,
-        onClose: T[1] || (T[1] = (M) => Be.value = !1),
-        onModalAction: T[2] || (T[2] = (M) => M.action === "close" ? Be.value = !1 : null)
+        onClose: D[1] || (D[1] = (z) => Be.value = !1),
+        onModalAction: D[2] || (D[2] = (z) => z.action === "close" ? Be.value = !1 : null)
       }, {
         default: y(() => [
-          (l(!0), s(k, null, S(n.header, (M, Q) => (l(), w(ue, {
+          (l(!0), s(k, null, S(n.header, (z, Q) => (l(), w(ue, {
             onCheckboxChanged: ol,
             check: dl(Q),
             class: "mb-2",
@@ -4444,7 +4508,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
             value: String(Q)
           }, {
             default: y(() => [
-              B(u(M.name), 1)
+              B(u(z.name), 1)
             ]),
             _: 2
           }, 1032, ["check", "value"]))), 128))
@@ -4465,18 +4529,18 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
         ])) : b("", !0),
         H.value || $.value ? (l(), s("div", _r, [
           $.value ? (l(), s("div", Ir, [
-            (l(!0), s(k, null, S(n.tableActionButtons, (M) => (l(), w(U, {
-              key: M.id,
-              loading: M.loading !== void 0 ? M.loading : n.loading,
-              disabled: M.disabled,
-              color: M.color || "primary",
-              size: M.size || "medium",
-              icon: M.icon,
+            (l(!0), s(k, null, S(n.tableActionButtons, (z) => (l(), w(U, {
+              key: z.id,
+              loading: z.loading !== void 0 ? z.loading : n.loading,
+              disabled: z.disabled,
+              color: z.color || "primary",
+              size: z.size || "medium",
+              icon: z.icon,
               class: "w-auto",
-              onClick: (Q) => sl(M)
+              onClick: (Q) => sl(z)
             }, {
               default: y(() => [
-                B(u(M.text), 1)
+                B(u(z.text), 1)
               ]),
               _: 2
             }, 1032, ["loading", "disabled", "color", "size", "icon", "onClick"]))), 128))
@@ -4500,13 +4564,13 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
         t("div", Nr, [
           t("div", Rr, [
             t("div", qr, [
-              P.value && R.value ? (l(), s("div", Hr, [
-                (l(!0), s(k, null, S(e.actions, (M, Q) => (l(), s("button", {
+              M.value && R.value ? (l(), s("div", Hr, [
+                (l(!0), s(k, null, S(e.actions, (z, Q) => (l(), s("button", {
                   key: Q,
                   type: "button",
                   class: "inline-flex items-center rounded bg-lime-400 hover:bg-black px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30",
-                  onClick: (_) => Zt(M)
-                }, u(M.name), 9, Yr))), 128))
+                  onClick: (_) => Zt(z)
+                }, u(z.name), 9, Yr))), 128))
               ])) : b("", !0),
               t("div", {
                 ref_key: "tableScrollContainer",
@@ -4532,61 +4596,61 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
                           onChange: Wt
                         }, null, 40, Ur)) : b("", !0)
                       ], 2),
-                      (l(!0), s(k, null, S(me.value, (M, Q) => (l(), s("th", {
+                      (l(!0), s(k, null, S(me.value, (z, Q) => (l(), s("th", {
                         key: Q,
                         class: "py-3.5 pr-3 text-left font-semibold relative",
                         scope: "col",
-                        onMouseover: (_) => Kt(M.name),
-                        onMouseleave: T[3] || (T[3] = (_) => Qt())
+                        onMouseover: (_) => Kt(z.name),
+                        onMouseleave: D[3] || (D[3] = (_) => Qt())
                       }, [
-                        M.tooltip && It(M.name) ? (l(), w(pr, {
+                        z.tooltip && It(z.name) ? (l(), w(pr, {
                           key: 0,
-                          tip: M.tooltip
+                          tip: z.tooltip
                         }, null, 8, ["tip"])) : b("", !0),
-                        M.value ? (l(), s("button", {
+                        z.value ? (l(), s("button", {
                           key: 1,
                           class: "group flex items-center uppercase text-xs relative text-nowrap",
-                          onClick: (_) => Gt(M.value)
+                          onClick: (_) => Gt(z.value)
                         }, [
-                          t("span", null, u(M.name), 1),
+                          t("span", null, u(z.name), 1),
                           t("span", {
-                            class: x([Ht(M.value), "ml-2 flex-none rounded group-hover:bg-lime-200 group-hover:text-white"])
+                            class: x([Ht(z.value), "ml-2 flex-none rounded group-hover:bg-lime-200 group-hover:text-white"])
                           }, [
-                            m(L, {
-                              icon: Et(M.value),
+                            m(P, {
+                              icon: Et(z.value),
                               loading: e.loading,
-                              color: Ut(M.value)
+                              color: Ut(z.value)
                             }, null, 8, ["icon", "loading", "color"])
                           ], 2)
                         ], 8, Wr)) : (l(), s("p", Gr, [
-                          t("span", null, u(M.name), 1)
+                          t("span", null, u(z.name), 1)
                         ]))
                       ], 40, Zr))), 128))
                     ])
                   ], 2),
                   t("tbody", Jr, [
-                    (l(!0), s(k, null, S(e.items, (M, Q) => (l(), s("tr", {
-                      key: M.id,
-                      class: x(Nt(M, Q))
+                    (l(!0), s(k, null, S(e.items, (z, Q) => (l(), s("tr", {
+                      key: z.id,
+                      class: x(Nt(z, Q))
                     }, [
                       t("td", {
-                        class: x(z.value)
+                        class: x(j.value)
                       }, [
-                        Ne(M.id) ? (l(), s("div", Kr)) : b("", !0),
-                        R.value ? D((l(), s("input", {
+                        Ne(z.id) ? (l(), s("div", Kr)) : b("", !0),
+                        R.value ? L((l(), s("input", {
                           key: 1,
-                          "onUpdate:modelValue": T[4] || (T[4] = (_) => r.value = _),
-                          value: M.id,
-                          class: x(qt(M.disabled)),
+                          "onUpdate:modelValue": D[4] || (D[4] = (_) => r.value = _),
+                          value: z.id,
+                          class: x(qt(z.disabled)),
                           type: "checkbox",
-                          disabled: M.disabled
+                          disabled: z.disabled
                         }, null, 10, Qr)), [
                           [yt, r.value]
                         ]) : b("", !0)
                       ], 2),
-                      (l(!0), s(k, null, S(Vt(M.row), (_, Re) => (l(), s("td", {
+                      (l(!0), s(k, null, S(Vt(z.row), (_, Re) => (l(), s("td", {
                         key: Re,
-                        class: x(Rt(M.id))
+                        class: x(Rt(z.id))
                       }, [
                         typeof _ == "object" && _.type === "guest" ? (l(), s("div", Xr, [
                           t("span", ed, u(_.content), 1),
@@ -4595,9 +4659,9 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
                           key: 1,
                           type: "button",
                           class: "inline-flex items-center gap-2 px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-lime-400 focus:ring-offset-2",
-                          onClick: (X) => de(_, M.id)
+                          onClick: (X) => de(_, z.id)
                         }, [
-                          _.icon ? (l(), w(L, {
+                          _.icon ? (l(), w(P, {
                             key: 0,
                             loading: e.loading,
                             icon: _.icon,
@@ -4609,10 +4673,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
                           key: 2,
                           ref_for: !0
                         }, at(_), {
-                          onClick: (X) => de(_, M.id)
+                          onClick: (X) => de(_, z.id)
                         }), [
                           B(u(ot(_)) + " ", 1),
-                          _.icon ? (l(), w(L, {
+                          _.icon ? (l(), w(P, {
                             key: 0,
                             loading: e.loading,
                             icon: _.icon,
@@ -4624,10 +4688,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
                           t("span", null, u(_.content), 1),
                           t("button", {
                             type: "button",
-                            onClick: (X) => de({ type: "action", action: "reveal", value: _.value }, M.id),
+                            onClick: (X) => de({ type: "action", action: "reveal", value: _.value }, z.id),
                             class: "inline-flex items-center p-1 text-gray-500 hover:text-gray-700 focus:outline-none"
                           }, [
-                            m(L, {
+                            m(P, {
                               loading: e.loading,
                               icon: f(Wl),
                               size: "small",
@@ -4636,10 +4700,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
                           ], 8, ad),
                           t("button", {
                             type: "button",
-                            onClick: (X) => de({ type: "action", action: "copy", value: _.value }, M.id),
+                            onClick: (X) => de({ type: "action", action: "copy", value: _.value }, z.id),
                             class: "inline-flex items-center p-1 text-gray-500 hover:text-gray-700 focus:outline-none"
                           }, [
-                            m(L, {
+                            m(P, {
                               loading: e.loading,
                               icon: f(Ye),
                               size: "small",
@@ -4650,10 +4714,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
                           (l(!0), s(k, null, S(_.actions, (X, hl) => (l(), s("button", {
                             key: hl,
                             type: "button",
-                            onClick: (kg) => de({ type: "action", action: X.action }, M.id),
+                            onClick: (kg) => de({ type: "action", action: X.action }, z.id),
                             class: x(X.action === "viewCode" ? "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-lime-400 focus:ring-offset-2" : "inline-flex items-center p-1 text-gray-500 hover:text-gray-700 focus:outline-none")
                           }, [
-                            m(L, {
+                            m(P, {
                               loading: e.loading,
                               icon: X.icon,
                               size: "small",
@@ -4702,22 +4766,22 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
             loading: n.loading,
             onChangePage: nl
           }, {
-            previous: y(() => [...T[5] || (T[5] = [
+            previous: y(() => [...D[5] || (D[5] = [
               B("Anterior", -1)
             ])]),
-            next: y(() => [...T[6] || (T[6] = [
+            next: y(() => [...D[6] || (D[6] = [
               B("Siguiente", -1)
             ])]),
-            showing: y(() => [...T[7] || (T[7] = [
+            showing: y(() => [...D[7] || (D[7] = [
               B("Mostrando", -1)
             ])]),
-            of: y(() => [...T[8] || (T[8] = [
+            of: y(() => [...D[8] || (D[8] = [
               B("de", -1)
             ])]),
-            pages: y(() => [...T[9] || (T[9] = [
+            pages: y(() => [...D[9] || (D[9] = [
               B("páginas", -1)
             ])]),
-            fromTotal: y(() => [...T[10] || (T[10] = [
+            fromTotal: y(() => [...D[10] || (D[10] = [
               B("Elementos totales:", -1)
             ])]),
             _: 1
@@ -4738,7 +4802,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
 }), md = { class: "lg:hidden" }, fd = ["value"], hd = { class: "hidden lg:block overflow-x-auto" }, yd = { class: "border-b border-gray-200" }, bd = {
   class: "-mb-px flex space-x-8",
   "aria-label": "Tabs"
-}, vd = ["onClick", "aria-current"], xd = /* @__PURE__ */ A({
+}, vd = ["onClick", "aria-current"], xd = /* @__PURE__ */ T({
   __name: "uiTabs",
   props: {
     tabs: {}
@@ -4812,7 +4876,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, Rd = /* @__PURE__ */ A({
+}, Rd = /* @__PURE__ */ T({
   __name: "uiTimeline",
   props: {
     name: {},
@@ -4874,7 +4938,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
                           "bg-yellow-400": a?.iconBackground === "warning"
                         }, "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"])
                       }, [
-                        m(L, {
+                        m(P, {
                           loading: e.loading,
                           icon: a?.icon,
                           "aria-hidden": "true",
@@ -4915,7 +4979,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
           }, u(e.timeline.footerText), 1)
         ])
       ])) : (l(), s("div", Pd, [
-        m(L, {
+        m(P, {
           icon: f(te),
           color: "gray",
           loading: !1,
@@ -4928,7 +4992,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
 }), qd = { class: "mx-auto px-6 lg:px-8" }, Hd = { class: "flex justify-between h-20" }, Yd = { class: "flex" }, Ed = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, Ud = ["src"], Zd = { class: "flex items-center" }, Wd = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, Gd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Jd = ["src"], Kd = ["onClick"], Qd = { class: "pt-2 pb-3 space-y-1" }, Xd = ["onClick"], ec = { class: "pt-4 pb-3 border-t border-gray-200" }, tc = { class: "flex items-center px-4 sm:px-6" }, lc = { class: "flex-shrink-0" }, sc = ["src"], nc = {
   key: 0,
   class: "ml-3"
-}, ac = { class: "text-base font-medium text-gray-800" }, oc = { class: "text-sm font-medium text-gray-500" }, ic = { class: "mt-3 space-y-1" }, rc = ["onClick"], dc = /* @__PURE__ */ A({
+}, ac = { class: "text-base font-medium text-gray-800" }, oc = { class: "text-sm font-medium text-gray-500" }, ic = { class: "mt-3 space-y-1" }, rc = ["onClick"], dc = /* @__PURE__ */ T({
   __name: "uiTopbar",
   props: {
     logo: {},
@@ -4940,7 +5004,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
   },
   emits: ["topBarClick"],
   setup(e, { emit: g }) {
-    const i = e, o = j(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
+    const i = e, o = A(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
     return (n, r) => (l(), w(f(_e), {
       as: "nav",
       class: "bg-white shadow z-10"
@@ -4985,9 +5049,9 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
                 }, {
                   default: y(() => [
                     t("div", null, [
-                      D(m(f(We), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
+                      L(m(f(We), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
                         default: y(() => [
-                          D(t("div", Gd, [...r[2] || (r[2] = [
+                          L(t("div", Gd, [...r[2] || (r[2] = [
                             t("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                           ])], 512), [
                             [O, e.alerted]
@@ -5094,13 +5158,13 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
       _: 1
     }));
   }
-}), cc = { class: "chart-selector flex flex-row items-center justify-center" }, uc = /* @__PURE__ */ A({
+}), cc = { class: "chart-selector flex flex-row items-center justify-center" }, uc = /* @__PURE__ */ T({
   __name: "RangeSelector",
   props: { range: { type: String } },
   emits: ["rangeSelected"],
   setup(e, { emit: g }) {
     const i = g, o = e;
-    let n = j(() => o.range);
+    let n = A(() => o.range);
     const r = (a) => {
       n = a, i("rangeSelected", a);
     };
@@ -5123,7 +5187,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
       }, "3M", 2)
     ]));
   }
-}), gc = { class: "chart-header flex flex-row justify-between" }, mc = { class: "text-sm font-medium text-gray-500 truncate" }, fc = { class: "chart-content" }, hc = { class: "h-full w-full flex items-center justify-center flex-col" }, yc = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, bc = /* @__PURE__ */ A({
+}), gc = { class: "chart-header flex flex-row justify-between" }, mc = { class: "text-sm font-medium text-gray-500 truncate" }, fc = { class: "chart-content" }, hc = { class: "h-full w-full flex items-center justify-center flex-col" }, yc = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, bc = /* @__PURE__ */ T({
   __name: "uiFunnelChartV2",
   props: {
     labels: {},
@@ -5181,11 +5245,11 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
         }
       }
     };
-    const r = j(() => ({ ...o.options, ...n })), a = j(() => o.series), d = () => i("chartUpdated"), c = (v, p, C) => {
+    const r = A(() => ({ ...o.options, ...n })), a = A(() => o.series), d = () => i("chartUpdated"), c = (v, p, C) => {
       i("dataPointSelection", { id: o.id, chartContext: p, config: C, event: v });
     };
     return (v, p) => (l(), s(k, null, [
-      D(t("div", {
+      L(t("div", {
         class: x(["h-[" + e.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
         t("div", gc, [
@@ -5195,7 +5259,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
             onRangeSelected: p[0] || (p[0] = (C) => v.$emit("selectedRange", { range: C, chartId: e.id }))
           }, null, 8, ["range"])
         ]),
-        D(t("div", fc, [
+        L(t("div", fc, [
           m(tt, {
             type: e.type,
             series: a.value,
@@ -5209,8 +5273,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
         ], 512), [
           [O, !e.empty]
         ]),
-        D(t("div", hc, [
-          m(L, {
+        L(t("div", hc, [
+          m(P, {
             icon: f(te),
             color: "gray",
             loading: !1,
@@ -5223,7 +5287,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
       ], 2), [
         [O, !e.loading]
       ]),
-      D(t("div", yc, [...p[2] || (p[2] = [
+      L(t("div", yc, [...p[2] || (p[2] = [
         t("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -5254,7 +5318,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
       ])
     ], 64));
   }
-}), vc = { class: "fixed inset-0 overflow-hidden" }, xc = { class: "absolute inset-0 overflow-hidden" }, pc = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, wc = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, kc = { class: "bg-lime-400 px-4 py-6 sm:px-6" }, $c = { class: "flex items-center justify-between" }, Cc = { class: "ml-3 flex h-7 items-center" }, Sc = { class: "mt-1" }, Bc = { class: "text-sm" }, Mc = { class: "relative flex-1 px-4 py-6 sm:px-6" }, zc = /* @__PURE__ */ A({
+}), vc = { class: "fixed inset-0 overflow-hidden" }, xc = { class: "absolute inset-0 overflow-hidden" }, pc = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, wc = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, kc = { class: "bg-lime-400 px-4 py-6 sm:px-6" }, $c = { class: "flex items-center justify-between" }, Cc = { class: "ml-3 flex h-7 items-center" }, Sc = { class: "mt-1" }, Bc = { class: "text-sm" }, Mc = { class: "relative flex-1 px-4 py-6 sm:px-6" }, zc = /* @__PURE__ */ T({
   __name: "uiRightSidebar",
   props: {
     title: {},
@@ -5346,7 +5410,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
   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"
-}, Ic = /* @__PURE__ */ A({
+}, Ic = /* @__PURE__ */ T({
   __name: "uiGallery",
   props: {
     galleryId: {},
@@ -5400,7 +5464,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
           t("p", Pc, u(d.title), 1),
           t("div", Fc, [
             t("p", Oc, u(d.size), 1),
-            m(L, {
+            m(P, {
               class: "cursor-pointer",
               icon: f(pe),
               color: "red",
@@ -5428,7 +5492,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
 }), Vc = {
   key: 1,
   class: "animate-pulse"
-}, Nc = /* @__PURE__ */ A({
+}, Nc = /* @__PURE__ */ T({
   __name: "DraggableWrapper",
   emits: ["update:modelValue"],
   setup(e) {
@@ -5459,7 +5523,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
 }), Rc = { class: "cursor-move mb-1 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white p-4 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400" }, qc = { class: "flex flex-row items-center w-full" }, Hc = { class: "content text-sm grow" }, Yc = { class: "font-bold" }, Ec = { key: 0 }, Uc = { class: "font-bold text-gray-400" }, Zc = {
   key: 1,
   class: "animate-pulse"
-}, Wc = /* @__PURE__ */ A({
+}, Wc = /* @__PURE__ */ T({
   __name: "uiDragAndDrop",
   props: {
     elements: {},
@@ -5488,7 +5552,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
       item: y(({ item: c }) => [
         t("div", Rc, [
           t("div", qc, [
-            m(L, {
+            m(P, {
               icon: f(Hl),
               loading: !1,
               color: "gray",
@@ -5506,7 +5570,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Gc = { class: "chart-header flex flex-row justify-between" }, Jc = { class: "text-sm font-medium text-gray-500 truncate" }, Kc = { class: "hidden sm:flex items-center" }, Qc = { class: "w-1/2 min-w-0 flex-1" }, Xc = ["max"], eu = { class: "min-w-0 flex-1" }, tu = ["max"], lu = { class: "chart-content" }, su = { class: "h-full w-full flex items-center justify-center flex-col" }, nu = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, au = /* @__PURE__ */ A({
+}), Gc = { class: "chart-header flex flex-row justify-between" }, Jc = { class: "text-sm font-medium text-gray-500 truncate" }, Kc = { class: "hidden sm:flex items-center" }, Qc = { class: "w-1/2 min-w-0 flex-1" }, Xc = ["max"], eu = { class: "min-w-0 flex-1" }, tu = ["max"], lu = { class: "chart-content" }, su = { class: "h-full w-full flex items-center justify-center flex-col" }, nu = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, au = /* @__PURE__ */ T({
   __name: "uiCircleChart",
   props: {
     labels: {},
@@ -5565,22 +5629,22 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
         }
       }
     };
-    const d = () => ({ ...a, ...o.options }), c = j(() => o.series), v = j(() => d()), p = () => i("chartUpdated"), C = (E, P, R) => {
-      i("dataPointSelection", { id: o.id, chartContext: P, config: R, event: E });
+    const d = () => ({ ...a, ...o.options }), c = A(() => o.series), v = A(() => d()), p = () => i("chartUpdated"), C = (E, M, R) => {
+      i("dataPointSelection", { id: o.id, chartContext: M, config: R, event: E });
     }, N = () => {
       r.from !== "" && r.to !== "" && Y(r.from).isBefore(Y(r.to)) && i("selectedRange", { range: r, chartId: o.id });
     };
-    return (E, P) => (l(), s(k, null, [
-      D(t("div", {
+    return (E, M) => (l(), s(k, null, [
+      L(t("div", {
         class: x(["h-[" + e.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
         t("div", Gc, [
           t("div", Jc, u(e.title), 1),
           t("div", Kc, [
             t("div", Qc, [
-              D(t("input", {
+              L(t("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": P[0] || (P[0] = (R) => f(r).from = R),
+                "onUpdate:modelValue": M[0] || (M[0] = (R) => f(r).from = R),
                 max: n.value.toString(),
                 onChange: N,
                 name: "from",
@@ -5591,9 +5655,9 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
               ])
             ]),
             t("div", eu, [
-              D(t("input", {
+              L(t("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": P[1] || (P[1] = (R) => f(r).to = R),
+                "onUpdate:modelValue": M[1] || (M[1] = (R) => f(r).to = R),
                 max: n.value.toString(),
                 onChange: N,
                 name: "to",
@@ -5603,16 +5667,16 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
                 [xe, f(r).to]
               ])
             ]),
-            m(L, {
+            m(P, {
               class: "ml-4 cursor-pointer",
               size: "big",
               loading: e.loading,
               icon: f(St),
-              onClick: P[2] || (P[2] = (R) => E.$emit("maximizeChart", e.id))
+              onClick: M[2] || (M[2] = (R) => E.$emit("maximizeChart", e.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
-        D(t("div", lu, [
+        L(t("div", lu, [
           m(tt, {
             class: "flex items-center justify-center mt-4",
             type: "donut",
@@ -5626,21 +5690,21 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
         ], 512), [
           [O, !e.empty]
         ]),
-        D(t("div", su, [
-          m(L, {
+        L(t("div", su, [
+          m(P, {
             icon: f(te),
             color: "gray",
             loading: !1,
             size: "huge"
           }, null, 8, ["icon"]),
-          P[3] || (P[3] = t("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
+          M[3] || (M[3] = t("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
         ], 512), [
           [O, e.empty]
         ])
       ], 2), [
         [O, !e.loading]
       ]),
-      D(t("div", nu, [...P[4] || (P[4] = [
+      L(t("div", nu, [...M[4] || (M[4] = [
         t("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -5677,7 +5741,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
 }, iu = {
   key: 1,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, ru = /* @__PURE__ */ A({
+}, ru = /* @__PURE__ */ T({
   __name: "uiDateRange",
   props: {
     id: {},
@@ -5768,7 +5832,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
 }, gu = {
   key: 1,
   class: "h-2 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 w-full"
-}, mu = /* @__PURE__ */ A({
+}, mu = /* @__PURE__ */ T({
   __name: "uiRangeSlider",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -5809,7 +5873,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
 }), fu = {
   key: 0,
   class: "mt-1 mb-8 text-sm"
-}, hu = /* @__PURE__ */ A({
+}, hu = /* @__PURE__ */ T({
   __name: "uiSectionTitle",
   props: {
     title: {},
@@ -5850,7 +5914,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
 }, zu = {
   key: 4,
   class: "h-3 w-8 bg-gray-200 rounded animate-pulse"
-}, ju = /* @__PURE__ */ A({
+}, ju = /* @__PURE__ */ T({
   __name: "uiSecondarySidebar",
   props: {
     title: {},
@@ -5875,7 +5939,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
     return (r, a) => (l(), s("aside", yu, [
       t("div", bu, [
         e.title ? (l(), s("div", vu, [
-          e.titleIcon ? (l(), w(L, {
+          e.titleIcon ? (l(), w(P, {
             key: 0,
             icon: e.titleIcon,
             loading: e.loading,
@@ -5898,7 +5962,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
                 d.selectedItemId === v.id ? d.selectionStyle === "primary" ? "bg-gray-800 text-white" : "bg-gray-100 text-gray-900" : "text-gray-700 hover:bg-gray-100"
               ])
             }, [
-              v.icon || d.defaultIcon ? (l(), w(L, {
+              v.icon || d.defaultIcon ? (l(), w(P, {
                 key: 0,
                 icon: v.icon || d.defaultIcon,
                 loading: e.loading,
@@ -5925,7 +5989,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
 }, Tu = { class: "flex flex-1 flex-col p-8" }, Du = { class: "text-2xl font-bold" }, Lu = { class: "mt-1 flex flex-grow flex-col justify-between" }, Pu = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Fu = {
   key: 1,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, Ou = { class: "flex flex-1 flex-col p-8" }, _u = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, Iu = { class: "mt-1 flex flex-grow flex-col justify-between" }, Vu = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Nu = /* @__PURE__ */ A({
+}, Ou = { class: "flex flex-1 flex-col p-8" }, _u = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, Iu = { class: "mt-1 flex flex-grow flex-col justify-between" }, Vu = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Nu = /* @__PURE__ */ T({
   __name: "uiDeviceStatus",
   props: {
     id: {},
@@ -5941,7 +6005,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
     return (i, o) => e.loading ? (l(), s("div", Fu, [
       t("div", Ou, [
         t("div", _u, [
-          m(L, {
+          m(P, {
             icon: e.icon,
             size: "huge",
             class: "text-white",
@@ -5978,7 +6042,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
             "bg-gray-100": e.color === "light"
           }])
         }, [
-          m(L, {
+          m(P, {
             icon: e.icon,
             size: "huge",
             color: "black",
@@ -5988,7 +6052,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
         ], 2),
         t("h3", Du, [
           B(u(e.name) + " ", 1),
-          D(t("span", {
+          L(t("span", {
             class: "text-black hover:text-lime-400 underline cursor-pointer",
             onClick: o[0] || (o[0] = (n) => i.$emit("deviceStatusQtyClicked", e.id))
           }, "(" + u(e.qty) + ")", 513), [
@@ -6014,7 +6078,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
       ])
     ]));
   }
-}), Ru = { class: "fixed inset-0 flex" }, qu = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, Hu = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, Yu = { class: "lg:pl-[25rem] flex flex-col h-screen" }, Eu = { class: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8" }, Uu = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, Zu = { class: "flex items-center gap-x-4 lg:gap-x-6 ml-auto" }, Wu = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, Gu = ["src"], Ju = { class: "hidden lg:flex lg:items-center" }, Ku = ["onClick"], Qu = { class: "bg-gray-50 flex-1 overflow-auto" }, Xu = { class: "p-7 lg:p-10" }, e0 = /* @__PURE__ */ A({
+}), Ru = { class: "fixed inset-0 flex" }, qu = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, Hu = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, Yu = { class: "lg:pl-[25rem] flex flex-col h-screen" }, Eu = { class: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8" }, Uu = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, Zu = { class: "flex items-center gap-x-4 lg:gap-x-6 ml-auto" }, Wu = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, Gu = ["src"], Ju = { class: "hidden lg:flex lg:items-center" }, Ku = ["onClick"], Qu = { class: "bg-gray-50 flex-1 overflow-auto" }, Xu = { class: "p-7 lg:p-10" }, e0 = /* @__PURE__ */ T({
   __name: "uiWrapper",
   props: {
     topbar: {},
@@ -6162,7 +6226,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
                 onClick: d[9] || (d[9] = (c) => o("bellClick"))
               }, [
                 d[14] || (d[14] = t("span", { class: "sr-only" }, "View notifications", -1)),
-                D(t("div", Wu, [...d[13] || (d[13] = [
+                L(t("div", Wu, [...d[13] || (d[13] = [
                   t("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                 ])], 512), [
                   [O, e.topbar.alerted]
@@ -6244,7 +6308,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
       ])
     ]));
   }
-}), t0 = /* @__PURE__ */ A({
+}), t0 = /* @__PURE__ */ T({
   __name: "uiDynamicStats",
   props: {
     dynamicStats: {},
@@ -6276,7 +6340,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
 }, i0 = ["onClick"], r0 = { class: "absolute mt-1 w-full rounded-md bg-white shadow-lg z-50" }, d0 = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full"
-}, c0 = /* @__PURE__ */ A({
+}, c0 = /* @__PURE__ */ T({
   __name: "uiSelectMultiple",
   props: {
     items: {},
@@ -6428,7 +6492,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
               _: 1
             })
           ]),
-          D(t("p", {
+          L(t("p", {
             class: x([{
               "text-gray-400": e.color === "gray",
               "text-red-600": e.color === "red",
@@ -6446,7 +6510,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
 }), u0 = { class: "space-y-6" }, g0 = { class: "mb-6" }, m0 = { class: "grid grid-cols-1 md:grid-cols-2 gap-4" }, f0 = { class: "mt-4 mb-12 space-y-4" }, h0 = { class: "space-y-4" }, y0 = { class: "text-xl font-bold text-gray-800" }, b0 = { class: "grid grid-cols-1 md:grid-cols-2 gap-4 mt-4 transition-all duration-300 ease-in-out" }, v0 = { class: "bg-white border border-gray-300 rounded-lg p-4" }, x0 = { class: "font-bold mb-4 text-sm text-gray-700" }, p0 = { class: "space-y-2" }, w0 = { class: "bg-white border border-gray-300 rounded-lg p-4" }, k0 = { class: "font-bold mb-4 text-sm text-gray-700" }, $0 = { class: "space-y-2" }, C0 = {
   key: 0,
   class: "mt-6"
-}, S0 = /* @__PURE__ */ A({
+}, S0 = /* @__PURE__ */ T({
   __name: "Comparator",
   props: {
     toCompare: {},
@@ -6455,7 +6519,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
   },
   emits: ["compareButtonClicked", "filesUploaded", "checkboxChanged", "generateNewFile"],
   setup(e, { emit: g }) {
-    const i = e, o = g, n = j(() => i.toCompare && Object.keys(i.toCompare).length > 0 && i.toCompare.constructor === Object), r = j(() => n.value ? Object.entries(i.toCompare).map(([v, p]) => ({
+    const i = e, o = g, n = A(() => i.toCompare && Object.keys(i.toCompare).length > 0 && i.toCompare.constructor === Object), r = A(() => n.value ? Object.entries(i.toCompare).map(([v, p]) => ({
       name: v,
       commands: p
     })) : []), a = (v, p, C, N) => {
@@ -6527,7 +6591,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
               m(f(se), { class: "flex items-center justify-between w-full" }, {
                 default: y(() => [
                   t("h2", y0, u(C.name), 1),
-                  m(L, {
+                  m(P, {
                     icon: f(oe),
                     loading: !1,
                     class: x(["cursor-pointer transition-transform duration-300 ease-in-out", { "rotate-180 transform": N }])
@@ -6541,13 +6605,13 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
                     t("div", v0, [
                       t("p", x0, u(e.literals.file1Content), 1),
                       t("div", p0, [
-                        (l(!0), s(k, null, S(C.commands[0]?.entries || [], (E, P) => (l(), w(ue, {
-                          key: `file1_${C.name}_${P}`,
-                          name: `file1_${C.name}_${P}`,
-                          id: `file1_${C.name}_${P}`,
+                        (l(!0), s(k, null, S(C.commands[0]?.entries || [], (E, M) => (l(), w(ue, {
+                          key: `file1_${C.name}_${M}`,
+                          name: `file1_${C.name}_${M}`,
+                          id: `file1_${C.name}_${M}`,
                           loading: !1,
-                          value: `file1_${C.name}_${P}`,
-                          onCheckboxChanged: (R) => a(C.name, "1", P, R.checked)
+                          value: `file1_${C.name}_${M}`,
+                          onCheckboxChanged: (R) => a(C.name, "1", M, R.checked)
                         }, {
                           default: y(() => [
                             B(u(E), 1)
@@ -6559,13 +6623,13 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
                     t("div", w0, [
                       t("p", k0, u(e.literals.file2Content), 1),
                       t("div", $0, [
-                        (l(!0), s(k, null, S(C.commands[1]?.entries || [], (E, P) => (l(), w(ue, {
-                          key: `file2_${C.name}_${P}`,
-                          name: `file2_${C.name}_${P}`,
-                          id: `file2_${C.name}_${P}`,
+                        (l(!0), s(k, null, S(C.commands[1]?.entries || [], (E, M) => (l(), w(ue, {
+                          key: `file2_${C.name}_${M}`,
+                          name: `file2_${C.name}_${M}`,
+                          id: `file2_${C.name}_${M}`,
                           loading: !1,
-                          value: `file2_${C.name}_${P}`,
-                          onCheckboxChanged: (R) => a(C.name, "2", P, R.checked)
+                          value: `file2_${C.name}_${M}`,
+                          onCheckboxChanged: (R) => a(C.name, "2", M, R.checked)
                         }, {
                           default: y(() => [
                             B(u(E), 1)
@@ -6618,14 +6682,14 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ A({
   key: 0,
   class: "absolute left-4 top-4 -ml-px mt-0.5 h-full w-0.5 bg-gray-300",
   "aria-hidden": "true"
-}, R0 = ["onClick"], q0 = { class: "ml-4 flex min-w-0 flex-col text-left" }, H0 = { class: "text-sm font-medium text-left" }, Y0 = { class: "text-sm text-left" }, E0 = /* @__PURE__ */ A({
+}, R0 = ["onClick"], q0 = { class: "ml-4 flex min-w-0 flex-col text-left" }, H0 = { class: "text-sm font-medium text-left" }, Y0 = { class: "text-sm text-left" }, E0 = /* @__PURE__ */ T({
   __name: "uiSteps",
   props: {
     steps: {}
   },
   emits: ["stepCompleted", "stepCurrent", "stepUpcoming", "stepClick"],
   setup(e, { emit: g }) {
-    const i = e, o = g, n = j(() => i.steps.map((a) => ({
+    const i = e, o = g, n = A(() => i.steps.map((a) => ({
       ...a,
       // Solo mantener el status si es "complete" o "current", de lo contrario usar "upcoming"
       status: a.status === "complete" || a.status === "current" ? a.status : "upcoming"
@@ -6732,14 +6796,14 @@ const Z0 = { "aria-label": "Progress" }, W0 = {
   key: 3,
   class: "absolute right-0 top-0 hidden h-full w-5 lg:block",
   "aria-hidden": "true"
-}, dg = /* @__PURE__ */ A({
+}, dg = /* @__PURE__ */ T({
   __name: "uiStepsV4",
   props: {
     steps: {}
   },
   emits: ["stepCompleted", "stepCurrent", "stepUpcoming", "stepClick"],
   setup(e, { emit: g }) {
-    const i = e, o = g, n = j(() => i.steps.map((a, d) => ({
+    const i = e, o = g, n = A(() => i.steps.map((a, d) => ({
       ...a,
       // Si no tiene id, usar el índice + 1 formateado
       id: a.id || String(d + 1).padStart(2, "0"),
@@ -6812,7 +6876,7 @@ const Z0 = { "aria-label": "Progress" }, W0 = {
       ])
     ]));
   }
-}), cg = { class: "grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8" }, ug = { class: "text-center" }, gg = { class: "mt-4 text-balance text-5xl font-semibold tracking-tight text-gray-900 sm:text-7xl" }, mg = { class: "mt-6 text-pretty text-lg font-medium text-gray-500 sm:text-xl/8" }, fg = { class: "mt-10 flex items-center justify-center gap-x-6" }, hg = ["href"], yg = /* @__PURE__ */ A({
+}), cg = { class: "grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8" }, ug = { class: "text-center" }, gg = { class: "mt-4 text-balance text-5xl font-semibold tracking-tight text-gray-900 sm:text-7xl" }, mg = { class: "mt-6 text-pretty text-lg font-medium text-gray-500 sm:text-xl/8" }, fg = { class: "mt-10 flex items-center justify-center gap-x-6" }, hg = ["href"], yg = /* @__PURE__ */ T({
   __name: "ui404",
   props: {
     lang: { default: "es" },
@@ -6832,7 +6896,7 @@ const Z0 = { "aria-label": "Progress" }, W0 = {
         goBackHome: "Go back home",
         contactSupport: "Contact support"
       }
-    }, o = j(() => i[g.lang]);
+    }, o = A(() => i[g.lang]);
     return (n, r) => (l(), s("main", cg, [
       t("div", ug, [
         r[1] || (r[1] = t("p", { class: "text-base font-semibold text-lime-400" }, "404", -1)),
@@ -6871,7 +6935,7 @@ const Z0 = { "aria-label": "Progress" }, W0 = {
   uiFooter: vi,
   uiFunnelChartV2: bc,
   uiGallery: Ic,
-  uiIcon: L,
+  uiIcon: P,
   uiInput: ae,
   uiInputFile: Ee,
   uiLoadingScreen: xi,
@@ -6951,7 +7015,7 @@ export {
   vi as uiFooter,
   bc as uiFunnelChartV2,
   Ic as uiGallery,
-  L as uiIcon,
+  P as uiIcon,
   ae as uiInput,
   Ee as uiInputFile,
   xi as uiLoadingScreen,