@hotelinking/ui 16.48.10 → 16.48.12

package/dist/ui.es.js

@@ -1,8 +1,8 @@
-import { defineComponent as A, createBlock as w, createElementBlock as s, openBlock as l, resolveDynamicComponent as Fe, normalizeClass as x, computed as j, createCommentVNode as v, renderSlot as J, createElementVNode as t, ref as V, watch as Z, unref as f, withCtx as y, createVNode as m, toDisplayString as c, createTextVNode as B, Transition as we, Fragment as k, renderList as S, withDirectives as D, vModelDynamic as yl, vShow as O, withModifiers as ne, vModelText as xe, createStaticVNode as ee, resolveComponent as it, vModelCheckbox as yt, onMounted as Oe, mergeProps as Le, reactive as ke, normalizeStyle as _e, nextTick as ve, onUnmounted as vl, TransitionGroup as bl, isRef as vt } from "vue";
-import { Menu as Ue, MenuButton as Ze, MenuItems as We, MenuItem as Je, Combobox as bt, ComboboxLabel as xt, ComboboxInput as pt, ComboboxButton as wt, ComboboxOptions as kt, ComboboxOption as $t, SwitchGroup as xl, Switch as pl, SwitchLabel as wl, TransitionRoot as Ge, Dialog as Ke, TransitionChild as ce, DialogPanel as Qe, DialogTitle as Ct, Disclosure as Ie, DisclosureButton as se, DisclosurePanel as Ne, Popover as kl, PopoverButton as $l, PopoverPanel as Cl, Listbox as Sl, ListboxLabel as Bl, ListboxButton as Ml, ListboxOptions as zl, ListboxOption as jl } from "@headlessui/vue";
+import { defineComponent as T, createBlock as w, createElementBlock as s, openBlock as l, resolveDynamicComponent as Fe, normalizeClass as x, computed as j, createCommentVNode as v, renderSlot as J, createElementVNode as t, ref as V, watch as Z, unref as f, withCtx as y, createVNode as m, toDisplayString as c, createTextVNode as B, Transition as we, Fragment as k, renderList as S, withDirectives as D, vModelDynamic as yl, vShow as O, withModifiers as ne, vModelText as xe, createStaticVNode as ee, resolveComponent as it, vModelCheckbox as yt, onMounted as Oe, mergeProps as Le, reactive as ke, normalizeStyle as qe, nextTick as ve, onUnmounted as vl, TransitionGroup as bl, isRef as vt } from "vue";
+import { Menu as Ze, MenuButton as We, MenuItems as Je, MenuItem as Ge, Combobox as bt, ComboboxLabel as xt, ComboboxInput as pt, ComboboxButton as wt, ComboboxOptions as kt, ComboboxOption as $t, SwitchGroup as xl, Switch as pl, SwitchLabel as wl, TransitionRoot as Ke, Dialog as Qe, TransitionChild as ce, DialogPanel as Xe, DialogTitle as Ct, Disclosure as Ie, DisclosureButton as se, DisclosurePanel as Ne, Popover as kl, PopoverButton as $l, PopoverPanel as Cl, Listbox as Sl, ListboxLabel as Bl, ListboxButton as Ml, ListboxOptions as zl, ListboxOption as jl } from "@headlessui/vue";
 import Y from "dayjs";
-import Al from "@vueform/slider";
-const L = /* @__PURE__ */ A({
+import Tl from "@vueform/slider";
+const L = /* @__PURE__ */ T({
   __name: "uiIcon",
   props: {
     icon: {},
@@ -38,7 +38,7 @@ const L = /* @__PURE__ */ A({
       })
     }, null, 8, ["class"]));
   }
-}), Tl = ["disabled"], Dl = "group inline-flex items-center border border-transparent font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25 text-nowrap", U = /* @__PURE__ */ A({
+}), Al = ["disabled"], Dl = "group inline-flex items-center border border-transparent font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25 text-nowrap", U = /* @__PURE__ */ T({
   __name: "uiButton",
   props: {
     block: { type: Boolean },
@@ -92,7 +92,7 @@ const L = /* @__PURE__ */ A({
         loading: e.loading
       }, null, 8, ["icon", "loading"])) : v("", !0),
       J(a.$slots, "default")
-    ], 10, Tl));
+    ], 10, Al));
   }
 }), Ll = {
   key: 0,
@@ -100,7 +100,7 @@ const L = /* @__PURE__ */ A({
 }, Pl = { class: "flex items-center h-5" }, Fl = ["checked", "value", "disabled"], Ol = { class: "ml-3 text-sm" }, Il = { class: "text-black" }, Nl = {
   key: 1,
   class: "flex items-center animate-pulse"
-}, ue = /* @__PURE__ */ A({
+}, ue = /* @__PURE__ */ T({
   __name: "uiCheckbox",
   props: {
     check: { type: Boolean, default: !1 },
@@ -291,7 +291,7 @@ function Mt(e, g) {
     })
   ]);
 }
-function Xe(e, g) {
+function et(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -359,7 +359,7 @@ function $e(e, g) {
     })
   ]);
 }
-function qe(e, g) {
+function He(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -568,7 +568,7 @@ function Ql(e, g) {
     })
   ]);
 }
-function At(e, g) {
+function Tt(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -636,7 +636,7 @@ function es(e, g) {
     })
   ]);
 }
-function He(e, g) {
+function Ye(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -714,7 +714,7 @@ const ts = {
 }, ss = { class: "-py-1" }, ns = ["onClick"], as = {
   key: 1,
   class: "animate-pulse px-4 py-2 bg-gray-200 rounded-md inline-flex items-center relative text-left h-10"
-}, ge = /* @__PURE__ */ A({
+}, ge = /* @__PURE__ */ T({
   __name: "uiDropdown",
   props: {
     items: {},
@@ -739,7 +739,7 @@ const ts = {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300"
       })
-    ])) : (l(), w(f(Ue), {
+    ])) : (l(), w(f(Ze), {
       key: 0,
       as: "div",
       class: x(["relative text-left", { "opacity-25": e.disabled }])
@@ -752,7 +752,7 @@ const ts = {
             e.label ? (l(), s("label", ts, c(e.label), 1)) : v("", !0),
             e.requiredText ? (l(), s("span", ls, c(e.requiredText), 1)) : v("", !0)
           ], 2),
-          m(f(Ze), { class: "text-black inline-flex justify-between w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-black" }, {
+          m(f(We), { class: "text-black inline-flex justify-between w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-black" }, {
             default: y(() => [
               B(c(n.value) + " ", 1),
               e.verticalPosition === "bottom" ? (l(), w(f(oe), {
@@ -778,7 +778,7 @@ const ts = {
           "leave-to-class": "transform opacity-0 scale-95"
         }, {
           default: y(() => [
-            e.disabled ? v("", !0) : (l(), w(f(We), {
+            e.disabled ? v("", !0) : (l(), w(f(Je), {
               key: 0,
               class: x([{
                 "right-0": e.position === "right",
@@ -789,7 +789,7 @@ const ts = {
             }, {
               default: y(() => [
                 t("div", ss, [
-                  (l(!0), s(k, null, S(e.items, (u, b) => (l(), w(f(Je), { key: b }, {
+                  (l(!0), s(k, null, S(e.items, (u, b) => (l(), w(f(Ge), { key: b }, {
                     default: y(() => [
                       t("a", {
                         onClick: (p) => r(u),
@@ -825,7 +825,7 @@ const ts = {
 }, ms = {
   key: 0,
   class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5"
-}, ae = /* @__PURE__ */ A({
+}, ae = /* @__PURE__ */ T({
   __name: "uiInput",
   props: {
     label: {},
@@ -911,7 +911,7 @@ const ts = {
             loading: e.loading
           }, null, 8, ["icon", "color", "loading"])) : v("", !0),
           D(m(L, {
-            icon: f(Xe),
+            icon: f(et),
             color: "green",
             loading: e.loading
           }, null, 8, ["icon", "loading"]), [
@@ -954,7 +954,7 @@ const ts = {
 }, bs = { class: "space-y-1 flex flex-col items-center justify-center" }, xs = { class: "flex text-sm flex-col sm:flex-row text-center" }, ps = ["for"], ws = ["id", "name", "accept"], ks = { class: "pl-1" }, $s = { class: "text-xs pb-4" }, Cs = { class: "mt-2 text-xs flex flex-row items-center text-red-600" }, Ss = {
   key: 1,
   class: "animate-pulse"
-}, Ye = /* @__PURE__ */ A({
+}, Ee = /* @__PURE__ */ T({
   __name: "uiInputFile",
   props: {
     name: {},
@@ -1059,7 +1059,7 @@ const ts = {
 }, zs = { class: "relative" }, js = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full"
-}, As = /* @__PURE__ */ A({
+}, Ts = /* @__PURE__ */ T({
   __name: "uiSelect",
   props: {
     items: {},
@@ -1087,7 +1087,7 @@ const ts = {
       handleChange: u
     }), (p, C) => e.loading ? (l(), s("div", js, [
       C[3] || (C[3] = t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
-      m(f(qe), {
+      m(f(He), {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400"
       })
@@ -1133,7 +1133,7 @@ const ts = {
           }, null, 8, ["class"]),
           m(f(wt), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
             default: y(() => [
-              m(f(qe), {
+              m(f(He), {
                 "aria-hidden": "true",
                 class: "h-5 w-5 text-gray-400"
               })
@@ -1167,7 +1167,7 @@ const ts = {
                         E ? "text-white" : "text-indigo-600"
                       ])
                     }, [
-                      m(f(Xe), {
+                      m(f(et), {
                         "aria-hidden": "true",
                         class: "h-5 w-5",
                         loading: !0
@@ -1196,7 +1196,7 @@ const ts = {
     }, 8, ["modelValue", "disabled"]));
   }
 });
-function Tt(e, g) {
+function At(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -1211,7 +1211,7 @@ function Tt(e, g) {
     })
   ]);
 }
-function Ts(e, g) {
+function As(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -1229,7 +1229,7 @@ function Ts(e, g) {
 const Ds = { class: "flex justify-between" }, Ls = {
   key: 0,
   class: "text-[10px] uppercase justify-self-end self-center"
-}, be = /* @__PURE__ */ A({
+}, be = /* @__PURE__ */ T({
   __name: "uiSelect_v2",
   props: {
     items: {},
@@ -1305,7 +1305,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
             class: "h-full absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none"
           }, {
             default: y(() => [
-              m(f(Ts), {
+              m(f(As), {
                 class: "size-5 mt-1",
                 "aria-hidden": "true"
               })
@@ -1332,7 +1332,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
                       key: 0,
                       class: x(["absolute inset-y-0 right-0 flex items-center pr-4", C ? "text-black" : "text-lime-400"])
                     }, [
-                      m(f(Tt), {
+                      m(f(At), {
                         class: "size-5",
                         "aria-hidden": "true"
                       })
@@ -1363,7 +1363,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }), Ps = {
   key: 1,
   class: "inline-flex items-center px-3 py-2.5 rounded text-xs font-medium leading-none animate-pulse bg-gray-200"
-}, K = /* @__PURE__ */ A({
+}, G = /* @__PURE__ */ T({
   __name: "uiTag",
   props: {
     color: { default: "primary" },
@@ -1411,7 +1411,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }, Vs = ["disabled", "placeholder"], Rs = {
   key: 1,
   class: "animate-pulse"
-}, _s = /* @__PURE__ */ A({
+}, _s = /* @__PURE__ */ T({
   __name: "uiTextArea",
   props: {
     name: {},
@@ -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" }, vn = ["onClick"], bn = {
   key: 1,
   class: "flex flex-col animate-pulse"
-}, xn = /* @__PURE__ */ A({
+}, xn = /* @__PURE__ */ T({
   __name: "uiAlert",
   props: {
     actions: {},
@@ -1709,7 +1709,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
       }, [
         t("div", gn, [
           t("div", mn, [
-            e.type === "info" ? (l(), w(f(At), {
+            e.type === "info" ? (l(), w(f(Tt), {
               key: 0,
               class: "h-8 w-8 text-lime-400",
               "aria-hidden": "true"
@@ -1776,7 +1776,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }, Sn = {
   key: 1,
   class: "rounded-lg bg-white shadow p-6 cursor-pointer animate-pulse h-full flex flex-col"
-}, Bn = /* @__PURE__ */ A({
+}, Bn = /* @__PURE__ */ T({
   __name: "uiCard",
   props: {
     id: {},
@@ -1806,7 +1806,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
         ])
       ]),
       e.tags && e.tags?.length > 0 ? (l(), s("div", Cn, [
-        (l(!0), s(k, null, S(e.tags, (n) => (l(), w(K, {
+        (l(!0), s(k, null, S(e.tags, (n) => (l(), w(G, {
           class: "mb-1 mr-1",
           key: n.name,
           color: n.color,
@@ -1823,7 +1823,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }), Mn = {
   key: 0,
   class: "rounded-lg bg-white shadow p-6 h-full flex flex-col"
-}, zn = { class: "flex items-center justify-between mb-4" }, jn = { class: "flex items-center gap-3" }, An = { class: "mb-4" }, Tn = { class: "font-bold text-lg mb-1" }, Dn = {
+}, zn = { class: "flex items-center justify-between mb-4" }, jn = { class: "flex items-center gap-3" }, Tn = { class: "mb-4" }, An = { class: "font-bold text-lg mb-1" }, Dn = {
   key: 0,
   class: "text-sm text-gray-500"
 }, Ln = { class: "mb-4 relative" }, Pn = {
@@ -1841,7 +1841,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }, Rn = { class: "flex flex-col xl:flex-row xl:flex-wrap items-stretch xl:items-center gap-2" }, _n = {
   key: 1,
   class: "rounded-lg bg-white shadow p-6 animate-pulse h-full flex flex-col"
-}, qn = { class: "flex items-center justify-between mb-4" }, Hn = { class: "flex items-center gap-3" }, Yn = { class: "flex flex-col pt-4 border-t border-gray-200 mt-auto" }, En = { class: "flex flex-col xl:flex-row xl:flex-wrap items-stretch xl:items-center gap-2" }, Un = /* @__PURE__ */ A({
+}, qn = { class: "flex items-center justify-between mb-4" }, Hn = { class: "flex items-center gap-3" }, Yn = { class: "flex flex-col pt-4 border-t border-gray-200 mt-auto" }, En = { class: "flex flex-col xl:flex-row xl:flex-wrap items-stretch xl:items-center gap-2" }, Un = /* @__PURE__ */ T({
   __name: "uiCardWithImage",
   props: {
     id: {},
@@ -1868,7 +1868,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
       t("div", qn, [
         t("div", Hn, [
           r[6] || (r[6] = t("div", { class: "w-4 h-4 rounded-full bg-gray-200" }, null, -1)),
-          e.badge ? (l(), w(K, {
+          e.badge ? (l(), w(G, {
             key: 0,
             loading: !0,
             size: "small"
@@ -1891,7 +1891,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
           }, null, 8, ["icon"])) : v("", !0),
           e.showActions ? (l(), w(U, {
             key: 1,
-            icon: f(He),
+            icon: f(Ye),
             loading: !0,
             size: "small",
             color: "primary",
@@ -1918,7 +1918,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
             color: "primary",
             loading: !1
           }, null, 8, ["icon"]),
-          e.badge ? (l(), w(K, {
+          e.badge ? (l(), w(G, {
             key: 0,
             color: e.badgeColor,
             loading: !1,
@@ -1944,8 +1944,8 @@ const Ds = { class: "flex justify-between" }, Ls = {
           }, null, 8, ["icon"])
         ])) : v("", !0)
       ]),
-      t("div", An, [
-        t("h4", Tn, c(e.title), 1),
+      t("div", Tn, [
+        t("h4", An, c(e.title), 1),
         e.subtitle ? (l(), s("p", Dn, c(e.subtitle), 1)) : v("", !0)
       ]),
       t("div", Ln, [
@@ -1990,7 +1990,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
           e.showActions ? (l(), w(U, {
             key: 1,
             onClick: r[4] || (r[4] = ne((a) => n.$emit("actionClick", { id: e.id, action: "copy" }), ["stop"])),
-            icon: f(He),
+            icon: f(Ye),
             loading: !1,
             size: "small",
             color: "primary",
@@ -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" }, Jn = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Gn = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, Kn = { class: "sm:flex sm:items-start" }, Qn = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full break-words" }, Xn = { class: "mt-4 text-gray-500 text-sm" }, ea = {
   key: 0,
   class: "mt-8"
-}, ta = ["onClick"], Pe = /* @__PURE__ */ A({
+}, ta = ["onClick"], Pe = /* @__PURE__ */ T({
   __name: "uiModal",
   props: {
     title: {},
@@ -2065,12 +2065,12 @@ const Ds = { class: "flex justify-between" }, Ls = {
     const i = e, o = g, n = (r) => {
       o("modalAction", { modal: i.modalName, action: r });
     };
-    return (r, a) => (l(), w(f(Ge), {
+    return (r, a) => (l(), w(f(Ke), {
       as: "template",
       show: e.open
     }, {
       default: y(() => [
-        m(f(Ke), {
+        m(f(Qe), {
           as: "div",
           class: "relative z-50",
           onClose: a[1] || (a[1] = (d) => n("close"))
@@ -2102,7 +2102,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
                   default: y(() => [
-                    m(f(Qe), {
+                    m(f(Xe), {
                       class: x([{
                         "sm:my-8 w-full sm:w-9/12 md:w-2/3 lg:w-1/2": e.size === "big",
                         "w-full sm:my-8 sm:w-full sm:max-w-lg sm:p-6": e.size === "medium"
@@ -2138,7 +2138,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
                             }, null, 512), [
                               [O, e.type === "danger"]
                             ]),
-                            D(m(f(Xe), {
+                            D(m(f(et), {
                               class: "h-6 w-6 text-green-600",
                               "aria-hidden": "true"
                             }, null, 512), [
@@ -2198,7 +2198,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }), la = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, sa = {
   key: 0,
   class: "max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
-}, na = { class: "p-4" }, aa = { class: "flex items-start" }, oa = { class: "flex-shrink-0 mt-0.5" }, ia = { class: "ml-3 w-0 flex-1 pt-0.5" }, ra = { class: "font-medium text-gray-900" }, da = { class: "mt-1 text-sm text-gray-500" }, ca = { class: "ml-4 flex-shrink-0 flex" }, ua = /* @__PURE__ */ A({
+}, na = { class: "p-4" }, aa = { class: "flex items-start" }, oa = { class: "flex-shrink-0 mt-0.5" }, ia = { class: "ml-3 w-0 flex-1 pt-0.5" }, ra = { class: "font-medium text-gray-900" }, da = { class: "mt-1 text-sm text-gray-500" }, ca = { class: "ml-4 flex-shrink-0 flex" }, ua = /* @__PURE__ */ T({
   __name: "uiNotification",
   props: {
     type: { default: "info" },
@@ -2246,7 +2246,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
                     }, null, 512), [
                       [O, e.type === "warning"]
                     ]),
-                    D(m(f(At), {
+                    D(m(f(Tt), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-black"
                     }, null, 512), [
@@ -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" }, va = { class: "truncate" }, ba = { 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: {},
@@ -2378,7 +2378,7 @@ function Ma() {
   })(je)), je.exports;
 }
 Ma();
-var Ae = { exports: {} }, za = Ae.exports, gt;
+var Te = { exports: {} }, za = Te.exports, gt;
 function ja() {
   return gt || (gt = 1, (function(e, g) {
     (function(i, o) {
@@ -2389,15 +2389,15 @@ function ja() {
         return "[" + i + (o[(n - 20) % 10] || o[n] || o[0]) + "]";
       } };
     }));
-  })(Ae)), Ae.exports;
+  })(Te)), Te.exports;
 }
 ja();
-var Te = { exports: {} }, Aa = Te.exports, mt;
-function Ta() {
+var Ae = { exports: {} }, Ta = Ae.exports, mt;
+function Aa() {
   return mt || (mt = 1, (function(e, g) {
     (function(i, o) {
       e.exports = o(Y);
-    })(Aa, (function(i) {
+    })(Ta, (function(i) {
       function o(a) {
         return a && typeof a == "object" && "default" in a ? a : { default: a };
       }
@@ -2406,9 +2406,9 @@ function Ta() {
       } };
       return n.default.locale(r, null, !0), r;
     }));
-  })(Te)), Te.exports;
+  })(Ae)), Ae.exports;
 }
-Ta();
+Aa();
 const Ce = (e, g) => {
   const i = e.__vccOpts || e;
   for (const [o, n] of g)
@@ -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: {},
@@ -2777,11 +2777,11 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
   colspan: "6",
   scope: "colgroup",
   class: "bg-gray-50 py-2 pl-4 pr-3 text-left text-sm font-semibold sm:pl-3"
-}, Ao = {
+}, To = {
   colspan: "20",
   scope: "colgroup",
   class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold"
-}, To = { key: 0 }, Do = {
+}, Ao = { key: 0 }, Do = {
   colspan: "6",
   class: "pl-4"
 }, Lo = { key: 1 }, Po = {
@@ -2824,7 +2824,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
 }, Ko = {
   key: 1,
   class: "flex flex-row justify-between items-center mt-4"
-}, Qo = { key: 0 }, Xo = /* @__PURE__ */ A({
+}, Qo = { key: 0 }, Xo = /* @__PURE__ */ T({
   __name: "uiPriceCalendar",
   props: {
     loading: { type: Boolean },
@@ -2869,7 +2869,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
       return F ? F.price : $.price;
     }, _ = ($) => {
       a.value = $.target.checked ? i.rooms.map((F) => F.id) : [];
-    }, Q = () => o("changeCategoryBulkPrices"), re = ($) => o("changeCategorySelectionPrice", $), me = ($) => o("changeCategoryUpgradePrice", $), fe = ($) => o("tableAction", $), M = ($, F, N) => o("changeRoomPrice", { price: $, roomId: F, roomName: N }), q = ($) => {
+    }, K = () => o("changeCategoryBulkPrices"), re = ($) => o("changeCategorySelectionPrice", $), me = ($) => o("changeCategoryUpgradePrice", $), fe = ($) => o("tableAction", $), z = ($, F, N) => o("changeRoomPrice", { price: $, roomId: F, roomName: N }), q = ($) => {
       o("changePage", $);
     }, H = ($) => {
       o("changePageSize", $.value);
@@ -2900,13 +2900,13 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                     ]))), 128))
                   ]),
                   t("tr", null, [
-                    t("th", Ao, [
+                    t("th", To, [
                       t("span", null, c(e.literals.category) + " " + c(e.category.name), 1),
                       m(U, {
                         loading: e.loading,
                         class: "ml-4",
                         size: "small",
-                        onClick: Q
+                        onClick: K
                       }, {
                         default: y(() => [
                           B(c(e.literals.changeInBulk), 1)
@@ -2915,7 +2915,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                       }, 8, ["loading"])
                     ])
                   ]),
-                  e.type === "discounts" ? (l(), s("tr", To, [
+                  e.type === "discounts" ? (l(), s("tr", Ao, [
                     t("td", Do, c(e.literals.pricesDiscount), 1),
                     (l(!0), s(k, null, S(e.category.selectionPrices, (N, W) => (l(), s("td", {
                       key: W,
@@ -3015,7 +3015,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                       key: le
                     }, [
                       m(Me, {
-                        onClick: (lt) => M(W, N.id, N.name),
+                        onClick: (st) => z(W, N.id, N.name),
                         class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 cursor-pointer",
                         price: W,
                         currency: e.currency.symbol,
@@ -3073,7 +3073,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
       ])) : (l(), w(Lt, { key: 2 }))
     ], 64));
   }
-}), et = /* @__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: {},
@@ -3183,18 +3183,18 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
     }), n.type === "area" && (d.tooltip = { intersect: !1, shared: !0 });
     const u = () => (d.chart.stacked = n.stacked, n.options && (n.options.xaxis.hideOverlappingLabels = !0, n.options.xaxis.decimalsInFloat = 2, n.options.xaxis.tickAmount = 10), { ...d, ...n.options, plotOptions: { bar: { horizontal: n.horizontal } } }), b = () => {
       r.from !== "" && r.to !== "" && Y(r.from).isBefore(Y(r.to)) && i("selectedRange", { range: r, chartId: n.id });
-    }, p = j(() => n.series), C = j(() => u()), R = () => i("chartUpdated"), E = (P, _, Q) => {
-      i("dataPointSelection", { id: n.id, chartContext: _, config: Q, event: P });
+    }, p = j(() => n.series), C = j(() => u()), R = () => i("chartUpdated"), E = (P, _, K) => {
+      i("dataPointSelection", { id: n.id, chartContext: _, config: K, event: P });
     };
     return (P, _) => (l(), s(k, null, [
       D(t("div", {
         class: "card chart apex-chart p-4 bg-white shadow rounded-lg overflow-hidden flex grow",
-        style: _e({ height: e.height + "px" })
+        style: qe({ height: e.height + "px" })
       }, [
         t("div", ei, [
           t("div", ti, c(e.title), 1),
           e.isNps && e.npsLiterals ? (l(), s("div", li, [
-            m(K, {
+            m(G, {
               size: "small",
               color: "red",
               loading: !1
@@ -3209,7 +3209,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
               ]),
               _: 1
             }),
-            m(K, {
+            m(G, {
               size: "small",
               color: "yellow",
               loading: !1
@@ -3224,7 +3224,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
               ]),
               _: 1
             }),
-            m(K, {
+            m(G, {
               size: "small",
               color: "green",
               loading: !1
@@ -3244,7 +3244,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
             t("div", ii, [
               D(t("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": _[0] || (_[0] = (Q) => f(r).from = Q),
+                "onUpdate:modelValue": _[0] || (_[0] = (K) => f(r).from = K),
                 max: o.value.toString(),
                 onChange: b,
                 name: "from",
@@ -3257,7 +3257,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
             t("div", di, [
               D(t("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": _[1] || (_[1] = (Q) => f(r).to = Q),
+                "onUpdate:modelValue": _[1] || (_[1] = (K) => f(r).to = K),
                 max: o.value.toString(),
                 onChange: b,
                 name: "to",
@@ -3272,12 +3272,12 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
               size: "big",
               loading: e.loading,
               icon: f(St),
-              onClick: _[2] || (_[2] = (Q) => P.$emit("maximizeChart", e.id))
+              onClick: _[2] || (_[2] = (K) => P.$emit("maximizeChart", e.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
         D(t("div", ui, [
-          m(et, {
+          m(tt, {
             class: "chart",
             type: e.type,
             series: p.value,
@@ -3347,7 +3347,7 @@ function vi(e, g, i, o, n, r) {
     ], -1)
   ])]);
 }
-const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
+const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ T({
   __name: "uiLoadingScreen",
   props: {
     title: {},
@@ -3390,10 +3390,10 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }, ji = {
   key: 0,
   class: "align-left"
-}, Ai = {
+}, Ti = {
   key: 1,
   class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2"
-}, Ti = { class: "h-12 flex flex-row items-center" }, Di = /* @__PURE__ */ A({
+}, Ai = { class: "h-12 flex flex-row items-center" }, Di = /* @__PURE__ */ T({
   __name: "uiSidebar",
   props: {
     navigation: {},
@@ -3409,7 +3409,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       t("div", wi, [
         t("div", ki, [
           t("nav", $i, [
-            e.loading ? (l(), s(k, { key: 1 }, S(5, (d) => t("div", Ti, [...a[1] || (a[1] = [
+            e.loading ? (l(), s(k, { key: 1 }, S(5, (d) => t("div", Ai, [...a[1] || (a[1] = [
               t("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1),
               t("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 grow" }, null, -1)
             ])])), 64)) : (l(!0), s(k, { key: 0 }, S(n.value, (d) => (l(), s(k, {
@@ -3452,7 +3452,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                         class: x([b.current ? "bg-gray-200" : "hover:text-gray-900 hover:bg-gray-100", "group text-gray-600 w-full flex items-center text-left pl-11 pr-2 py-2 text-sm font-medium rounded-md"])
                       }, {
                         default: y(() => [
-                          e.loading ? (l(), s("div", Ai)) : (l(), s("span", ji, c(b.name), 1))
+                          e.loading ? (l(), s("div", Ti)) : (l(), s("span", ji, c(b.name), 1))
                         ]),
                         _: 2
                       }, 1032, ["onClick", "class"]))), 128))
@@ -3505,7 +3505,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }, Ei = { class: "ml-2 space-y-1" }, Ui = { class: "font-bold mb-4" }, Zi = {
   key: 1,
   class: "flex flex-col grow h-full"
-}, Wi = { class: "flex-1 overflow-y-auto pr-6" }, Ji = { class: "h-12 flex flex-row items-center" }, Ee = /* @__PURE__ */ A({
+}, Wi = { class: "flex-1 overflow-y-auto pr-6" }, Ji = { class: "h-12 flex flex-row items-center" }, Ue = /* @__PURE__ */ T({
   __name: "uiSidebarV2",
   props: {
     navigation: {},
@@ -3670,7 +3670,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }), Gi = { key: 0 }, Ki = { class: "ml-16 text-sm font-medium truncate" }, Qi = { class: "ml-16 flex items-baseline pb-5" }, Xi = { class: "text-2xl font-semibold" }, er = {
   key: 0,
   class: "text-black ml-2 flex items-baseline text-sm font-semibold"
-}, tr = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, lr = { class: "text-sm" }, sr = { key: 1 }, nr = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, ar = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Ft = /* @__PURE__ */ A({
+}, tr = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, lr = { class: "text-sm" }, sr = { key: 1 }, nr = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, ar = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Ft = /* @__PURE__ */ T({
   __name: "uiStats",
   props: {
     item: {},
@@ -3770,7 +3770,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }, hr = {
   key: 1,
   class: "overflow-hidden bg-white shadow sm:rounded-lg"
-}, yr = { class: "border-t border-gray-200" }, vr = /* @__PURE__ */ A({
+}, yr = { class: "border-t border-gray-200" }, vr = /* @__PURE__ */ T({
   __name: "uiStripedCard",
   props: {
     title: {},
@@ -3810,7 +3810,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
           }, [
             t("dt", ur, c(o.title), 1),
             o.type === "tags" ? (l(), s("dd", gr, [
-              (l(!0), s(k, null, S(o.tags, (r, a) => (l(), w(K, {
+              (l(!0), s(k, null, S(o.tags, (r, a) => (l(), w(G, {
                 loading: e.loading,
                 key: a,
                 color: r.color,
@@ -3873,7 +3873,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }, $r = { class: "w-screen max-w-md flex-auto rounded bg-white text-sm/6 shadow-lg ring-1 ring-gray-900/5 lg:max-w-3xl" }, Cr = { class: "p-6 gap-y-2 flex flex-col" }, Sr = { class: "flex items-center gap-x-2 w-full" }, Br = { class: "px-6 pb-6 gap-x-2 flex justify-end" }, Mr = {
   key: 1,
   class: "relative animate-pulse"
-}, zr = /* @__PURE__ */ A({
+}, zr = /* @__PURE__ */ T({
   __name: "uiSmartFilterMultipleV2",
   props: {
     literals: { default: () => ({
@@ -3891,8 +3891,8 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
   },
   emits: ["smartFiltersSent", "smartFiltersCleared", "smartFilterDeleted"],
   setup(e, { emit: g }) {
-    const i = e, o = g, n = V({ id: "1", name: i.literals.and }), r = ke([]), a = V(i.availableCategories[0] || {}), d = (M) => M ? M === "uiInput" ? i.literals.contains : i.literals.is : "", u = (M) => {
-      r.splice(0, r.length), M.logicOperator === "and" || M.logicOperator === i.literals.and ? n.value = { id: "1", name: i.literals.and } : (M.logicOperator === "or" || M.logicOperator === i.literals.or) && (n.value = { id: "2", name: i.literals.or }), M.filters.forEach((q) => {
+    const i = e, o = g, n = V({ id: "1", name: i.literals.and }), r = ke([]), a = V(i.availableCategories[0] || {}), d = (z) => z ? z === "uiInput" ? i.literals.contains : i.literals.is : "", u = (z) => {
+      r.splice(0, r.length), z.logicOperator === "and" || z.logicOperator === i.literals.and ? n.value = { id: "1", name: i.literals.and } : (z.logicOperator === "or" || z.logicOperator === i.literals.or) && (n.value = { id: "2", name: i.literals.or }), z.filters.forEach((q) => {
         const H = i.availableCategories.find(($) => $.name === q.name);
         if (H) {
           const $ = {
@@ -3911,60 +3911,60 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         }
       });
     };
-    Z(() => i.literals, (M) => {
-      n.value.id === "1" ? n.value.name = M.and : n.value.id === "2" && (n.value.name = M.or);
-    }, { deep: !0 }), Z(() => i.availableCategories, (M) => {
-      M.length > 0 && (!a.value.name || !M.some((q) => q.name === a.value.name)) && (a.value = M[0]);
-    }, { deep: !0, immediate: !0 }), Z(() => i.filters, (M) => {
-      M && u(M);
+    Z(() => i.literals, (z) => {
+      n.value.id === "1" ? n.value.name = z.and : n.value.id === "2" && (n.value.name = z.or);
+    }, { deep: !0 }), Z(() => i.availableCategories, (z) => {
+      z.length > 0 && (!a.value.name || !z.some((q) => q.name === a.value.name)) && (a.value = z[0]);
+    }, { deep: !0, immediate: !0 }), Z(() => i.filters, (z) => {
+      z && u(z);
     }, { deep: !0, immediate: !0 });
     const b = j(() => [
       { id: "1", name: i.literals.and },
       { id: "2", name: i.literals.or }
-    ]), p = j(() => i.availableCategories.map((M) => ({
-      id: M.name,
-      name: M.name,
-      label: M.label
+    ]), p = j(() => i.availableCategories.map((z) => ({
+      id: z.name,
+      name: z.name,
+      label: z.label
     }))), C = j(() => ({
       id: a.value.name,
       label: a.value.label,
       name: a.value.name
-    })), R = j(() => r.map((M) => M.type === "uiInput" ? {
-      name: M.label,
+    })), R = j(() => r.map((z) => z.type === "uiInput" ? {
+      name: z.label,
       operator: i.literals.contains,
-      value: M.props.value || ""
-    } : M.type === "uiSelect" ? {
-      name: M.label,
+      value: z.props.value || ""
+    } : z.type === "uiSelect" ? {
+      name: z.label,
       operator: i.literals.is,
-      value: M.props.select?.name || ""
+      value: z.props.select?.name || ""
     } : {
-      name: M.label,
+      name: z.label,
       operator: i.literals.contains,
       value: ""
-    })), E = (M) => {
-      n.value = Array.isArray(M) ? M[0] || { id: "1", name: i.literals.and } : M;
-    }, P = (M) => {
-      const q = Array.isArray(M) ? M[0] : M, H = i.availableCategories.find(($) => $.name === q.id);
+    })), E = (z) => {
+      n.value = Array.isArray(z) ? z[0] || { id: "1", name: i.literals.and } : z;
+    }, P = (z) => {
+      const q = Array.isArray(z) ? z[0] : z, H = i.availableCategories.find(($) => $.name === q.id);
       H && (a.value = H);
     }, _ = () => {
       if (!a.value || !a.value.name)
         return;
-      const M = {
+      const z = {
         label: a.value.label,
         name: a.value.name,
         type: a.value.componentType,
         props: { ...a.value.defaultProps }
       };
-      r.push(M);
-    }, Q = (M, q) => {
-      if (M < 0 || M >= r.length) return;
-      const H = r[M];
+      r.push(z);
+    }, K = (z, q) => {
+      if (z < 0 || z >= r.length) return;
+      const H = r[z];
       H.type === "uiInput" ? typeof q == "string" && (H.props.value = q) : H.type === "uiSelect" && (Array.isArray(q) ? H.props.select = q[0] : typeof q == "object" && q !== null && (H.props.select = q));
-    }, re = (M) => {
-      M >= 0 && M < r.length && (r.splice(M, 1), o("smartFilterDeleted", M));
+    }, re = (z) => {
+      z >= 0 && z < r.length && (r.splice(z, 1), o("smartFilterDeleted", z));
     }, me = () => {
       r.splice(0, r.length), o("smartFiltersCleared");
-    }, fe = (M) => {
+    }, fe = (z) => {
       const H = {
         logicOperator: n.value.id === "1" ? "and" : "or",
         filters: r.map(($) => ({
@@ -3974,16 +3974,16 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
           value: $.type === "uiInput" ? $.props.value : $.props.select?.name
         }))
       };
-      o("smartFiltersSent", H), M();
+      o("smartFiltersSent", H), z();
     };
-    return (M, q) => e.loading ? (l(), s("div", Mr, [...q[1] || (q[1] = [
+    return (z, q) => e.loading ? (l(), s("div", Mr, [...q[1] || (q[1] = [
       ee('<div class="inline-flex items-center gap-x-2 text-sm/6 font-semibold text-gray-900 outline-none flex-wrap gap-y-1"><div class="h-4 bg-gray-200 rounded-lg w-32"></div><div class="h-4 bg-gray-200 rounded-lg w-20"></div><div class="h-4 bg-gray-200 rounded-lg w-16"></div><div class="h-5 w-5 bg-gray-200 rounded-lg"></div></div>', 1)
     ])])) : (l(), w(f(kl), {
       key: 0,
-      class: "relative"
+      class: "relative w-full max-w-full"
     }, {
       default: y(() => [
-        m(f($l), { class: "inline-flex items-center gap-x-2 text-sm/6 font-semibold text-gray-900 outline-none flex-wrap gap-y-1" }, {
+        m(f($l), { class: "inline-flex items-center gap-x-2 text-sm/6 font-semibold text-gray-900 outline-none flex-wrap gap-y-1 w-full max-w-full" }, {
           default: y(() => [
             t("span", null, c(i.literals.filters) + ": ", 1),
             (l(!0), s(k, null, S(R.value, (H, $) => (l(), s(k, { key: $ }, [
@@ -4033,7 +4033,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                       class: "flex items-center gap-x-2 w-full",
                       key: $.name
                     }, [
-                      m(K, {
+                      m(G, {
                         loading: i.loading,
                         size: "big",
                         color: "gray"
@@ -4043,7 +4043,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                         ]),
                         _: 2
                       }, 1032, ["loading"]),
-                      m(K, {
+                      m(G, {
                         loading: i.loading,
                         size: "big",
                         color: "gray"
@@ -4059,14 +4059,14 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                         loading: i.loading,
                         items: $.props.items || [],
                         select: $.props.select || $.props.items?.[0] || { id: "0", name: "Select..." },
-                        onSelectChanged: (N) => Q(F, N)
+                        onSelectChanged: (N) => K(F, N)
                       }, null, 8, ["loading", "items", "select", "onSelectChanged"])) : $.type === "uiInput" ? (l(), w(ae, {
                         key: 1,
                         class: "grow",
                         loading: i.loading,
                         name: $.props.name || "",
                         value: $.props.value || "",
-                        onInput: (N) => Q(F, N.target.value)
+                        onInput: (N) => K(F, N.target.value)
                       }, null, 8, ["loading", "name", "value", "onInput"])) : v("", !0),
                       F === 0 ? (l(), w(be, {
                         key: 2,
@@ -4076,7 +4076,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                         items: b.value,
                         select: n.value
                       }, null, 8, ["loading", "items", "select"])) : v("", !0),
-                      F > 0 ? (l(), w(K, {
+                      F > 0 ? (l(), w(G, {
                         key: 3,
                         loading: i.loading,
                         size: "big",
@@ -4132,7 +4132,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       _: 1
     }));
   }
-}), jr = { class: "w-full flex flex-col justify-center p-10 grow" }, Ar = { class: "text-center" }, Tr = { class: "text-2xl mt-4 font-bold" }, Dr = { class: "mt-4" }, Lr = { class: "buttons flex mt-8 gap-x-1 justify-center flex-col gap-y-2 md:flex-row md:gap-y-0" }, tt = /* @__PURE__ */ A({
+}), jr = { class: "w-full flex flex-col justify-center p-10 grow" }, Tr = { class: "text-center" }, Ar = { class: "text-2xl mt-4 font-bold" }, Dr = { class: "mt-4" }, Lr = { class: "buttons flex mt-8 gap-x-1 justify-center flex-col gap-y-2 md:flex-row md:gap-y-0" }, lt = /* @__PURE__ */ T({
   __name: "uiNoResults",
   props: {
     title: {},
@@ -4151,8 +4151,8 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         size: "massive",
         color: "gray"
       }, null, 8, ["icon"]),
-      t("div", Ar, [
-        t("h2", Tr, c(e.title), 1),
+      t("div", Tr, [
+        t("h2", Ar, c(e.title), 1),
         t("p", Dr, c(e.message), 1),
         t("div", Lr, [
           (l(!0), s(k, null, S(e.actions, (o, n) => (l(), w(U, {
@@ -4177,10 +4177,10 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
   }
 }), Pr = { key: 0 }, Fr = {
   key: 1,
-  class: "actionsAndFilters mb-6 flex flex-col lg:flex-row lg:items-start lg:justify-between w-full gap-4"
+  class: "actionsAndFilters mb-6 flex flex-col lg:flex-row lg:items-start w-full gap-4"
 }, Or = {
   key: 0,
-  class: "w-full lg:w-auto lg:flex-shrink-0"
+  class: "w-full lg:flex-1 lg:min-w-0 lg:max-w-full"
 }, Ir = {
   key: 1,
   class: "w-full lg:w-auto lg:flex-shrink-0 flex flex-col sm:flex-row items-stretch sm:items-center gap-3 lg:gap-2"
@@ -4211,7 +4211,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }, rd = ["onClick"], dd = { key: 0 }, cd = {
   key: 2,
   class: "devicesFooter px-1 flex flex-row justify-between items-center"
-}, ud = { key: 0 }, gd = /* @__PURE__ */ A({
+}, ud = { key: 0 }, gd = /* @__PURE__ */ T({
   __name: "uiTable",
   props: {
     selectAllItemsModal: {},
@@ -4239,17 +4239,17 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
   emits: ["tableAction", "orderBy", "customEmit", "selectedItemsDeleted", "selectAllItems", "modalAction", "smartFiltersSent", "smartFiltersCleared", "smartFilterDeleted", "tableActionSelected", "tableActionButtonClicked", "changePage", "changePageSize", "columnsVisibilityChanged", "deselectAllItems", "noResultsAction", "noResultsOptionSelected"],
   setup(e, { emit: g }) {
     const i = {
-      uiTag: K
-    }, o = g, n = e, r = V([]), a = V(""), d = V(!1), u = V(null), b = V(null), p = V(!1), C = V(null), R = V(null), E = j(() => n.items && n.items.length > 0), P = j(() => r.value.length > 0), _ = j(() => n.actions && n.actions.length > 0 || !1), Q = j(
+      uiTag: G
+    }, o = g, n = e, r = V([]), a = V(""), d = V(!1), u = V(null), b = V(null), p = V(!1), C = V(null), R = V(null), E = j(() => n.items && n.items.length > 0), P = j(() => r.value.length > 0), _ = j(() => n.actions && n.actions.length > 0 || !1), K = j(
       () => r.value.length === n.items.length && n.items.length > 0
     ), re = j(
       () => r.value.length > 0 && r.value.length < n.items.length
     ), me = j(
-      () => n.header.filter((h, T) => st(T))
+      () => n.header.filter((h, A) => nt(A))
     ), fe = j(() => [
       n.actions ? "px-6 sm:px-8" : "px-3",
       "relative"
-    ]), M = j(() => [
+    ]), z = j(() => [
       n.actions && n.actions.length > 0 ? "w-2" : "w-0",
       "relative"
     ]), q = j(
@@ -4266,7 +4266,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       () => n.paginationCurrent !== void 0 && n.paginationTotal !== void 0 && n.paginationTotalItems !== void 0
     ), le = j(
       () => n.pageSizeOptions && n.pageSizeOptions.length > 0
-    ), lt = j(() => n.pageSizeOptions ? n.pageSizeOptions.map((h) => ({
+    ), st = j(() => n.pageSizeOptions ? n.pageSizeOptions.map((h) => ({
       name: h.name,
       value: String(h.value),
       active: !!(h.active || n.currentPageSize && h.value === n.currentPageSize)
@@ -4280,14 +4280,14 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       filter: "Filtrar"
     }, It = (h) => {
       h.action === "close" ? Se.value = !1 : (Se.value = !1, n.selectAllItemsModal && o("modalAction", { modal: n.selectAllItemsModal.modalName, action: h.action }));
-    }, st = (h) => n.hiddenColumns && n.hiddenColumns.length > 0 ? !n.hiddenColumns.includes(h) : !0, Re = (h) => r.value.includes(h), Nt = (h) => a.value === h, Vt = (h) => h.filter((T, z) => st(z)), Rt = (h, T) => {
-      const z = [];
-      return Re(h.id) && z.push("bg-gray-50"), T % 2 !== 0 && z.push("bg-gray-50"), z;
+    }, nt = (h) => n.hiddenColumns && n.hiddenColumns.length > 0 ? !n.hiddenColumns.includes(h) : !0, Re = (h) => r.value.includes(h), Nt = (h) => a.value === h, Vt = (h) => h.filter((A, M) => nt(M)), Rt = (h, A) => {
+      const M = [];
+      return Re(h.id) && M.push("bg-gray-50"), A % 2 !== 0 && M.push("bg-gray-50"), M;
     }, _t = (h) => {
-      const T = ["whitespace-nowrap", "py-4", "pr-3", "text-sm"];
-      return Re(h) && T.push("text-black", "font-bold"), T;
+      const A = ["whitespace-nowrap", "py-4", "pr-3", "text-sm"];
+      return Re(h) && A.push("text-black", "font-bold"), A;
     }, qt = (h) => {
-      const T = [
+      const A = [
         "absolute",
         "left-4",
         "top-1/2",
@@ -4300,11 +4300,11 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         "focus:ring-lime-400",
         "flex-wrap"
       ];
-      return h && T.push("bg-gray-100"), T;
+      return h && A.push("bg-gray-100"), A;
     }, Ht = (h) => {
-      const T = [];
-      return h === n.orderedBy ? T.push("bg-black", "text-white", "group-hover:bg-lime-400", "group-hover:text-black") : T.push("group-hover:visible", "group-focus:visible"), T;
-    }, Yt = (h) => typeof h == "object" && h.type === "tag" ? i.uiTag : typeof h == "object" && h.type === "link" ? "span" : typeof h == "object" && h.type === "href" ? "a" : typeof h == "object" && h.type === "guest" ? "div" : typeof h == "object" && h.type === "action" ? "button" : "span", nt = (h) => typeof h == "object" && h.type === "tag" ? {
+      const A = [];
+      return h === n.orderedBy ? A.push("bg-black", "text-white", "group-hover:bg-lime-400", "group-hover:text-black") : A.push("group-hover:visible", "group-focus:visible"), A;
+    }, Yt = (h) => typeof h == "object" && h.type === "tag" ? i.uiTag : typeof h == "object" && h.type === "link" ? "span" : typeof h == "object" && h.type === "href" ? "a" : typeof h == "object" && h.type === "guest" ? "div" : typeof h == "object" && h.type === "action" ? "button" : "span", at = (h) => typeof h == "object" && h.type === "tag" ? {
       loading: n.loading,
       color: h.color || "primary",
       size: h.size || "medium",
@@ -4319,16 +4319,16 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
     } : typeof h == "object" && h.type === "action" ? {
       type: "button",
       class: "inline-flex items-center gap-2 px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-lime-400 focus:ring-offset-2"
-    } : {}, at = (h) => typeof h == "object" ? h.content || "" : h || "", Et = (h) => h === n.orderedBy ? n.orderDirection === "asc" ? oe : jt : oe, Ut = (h) => h === n.orderedBy ? "white" : "primary", Zt = (h) => {
+    } : {}, ot = (h) => typeof h == "object" ? h.content || "" : h || "", Et = (h) => h === n.orderedBy ? n.orderDirection === "asc" ? oe : jt : oe, Ut = (h) => h === n.orderedBy ? "white" : "primary", Zt = (h) => {
       o("tableAction", { action: h.id, items: r.value });
     }, Wt = (h) => {
-      const T = h.target;
-      T.checked ? Se.value = !0 : o("deselectAllItems"), r.value = T.checked ? n.items.map((z) => z.disabled ? null : z.id) : [];
+      const A = h.target;
+      A.checked ? Se.value = !0 : o("deselectAllItems"), r.value = A.checked ? n.items.map((M) => M.disabled ? null : M.id) : [];
     }, Jt = (h) => {
-      const T = n.orderDirection === "asc" ? "desc" : "asc";
-      o("orderBy", { value: h, orderDirection: T });
-    }, de = (h, T) => {
-      typeof h == "object" && (h.type === "link" || h.type === "action") && o("customEmit", { data: h, rowId: T });
+      const A = n.orderDirection === "asc" ? "desc" : "asc";
+      o("orderBy", { value: h, orderDirection: A });
+    }, de = (h, A) => {
+      typeof h == "object" && (h.type === "link" || h.type === "action") && o("customEmit", { data: h, rowId: A });
     }, Gt = (h) => {
       typeof h == "object" && h.type === "tag" && o("customEmit", { data: h });
     }, Kt = (h) => {
@@ -4350,8 +4350,8 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
     }, al = (h) => {
       o("changePageSize", h.value);
     }, ol = (h) => {
-      const T = Number(h.value);
-      h.checked ? o("columnsVisibilityChanged", { index: T, hidden: !0 }) : o("columnsVisibilityChanged", { index: T, hidden: !1 });
+      const A = Number(h.value);
+      h.checked ? o("columnsVisibilityChanged", { index: A, hidden: !0 }) : o("columnsVisibilityChanged", { index: A, hidden: !1 });
     }, il = (h) => {
       o("noResultsAction", h);
     }, rl = (h) => {
@@ -4374,14 +4374,14 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         return;
       }
       const h = u.value.querySelector("table");
-      if (!h) return;
-      const T = b.value.getBoundingClientRect(), z = window.innerHeight - T.top - 40;
-      let G = 0;
-      F.value && (G += 100), N.value && (G += 80);
-      const I = Math.max(300, z - G);
-      ve(() => {
+      h && ve(() => {
         if (!u.value || !h) return;
-        h.offsetHeight > I ? (C.value = I, p.value = !0) : (C.value = null, p.value = !1);
+        const A = h.querySelector("thead"), M = h.querySelector("tbody");
+        if (!A || !M) return;
+        const Q = A.offsetHeight, I = M.querySelector("tr");
+        if (!I) return;
+        const _e = I.offsetHeight, X = Q + _e * 25;
+        C.value = X, p.value = !0;
       });
     }, ye = () => {
       u.value && requestAnimationFrame(() => {
@@ -4414,14 +4414,14 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       });
     }), vl(() => {
       R.value && (window.removeEventListener("resize", R.value), R.value = null);
-    }), (h, T) => !e.loading && E.value ? (l(), s("div", Pr, [
+    }), (h, A) => !e.loading && E.value ? (l(), s("div", Pr, [
       e.selectAllItemsModal ? (l(), w(Pe, {
         key: 0,
         title: e.selectAllItemsModal.title,
         modalName: e.selectAllItemsModal.modalName,
         open: Se.value,
         actions: e.selectAllItemsModal.actions,
-        onModalAction: T[0] || (T[0] = (z) => It(z))
+        onModalAction: A[0] || (A[0] = (M) => It(M))
       }, {
         default: y(() => [
           B(c(e.selectAllItemsModal.content), 1)
@@ -4432,20 +4432,20 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         title: "Seleccione las columnas que desea ocultar",
         modalName: "columnsModal",
         open: Be.value,
-        onClose: T[1] || (T[1] = (z) => Be.value = !1),
-        onModalAction: T[2] || (T[2] = (z) => z.action === "close" ? Be.value = !1 : null)
+        onClose: A[1] || (A[1] = (M) => Be.value = !1),
+        onModalAction: A[2] || (A[2] = (M) => M.action === "close" ? Be.value = !1 : null)
       }, {
         default: y(() => [
-          (l(!0), s(k, null, S(n.header, (z, G) => (l(), w(ue, {
+          (l(!0), s(k, null, S(n.header, (M, Q) => (l(), w(ue, {
             onCheckboxChanged: ol,
-            check: dl(G),
+            check: dl(Q),
             class: "mb-2",
             loading: !1,
-            key: G,
-            value: String(G)
+            key: Q,
+            value: String(Q)
           }, {
             default: y(() => [
-              B(c(z.name), 1)
+              B(c(M.name), 1)
             ]),
             _: 2
           }, 1032, ["check", "value"]))), 128))
@@ -4466,18 +4466,18 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         ])) : v("", !0),
         H.value || $.value ? (l(), s("div", Ir, [
           $.value ? (l(), s("div", Nr, [
-            (l(!0), s(k, null, S(n.tableActionButtons, (z) => (l(), w(U, {
-              key: z.id,
-              loading: z.loading !== void 0 ? z.loading : n.loading,
-              disabled: z.disabled,
-              color: z.color || "primary",
-              size: z.size || "medium",
-              icon: z.icon,
+            (l(!0), s(k, null, S(n.tableActionButtons, (M) => (l(), w(U, {
+              key: M.id,
+              loading: M.loading !== void 0 ? M.loading : n.loading,
+              disabled: M.disabled,
+              color: M.color || "primary",
+              size: M.size || "medium",
+              icon: M.icon,
               class: "w-auto",
-              onClick: (G) => sl(z)
+              onClick: (Q) => sl(M)
             }, {
               default: y(() => [
-                B(c(z.text), 1)
+                B(c(M.text), 1)
               ]),
               _: 2
             }, 1032, ["loading", "disabled", "color", "size", "icon", "onClick"]))), 128))
@@ -4496,24 +4496,24 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         ref_key: "tableWrapper",
         ref: b,
         class: "flex flex-col",
-        style: _e(ml.value)
+        style: qe(ml.value)
       }, [
         t("div", Rr, [
           t("div", _r, [
             t("div", qr, [
               P.value && _.value ? (l(), s("div", Hr, [
-                (l(!0), s(k, null, S(e.actions, (z, G) => (l(), s("button", {
-                  key: G,
+                (l(!0), s(k, null, S(e.actions, (M, Q) => (l(), s("button", {
+                  key: Q,
                   type: "button",
                   class: "inline-flex items-center rounded bg-lime-400 hover:bg-black px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30",
-                  onClick: (I) => Zt(z)
-                }, c(z.name), 9, Yr))), 128))
+                  onClick: (I) => Zt(M)
+                }, c(M.name), 9, Yr))), 128))
               ])) : v("", !0),
               t("div", {
                 ref_key: "tableScrollContainer",
                 ref: u,
                 class: x(ul.value),
-                style: _e(fl.value)
+                style: qe(fl.value)
               }, [
                 t("table", Er, [
                   t("thead", {
@@ -4526,68 +4526,68 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                       }, [
                         _.value ? (l(), s("input", {
                           key: 0,
-                          checked: Q.value,
+                          checked: K.value,
                           indeterminate: re.value,
                           class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-black focus:ring-lime-400",
                           type: "checkbox",
                           onChange: Wt
                         }, null, 40, Ur)) : v("", !0)
                       ], 2),
-                      (l(!0), s(k, null, S(me.value, (z, G) => (l(), s("th", {
-                        key: G,
+                      (l(!0), s(k, null, S(me.value, (M, Q) => (l(), s("th", {
+                        key: Q,
                         class: "py-3.5 pr-3 text-left font-semibold relative",
                         scope: "col",
-                        onMouseover: (I) => Kt(z.name),
-                        onMouseleave: T[3] || (T[3] = (I) => Qt())
+                        onMouseover: (I) => Kt(M.name),
+                        onMouseleave: A[3] || (A[3] = (I) => Qt())
                       }, [
-                        z.tooltip && Nt(z.name) ? (l(), w(pr, {
+                        M.tooltip && Nt(M.name) ? (l(), w(pr, {
                           key: 0,
-                          tip: z.tooltip
+                          tip: M.tooltip
                         }, null, 8, ["tip"])) : v("", !0),
-                        z.value ? (l(), s("button", {
+                        M.value ? (l(), s("button", {
                           key: 1,
                           class: "group flex items-center uppercase text-xs relative text-nowrap",
-                          onClick: (I) => Jt(z.value)
+                          onClick: (I) => Jt(M.value)
                         }, [
-                          t("span", null, c(z.name), 1),
+                          t("span", null, c(M.name), 1),
                           t("span", {
-                            class: x([Ht(z.value), "ml-2 flex-none rounded group-hover:bg-lime-200 group-hover:text-white"])
+                            class: x([Ht(M.value), "ml-2 flex-none rounded group-hover:bg-lime-200 group-hover:text-white"])
                           }, [
                             m(L, {
-                              icon: Et(z.value),
+                              icon: Et(M.value),
                               loading: e.loading,
-                              color: Ut(z.value)
+                              color: Ut(M.value)
                             }, null, 8, ["icon", "loading", "color"])
                           ], 2)
                         ], 8, Wr)) : (l(), s("p", Jr, [
-                          t("span", null, c(z.name), 1)
+                          t("span", null, c(M.name), 1)
                         ]))
                       ], 40, Zr))), 128))
                     ])
                   ], 2),
                   t("tbody", Gr, [
-                    (l(!0), s(k, null, S(e.items, (z, G) => (l(), s("tr", {
-                      key: z.id,
-                      class: x(Rt(z, G))
+                    (l(!0), s(k, null, S(e.items, (M, Q) => (l(), s("tr", {
+                      key: M.id,
+                      class: x(Rt(M, Q))
                     }, [
                       t("td", {
-                        class: x(M.value)
+                        class: x(z.value)
                       }, [
-                        Re(z.id) ? (l(), s("div", Kr)) : v("", !0),
+                        Re(M.id) ? (l(), s("div", Kr)) : v("", !0),
                         _.value ? D((l(), s("input", {
                           key: 1,
-                          "onUpdate:modelValue": T[4] || (T[4] = (I) => r.value = I),
-                          value: z.id,
-                          class: x(qt(z.disabled)),
+                          "onUpdate:modelValue": A[4] || (A[4] = (I) => r.value = I),
+                          value: M.id,
+                          class: x(qt(M.disabled)),
                           type: "checkbox",
-                          disabled: z.disabled
+                          disabled: M.disabled
                         }, null, 10, Qr)), [
                           [yt, r.value]
                         ]) : v("", !0)
                       ], 2),
-                      (l(!0), s(k, null, S(Vt(z.row), (I, ot) => (l(), s("td", {
-                        key: ot,
-                        class: x(_t(z.id))
+                      (l(!0), s(k, null, S(Vt(M.row), (I, _e) => (l(), s("td", {
+                        key: _e,
+                        class: x(_t(M.id))
                       }, [
                         typeof I == "object" && I.type === "guest" ? (l(), s("div", Xr, [
                           t("span", ed, c(I.content), 1),
@@ -4596,7 +4596,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                           key: 1,
                           type: "button",
                           class: "inline-flex items-center gap-2 px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-lime-400 focus:ring-offset-2",
-                          onClick: (X) => de(I, z.id)
+                          onClick: (X) => de(I, M.id)
                         }, [
                           I.icon ? (l(), w(L, {
                             key: 0,
@@ -4609,10 +4609,10 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                         ], 8, ld)) : typeof I == "object" && I.type === "link" ? (l(), s("span", Le({
                           key: 2,
                           ref_for: !0
-                        }, nt(I), {
-                          onClick: (X) => de(I, z.id)
+                        }, at(I), {
+                          onClick: (X) => de(I, M.id)
                         }), [
-                          B(c(at(I)) + " ", 1),
+                          B(c(ot(I)) + " ", 1),
                           I.icon ? (l(), w(L, {
                             key: 0,
                             loading: e.loading,
@@ -4625,7 +4625,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                           t("span", null, c(I.content), 1),
                           t("button", {
                             type: "button",
-                            onClick: (X) => de({ type: "action", action: "reveal", value: I.value }, z.id),
+                            onClick: (X) => de({ type: "action", action: "reveal", value: I.value }, M.id),
                             class: "inline-flex items-center p-1 text-gray-500 hover:text-gray-700 focus:outline-none"
                           }, [
                             m(L, {
@@ -4637,12 +4637,12 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                           ], 8, ad),
                           t("button", {
                             type: "button",
-                            onClick: (X) => de({ type: "action", action: "copy", value: I.value }, z.id),
+                            onClick: (X) => de({ type: "action", action: "copy", value: I.value }, M.id),
                             class: "inline-flex items-center p-1 text-gray-500 hover:text-gray-700 focus:outline-none"
                           }, [
                             m(L, {
                               loading: e.loading,
-                              icon: f(He),
+                              icon: f(Ye),
                               size: "small",
                               color: "gray"
                             }, null, 8, ["loading", "icon"])
@@ -4651,7 +4651,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                           (l(!0), s(k, null, S(I.actions, (X, hl) => (l(), s("button", {
                             key: hl,
                             type: "button",
-                            onClick: (ng) => de({ type: "action", action: X.action }, z.id),
+                            onClick: (ng) => de({ type: "action", action: X.action }, M.id),
                             class: x(X.action === "viewCode" ? "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-lime-400 focus:ring-offset-2" : "inline-flex items-center p-1 text-gray-500 hover:text-gray-700 focus:outline-none")
                           }, [
                             m(L, {
@@ -4665,12 +4665,12 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                         ])) : (l(), w(Fe(Yt(I)), Le({
                           key: 5,
                           ref_for: !0
-                        }, nt(I), {
+                        }, at(I), {
                           onClick: (X) => de(I),
                           onTagEvent: (X) => Gt(I)
                         }), {
                           default: y(() => [
-                            B(c(at(I)), 1)
+                            B(c(ot(I)), 1)
                           ]),
                           _: 2
                         }, 1040, ["onClick", "onTagEvent"]))
@@ -4687,7 +4687,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         le.value ? (l(), s("div", ud, [
           m(ge, {
             verticalPosition: "top",
-            items: lt.value,
+            items: st.value,
             loading: n.loading,
             onOptionSelected: al
           }, null, 8, ["items", "loading"])
@@ -4703,29 +4703,29 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
             loading: n.loading,
             onChangePage: nl
           }, {
-            previous: y(() => [...T[5] || (T[5] = [
+            previous: y(() => [...A[5] || (A[5] = [
               B("Anterior", -1)
             ])]),
-            next: y(() => [...T[6] || (T[6] = [
+            next: y(() => [...A[6] || (A[6] = [
               B("Siguiente", -1)
             ])]),
-            showing: y(() => [...T[7] || (T[7] = [
+            showing: y(() => [...A[7] || (A[7] = [
               B("Mostrando", -1)
             ])]),
-            of: y(() => [...T[8] || (T[8] = [
+            of: y(() => [...A[8] || (A[8] = [
               B("de", -1)
             ])]),
-            pages: y(() => [...T[9] || (T[9] = [
+            pages: y(() => [...A[9] || (A[9] = [
               B("páginas", -1)
             ])]),
-            fromTotal: y(() => [...T[10] || (T[10] = [
+            fromTotal: y(() => [...A[10] || (A[10] = [
               B("Elementos totales:", -1)
             ])]),
             _: 1
           }, 8, ["current", "total", "totalItems", "loading"])
         ], 2)) : v("", !0)
       ])) : v("", !0)
-    ])) : !e.loading && !E.value && n.noResults ? (l(), w(tt, {
+    ])) : !e.loading && !E.value && n.noResults ? (l(), w(lt, {
       key: 1,
       title: n.noResults.title,
       message: n.noResults.message,
@@ -4739,7 +4739,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }), md = { class: "lg:hidden" }, fd = ["value"], hd = { class: "hidden lg:block" }, yd = { class: "border-b border-gray-200" }, vd = {
   class: "-mb-px flex space-x-8",
   "aria-label": "Tabs"
-}, bd = ["onClick", "aria-current"], xd = /* @__PURE__ */ A({
+}, bd = ["onClick", "aria-current"], xd = /* @__PURE__ */ T({
   __name: "uiTabs",
   props: {
     tabs: {}
@@ -4797,7 +4797,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, Bd = { class: "relative flex space-x-3" }, Md = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, zd = { class: "text-sm text-gray-500" }, jd = ["onClick"], Ad = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, Td = ["datetime"], Dd = {
+}, Bd = { class: "relative flex space-x-3" }, Md = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, zd = { class: "text-sm text-gray-500" }, jd = ["onClick"], Td = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, Ad = ["datetime"], Dd = {
   key: 1,
   class: "bg-lime-50 px-4 py-4 sm:px-6 z-10"
 }, Ld = { class: "text-sm" }, Pd = {
@@ -4813,7 +4813,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, _d = /* @__PURE__ */ A({
+}, _d = /* @__PURE__ */ T({
   __name: "uiTimeline",
   props: {
     name: {},
@@ -4894,10 +4894,10 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                           B(" " + c(a?.content), 1)
                         ])
                       ]),
-                      t("div", Ad, [
+                      t("div", Td, [
                         t("time", {
                           datetime: a?.datetime
-                        }, c(a?.date), 9, Td)
+                        }, c(a?.date), 9, Ad)
                       ])
                     ])
                   ])
@@ -4929,7 +4929,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }), qd = { class: "mx-auto px-6 lg:px-8" }, Hd = { class: "flex justify-between h-20" }, Yd = { class: "flex" }, Ed = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, Ud = ["src"], Zd = { class: "flex items-center" }, Wd = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, Jd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Gd = ["src"], Kd = ["onClick"], Qd = { class: "pt-2 pb-3 space-y-1" }, Xd = ["onClick"], ec = { class: "pt-4 pb-3 border-t border-gray-200" }, tc = { class: "flex items-center px-4 sm:px-6" }, lc = { class: "flex-shrink-0" }, sc = ["src"], nc = {
   key: 0,
   class: "ml-3"
-}, ac = { class: "text-base font-medium text-gray-800" }, oc = { class: "text-sm font-medium text-gray-500" }, ic = { class: "mt-3 space-y-1" }, rc = ["onClick"], dc = /* @__PURE__ */ A({
+}, ac = { class: "text-base font-medium text-gray-800" }, oc = { class: "text-sm font-medium text-gray-500" }, ic = { class: "mt-3 space-y-1" }, rc = ["onClick"], dc = /* @__PURE__ */ T({
   __name: "uiTopbar",
   props: {
     logo: {},
@@ -4980,13 +4980,13 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
             ]),
             t("div", Zd, [
               t("div", Wd, [
-                m(f(Ue), {
+                m(f(Ze), {
                   as: "div",
                   class: "ml-3 relative"
                 }, {
                   default: y(() => [
                     t("div", null, [
-                      D(m(f(Ze), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
+                      D(m(f(We), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
                         default: y(() => [
                           D(t("div", Jd, [...r[2] || (r[2] = [
                             t("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
@@ -5012,9 +5012,9 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                       "leave-to-class": "transform opacity-0 scale-95"
                     }, {
                       default: y(() => [
-                        m(f(We), { class: "origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, {
+                        m(f(Je), { class: "origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, {
                           default: y(() => [
-                            (l(!0), s(k, null, S(e.profileMenu, (d) => (l(), w(f(Je), {
+                            (l(!0), s(k, null, S(e.profileMenu, (d) => (l(), w(f(Ge), {
                               key: d.name
                             }, {
                               default: y(({ active: u }) => [
@@ -5095,7 +5095,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       _: 1
     }));
   }
-}), cc = { class: "chart-selector flex flex-row items-center justify-center" }, uc = /* @__PURE__ */ A({
+}), cc = { class: "chart-selector flex flex-row items-center justify-center" }, uc = /* @__PURE__ */ T({
   __name: "RangeSelector",
   props: { range: { type: String } },
   emits: ["rangeSelected"],
@@ -5124,7 +5124,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       }, "3M", 2)
     ]));
   }
-}), gc = { class: "chart-header flex flex-row justify-between" }, mc = { class: "text-sm font-medium text-gray-500 truncate" }, fc = { class: "chart-content" }, hc = { class: "h-full w-full flex items-center justify-center flex-col" }, yc = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, vc = /* @__PURE__ */ A({
+}), gc = { class: "chart-header flex flex-row justify-between" }, mc = { class: "text-sm font-medium text-gray-500 truncate" }, fc = { class: "chart-content" }, hc = { class: "h-full w-full flex items-center justify-center flex-col" }, yc = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, vc = /* @__PURE__ */ T({
   __name: "uiFunnelChartV2",
   props: {
     labels: {},
@@ -5197,7 +5197,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
           }, null, 8, ["range"])
         ]),
         D(t("div", fc, [
-          m(et, {
+          m(tt, {
             type: e.type,
             series: a.value,
             width: "100%",
@@ -5255,7 +5255,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       ])
     ], 64));
   }
-}), bc = { class: "fixed inset-0 overflow-hidden" }, xc = { class: "absolute inset-0 overflow-hidden" }, pc = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, wc = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, kc = { class: "bg-lime-400 px-4 py-6 sm:px-6" }, $c = { class: "flex items-center justify-between" }, Cc = { class: "ml-3 flex h-7 items-center" }, Sc = { class: "mt-1" }, Bc = { class: "text-sm" }, Mc = { class: "relative flex-1 px-4 py-6 sm:px-6" }, zc = /* @__PURE__ */ A({
+}), bc = { class: "fixed inset-0 overflow-hidden" }, xc = { class: "absolute inset-0 overflow-hidden" }, pc = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, wc = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, kc = { class: "bg-lime-400 px-4 py-6 sm:px-6" }, $c = { class: "flex items-center justify-between" }, Cc = { class: "ml-3 flex h-7 items-center" }, Sc = { class: "mt-1" }, Bc = { class: "text-sm" }, Mc = { class: "relative flex-1 px-4 py-6 sm:px-6" }, zc = /* @__PURE__ */ T({
   __name: "uiRightSidebar",
   props: {
     title: {},
@@ -5264,12 +5264,12 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
   },
   emits: ["closeRightBar"],
   setup(e, { emit: g }) {
-    return (i, o) => (l(), w(f(Ge), {
+    return (i, o) => (l(), w(f(Ke), {
       as: "template",
       show: e.open
     }, {
       default: y(() => [
-        m(f(Ke), {
+        m(f(Qe), {
           as: "div",
           class: "relative z-10",
           onClose: o[1] || (o[1] = (n) => i.$emit("closeRightBar"))
@@ -5289,7 +5289,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                     "leave-to": "translate-x-full"
                   }, {
                     default: y(() => [
-                      m(f(Qe), { class: "pointer-events-auto w-screen max-w-md" }, {
+                      m(f(Xe), { class: "pointer-events-auto w-screen max-w-md" }, {
                         default: y(() => [
                           t("div", wc, [
                             t("div", kc, [
@@ -5339,15 +5339,15 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       _: 3
     }, 8, ["show"]));
   }
-}), jc = { class: "uiGallery" }, Ac = {
+}), jc = { class: "uiGallery" }, Tc = {
   key: 1,
   role: "list",
   class: "grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-4 lg:grid-cols-6"
-}, Tc = { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-100 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, Dc = ["src"], Lc = ["onClick"], Pc = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Fc = { class: "flex items-center justify-between" }, Oc = { class: "pointer-events-none block text-sm font-medium" }, Ic = {
+}, Ac = { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-100 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, Dc = ["src"], Lc = ["onClick"], Pc = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Fc = { class: "flex items-center justify-between" }, Oc = { class: "pointer-events-none block text-sm font-medium" }, Ic = {
   key: 2,
   role: "list",
   class: "grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-4 lg:grid-cols-6"
-}, Nc = /* @__PURE__ */ A({
+}, Nc = /* @__PURE__ */ T({
   __name: "uiGallery",
   props: {
     galleryId: {},
@@ -5381,12 +5381,12 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
           t("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28 mt-4" }, null, -1),
           t("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-14 mt-2" }, null, -1)
         ])])), 64))
-      ])) : (l(), s("ul", Ac, [
+      ])) : (l(), s("ul", Tc, [
         (l(!0), s(k, null, S(e.gallery, (d) => (l(), s("li", {
           key: d.source,
           class: "relative"
         }, [
-          t("div", Tc, [
+          t("div", Ac, [
             t("img", {
               src: d.source,
               alt: "",
@@ -5429,7 +5429,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }), Vc = {
   key: 1,
   class: "animate-pulse"
-}, Rc = /* @__PURE__ */ A({
+}, Rc = /* @__PURE__ */ T({
   __name: "DraggableWrapper",
   emits: ["update:modelValue"],
   setup(e) {
@@ -5460,7 +5460,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }), _c = { class: "cursor-move mb-1 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white p-4 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400" }, qc = { class: "flex flex-row items-center w-full" }, Hc = { class: "content text-sm grow" }, Yc = { class: "font-bold" }, Ec = { key: 0 }, Uc = { class: "font-bold text-gray-400" }, Zc = {
   key: 1,
   class: "animate-pulse"
-}, Wc = /* @__PURE__ */ A({
+}, Wc = /* @__PURE__ */ T({
   __name: "uiDragAndDrop",
   props: {
     elements: {},
@@ -5507,7 +5507,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Jc = { class: "chart-header flex flex-row justify-between" }, Gc = { class: "text-sm font-medium text-gray-500 truncate" }, Kc = { class: "hidden sm:flex items-center" }, Qc = { class: "w-1/2 min-w-0 flex-1" }, Xc = ["max"], eu = { class: "min-w-0 flex-1" }, tu = ["max"], lu = { class: "chart-content" }, su = { class: "h-full w-full flex items-center justify-center flex-col" }, nu = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, au = /* @__PURE__ */ A({
+}), Jc = { class: "chart-header flex flex-row justify-between" }, Gc = { class: "text-sm font-medium text-gray-500 truncate" }, Kc = { class: "hidden sm:flex items-center" }, Qc = { class: "w-1/2 min-w-0 flex-1" }, Xc = ["max"], eu = { class: "min-w-0 flex-1" }, tu = ["max"], lu = { class: "chart-content" }, su = { class: "h-full w-full flex items-center justify-center flex-col" }, nu = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, au = /* @__PURE__ */ T({
   __name: "uiCircleChart",
   props: {
     labels: {},
@@ -5614,7 +5614,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
           ])
         ]),
         D(t("div", lu, [
-          m(et, {
+          m(tt, {
             class: "flex items-center justify-center mt-4",
             type: "donut",
             series: u.value,
@@ -5678,7 +5678,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }, iu = {
   key: 1,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, ru = /* @__PURE__ */ A({
+}, ru = /* @__PURE__ */ T({
   __name: "uiDateRange",
   props: {
     id: {},
@@ -5769,7 +5769,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }, gu = {
   key: 1,
   class: "h-2 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 w-full"
-}, mu = /* @__PURE__ */ A({
+}, mu = /* @__PURE__ */ T({
   __name: "uiRangeSlider",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -5791,7 +5791,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       t("div", {
         class: x([{ "mt-1": e.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"])
       }, [
-        e.loading ? (l(), s("p", gu)) : (l(), w(f(Al), {
+        e.loading ? (l(), s("p", gu)) : (l(), w(f(Tl), {
           key: 0,
           modelValue: n.value,
           "onUpdate:modelValue": a[0] || (a[0] = (d) => n.value = d),
@@ -5810,7 +5810,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }), fu = {
   key: 0,
   class: "mt-1 mb-8 text-sm"
-}, hu = /* @__PURE__ */ A({
+}, hu = /* @__PURE__ */ T({
   __name: "uiSectionTitle",
   props: {
     title: {},
@@ -5851,7 +5851,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }, zu = {
   key: 4,
   class: "h-3 w-8 bg-gray-200 rounded animate-pulse"
-}, ju = /* @__PURE__ */ A({
+}, ju = /* @__PURE__ */ T({
   __name: "uiSecondarySidebar",
   props: {
     title: {},
@@ -5920,13 +5920,13 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       ])
     ]));
   }
-}), Au = {
+}), Tu = {
   key: 0,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, Tu = { class: "flex flex-1 flex-col p-8" }, Du = { class: "text-2xl font-bold" }, Lu = { class: "mt-1 flex flex-grow flex-col justify-between" }, Pu = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Fu = {
+}, Au = { class: "flex flex-1 flex-col p-8" }, Du = { class: "text-2xl font-bold" }, Lu = { class: "mt-1 flex flex-grow flex-col justify-between" }, Pu = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Fu = {
   key: 1,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, Ou = { class: "flex flex-1 flex-col p-8" }, Iu = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, Nu = { class: "mt-1 flex flex-grow flex-col justify-between" }, Vu = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Ru = /* @__PURE__ */ A({
+}, Ou = { class: "flex flex-1 flex-col p-8" }, Iu = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, Nu = { class: "mt-1 flex flex-grow flex-col justify-between" }, Vu = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Ru = /* @__PURE__ */ T({
   __name: "uiDeviceStatus",
   props: {
     id: {},
@@ -5953,7 +5953,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         o[3] || (o[3] = t("div", { class: "h-4 bg-gray-200 rounded-full dark:bg-gray-300 w-1/3 mx-auto" }, null, -1)),
         t("dl", Nu, [
           t("dd", Vu, [
-            (l(!0), s(k, null, S(e.tags, (n, r) => (l(), w(K, {
+            (l(!0), s(k, null, S(e.tags, (n, r) => (l(), w(G, {
               key: r,
               loading: e.loading,
               event: n.event,
@@ -5968,8 +5968,8 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
           ])
         ])
       ])
-    ])) : (l(), s("div", Au, [
-      t("div", Tu, [
+    ])) : (l(), s("div", Tu, [
+      t("div", Au, [
         t("div", {
           class: x(["rounded-md p-3 flex items-center justify-center mx-auto mb-4", {
             "bg-lime-400": e.color === "green" || e.color === "primary" || !e.color,
@@ -5998,7 +5998,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         ]),
         t("dl", Lu, [
           t("dd", Pu, [
-            (l(!0), s(k, null, S(e.tags, (n, r) => (l(), w(K, {
+            (l(!0), s(k, null, S(e.tags, (n, r) => (l(), w(G, {
               key: r,
               loading: !1,
               event: n.event,
@@ -6015,7 +6015,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       ])
     ]));
   }
-}), _u = { class: "fixed inset-0 flex" }, qu = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, Hu = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, Yu = { class: "lg:pl-[25rem] flex flex-col h-screen" }, Eu = { class: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8" }, Uu = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, Zu = { class: "flex items-center gap-x-4 lg:gap-x-6" }, Wu = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, Ju = ["src"], Gu = { class: "hidden lg:flex lg:items-center" }, Ku = ["onClick"], Qu = { class: "bg-gray-50 flex-1 overflow-auto" }, Xu = { class: "p-7 lg:p-10" }, e0 = /* @__PURE__ */ A({
+}), _u = { class: "fixed inset-0 flex" }, qu = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, Hu = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, Yu = { class: "lg:pl-[25rem] flex flex-col h-screen" }, Eu = { class: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8" }, Uu = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, Zu = { class: "flex items-center gap-x-4 lg:gap-x-6" }, Wu = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, Ju = ["src"], Gu = { class: "hidden lg:flex lg:items-center" }, Ku = ["onClick"], Qu = { class: "bg-gray-50 flex-1 overflow-auto" }, Xu = { class: "p-7 lg:p-10" }, e0 = /* @__PURE__ */ T({
   __name: "uiWrapper",
   props: {
     topbar: {},
@@ -6028,12 +6028,12 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       n.value = !n.value, o("sidebarToggle", n.value);
     };
     return (a, d) => (l(), s("div", null, [
-      m(f(Ge), {
+      m(f(Ke), {
         as: "template",
         show: n.value
       }, {
         default: y(() => [
-          m(f(Ke), {
+          m(f(Qe), {
             class: "relative z-50 lg:hidden",
             onClose: r
           }, {
@@ -6063,7 +6063,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                   "leave-to": "-translate-x-full"
                 }, {
                   default: y(() => [
-                    m(f(Qe), { class: "relative mr-16 flex w-full max-w-xs flex-1" }, {
+                    m(f(Xe), { class: "relative mr-16 flex w-full max-w-xs flex-1" }, {
                       default: y(() => [
                         m(f(ce), {
                           as: "template",
@@ -6091,7 +6091,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                           ]),
                           _: 1
                         }),
-                        m(Ee, {
+                        m(Ue, {
                           productsSidebar: e.sidebar.productsSidebar,
                           isFilterNavigation: e.sidebar.isFilterNavigation,
                           navigation: e.sidebar.navigation,
@@ -6117,7 +6117,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
         _: 1
       }, 8, ["show"]),
       t("div", Hu, [
-        m(Ee, {
+        m(Ue, {
           productsSidebar: e.sidebar.productsSidebar,
           isFilterNavigation: e.sidebar.isFilterNavigation,
           navigation: e.sidebar.navigation,
@@ -6176,12 +6176,12 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                 class: "hidden lg:block lg:h-6 lg:w-px lg:bg-gray-200",
                 "aria-hidden": "true"
               }, null, -1)),
-              m(f(Ue), {
+              m(f(Ze), {
                 as: "div",
                 class: "relative"
               }, {
                 default: y(() => [
-                  m(f(Ze), { class: "-m-1.5 flex items-center p-1.5" }, {
+                  m(f(We), { class: "-m-1.5 flex items-center p-1.5" }, {
                     default: y(() => [
                       d[15] || (d[15] = t("span", { class: "sr-only" }, "Open user menu", -1)),
                       t("img", {
@@ -6207,9 +6207,9 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
                     "leave-to-class": "transform opacity-0 scale-95"
                   }, {
                     default: y(() => [
-                      m(f(We), { class: "absolute right-0 z-10 mt-2.5 w-52 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none" }, {
+                      m(f(Je), { class: "absolute right-0 z-10 mt-2.5 w-52 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none" }, {
                         default: y(() => [
-                          (l(!0), s(k, null, S(e.topbar.profileMenu, (u) => (l(), w(f(Je), {
+                          (l(!0), s(k, null, S(e.topbar.profileMenu, (u) => (l(), w(f(Ge), {
                             key: u.name
                           }, {
                             default: y(({ active: b }) => [
@@ -6244,7 +6244,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       ])
     ]));
   }
-}), t0 = /* @__PURE__ */ A({
+}), t0 = /* @__PURE__ */ T({
   __name: "uiDynamicStats",
   props: {
     dynamicStats: {},
@@ -6276,7 +6276,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
 }, i0 = ["onClick"], r0 = { class: "absolute mt-1 w-full rounded-md bg-white shadow-lg z-50" }, d0 = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full"
-}, c0 = /* @__PURE__ */ A({
+}, c0 = /* @__PURE__ */ T({
   __name: "uiSelectMultiple",
   props: {
     items: {},
@@ -6302,7 +6302,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
     }
     return (d, u) => e.loading ? (l(), s("div", d0, [
       u[4] || (u[4] = t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
-      m(f(qe), {
+      m(f(He), {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5"
       })
@@ -6446,7 +6446,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), 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" }, v0 = { class: "grid grid-cols-1 md:grid-cols-2 gap-4 mt-4 transition-all duration-300 ease-in-out" }, b0 = { class: "bg-white border border-gray-300 rounded-lg p-4" }, x0 = { class: "font-bold mb-4 text-sm text-gray-700" }, p0 = { class: "space-y-2" }, w0 = { class: "bg-white border border-gray-300 rounded-lg p-4" }, k0 = { class: "font-bold mb-4 text-sm text-gray-700" }, $0 = { class: "space-y-2" }, C0 = {
   key: 0,
   class: "mt-6"
-}, S0 = /* @__PURE__ */ A({
+}, S0 = /* @__PURE__ */ T({
   __name: "Comparator",
   props: {
     toCompare: {},
@@ -6468,7 +6468,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
     return (b, p) => (l(), s("div", u0, [
       t("div", g0, [
         t("div", m0, [
-          m(Ye, {
+          m(Ee, {
             name: "file1",
             id: "file1",
             placeholder: e.literals.inputFile1Placeholder,
@@ -6479,7 +6479,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
             icon: f(rt),
             onFilesUploaded: p[0] || (p[0] = (C) => o("filesUploaded", C))
           }, null, 8, ["placeholder", "dragAndDrop", "fileTypesAndSizes", "icon"]),
-          m(Ye, {
+          m(Ee, {
             name: "file2",
             id: "file2",
             placeholder: e.literals.inputFile2Placeholder,
@@ -6581,7 +6581,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
             ]),
             _: 2
           }, 1024)
-        ]))), 128)) : (l(), w(tt, {
+        ]))), 128)) : (l(), w(lt, {
           key: 1,
           title: e.literals.noResultsTitle,
           message: e.literals.noResultsMessage
@@ -6610,7 +6610,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
   key: 0,
   class: "absolute left-4 top-4 -ml-px mt-0.5 h-full w-0.5 bg-lime-400",
   "aria-hidden": "true"
-}, j0 = ["onClick"], A0 = { class: "flex h-9 items-center" }, T0 = { class: "relative z-10 flex size-8 items-center justify-center rounded-full bg-lime-400 group-hover:bg-black group-hover:text-white" }, D0 = { class: "ml-4 flex min-w-0 flex-col text-left" }, L0 = { class: "text-sm font-bold text-left" }, P0 = { class: "text-sm text-left" }, F0 = {
+}, j0 = ["onClick"], T0 = { class: "flex h-9 items-center" }, A0 = { class: "relative z-10 flex size-8 items-center justify-center rounded-full bg-lime-400 group-hover:bg-black group-hover:text-white" }, D0 = { class: "ml-4 flex min-w-0 flex-col text-left" }, L0 = { class: "text-sm font-bold text-left" }, P0 = { class: "text-sm text-left" }, F0 = {
   key: 0,
   class: "absolute left-4 top-4 -ml-px mt-0.5 h-full w-0.5 bg-gray-300",
   "aria-hidden": "true"
@@ -6618,7 +6618,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
   key: 0,
   class: "absolute left-4 top-4 -ml-px mt-0.5 h-full w-0.5 bg-gray-300",
   "aria-hidden": "true"
-}, _0 = ["onClick"], q0 = { class: "ml-4 flex min-w-0 flex-col text-left" }, H0 = { class: "text-sm font-medium text-left" }, Y0 = { class: "text-sm text-left" }, E0 = /* @__PURE__ */ A({
+}, _0 = ["onClick"], q0 = { class: "ml-4 flex min-w-0 flex-col text-left" }, H0 = { class: "text-sm font-medium text-left" }, Y0 = { class: "text-sm text-left" }, E0 = /* @__PURE__ */ T({
   __name: "uiSteps",
   props: {
     steps: {}
@@ -6650,9 +6650,9 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
               class: "group relative flex items-start cursor-pointer w-full text-left",
               onClick: (p) => r(u, b)
             }, [
-              t("span", A0, [
-                t("span", T0, [
-                  m(f(Tt), {
+              t("span", T0, [
+                t("span", A0, [
+                  m(f(At), {
                     class: "size-5",
                     "aria-hidden": "true"
                   })
@@ -6709,7 +6709,7 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
       ])
     ]));
   }
-}), U0 = { class: "grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8" }, Z0 = { class: "text-center" }, W0 = { class: "mt-4 text-balance text-5xl font-semibold tracking-tight text-gray-900 sm:text-7xl" }, J0 = { class: "mt-6 text-pretty text-lg font-medium text-gray-500 sm:text-xl/8" }, G0 = { class: "mt-10 flex items-center justify-center gap-x-6" }, K0 = ["href"], Q0 = /* @__PURE__ */ A({
+}), U0 = { class: "grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8" }, Z0 = { class: "text-center" }, W0 = { class: "mt-4 text-balance text-5xl font-semibold tracking-tight text-gray-900 sm:text-7xl" }, J0 = { class: "mt-6 text-pretty text-lg font-medium text-gray-500 sm:text-xl/8" }, G0 = { class: "mt-10 flex items-center justify-center gap-x-6" }, K0 = ["href"], Q0 = /* @__PURE__ */ T({
   __name: "ui404",
   props: {
     lang: { default: "es" },
@@ -6770,27 +6770,27 @@ const bi = /* @__PURE__ */ Ce(hi, [["render", vi]]), xi = /* @__PURE__ */ A({
   uiGallery: Nc,
   uiIcon: L,
   uiInput: ae,
-  uiInputFile: Ye,
+  uiInputFile: Ee,
   uiLoadingScreen: xi,
   uiModal: Pe,
-  uiNoResults: tt,
+  uiNoResults: lt,
   uiNotification: ua,
   uiPriceCalendar: Xo,
   uiRangeSlider: mu,
   uiRightSidebar: zc,
   uiSecondarySidebar: ju,
   uiSectionTitle: hu,
-  uiSelect: As,
+  uiSelect: Ts,
   uiSelectMultiple: c0,
   uiSelect_v2: be,
   uiSidebar: Di,
-  uiSidebarV2: Ee,
+  uiSidebarV2: Ue,
   uiStats: Ft,
   uiSteps: E0,
   uiStripedCard: vr,
   uiTable: gd,
   uiTabs: xd,
-  uiTag: K,
+  uiTag: G,
   uiTaskList: ka,
   uiTextArea: _s,
   uiTimeline: _d,
@@ -6849,27 +6849,27 @@ export {
   Nc as uiGallery,
   L as uiIcon,
   ae as uiInput,
-  Ye as uiInputFile,
+  Ee as uiInputFile,
   xi as uiLoadingScreen,
   Pe as uiModal,
-  tt as uiNoResults,
+  lt as uiNoResults,
   ua as uiNotification,
   Xo as uiPriceCalendar,
   mu as uiRangeSlider,
   zc as uiRightSidebar,
   ju as uiSecondarySidebar,
   hu as uiSectionTitle,
-  As as uiSelect,
+  Ts as uiSelect,
   c0 as uiSelectMultiple,
   be as uiSelect_v2,
   Di as uiSidebar,
-  Ee as uiSidebarV2,
+  Ue as uiSidebarV2,
   Ft as uiStats,
   E0 as uiSteps,
   vr as uiStripedCard,
   gd as uiTable,
   xd as uiTabs,
-  K as uiTag,
+  G as uiTag,
   ka as uiTaskList,
   _s as uiTextArea,
   _d as uiTimeline,