@hotelinking/ui 17.49.0 → 17.49.2

package/dist/ui.es.js

@@ -1,5 +1,5 @@
 import { defineComponent as T, createBlock as w, createElementBlock as s, openBlock as l, resolveDynamicComponent as Fe, normalizeClass as x, computed as A, createCommentVNode as b, renderSlot as G, createElementVNode as t, ref as V, watch as Z, unref as f, withCtx as y, createVNode as m, toDisplayString as u, createTextVNode as B, Transition as we, Fragment as k, renderList as S, withDirectives as L, vModelDynamic as yl, vShow as O, withModifiers as ne, vModelText as xe, createStaticVNode as ee, resolveComponent as it, vModelCheckbox as yt, onMounted as Oe, mergeProps as Le, reactive as ke, normalizeStyle as qe, nextTick as be, onUnmounted as bl, TransitionGroup as vl, isRef as bt } from "vue";
-import { Menu as Ze, MenuButton as We, MenuItems as Ge, MenuItem as Je, Combobox as vt, ComboboxLabel as xt, ComboboxInput as pt, ComboboxButton as wt, ComboboxOptions as kt, ComboboxOption as $t, SwitchGroup as xl, Switch as pl, SwitchLabel as wl, TransitionRoot as Ke, Dialog as Qe, TransitionChild as ce, DialogPanel as Xe, DialogTitle as Ct, Disclosure as _e, DisclosureButton as se, DisclosurePanel as Ie, Popover as kl, PopoverButton as $l, PopoverPanel as Cl, Listbox as Sl, ListboxLabel as Bl, ListboxButton as Ml, ListboxOptions as zl, ListboxOption as jl } from "@headlessui/vue";
+import { Menu as Ze, MenuButton as We, MenuItems as Ge, MenuItem as Je, Combobox as vt, ComboboxLabel as xt, ComboboxInput as pt, ComboboxButton as wt, ComboboxOptions as kt, ComboboxOption as $t, SwitchGroup as xl, Switch as pl, SwitchLabel as wl, TransitionRoot as Ke, Dialog as Qe, TransitionChild as ce, DialogPanel as Xe, DialogTitle as Ct, Disclosure as Ie, DisclosureButton as se, DisclosurePanel as _e, 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 P = /* @__PURE__ */ T({
@@ -97,7 +97,7 @@ const P = /* @__PURE__ */ T({
 }), Ll = {
   key: 0,
   class: "relative flex items-start"
-}, Pl = { class: "flex items-center h-5" }, Fl = ["checked", "value", "disabled"], Ol = { class: "ml-3 text-sm" }, _l = { class: "text-black" }, Il = {
+}, Pl = { class: "flex items-center h-5" }, Fl = ["checked", "value", "disabled"], Ol = { class: "ml-3 text-sm" }, Il = { class: "text-black" }, _l = {
   key: 1,
   class: "flex items-center animate-pulse"
 }, ue = /* @__PURE__ */ T({
@@ -116,7 +116,7 @@ const P = /* @__PURE__ */ T({
     };
     return Z(() => o.check, (a) => {
       a && (n.value = a);
-    }), (a, d) => e.loading ? (l(), s("div", Il, [...d[1] || (d[1] = [
+    }), (a, d) => e.loading ? (l(), s("div", _l, [...d[1] || (d[1] = [
       t("div", { class: "w-5 h-5 rounded-sm bg-gray-200" }, null, -1),
       t("div", { class: "ml-3 h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1)
     ])])) : (l(), s("div", Ll, [
@@ -131,7 +131,7 @@ const P = /* @__PURE__ */ T({
         }, null, 40, Fl)
       ]),
       t("div", Ol, [
-        t("span", _l, [
+        t("span", Il, [
           G(a.$slots, "default")
         ])
       ])
@@ -951,7 +951,7 @@ const ts = {
 }, bs = {
   key: 1,
   class: "place-self-center text-[10px] uppercase"
-}, vs = { class: "space-y-1 flex flex-col items-center justify-center" }, xs = { class: "flex text-sm flex-col sm:flex-row text-center" }, ps = ["for"], ws = ["id", "name", "accept"], ks = { class: "pl-1" }, $s = { class: "text-xs pb-4" }, Cs = { class: "mt-2 text-xs flex flex-row items-center text-red-600" }, Ss = {
+}, vs = { class: "space-y-1 flex flex-col items-center justify-center" }, xs = { class: "flex text-sm flex-col sm:flex-row text-center" }, ps = ["for"], ws = ["id", "name", "accept"], ks = { class: "mt-2 text-xs flex flex-row items-center text-red-600" }, $s = {
   key: 1,
   class: "animate-pulse"
 }, Ee = /* @__PURE__ */ T({
@@ -983,7 +983,7 @@ const ts = {
         v++, i.value += p.name, v >= 1 && v < c.length && (i.value += ", ");
       });
     };
-    return (c, v) => e.loading ? (l(), s("div", Ss, [...v[1] || (v[1] = [
+    return (c, v) => e.loading ? (l(), s("div", $s, [...v[1] || (v[1] = [
       t("div", { class: "flex justify-center items-center flex-col rounded-md border-2 border-dashed px-6 pt-5 pb-6 border-gray-200" }, [
         t("div", { class: "rounded-full h-20 w-20 bg-gray-200 mb-4" }),
         t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full md:w-1/3 mb-3" }),
@@ -1011,15 +1011,18 @@ const ts = {
           m(P, {
             icon: e.icon,
             size: "massive",
-            color: "black",
+            color: e.error ? "red" : "black",
             "aria-hidden": "true",
             class: "mb-4",
             loading: e.loading
-          }, null, 8, ["icon", "loading"]),
+          }, null, 8, ["icon", "color", "loading"]),
           t("div", xs, [
             t("label", {
               for: e.id,
-              class: "relative cursor-pointer rounded-md font-medium text-black underline hover:text-lime-400 focus-within:outline-hidden focus-within:ring-2 focus-within:ring-lime-400 focus-within:ring-offset-2"
+              class: x([
+                "relative cursor-pointer rounded-md font-medium underline focus-within:outline-hidden focus-within:ring-2 focus-within:ring-offset-2",
+                e.error ? "text-red-600 hover:text-red-900 focus-within:ring-red-600" : "text-black hover:text-lime-400 focus-within:ring-lime-400"
+              ])
             }, [
               t("span", null, u(e.placeholder), 1),
               t("input", {
@@ -1031,16 +1034,20 @@ const ts = {
                 multiple: "",
                 onChange: a
               }, null, 40, ws)
-            ], 8, ps),
-            t("p", ks, u(e.dragAndDrop), 1)
+            ], 10, ps),
+            t("p", {
+              class: x(["pl-1", e.error ? "text-red-600" : ""])
+            }, u(e.dragAndDrop), 3)
           ]),
-          t("p", $s, u(e.fileTypesAndSizes), 1),
+          t("p", {
+            class: x(["text-xs pb-4", e.error ? "text-red-600" : ""])
+          }, u(e.fileTypesAndSizes), 3),
           L(t("p", { class: "font-bold text-xs uppercase block p-2 bg-lime-50 rounded-sm" }, u(f(i)), 513), [
             [O, f(i) !== null]
           ])
         ])
       ], 34),
-      L(t("p", Cs, [
+      L(t("p", ks, [
         m(P, {
           icon: f(Ve),
           color: "red",
@@ -1053,13 +1060,13 @@ const ts = {
       ])
     ]));
   }
-}), Bs = { class: "flex justify-between" }, Ms = {
+}), Cs = { class: "flex justify-between" }, Ss = {
   key: 0,
   class: "text-[10px] text-gray-500 uppercase justify-self-end"
-}, zs = { class: "relative" }, js = {
+}, Bs = { class: "relative" }, Ms = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full"
-}, As = /* @__PURE__ */ T({
+}, zs = /* @__PURE__ */ T({
   __name: "uiSelect",
   props: {
     items: {},
@@ -1085,7 +1092,7 @@ const ts = {
     });
     return g({
       handleChange: c
-    }), (p, C) => e.loading ? (l(), s("div", js, [
+    }), (p, C) => e.loading ? (l(), s("div", Ms, [
       C[3] || (C[3] = t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
       m(f(He), {
         "aria-hidden": "true",
@@ -1102,16 +1109,16 @@ const ts = {
       as: "div"
     }, {
       default: y(() => [
-        t("div", Bs, [
+        t("div", Cs, [
           m(f(xt), { class: "block text-sm font-medium" }, {
             default: y(() => [
               B(u(e.label), 1)
             ]),
             _: 1
           }),
-          e.requiredText ? (l(), s("span", Ms, u(e.requiredText), 1)) : b("", !0)
+          e.requiredText ? (l(), s("span", Ss, u(e.requiredText), 1)) : b("", !0)
         ]),
-        t("div", zs, [
+        t("div", Bs, [
           m(f(pt), {
             onChange: C[0] || (C[0] = (N) => o.value = N.target.value),
             onBlur: C[1] || (C[1] = (N) => o.value = ""),
@@ -1211,7 +1218,7 @@ function Tt(e, g) {
     })
   ]);
 }
-function Ts(e, g) {
+function js(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 20 20",
@@ -1226,7 +1233,7 @@ function Ts(e, g) {
     })
   ]);
 }
-const Ds = { class: "flex justify-between" }, Ls = {
+const As = { class: "flex justify-between" }, Ts = {
   key: 0,
   class: "text-[10px] uppercase justify-self-end self-center"
 }, ve = /* @__PURE__ */ T({
@@ -1262,14 +1269,14 @@ const Ds = { class: "flex justify-between" }, Ls = {
       ]
     }, {
       default: y(() => [
-        t("div", Ds, [
+        t("div", As, [
           m(f(xt), { class: "block text-sm font-medium" }, {
             default: y(() => [
               B(u(e.label), 1)
             ]),
             _: 1
           }),
-          e.requiredText ? (l(), s("span", Ls, u(e.requiredText), 1)) : b("", !0)
+          e.requiredText ? (l(), s("span", Ts, u(e.requiredText), 1)) : b("", !0)
         ]),
         t("div", {
           class: x([{ "mt-1": e.label || e.requiredText }, "relative"])
@@ -1305,7 +1312,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-hidden"
           }, {
             default: y(() => [
-              m(f(Ts), {
+              m(f(js), {
                 class: "size-5 mt-1",
                 "aria-hidden": "true"
               })
@@ -1360,7 +1367,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Ps = {
+}), Ds = {
   key: 1,
   class: "inline-flex items-center px-3 py-2.5 rounded-sm text-xs font-medium leading-none animate-pulse bg-gray-200"
 }, J = /* @__PURE__ */ T({
@@ -1378,7 +1385,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
     const i = g, o = e, n = () => {
       o.event != null && i("tagEvent", o.event);
     };
-    return (r, a) => e.loading ? (l(), s("div", Ps, [...a[0] || (a[0] = [
+    return (r, a) => e.loading ? (l(), s("div", Ds, [...a[0] || (a[0] = [
       t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" }, null, -1)
     ])])) : (l(), s("span", {
       key: 0,
@@ -1401,17 +1408,17 @@ const Ds = { class: "flex justify-between" }, Ls = {
       G(r.$slots, "default")
     ], 2));
   }
-}), Fs = { key: 0 }, Os = { class: "flex justify-between" }, _s = {
+}), Ls = { key: 0 }, Ps = { class: "flex justify-between" }, Fs = {
   key: 0,
   class: "block text-sm font-medium"
-}, Is = {
+}, Os = {
   key: 1,
   "data-test": "required",
   class: "text-[10px] uppercase justify-self-end"
-}, Vs = ["disabled", "placeholder"], Ns = {
+}, Is = ["disabled", "placeholder"], _s = {
   key: 1,
   class: "animate-pulse"
-}, Rs = /* @__PURE__ */ T({
+}, Vs = /* @__PURE__ */ T({
   __name: "uiTextArea",
   props: {
     name: {},
@@ -1431,13 +1438,13 @@ const Ds = { class: "flex justify-between" }, Ls = {
     }, r = V(o.value);
     return Z(() => o.value, (a) => {
       r.value = a, i("inputChanged", { name: o.name, value: r.value });
-    }), (a, d) => e.loading ? (l(), s("div", Ns, [...d[1] || (d[1] = [
+    }), (a, d) => e.loading ? (l(), s("div", _s, [...d[1] || (d[1] = [
       t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5" }, null, -1),
       t("div", { class: "h-24 bg-gray-200 rounded-lg flex inline-flex items-center relative inline-block text-left w-full" }, null, -1)
-    ])])) : (l(), s("div", Fs, [
-      t("div", Os, [
-        e.label ? (l(), s("label", _s, u(e.label), 1)) : b("", !0),
-        e.requiredText ? (l(), s("span", Is, u(e.requiredText), 1)) : b("", !0)
+    ])])) : (l(), s("div", Ls, [
+      t("div", Ps, [
+        e.label ? (l(), s("label", Fs, u(e.label), 1)) : b("", !0),
+        e.requiredText ? (l(), s("span", Os, u(e.requiredText), 1)) : b("", !0)
       ]),
       t("div", {
         class: x({ "mt-1": e.label })
@@ -1460,7 +1467,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
             "text-green-600": e.color === "green"
           }]),
           onChange: n
-        }, null, 42, Vs), [
+        }, null, 42, Is), [
           [xe, r.value]
         ])
       ], 2),
@@ -1484,13 +1491,13 @@ const Ds = { class: "flex justify-between" }, Ls = {
       ])
     ]));
   }
-}), qs = { class: "text-sm font-medium" }, Hs = {
+}), Ns = { class: "text-sm font-medium" }, Rs = {
   key: 0,
   class: "text-sm ml-2"
-}, Ys = {
+}, qs = {
   key: 1,
   class: "animate-pulse flex items-center"
-}, Es = /* @__PURE__ */ T({
+}, Hs = /* @__PURE__ */ T({
   __name: "uiToggle",
   props: {
     item: {},
@@ -1501,7 +1508,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
   emits: ["toggleChanged", "actionClicked"],
   setup(e, { emit: g }) {
     const i = e, o = V(i.checked);
-    return Z(() => i.checked, (n) => o.value = n), (n, r) => e.loading ? (l(), s("div", Ys, [...r[3] || (r[3] = [
+    return Z(() => i.checked, (n) => o.value = n), (n, r) => e.loading ? (l(), s("div", qs, [...r[3] || (r[3] = [
       t("div", { class: "relative bg-gray-200 rounded-full w-12 h-6 p-1 flex items-center" }, [
         t("div", { class: "rounded-full bg-gray-300 dark:bg-gray-400 h-4 w-4" })
       ], -1),
@@ -1540,8 +1547,8 @@ const Ds = { class: "flex justify-between" }, Ls = {
           class: "ml-3"
         }, {
           default: y(() => [
-            t("span", qs, u(e.item.title), 1),
-            e.item.subtitle ? (l(), s("span", Hs, u(e.item.subtitle), 1)) : b("", !0)
+            t("span", Ns, u(e.item.title), 1),
+            e.item.subtitle ? (l(), s("span", Rs, u(e.item.subtitle), 1)) : b("", !0)
           ]),
           _: 1
         }),
@@ -1554,17 +1561,17 @@ const Ds = { class: "flex justify-between" }, Ls = {
       _: 1
     }));
   }
-}), Us = {
+}), Ys = {
   key: 0,
   class: "inline-flex",
   "aria-label": "Breadcrumb"
-}, Zs = {
+}, Es = {
   role: "list",
   class: "flex items-center space-x-4 text-xs"
-}, Ws = { key: 0 }, Gs = ["onClick"], Js = {
+}, Us = { key: 0 }, Zs = ["onClick"], Ws = {
   key: 1,
   class: "flex items-center"
-}, Ks = ["onClick"], Qs = {
+}, Gs = ["onClick"], Js = {
   key: 1,
   class: "flex flex-row items-center animate-pulse"
 }, Dt = /* @__PURE__ */ T({
@@ -1575,15 +1582,15 @@ const Ds = { class: "flex justify-between" }, Ls = {
   },
   emits: ["breadCrumbClicked"],
   setup(e, { emit: g }) {
-    return (i, o) => e.loading ? (l(), s("div", Qs, [...o[0] || (o[0] = [
+    return (i, o) => e.loading ? (l(), s("div", Js, [...o[0] || (o[0] = [
       t("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1),
       t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5 mr-4" }, null, -1),
       t("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1),
       t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1)
-    ])])) : (l(), s("nav", Us, [
-      t("ol", Zs, [
+    ])])) : (l(), s("nav", Ys, [
+      t("ol", Es, [
         (l(!0), s(k, null, S(e.pages, (n, r) => (l(), s("li", { key: r }, [
-          r == 0 ? (l(), s("div", Ws, [
+          r == 0 ? (l(), s("div", Us, [
             t("p", {
               onClick: (a) => i.$emit("breadCrumbClicked", n.routeName),
               class: "flex flex-row items-center justify-center text-black hover:text-lime-400 underline font-bold cursor-pointer"
@@ -1593,8 +1600,8 @@ const Ds = { class: "flex justify-between" }, Ls = {
                 "aria-hidden": "true"
               }),
               t("span", null, u(n.name), 1)
-            ], 8, Gs)
-          ])) : (l(), s("div", Js, [
+            ], 8, Zs)
+          ])) : (l(), s("div", Ws, [
             m(f($e), {
               class: "shrink-0 h-3 w-3 text-gray-400",
               "aria-hidden": "true"
@@ -1603,28 +1610,28 @@ const Ds = { class: "flex justify-between" }, Ls = {
               onClick: (a) => i.$emit("breadCrumbClicked", n.routeName),
               class: x(["cursor-pointer ml-4 text-xs text-black", { "hover:text-lime-400 underline": !n.current }]),
               "aria-current": "page"
-            }, u(n.name), 11, Ks)
+            }, u(n.name), 11, Gs)
           ]))
         ]))), 128))
       ])
     ]));
   }
-}), Xs = { key: 0 }, en = { class: "mb-12" }, tn = { class: "mx-auto flex flex-col" }, ln = { class: "hidden sm:block" }, sn = { class: "text-2xl font-bold leading-7 sm:text-4xl sm:truncate mt-6" }, nn = {
+}), Ks = { key: 0 }, Qs = { class: "mb-12" }, Xs = { class: "mx-auto flex flex-col" }, en = { class: "hidden sm:block" }, tn = { class: "text-2xl font-bold leading-7 sm:text-4xl sm:truncate mt-6" }, ln = {
   key: 0,
   class: "flex flex-col lg:flex-row justify-between items-start"
-}, an = {
+}, sn = {
   key: 0,
   class: "lg:w-2/3 xl:w-1/2"
-}, on = {
+}, nn = {
   key: 0,
   class: "text-lg font-medium leading-6 text-gray-900"
-}, rn = {
+}, an = {
   key: 1,
   class: "mt-1 mb-8 text-sm text-gray-500"
-}, dn = {
+}, on = {
   key: 1,
   class: "animate-pulse mb-12"
-}, cn = /* @__PURE__ */ T({
+}, rn = /* @__PURE__ */ T({
   __name: "uiViewHeader",
   props: {
     pages: {},
@@ -1640,25 +1647,25 @@ const Ds = { class: "flex justify-between" }, Ls = {
   },
   emits: ["breadCrumbClicked", "buttonClick"],
   setup(e) {
-    return (g, i) => e.loading ? (l(), s("div", dn, [...i[2] || (i[2] = [
+    return (g, i) => e.loading ? (l(), s("div", on, [...i[2] || (i[2] = [
       ee('<div class="flex flex-row items-center"><div class="animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5 mr-4"></div><div class="animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5"></div></div><h1 class="text-2xl font-bold leading-7 sm:text-4xl sm:truncate mt-6"><div class="h-8 bg-gray-200 rounded-full dark:bg-gray-300 w-3/4 sm:w-1/2"></div></h1>', 2)
-    ])])) : (l(), s("div", Xs, [
-      t("header", en, [
-        t("div", tn, [
-          t("div", ln, [
+    ])])) : (l(), s("div", Ks, [
+      t("header", Qs, [
+        t("div", Xs, [
+          t("div", en, [
             m(Dt, {
               pages: e.pages,
               loading: e.loading,
               onBreadCrumbClicked: i[0] || (i[0] = (o) => g.$emit("breadCrumbClicked", o))
             }, null, 8, ["pages", "loading"])
           ]),
-          t("h1", sn, u(e.title), 1)
+          t("h1", tn, u(e.title), 1)
         ])
       ]),
-      e.subtitle || e.description || e.buttonText ? (l(), s("div", nn, [
-        e.subtitle || e.description ? (l(), s("div", an, [
-          e.subtitle ? (l(), s("h3", on, u(e.subtitle), 1)) : b("", !0),
-          e.description ? (l(), s("p", rn, u(e.description), 1)) : b("", !0)
+      e.subtitle || e.description || e.buttonText ? (l(), s("div", ln, [
+        e.subtitle || e.description ? (l(), s("div", sn, [
+          e.subtitle ? (l(), s("h3", nn, u(e.subtitle), 1)) : b("", !0),
+          e.description ? (l(), s("p", an, u(e.description), 1)) : b("", !0)
         ])) : b("", !0),
         e.buttonText ? (l(), w(U, {
           key: 1,
@@ -1677,13 +1684,13 @@ const Ds = { class: "flex justify-between" }, Ls = {
       ])) : b("", !0)
     ]));
   }
-}), un = {
+}), dn = {
   key: 0,
   class: "flex flex-col"
-}, gn = { class: "flex" }, mn = { class: "shrink-0" }, fn = { class: "ml-3" }, hn = { class: "mt-4" }, yn = { class: "-my-1.5 -mx-2 gap-x-2 flex" }, bn = ["onClick"], vn = {
+}, cn = { class: "flex" }, un = { class: "shrink-0" }, gn = { class: "ml-3" }, mn = { class: "mt-4" }, fn = { class: "-my-1.5 -mx-2 gap-x-2 flex" }, hn = ["onClick"], yn = {
   key: 1,
   class: "flex flex-col animate-pulse"
-}, xn = /* @__PURE__ */ T({
+}, bn = /* @__PURE__ */ T({
   __name: "uiAlert",
   props: {
     actions: {},
@@ -1696,9 +1703,9 @@ const Ds = { class: "flex justify-between" }, Ls = {
     const i = g, o = (n) => {
       i("alertEvent", n.event);
     };
-    return (n, r) => e.loading ? (l(), s("div", vn, [...r[0] || (r[0] = [
+    return (n, r) => e.loading ? (l(), s("div", yn, [...r[0] || (r[0] = [
       ee('<div class="p-4 border-l-4 bg-gray-100 border-gray-400 rounded-sm"><div class="flex"><div class="shrink-0"><div class="h-6 w-6 animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"></div></div><div class="ml-3 w-full"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-3/5"></div></div></div></div>', 1)
-    ])])) : (l(), s("div", un, [
+    ])])) : (l(), s("div", dn, [
       t("div", {
         class: x([{
           "bg-lime-50 border-lime-400": e.type === "info",
@@ -1707,8 +1714,8 @@ const Ds = { class: "flex justify-between" }, Ls = {
           "bg-green-50 border-green-600": e.type === "success"
         }, "p-4 border-l-4 rounded-sm"])
       }, [
-        t("div", gn, [
-          t("div", mn, [
+        t("div", cn, [
+          t("div", un, [
             e.type === "info" ? (l(), w(f(At), {
               key: 0,
               class: "h-8 w-8 text-lime-400",
@@ -1730,7 +1737,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
               "aria-hidden": "true"
             })) : b("", !0)
           ]),
-          t("div", fn, [
+          t("div", gn, [
             t("h3", {
               class: x([{
                 "text-red-800": e.type === "danger",
@@ -1747,8 +1754,8 @@ const Ds = { class: "flex justify-between" }, Ls = {
             }, [
               G(n.$slots, "default")
             ], 2),
-            t("div", hn, [
-              t("div", yn, [
+            t("div", mn, [
+              t("div", fn, [
                 (l(!0), s(k, null, S(e.actions, (a, d) => (l(), s("button", {
                   onClick: (c) => o(a),
                   type: "button",
@@ -1762,7 +1769,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
                     },
                     "px-2 py-1.5 text-sm font-medium rounded-md focus:outline-hidden focus:ring-2 focus:ring-offset-2 underline"
                   ])
-                }, u(a.name), 11, bn))), 128))
+                }, u(a.name), 11, hn))), 128))
               ])
             ])
           ])
@@ -1770,13 +1777,13 @@ const Ds = { class: "flex justify-between" }, Ls = {
       ], 2)
     ]));
   }
-}), pn = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, wn = ["src"], kn = { class: "font-bold text-center sm:text-left" }, $n = { class: "mt-1 text-xs text-center sm:text-left" }, Cn = {
+}), vn = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, xn = ["src"], pn = { class: "font-bold text-center sm:text-left" }, wn = { class: "mt-1 text-xs text-center sm:text-left" }, kn = {
   key: 0,
   class: "flex flex-wrap mt-2 justify-center sm:justify-start"
-}, Sn = {
+}, $n = {
   key: 1,
   class: "rounded-lg bg-white shadow-sm p-6 cursor-pointer animate-pulse h-full flex flex-col"
-}, Bn = /* @__PURE__ */ T({
+}, Cn = /* @__PURE__ */ T({
   __name: "uiCard",
   props: {
     id: {},
@@ -1788,24 +1795,24 @@ const Ds = { class: "flex justify-between" }, Ls = {
   },
   emits: ["cardSelected"],
   setup(e, { emit: g }) {
-    return (i, o) => e.loading ? (l(), s("div", Sn, [...o[1] || (o[1] = [
+    return (i, o) => e.loading ? (l(), s("div", $n, [...o[1] || (o[1] = [
       ee('<div class="flex items-center flex-col sm:flex-row justify-center sm:justify-start w-full"><div class="w-16 h-16 rounded-full bg-gray-200 flex self-center"></div><div class="w-full ml-4"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mt-4 sm:mt-0 sm:w-16 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full sm:w-32"></div></div></div>', 1)
     ])])) : (l(), s("div", {
       key: 0,
       class: "rounded-lg bg-white shadow-sm p-6 cursor-pointer h-full flex flex-col",
       onClick: o[0] || (o[0] = (n) => i.$emit("cardSelected", { id: e.id, name: e.name, type: e.type, tags: e.tags }))
     }, [
-      t("div", pn, [
+      t("div", vn, [
         t("img", {
           class: "w-16 h-16 rounded-full mb-4 sm:mb-0 sm:mr-4",
           src: e.logo
-        }, null, 8, wn),
+        }, null, 8, xn),
         t("div", null, [
-          t("h4", kn, u(e.name), 1),
-          t("p", $n, u(e.type), 1)
+          t("h4", pn, u(e.name), 1),
+          t("p", wn, u(e.type), 1)
         ])
       ]),
-      e.tags && e.tags?.length > 0 ? (l(), s("div", Cn, [
+      e.tags && e.tags?.length > 0 ? (l(), s("div", kn, [
         (l(!0), s(k, null, S(e.tags, (n) => (l(), w(J, {
           class: "mb-1 mr-1",
           key: n.name,
@@ -1820,28 +1827,28 @@ const Ds = { class: "flex justify-between" }, Ls = {
       ])) : b("", !0)
     ]));
   }
-}), Mn = {
+}), Sn = {
   key: 0,
   class: "rounded-lg bg-white shadow-sm 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 = {
+}, Bn = { class: "flex items-center justify-between mb-4" }, Mn = { class: "flex items-center gap-3" }, zn = { class: "mb-4" }, jn = { class: "font-bold text-lg mb-1" }, An = {
   key: 0,
   class: "text-sm text-gray-500"
-}, Ln = { class: "mb-4 relative" }, Pn = {
+}, Tn = { class: "mb-4 relative" }, Dn = {
   key: 0,
   class: "w-full h-36 bg-gray-200 rounded-lg animate-pulse flex items-center justify-center"
-}, Fn = ["src", "alt"], On = {
+}, Ln = ["src", "alt"], Pn = {
   key: 1,
   class: "absolute bottom-2 right-2 p-1.5 bg-white rounded-sm shadow-xs"
-}, _n = {
+}, Fn = {
   key: 0,
   class: "text-sm text-gray-600 mb-4 line-clamp-3"
-}, In = { class: "flex flex-col pt-4 border-t border-gray-200 mt-auto" }, Vn = {
+}, On = { class: "flex flex-col pt-4 border-t border-gray-200 mt-auto" }, In = {
   key: 0,
   class: "text-xs text-gray-500 mb-3"
-}, Nn = { class: "flex flex-col xl:flex-row xl:flex-wrap items-stretch xl:items-center gap-2" }, Rn = {
+}, _n = { class: "flex flex-col xl:flex-row xl:flex-wrap items-stretch xl:items-center gap-2" }, Vn = {
   key: 1,
   class: "rounded-lg bg-white shadow-sm p-6 animate-pulse h-full flex flex-col"
-}, qn = { class: "flex items-center justify-between mb-4" }, Hn = { class: "flex items-center gap-3" }, Yn = { class: "flex flex-col pt-4 border-t border-gray-200 mt-auto" }, En = { class: "flex flex-col xl:flex-row xl:flex-wrap items-stretch xl:items-center gap-2" }, Un = /* @__PURE__ */ T({
+}, Nn = { class: "flex items-center justify-between mb-4" }, Rn = { class: "flex items-center gap-3" }, qn = { class: "flex flex-col pt-4 border-t border-gray-200 mt-auto" }, Hn = { class: "flex flex-col xl:flex-row xl:flex-wrap items-stretch xl:items-center gap-2" }, Yn = /* @__PURE__ */ T({
   __name: "uiCardWithImage",
   props: {
     id: {},
@@ -1864,9 +1871,9 @@ const Ds = { class: "flex justify-between" }, Ls = {
     const i = e, o = V(!0);
     return Z(() => i.image, () => {
       o.value = !0;
-    }, { immediate: !0 }), (n, r) => e.loading ? (l(), s("div", Rn, [
-      t("div", qn, [
-        t("div", Hn, [
+    }, { immediate: !0 }), (n, r) => e.loading ? (l(), s("div", Vn, [
+      t("div", Nn, [
+        t("div", Rn, [
           r[6] || (r[6] = t("div", { class: "w-4 h-4 rounded-full bg-gray-200" }, null, -1)),
           e.badge ? (l(), w(J, {
             key: 0,
@@ -1877,9 +1884,9 @@ const Ds = { class: "flex justify-between" }, Ls = {
         r[7] || (r[7] = t("div", { class: "w-4 h-4 rounded-full bg-gray-200" }, null, -1))
       ]),
       r[9] || (r[9] = ee('<div class="mb-4"><div class="h-6 bg-gray-200 rounded-sm w-3/4 mb-2"></div><div class="h-4 bg-gray-200 rounded-sm w-1/2"></div></div><div class="mb-4"><div class="w-full h-48 bg-gray-200 rounded-lg"></div></div><div class="mb-4"><div class="h-4 bg-gray-200 rounded-sm w-full mb-2"></div><div class="h-4 bg-gray-200 rounded-sm w-5/6"></div></div>', 3)),
-      t("div", Yn, [
+      t("div", qn, [
         r[8] || (r[8] = t("div", { class: "h-3 bg-gray-200 rounded-sm w-24 mb-3" }, null, -1)),
-        t("div", En, [
+        t("div", Hn, [
           e.showActions ? (l(), w(U, {
             key: 0,
             icon: f(dt),
@@ -1909,9 +1916,9 @@ const Ds = { class: "flex justify-between" }, Ls = {
           }, null, 8, ["icon"])) : b("", !0)
         ])
       ])
-    ])) : (l(), s("div", Mn, [
-      t("div", zn, [
-        t("div", jn, [
+    ])) : (l(), s("div", Sn, [
+      t("div", Bn, [
+        t("div", Mn, [
           m(P, {
             icon: e.icon || f(Zl),
             size: "medium",
@@ -1944,12 +1951,12 @@ const Ds = { class: "flex justify-between" }, Ls = {
           }, null, 8, ["icon"])
         ])) : b("", !0)
       ]),
-      t("div", An, [
-        t("h4", Tn, u(e.title), 1),
-        e.subtitle ? (l(), s("p", Dn, u(e.subtitle), 1)) : b("", !0)
+      t("div", zn, [
+        t("h4", jn, u(e.title), 1),
+        e.subtitle ? (l(), s("p", An, u(e.subtitle), 1)) : b("", !0)
       ]),
-      t("div", Ln, [
-        o.value ? (l(), s("div", Pn, [
+      t("div", Tn, [
+        o.value ? (l(), s("div", Dn, [
           m(P, {
             icon: f(Xl),
             size: "bigger",
@@ -1963,15 +1970,15 @@ const Ds = { class: "flex justify-between" }, Ls = {
           class: "w-full h-36 object-cover rounded-lg",
           onLoad: r[1] || (r[1] = (a) => o.value = !1),
           onError: r[2] || (r[2] = (a) => o.value = !1)
-        }, null, 40, Fn), [
+        }, null, 40, Ln), [
           [O, !o.value]
         ]),
-        e.showImageOverlay && !o.value ? (l(), s("div", On)) : b("", !0)
+        e.showImageOverlay && !o.value ? (l(), s("div", Pn)) : b("", !0)
       ]),
-      e.bodyText ? (l(), s("p", _n, u(e.bodyText), 1)) : b("", !0),
-      t("div", In, [
-        e.updatedDate ? (l(), s("span", Vn, " Updated " + u(e.updatedDate), 1)) : b("", !0),
-        t("div", Nn, [
+      e.bodyText ? (l(), s("p", Fn, u(e.bodyText), 1)) : b("", !0),
+      t("div", On, [
+        e.updatedDate ? (l(), s("span", In, " Updated " + u(e.updatedDate), 1)) : b("", !0),
+        t("div", _n, [
           e.showActions ? (l(), w(U, {
             key: 0,
             onClick: r[3] || (r[3] = ne((a) => n.$emit("actionClick", { id: e.id, action: "edit" }), ["stop"])),
@@ -2021,7 +2028,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
       ])
     ]));
   }
-}), Zn = /* @__PURE__ */ T({
+}), En = /* @__PURE__ */ T({
   __name: "uiFilter",
   props: {
     items: {},
@@ -2045,10 +2052,10 @@ const Ds = { class: "flex justify-between" }, Ls = {
       label: e.label
     }, null, 8, ["loading", "position", "items", "label"]));
   }
-}), Wn = { class: "fixed inset-0 z-10 overflow-y-auto" }, Gn = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Jn = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, Kn = { class: "sm:flex sm:items-start" }, Qn = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full wrap-break-word" }, Xn = { class: "mt-4 text-gray-500 text-sm" }, ea = {
+}), Un = { class: "fixed inset-0 z-10 overflow-y-auto" }, Zn = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Wn = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, Gn = { class: "sm:flex sm:items-start" }, Jn = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full wrap-break-word" }, Kn = { class: "mt-4 text-gray-500 text-sm" }, Qn = {
   key: 0,
   class: "mt-8"
-}, ta = ["onClick"], Pe = /* @__PURE__ */ T({
+}, Xn = ["onClick"], Pe = /* @__PURE__ */ T({
   __name: "uiModal",
   props: {
     title: {},
@@ -2090,8 +2097,8 @@ const Ds = { class: "flex justify-between" }, Ls = {
               ])]),
               _: 1
             }),
-            t("div", Wn, [
-              t("div", Gn, [
+            t("div", Un, [
+              t("div", Zn, [
                 m(f(ce), {
                   as: "template",
                   enter: "ease-out duration-300",
@@ -2109,7 +2116,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
                       }, "relative transform rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all"])
                     }, {
                       default: y(() => [
-                        t("div", Jn, [
+                        t("div", Wn, [
                           t("button", {
                             type: "button",
                             class: "rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-hidden",
@@ -2123,7 +2130,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
                             }, null, 8, ["icon", "loading"])
                           ])
                         ]),
-                        t("div", Kn, [
+                        t("div", Gn, [
                           t("div", {
                             class: x(["mx-auto flex h-12 w-12 shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10", {
                               "bg-red-100": e.type === "danger",
@@ -2157,7 +2164,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
                               [O, e.type === "default"]
                             ])
                           ], 2),
-                          t("div", Qn, [
+                          t("div", Jn, [
                             m(f(Ct), {
                               as: "h3",
                               class: "text-lg font-medium leading-6"
@@ -2167,16 +2174,16 @@ const Ds = { class: "flex justify-between" }, Ls = {
                               ]),
                               _: 1
                             }),
-                            t("div", Xn, [
+                            t("div", Kn, [
                               G(r.$slots, "default", { class: "wrap-break-word" })
                             ]),
-                            e.actions ? (l(), s("div", ea, [
+                            e.actions ? (l(), s("div", Qn, [
                               (l(!0), s(k, null, S(e.actions, (d, c) => (l(), s("button", {
                                 key: c,
                                 type: "button",
                                 class: "inline-flex w-full justify-center rounded-md border border-transparent bg-black px-4 py-2 text-base font-medium text-white shadow-xs hover:bg-lime-400 hover:text-black focus:outline-hidden focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 mb-2 sm:mb-0 mr-2 sm:w-auto sm:text-sm",
                                 onClick: (v) => n(d.value)
-                              }, u(d.name), 9, ta))), 128))
+                              }, u(d.name), 9, Xn))), 128))
                             ])) : b("", !0)
                           ])
                         ])
@@ -2195,10 +2202,10 @@ const Ds = { class: "flex justify-between" }, Ls = {
       _: 3
     }, 8, ["show"]));
   }
-}), la = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, sa = {
+}), ea = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, ta = {
   key: 0,
   class: "max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black/5 overflow-hidden"
-}, na = { class: "p-4" }, aa = { class: "flex items-start" }, oa = { class: "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 shrink-0 flex" }, ua = /* @__PURE__ */ T({
+}, la = { class: "p-4" }, sa = { class: "flex items-start" }, na = { class: "shrink-0 mt-0.5" }, aa = { class: "ml-3 w-0 flex-1 pt-0.5" }, oa = { class: "font-medium text-gray-900" }, ia = { class: "mt-1 text-sm text-gray-500" }, ra = { class: "ml-4 shrink-0 flex" }, da = /* @__PURE__ */ T({
   __name: "uiNotification",
   props: {
     type: { default: "info" },
@@ -2214,7 +2221,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
       "aria-live": "assertive",
       class: x([{ fixed: e.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start z-9999"])
     }, [
-      t("div", la, [
+      t("div", ea, [
         m(we, {
           "enter-active-class": "transform ease-out duration-300 transition",
           "enter-from-class": "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2",
@@ -2224,10 +2231,10 @@ const Ds = { class: "flex justify-between" }, Ls = {
           "leave-to-class": "opacity-0"
         }, {
           default: y(() => [
-            o.value ? (l(), s("div", sa, [
-              t("div", na, [
-                t("div", aa, [
-                  t("div", oa, [
+            o.value ? (l(), s("div", ta, [
+              t("div", la, [
+                t("div", sa, [
+                  t("div", na, [
                     L(m(f(Mt), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-green-600"
@@ -2253,11 +2260,11 @@ const Ds = { class: "flex justify-between" }, Ls = {
                       [O, e.type === "info"]
                     ])
                   ]),
-                  t("div", ia, [
-                    t("p", ra, u(e.title), 1),
-                    t("p", da, u(e.message), 1)
+                  t("div", aa, [
+                    t("p", oa, u(e.title), 1),
+                    t("p", ia, u(e.message), 1)
                   ]),
-                  t("div", ca, [
+                  t("div", ra, [
                     t("button", {
                       class: "bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500",
                       type: "button",
@@ -2279,35 +2286,35 @@ const Ds = { class: "flex justify-between" }, Ls = {
       ])
     ], 2));
   }
-}), ga = {
+}), ca = {
   key: 0,
   role: "list",
   class: "divide-y divide-gray-100"
-}, ma = { class: "min-w-0" }, fa = { class: "flex items-start gap-x-3" }, ha = { class: "text-sm font-semibold leading-6 text-gray-900" }, ya = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, ba = { class: "truncate" }, va = { class: "flex flex-none items-center gap-x-4" }, xa = ["href"], pa = { class: "sr-only" }, wa = {
+}, ua = { class: "min-w-0" }, ga = { class: "flex items-start gap-x-3" }, ma = { class: "text-sm font-semibold leading-6 text-gray-900" }, fa = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, ha = { class: "truncate" }, ya = { class: "flex flex-none items-center gap-x-4" }, ba = ["href"], va = { class: "sr-only" }, xa = {
   key: 1,
   class: "divide-y divide-gray-100 animate-pulse"
-}, ka = /* @__PURE__ */ T({
+}, pa = /* @__PURE__ */ T({
   __name: "uiTaskList",
   props: {
     tasks: {},
     loading: { type: Boolean, default: !0 }
   },
   setup(e) {
-    return (g, i) => e.loading ? (l(), s("ul", wa, [
+    return (g, i) => e.loading ? (l(), s("ul", xa, [
       (l(!0), s(k, null, S(e.tasks, (o) => (l(), s("li", {
         key: o.id,
         class: "flex items-center justify-between gap-x-6 py-5"
       }, [...i[0] || (i[0] = [
         ee('<div class="min-w-0 w-full"><div class="flex items-start gap-x-3"><p class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2"></p></div></div><div class="flex flex-none items-center gap-x-4"><div class="hidden rounded-md bg-gray-200 px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block"><p class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-10"></p></div></div>', 2)
       ])]))), 128))
-    ])) : (l(), s("ul", ga, [
+    ])) : (l(), s("ul", ca, [
       (l(!0), s(k, null, S(e.tasks, (o) => (l(), s("li", {
         key: o.id,
         class: "flex items-center justify-between gap-x-6 py-5"
       }, [
-        t("div", ma, [
-          t("div", fa, [
-            t("p", ha, u(o.name), 1),
+        t("div", ua, [
+          t("div", ga, [
+            t("p", ma, u(o.name), 1),
             t("p", {
               class: x([
                 {
@@ -2319,32 +2326,32 @@ const Ds = { class: "flex justify-between" }, Ls = {
               ])
             }, u(o.statusLiteral), 3)
           ]),
-          t("div", ya, [
-            t("p", ba, u(o.description), 1)
+          t("div", fa, [
+            t("p", ha, u(o.description), 1)
           ])
         ]),
-        t("div", va, [
+        t("div", ya, [
           t("a", {
             href: o.href,
             class: "hidden rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block"
           }, [
             B(u(o.action), 1),
-            t("span", pa, ", " + u(o.name), 1)
-          ], 8, xa)
+            t("span", va, ", " + u(o.name), 1)
+          ], 8, ba)
         ])
       ]))), 128))
     ]));
   }
 });
-function $a(e) {
+function wa(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var ze = { exports: {} }, Ca = ze.exports, ct;
-function Sa() {
+var ze = { exports: {} }, ka = ze.exports, ct;
+function $a() {
   return ct || (ct = 1, (function(e, g) {
     (function(i, o) {
       e.exports = o(Y);
-    })(Ca, (function(i) {
+    })(ka, (function(i) {
       function o(a) {
         return a && typeof a == "object" && "default" in a ? a : { default: a };
       }
@@ -2355,13 +2362,13 @@ function Sa() {
     }));
   })(ze)), ze.exports;
 }
-Sa();
-var je = { exports: {} }, Ba = je.exports, ut;
-function Ma() {
+$a();
+var je = { exports: {} }, Ca = je.exports, ut;
+function Sa() {
   return ut || (ut = 1, (function(e, g) {
     (function(i, o) {
       e.exports = o(Y);
-    })(Ba, (function(i) {
+    })(Ca, (function(i) {
       function o(c) {
         return c && typeof c == "object" && "default" in c ? c : { default: c };
       }
@@ -2377,13 +2384,13 @@ function Ma() {
     }));
   })(je)), je.exports;
 }
-Ma();
-var Ae = { exports: {} }, za = Ae.exports, gt;
-function ja() {
+Sa();
+var Ae = { exports: {} }, Ba = Ae.exports, gt;
+function Ma() {
   return gt || (gt = 1, (function(e, g) {
     (function(i, o) {
       e.exports = o();
-    })(za, (function() {
+    })(Ba, (function() {
       return { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(i) {
         var o = ["th", "st", "nd", "rd"], n = i % 100;
         return "[" + i + (o[(n - 20) % 10] || o[n] || o[0]) + "]";
@@ -2391,13 +2398,13 @@ function ja() {
     }));
   })(Ae)), Ae.exports;
 }
-ja();
-var Te = { exports: {} }, Aa = Te.exports, mt;
-function Ta() {
+Ma();
+var Te = { exports: {} }, za = Te.exports, mt;
+function ja() {
   return mt || (mt = 1, (function(e, g) {
     (function(i, o) {
       e.exports = o(Y);
-    })(Aa, (function(i) {
+    })(za, (function(i) {
       function o(a) {
         return a && typeof a == "object" && "default" in a ? a : { default: a };
       }
@@ -2408,13 +2415,13 @@ function Ta() {
     }));
   })(Te)), Te.exports;
 }
-Ta();
+ja();
 const Ce = (e, g) => {
   const i = e.__vccOpts || e;
   for (const [o, n] of g)
     i[o] = n;
   return i;
-}, Da = {
+}, Aa = {
   name: "dateSelector",
   components: { ChevronLeftIcon: zt, ChevronRightIcon: $e },
   computed: {
@@ -2444,11 +2451,11 @@ const Ce = (e, g) => {
       g === "next" && (e === "day" && (i = Y(this.selectedDate).add(1, "day")), e === "month" && (i = Y(this.selectedDate).add(1, "month")), e === "year" && (i = Y(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", i);
     }
   }
-}, La = { class: "dateSelector flex items-center flex-row" }, Pa = { class: "pagination flex items-center my-1 md:my-0" }, Fa = { class: "date mx-4 font-bold text-center text-black select-none uppercase" }, Oa = { class: "pagination flex items-center my-1 sm:my-0" };
-function _a(e, g, i, o, n, r) {
+}, Ta = { class: "dateSelector flex items-center flex-row" }, Da = { class: "pagination flex items-center my-1 md:my-0" }, La = { class: "date mx-4 font-bold text-center text-black select-none uppercase" }, Pa = { class: "pagination flex items-center my-1 sm:my-0" };
+function Fa(e, g, i, o, n, r) {
   const a = it("ChevronLeftIcon"), d = it("ChevronRightIcon");
-  return l(), s("div", La, [
-    t("div", Pa, [
+  return l(), s("div", Ta, [
+    t("div", Da, [
       t("div", {
         class: x([{
           "bg-lime-400 text-black hover:text-white hover:bg-black cursor-pointer": r.currentDate > r.today,
@@ -2480,8 +2487,8 @@ function _a(e, g, i, o, n, r) {
         m(a, { class: "h-4" })
       ], 2)
     ]),
-    t("div", Fa, u(r.formatedDate), 1),
-    t("div", Oa, [
+    t("div", La, u(r.formatedDate), 1),
+    t("div", Pa, [
       t("div", {
         class: "previousDay flex items-center cursor-pointer p-1 rounded-sm mx-0.5 shadow-xs bg-lime-400 text-black hover:text-white hover:bg-black",
         onClick: g[3] || (g[3] = (c) => r.selectDate("day", "next"))
@@ -2506,16 +2513,16 @@ function _a(e, g, i, o, n, r) {
     ])
   ]);
 }
-const Ia = /* @__PURE__ */ Ce(Da, [["render", _a]]), Va = {
+const Oa = /* @__PURE__ */ Ce(Aa, [["render", Fa]]), Ia = {
   name: "SkeletonTable"
-}, Na = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Ra = { class: "flow-root" }, qa = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Ha = { class: "inline-block min-w-full py-2 align-middle px-1" }, Ya = { class: "overflow-hidden shadow-sm ring-1 ring-black/5 sm:rounded-lg" }, Ea = { class: "min-w-full divide-y divide-gray-300" }, Ua = { class: "divide-y divide-gray-200 bg-white" };
-function Za(e, g, i, o, n, r) {
-  return l(), s("div", Na, [
-    t("div", Ra, [
-      t("div", qa, [
-        t("div", Ha, [
-          t("div", Ya, [
-            t("table", Ea, [
+}, _a = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Va = { class: "flow-root" }, Na = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Ra = { class: "inline-block min-w-full py-2 align-middle px-1" }, qa = { class: "overflow-hidden shadow-sm ring-1 ring-black/5 sm:rounded-lg" }, Ha = { class: "min-w-full divide-y divide-gray-300" }, Ya = { class: "divide-y divide-gray-200 bg-white" };
+function Ea(e, g, i, o, n, r) {
+  return l(), s("div", _a, [
+    t("div", Va, [
+      t("div", Na, [
+        t("div", Ra, [
+          t("div", qa, [
+            t("table", Ha, [
               g[1] || (g[1] = t("thead", { class: "bg-gray-50" }, [
                 t("tr", null, [
                   t("th", {
@@ -2552,7 +2559,7 @@ function Za(e, g, i, o, n, r) {
                   ])
                 ])
               ], -1)),
-              t("tbody", Ua, [
+              t("tbody", Ya, [
                 (l(), s(k, null, S(10, (a) => t("tr", { key: a }, [...g[0] || (g[0] = [
                   t("td", { class: "whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6" }, [
                     t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })
@@ -2578,13 +2585,13 @@ function Za(e, g, i, o, n, r) {
     ])
   ]);
 }
-const Lt = /* @__PURE__ */ Ce(Va, [["render", Za]]);
-var De = { exports: {} }, Wa = De.exports, ft;
-function Ga() {
+const Lt = /* @__PURE__ */ Ce(Ia, [["render", Ea]]);
+var De = { exports: {} }, Ua = De.exports, ft;
+function Za() {
   return ft || (ft = 1, (function(e, g) {
     (function(i, o) {
       e.exports = o();
-    })(Wa, (function() {
+    })(Ua, (function() {
       return function(i, o, n) {
         o.prototype.isToday = function() {
           var r = "YYYY-MM-DD", a = n();
@@ -2594,15 +2601,15 @@ function Ga() {
     }));
   })(De)), De.exports;
 }
-var Ja = Ga();
-const Ka = /* @__PURE__ */ $a(Ja), Qa = {
+var Wa = Za();
+const Ga = /* @__PURE__ */ wa(Wa), Ja = {
   name: "calendarDay",
   props: {
     day: Object
   },
   computed: {
     currentDay() {
-      return Y.extend(Ka), {
+      return Y.extend(Ga), {
         dayName: Y(this.day).locale("es").format("ddd"),
         day: Y(this.day).locale("es").format("DD"),
         month: Y(this.day).locale("es").format("MMM."),
@@ -2611,8 +2618,8 @@ const Ka = /* @__PURE__ */ $a(Ja), Qa = {
       };
     }
   }
-}, Xa = { class: "text-xs" }, eo = { class: "font-bold text-lg" }, to = { class: "text-xs font-medium" };
-function lo(e, g, i, o, n, r) {
+}, Ka = { class: "text-xs" }, Qa = { class: "font-bold text-lg" }, Xa = { class: "text-xs font-medium" };
+function eo(e, g, i, o, n, r) {
   return l(), s("div", {
     class: x([
       "day select-none text-center",
@@ -2622,12 +2629,12 @@ function lo(e, g, i, o, n, r) {
       }
     ])
   }, [
-    t("p", Xa, u(r.currentDay.dayName), 1),
-    t("p", eo, u(r.currentDay.day), 1),
-    t("p", to, u(r.currentDay.month), 1)
+    t("p", Ka, u(r.currentDay.dayName), 1),
+    t("p", Qa, u(r.currentDay.day), 1),
+    t("p", Xa, u(r.currentDay.month), 1)
   ], 2);
 }
-const so = /* @__PURE__ */ Ce(Qa, [["render", lo]]), no = {
+const to = /* @__PURE__ */ Ce(Ja, [["render", eo]]), lo = {
   name: "dayPrice",
   props: {
     currency: String,
@@ -2646,9 +2653,9 @@ const so = /* @__PURE__ */ Ce(Qa, [["render", lo]]), no = {
       };
     }
   }
-}, ao = { class: "priceDay" }, oo = { class: "whitespace-nowrap" };
-function io(e, g, i, o, n, r) {
-  return l(), s("div", ao, [
+}, so = { class: "priceDay" }, no = { class: "whitespace-nowrap" };
+function ao(e, g, i, o, n, r) {
+  return l(), s("div", so, [
     t("div", {
       class: x([
         {
@@ -2661,23 +2668,23 @@ function io(e, g, i, o, n, r) {
         "select-none text-center rounded-lg p-1"
       ])
     }, [
-      t("span", oo, u(r.currentDay.price) + " " + u(i.currency), 1)
+      t("span", no, u(r.currentDay.price) + " " + u(i.currency), 1)
     ], 2)
   ]);
 }
-const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
+const Me = /* @__PURE__ */ Ce(lo, [["render", ao]]), oo = {
   key: 0,
   class: "py-6 flex items-center justify-between"
-}, co = { class: "flex-1 flex justify-between sm:hidden" }, uo = {
+}, io = { class: "flex-1 flex justify-between sm:hidden" }, ro = {
   href: "#",
   class: "relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50"
-}, go = {
+}, co = {
   href: "#",
   class: "ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50"
-}, mo = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, fo = { class: "text-sm text-gray-700" }, ho = { class: "font-bold mx-1" }, yo = { class: "font-bold mx-1" }, bo = { class: "font-bold mx-1" }, vo = {
+}, uo = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, go = { class: "text-sm text-gray-700" }, mo = { class: "font-bold mx-1" }, fo = { class: "font-bold mx-1" }, ho = { class: "font-bold mx-1" }, yo = {
   class: "relative z-0 inline-flex rounded-md shadow-xs -space-x-px",
   "aria-label": "Pagination"
-}, xo = { class: "sr-only" }, po = ["onClick"], wo = { class: "sr-only" }, ko = {
+}, bo = { class: "sr-only" }, vo = ["onClick"], xo = { class: "sr-only" }, po = {
   key: 1,
   class: "py-6 flex flex-row justify-between items-center animate-pulse"
 }, Pt = /* @__PURE__ */ T({
@@ -2700,39 +2707,39 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
         c.push(v);
       return c;
     });
-    return (c, v) => e.loading ? (l(), s("div", ko, [...v[3] || (v[3] = [
+    return (c, v) => e.loading ? (l(), s("div", po, [...v[3] || (v[3] = [
       t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1),
       t("div", { class: "h-10 w-32 bg-gray-200 rounded-sm dark:bg-gray-300" }, null, -1)
-    ])])) : (l(), s("div", ro, [
-      t("div", co, [
-        t("a", uo, [
+    ])])) : (l(), s("div", oo, [
+      t("div", io, [
+        t("a", ro, [
           G(c.$slots, "previous")
         ]),
-        t("a", go, [
+        t("a", co, [
           G(c.$slots, "next")
         ])
       ]),
-      t("div", mo, [
+      t("div", uo, [
         t("div", null, [
-          t("p", fo, [
+          t("p", go, [
             G(c.$slots, "showing"),
-            t("span", ho, u(e.current), 1),
+            t("span", mo, u(e.current), 1),
             G(c.$slots, "of"),
-            t("span", yo, u(e.total), 1),
+            t("span", fo, u(e.total), 1),
             G(c.$slots, "pages"),
             v[2] || (v[2] = t("span", { class: "font-bold mx-1" }, "/", -1)),
             G(c.$slots, "fromTotal"),
-            t("span", bo, u(e.totalItems), 1)
+            t("span", ho, u(e.totalItems), 1)
           ])
         ]),
         t("div", null, [
-          t("nav", vo, [
+          t("nav", yo, [
             L(t("button", {
               ref: "test-first-button",
               onClick: v[0] || (v[0] = (p) => i("changePage", e.current - 1)),
               class: "relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
             }, [
-              t("span", xo, [
+              t("span", bo, [
                 G(c.$slots, "previous")
               ]),
               m(f(zt), {
@@ -2749,13 +2756,13 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
               class: x([[
                 p === e.current ? "z-10 bg-lime-50 border-lime-400 text-black" : "bg-white border-gray-300 text-gray-500 hover:bg-gray-50"
               ], "relative inline-flex items-center px-4 py-2 border text-sm font-medium"])
-            }, u(p), 11, po))), 128)),
+            }, u(p), 11, vo))), 128)),
             L(t("button", {
               ref: "test-last-button",
               onClick: v[1] || (v[1] = (p) => i("changePage", e.current + 1)),
               class: "relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
             }, [
-              t("span", wo, [
+              t("span", xo, [
                 G(c.$slots, "next")
               ]),
               m(f($e), {
@@ -2770,61 +2777,61 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
       ])
     ]));
   }
-}), $o = {
+}), wo = {
   key: 0,
   class: "px-4 sm:px-6 lg:px-8"
-}, Co = { class: "flow-root" }, So = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow-sm ring-1 ring-black/5 sm:rounded-lg" }, Bo = { class: "inline-block min-w-full align-middle" }, Mo = { class: "min-w-full text-sm" }, zo = { class: "bg-white" }, jo = {
+}, ko = { class: "flow-root" }, $o = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow-sm ring-1 ring-black/5 sm:rounded-lg" }, Co = { class: "inline-block min-w-full align-middle" }, So = { class: "min-w-full text-sm" }, Bo = { class: "bg-white" }, Mo = {
   colspan: "6",
   scope: "colgroup",
   class: "bg-gray-50 py-2 pl-4 pr-3 text-left text-sm font-semibold sm:pl-3"
-}, Ao = {
+}, zo = {
   colspan: "20",
   scope: "colgroup",
   class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold"
-}, To = { key: 0 }, Do = {
+}, jo = { key: 0 }, Ao = {
   colspan: "6",
   class: "pl-4"
-}, Lo = { key: 1 }, Po = {
+}, To = { key: 1 }, Do = {
   colspan: "6",
   class: "pl-4"
-}, Fo = { key: 2 }, Oo = {
+}, Lo = { key: 2 }, Po = {
   colspan: "6",
   class: "pl-4"
-}, _o = {
+}, Fo = {
   colspan: "20",
   scope: "colgroup",
   class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold relative"
-}, Io = {
+}, Oo = {
   key: 0,
   class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-48 bg-white shadow-sm rounded-sm px-4 py-1 z-10"
-}, Vo = ["onClick"], No = {
+}, Io = ["onClick"], _o = {
   colspan: "2",
   scope: "colgroup",
   class: "relative bg-gray-100 py-3.5 pl-4 pr-3 text-left font-semibold"
-}, Ro = ["checked", "indeterminate"], qo = { class: "pl-6" }, Ho = {
+}, Vo = ["checked", "indeterminate"], No = { class: "pl-6" }, Ro = {
   colspan: "2",
   scope: "colgroup",
   class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold"
-}, Yo = {
+}, qo = {
   colspan: "2",
   scope: "colgroup",
   class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold"
-}, Eo = {
+}, Ho = {
   colspan: "2",
   class: "relative py-3.5 pl-4 pr-3 text-left text-sm font-semibold sm:pl-6"
-}, Uo = {
+}, Yo = {
   key: 0,
   class: "absolute inset-y-0 left-0 w-0.5 bg-lime-400"
-}, Zo = ["value"], Wo = { class: "pl-6" }, Go = {
+}, Eo = ["value"], Uo = { class: "pl-6" }, Zo = {
   colspan: "2",
   class: "pl-4"
-}, Jo = {
+}, Wo = {
   colspan: "2",
   class: "pl-4"
-}, Ko = {
+}, Go = {
   key: 1,
   class: "flex flex-row justify-between items-center mt-4"
-}, Qo = { key: 0 }, Xo = /* @__PURE__ */ T({
+}, Jo = { key: 0 }, Ko = /* @__PURE__ */ T({
   __name: "uiPriceCalendar",
   props: {
     loading: { type: Boolean },
@@ -2865,42 +2872,42 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
     })) : []), E = ($) => {
       Y($).isBefore(n.value) || (r.value = $, o("dateChanged", r.value));
     }, M = ($) => {
-      let F = i.category.selectionPrices.find((I) => Y(I.date).isSame($.date));
+      let F = i.category.selectionPrices.find((_) => Y(_.date).isSame($.date));
       return F ? F.price : $.price;
     }, R = ($) => {
       a.value = $.target.checked ? i.rooms.map((F) => F.id) : [];
-    }, K = () => o("changeCategoryBulkPrices"), re = ($) => o("changeCategorySelectionPrice", $), me = ($) => o("changeCategoryUpgradePrice", $), fe = ($) => o("tableAction", $), j = ($, F, I) => o("changeRoomPrice", { price: $, roomId: F, roomName: I }), q = ($) => {
+    }, K = () => o("changeCategoryBulkPrices"), re = ($) => o("changeCategorySelectionPrice", $), me = ($) => o("changeCategoryUpgradePrice", $), fe = ($) => o("tableAction", $), j = ($, F, _) => o("changeRoomPrice", { price: $, roomId: F, roomName: _ }), q = ($) => {
       o("changePage", $);
     }, H = ($) => {
       o("changePageSize", $.value);
     };
     return ($, F) => (l(), s(k, null, [
-      e.loading ? b("", !0) : (l(), s("div", $o, [
-        t("div", Co, [
-          t("div", So, [
-            t("div", Bo, [
-              t("table", Mo, [
-                t("tbody", zo, [
+      e.loading ? b("", !0) : (l(), s("div", wo, [
+        t("div", ko, [
+          t("div", $o, [
+            t("div", Co, [
+              t("table", So, [
+                t("tbody", Bo, [
                   t("tr", null, [
-                    t("th", jo, [
-                      m(Ia, {
+                    t("th", Mo, [
+                      m(Oa, {
                         selectedDate: r.value,
-                        onDateSelected: F[0] || (F[0] = (I) => E(I))
+                        onDateSelected: F[0] || (F[0] = (_) => E(_))
                       }, null, 8, ["selectedDate"])
                     ]),
-                    (l(!0), s(k, null, S(d.value, (I, W) => (l(), s("th", {
+                    (l(!0), s(k, null, S(d.value, (_, W) => (l(), s("th", {
                       scope: "col",
                       key: W,
                       class: "text-sm font-semibold p-0"
                     }, [
-                      m(so, {
+                      m(to, {
                         class: "border-l border-gray-200 px-6 py-3",
-                        day: I
+                        day: _
                       }, null, 8, ["day"])
                     ]))), 128))
                   ]),
                   t("tr", null, [
-                    t("th", Ao, [
+                    t("th", zo, [
                       t("span", null, u(e.literals.category) + " " + u(e.category.name), 1),
                       m(U, {
                         loading: e.loading,
@@ -2915,107 +2922,107 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                       }, 8, ["loading"])
                     ])
                   ]),
-                  e.type === "discounts" ? (l(), s("tr", To, [
-                    t("td", Do, u(e.literals.pricesDiscount), 1),
-                    (l(!0), s(k, null, S(e.category.selectionPrices, (I, W) => (l(), s("td", {
+                  e.type === "discounts" ? (l(), s("tr", jo, [
+                    t("td", Ao, u(e.literals.pricesDiscount), 1),
+                    (l(!0), s(k, null, S(e.category.selectionPrices, (_, W) => (l(), s("td", {
                       key: W,
                       class: "p-0"
                     }, [
                       m(Me, {
-                        onClick: (le) => re(I),
+                        onClick: (le) => re(_),
                         class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer",
-                        price: I,
+                        price: _,
                         currency: e.currency.symbol,
                         isBasePrice: !0
                       }, null, 8, ["onClick", "price", "currency"])
                     ]))), 128))
                   ])) : b("", !0),
-                  e.type === "prices" ? (l(), s("tr", Lo, [
-                    t("td", Po, u(e.literals.pricesSelection), 1),
-                    (l(!0), s(k, null, S(e.category.selectionPrices, (I, W) => (l(), s("td", {
+                  e.type === "prices" ? (l(), s("tr", To, [
+                    t("td", Do, u(e.literals.pricesSelection), 1),
+                    (l(!0), s(k, null, S(e.category.selectionPrices, (_, W) => (l(), s("td", {
                       key: W,
                       class: "p-0"
                     }, [
                       m(Me, {
-                        onClick: (le) => re(I),
+                        onClick: (le) => re(_),
                         class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer",
-                        price: I,
+                        price: _,
                         currency: e.currency.symbol,
                         isBasePrice: !0
                       }, null, 8, ["onClick", "price", "currency"])
                     ]))), 128))
                   ])) : b("", !0),
-                  e.type === "prices" ? (l(), s("tr", Fo, [
-                    t("td", Oo, u(e.literals.pricesUpgrade), 1),
-                    (l(!0), s(k, null, S(e.category.upgradePrices, (I, W) => (l(), s("td", {
+                  e.type === "prices" ? (l(), s("tr", Lo, [
+                    t("td", Po, u(e.literals.pricesUpgrade), 1),
+                    (l(!0), s(k, null, S(e.category.upgradePrices, (_, W) => (l(), s("td", {
                       key: W,
                       class: "p-0"
                     }, [
                       m(Me, {
-                        onClick: (le) => me(I),
+                        onClick: (le) => me(_),
                         class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer bg-gray-100",
-                        price: I,
+                        price: _,
                         currency: e.currency.symbol,
                         isBasePrice: !0
                       }, null, 8, ["onClick", "price", "currency"])
                     ]))), 128))
                   ])) : b("", !0),
                   t("tr", null, [
-                    t("th", _o, [
-                      a.value?.length > 0 && e.actions?.length > 0 ? (l(), s("div", Io, [
-                        (l(!0), s(k, null, S(e.actions, (I, W) => (l(), s("button", {
-                          onClick: (le) => fe({ action: I.id, items: a.value }),
+                    t("th", Fo, [
+                      a.value?.length > 0 && e.actions?.length > 0 ? (l(), s("div", Oo, [
+                        (l(!0), s(k, null, S(e.actions, (_, W) => (l(), s("button", {
+                          onClick: (le) => fe({ action: _.id, items: a.value }),
                           key: W,
                           type: "button",
                           class: "inline-flex items-center rounded-sm bg-lime-400 hover:bg-black hover:text-white px-2.5 py-1.5 text-xs font-medium shadow-xs disabled:cursor-not-allowed disabled:opacity-30"
-                        }, u(I.name), 9, Vo))), 128))
+                        }, u(_.name), 9, Io))), 128))
                       ])) : b("", !0),
                       t("span", null, u(e.literals.pricesSelection), 1)
                     ])
                   ]),
                   t("tr", null, [
-                    t("th", No, [
+                    t("th", _o, [
                       t("input", {
                         type: "checkbox",
                         class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded-sm border-gray-300 text-lime-400 focus:ring-lime-400",
                         checked: c.value || a.value.length === e.rooms.length,
                         indeterminate: c.value,
                         onChange: R
-                      }, null, 40, Ro),
-                      t("span", qo, u(e.literals.room), 1)
+                      }, null, 40, Vo),
+                      t("span", No, u(e.literals.room), 1)
                     ]),
-                    t("th", Ho, u(e.literals.building), 1),
-                    t("th", Yo, u(e.literals.floor), 1),
+                    t("th", Ro, u(e.literals.building), 1),
+                    t("th", qo, u(e.literals.floor), 1),
                     F[2] || (F[2] = t("th", {
                       colspan: "14",
                       scope: "colgroup",
                       class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold"
                     }, null, -1))
                   ]),
-                  (l(!0), s(k, null, S(e.rooms, (I) => (l(), s("tr", {
-                    key: I.name,
+                  (l(!0), s(k, null, S(e.rooms, (_) => (l(), s("tr", {
+                    key: _.name,
                     class: x([{ "even:bg-gray-100": e.type === "prices", "odd:bg-gray-100": e.type === "discounts" }])
                   }, [
-                    t("td", Eo, [
-                      a.value.length > 0 ? (l(), s("div", Uo)) : b("", !0),
+                    t("td", Ho, [
+                      a.value.length > 0 ? (l(), s("div", Yo)) : b("", !0),
                       L(t("input", {
                         type: "checkbox",
                         class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded-sm border-gray-300 text-lime-400 focus:ring-lime-400",
-                        value: I.name,
+                        value: _.name,
                         "onUpdate:modelValue": F[1] || (F[1] = (W) => a.value = W)
-                      }, null, 8, Zo), [
+                      }, null, 8, Eo), [
                         [yt, a.value]
                       ]),
-                      t("span", Wo, u(I.name), 1)
+                      t("span", Uo, u(_.name), 1)
                     ]),
-                    t("td", Go, u(I.building), 1),
-                    t("td", Jo, u(I.floor), 1),
-                    (l(!0), s(k, null, S(I.selectionPrices, (W, le) => (l(), s("td", {
+                    t("td", Zo, u(_.building), 1),
+                    t("td", Wo, u(_.floor), 1),
+                    (l(!0), s(k, null, S(_.selectionPrices, (W, le) => (l(), s("td", {
                       class: "p-0",
                       key: le
                     }, [
                       m(Me, {
-                        onClick: (st) => j(W, I.id, I.name),
+                        onClick: (st) => j(W, _.id, _.name),
                         class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 cursor-pointer",
                         price: W,
                         currency: e.currency.symbol,
@@ -3029,8 +3036,8 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
           ])
         ])
       ])),
-      v.value ? (l(), s("div", Ko, [
-        C.value ? (l(), s("div", Qo, [
+      v.value ? (l(), s("div", Go, [
+        C.value ? (l(), s("div", Jo, [
           m(ge, {
             verticalPosition: "top",
             items: N.value,
@@ -3095,10 +3102,10 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
       onDataPointSelection: o[2] || (o[2] = (n) => i.$emit("dataPointSelection", n))
     }), null, 16)) : b("", !0);
   }
-}), ei = { class: "chart-header flex flex-row items-center w-full justify-between" }, ti = { class: "text-lg font-bold truncate mr-8" }, li = {
+}), Qo = { class: "chart-header flex flex-row items-center w-full justify-between" }, Xo = { class: "text-lg font-bold truncate mr-8" }, ei = {
   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-sm rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, fi = /* @__PURE__ */ T({
+}, ti = { class: "self-center ml-2" }, li = { class: "self-center ml-2" }, si = { class: "self-center ml-2" }, ni = { class: "hidden sm:flex items-center" }, ai = { class: "w-1/2 min-w-0 flex-1" }, oi = ["max"], ii = { class: "min-w-0 flex-1" }, ri = ["max"], di = { class: "chart-content pb-6" }, ci = { class: "'w-full h-full flex items-center justify-center flex-col" }, ui = { class: "card chart apex-chart px-4 py-5 bg-white shadow-sm rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, gi = /* @__PURE__ */ T({
   __name: "uiChart",
   props: {
     labels: {},
@@ -3250,9 +3257,9 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
         class: "card chart apex-chart p-4 bg-white shadow-sm rounded-lg overflow-hidden flex grow",
         style: qe({ height: e.height + "px" })
       }, [
-        t("div", ei, [
-          t("div", ti, u(e.title), 1),
-          e.isNps && e.npsLiterals ? (l(), s("div", li, [
+        t("div", Qo, [
+          t("div", Xo, u(e.title), 1),
+          e.isNps && e.npsLiterals ? (l(), s("div", ei, [
             m(J, {
               size: "small",
               color: "red",
@@ -3264,7 +3271,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                   loading: !1,
                   color: "red"
                 }, null, 8, ["icon"]),
-                t("span", si, u(e.npsLiterals.unhappy), 1)
+                t("span", ti, u(e.npsLiterals.unhappy), 1)
               ]),
               _: 1
             }),
@@ -3279,7 +3286,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                   loading: !1,
                   color: "yellow"
                 }, null, 8, ["icon"]),
-                t("span", ni, u(e.npsLiterals.neutral), 1)
+                t("span", li, u(e.npsLiterals.neutral), 1)
               ]),
               _: 1
             }),
@@ -3294,13 +3301,13 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                   loading: !1,
                   color: "green"
                 }, null, 8, ["icon"]),
-                t("span", ai, u(e.npsLiterals.happy), 1)
+                t("span", si, u(e.npsLiterals.happy), 1)
               ]),
               _: 1
             })
           ])) : b("", !0),
-          t("div", oi, [
-            t("div", ii, [
+          t("div", ni, [
+            t("div", ai, [
               L(t("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": R[0] || (R[0] = (K) => f(r).from = K),
@@ -3309,11 +3316,11 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                 name: "from",
                 id: "from",
                 class: "text-xs relative block w-full rounded-sm rounded-r-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
-              }, null, 40, ri), [
+              }, null, 40, oi), [
                 [xe, f(r).from]
               ])
             ]),
-            t("div", di, [
+            t("div", ii, [
               L(t("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": R[1] || (R[1] = (K) => f(r).to = K),
@@ -3322,7 +3329,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                 name: "to",
                 id: "to",
                 class: "text-xs relative block w-full -mr-2 rounded-sm rounded-l-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
-              }, null, 40, ci), [
+              }, null, 40, ri), [
                 [xe, f(r).to]
               ])
             ]),
@@ -3335,7 +3342,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
             }, null, 8, ["loading", "icon"])
           ])
         ]),
-        L(t("div", ui, [
+        L(t("div", di, [
           m(tt, {
             class: "chart",
             type: e.type,
@@ -3349,7 +3356,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
         ], 512), [
           [O, !e.empty]
         ]),
-        L(t("div", gi, [
+        L(t("div", ci, [
           m(P, {
             icon: f(te),
             color: "gray",
@@ -3363,7 +3370,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
       ], 4), [
         [O, !e.loading]
       ]),
-      L(t("div", mi, [...R[4] || (R[4] = [
+      L(t("div", ui, [...R[4] || (R[4] = [
         t("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -3394,11 +3401,11 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
       ])
     ], 64));
   }
-}), hi = {
+}), mi = {
   name: "uiFooter"
-}, yi = { class: "bg-white" };
-function bi(e, g, i, o, n, r) {
-  return l(), s("footer", yi, [...g[0] || (g[0] = [
+}, fi = { class: "bg-white" };
+function hi(e, g, i, o, n, r) {
+  return l(), s("footer", fi, [...g[0] || (g[0] = [
     t("div", { class: "mx-auto py-6 px-4 sm:px-6 md:flex md:items-center md:justify-between lg:px-8" }, [
       t("div", { class: "mt-8 md:mt-0 md:order-1" }, [
         t("p", { class: "text-center text-base text-gray-400" }, "© Made by Hotelinking.")
@@ -3406,7 +3413,7 @@ function bi(e, g, i, o, n, r) {
     ], -1)
   ])]);
 }
-const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
+const yi = /* @__PURE__ */ Ce(mi, [["render", hi]]), bi = /* @__PURE__ */ T({
   __name: "uiLoadingScreen",
   props: {
     title: {},
@@ -3434,25 +3441,25 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ])
     ], 2));
   }
-}), pi = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, wi = { class: "flex flex-col grow overflow-y-auto" }, ki = { class: "grow flex flex-col" }, $i = {
+}), vi = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, xi = { class: "flex flex-col grow overflow-y-auto" }, pi = { class: "grow flex flex-col" }, wi = {
   class: "flex-1 space-y-1",
   "aria-label": "Sidebar"
-}, Ci = { key: 0 }, Si = ["onClick"], Bi = {
+}, ki = { key: 0 }, $i = ["onClick"], Ci = {
   key: 1,
   class: "text-left"
-}, Mi = {
+}, Si = {
   key: 1,
   class: "flex-1 text-left"
-}, zi = {
+}, Bi = {
   key: 2,
   class: "flex-1"
-}, ji = {
+}, Mi = {
   key: 0,
   class: "align-left"
-}, Ai = {
+}, zi = {
   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__ */ T({
+}, ji = { class: "h-12 flex flex-row items-center" }, Ai = /* @__PURE__ */ T({
   __name: "uiSidebar",
   props: {
     navigation: {},
@@ -3464,17 +3471,17 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   emits: ["sideBarClick"],
   setup(e, { emit: g }) {
     const i = e, o = g, n = A(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
-    return (r, a) => (l(), s("div", pi, [
-      t("div", wi, [
-        t("div", ki, [
-          t("nav", $i, [
-            e.loading ? (l(), s(k, { key: 1 }, S(5, (d) => t("div", Ti, [...a[1] || (a[1] = [
+    return (r, a) => (l(), s("div", vi, [
+      t("div", xi, [
+        t("div", pi, [
+          t("nav", wi, [
+            e.loading ? (l(), s(k, { key: 1 }, S(5, (d) => t("div", ji, [...a[1] || (a[1] = [
               t("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1),
               t("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 grow" }, null, -1)
             ])])), 64)) : (l(!0), s(k, { key: 0 }, S(n.value, (d) => (l(), s(k, {
               key: d.name
             }, [
-              d.children ? (l(), w(f(_e), {
+              d.children ? (l(), w(f(Ie), {
                 key: 1,
                 as: "div",
                 class: "space-y-1"
@@ -3494,16 +3501,16 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                         ]),
                         "aria-hidden": "true"
                       }, null, 8, ["loading", "icon", "class"])) : b("", !0),
-                      e.loading ? (l(), s("div", zi, [...a[0] || (a[0] = [
+                      e.loading ? (l(), s("div", Bi, [...a[0] || (a[0] = [
                         t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)
-                      ])])) : (l(), s("span", Mi, u(d.name), 1)),
+                      ])])) : (l(), s("span", Si, u(d.name), 1)),
                       m(f($e), {
                         class: x([c ? "text-black rotate-90" : "text-gray-400", "mr-3 shrink-0 h-3 w-3 transform group-hover:text-gray-400 transition-colors ease-in-out duration-150"])
                       }, null, 8, ["class"])
                     ]),
                     _: 2
                   }, 1032, ["class"]),
-                  m(f(Ie), { class: "space-y-1" }, {
+                  m(f(_e), { class: "space-y-1" }, {
                     default: y(() => [
                       (l(!0), s(k, null, S(d.children, (v) => (l(), w(f(se), {
                         onClick: (p) => o("sideBarClick", v.id),
@@ -3511,7 +3518,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                         class: x([v.current ? "bg-gray-200" : "hover:text-gray-900 hover:bg-gray-100", "group text-gray-600 w-full flex items-center text-left pl-11 pr-2 py-2 text-sm font-medium rounded-md"])
                       }, {
                         default: y(() => [
-                          e.loading ? (l(), s("div", Ai)) : (l(), s("span", ji, u(v.name), 1))
+                          e.loading ? (l(), s("div", zi)) : (l(), s("span", Mi, u(v.name), 1))
                         ]),
                         _: 2
                       }, 1032, ["onClick", "class"]))), 128))
@@ -3520,7 +3527,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                   }, 1024)
                 ]),
                 _: 2
-              }, 1024)) : (l(), s("div", Ci, [
+              }, 1024)) : (l(), s("div", ki, [
                 t("button", {
                   onClick: (c) => o("sideBarClick", d.id),
                   class: x([
@@ -3538,8 +3545,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                     ]),
                     "aria-hidden": "true"
                   }, null, 8, ["loading", "icon", "class"])) : b("", !0),
-                  e.loading ? b("", !0) : (l(), s("span", Bi, u(d.name), 1))
-                ], 10, Si)
+                  e.loading ? b("", !0) : (l(), s("span", Ci, u(d.name), 1))
+                ], 10, $i)
               ]))
             ], 64))), 128))
           ])
@@ -3547,24 +3554,24 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ])
     ]));
   }
-}), Li = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6 h-screen" }, Pi = { class: "bg-black w-16 mr-6 shrink-0" }, Fi = ["onClick"], Oi = ["src", "alt"], _i = {
+}), Ti = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6 h-screen" }, Di = { class: "bg-black w-16 mr-6 shrink-0" }, Li = ["onClick"], Pi = ["src", "alt"], Fi = {
   key: 0,
   class: "flex flex-col grow h-full"
-}, Ii = ["src"], Vi = { class: "flex flex-1 flex-col overflow-hidden mt-8" }, Ni = { class: "flex-1 overflow-y-auto pr-6" }, Ri = {
+}, Oi = ["src"], Ii = { class: "flex flex-1 flex-col overflow-hidden mt-8" }, _i = { class: "flex-1 overflow-y-auto pr-6" }, Vi = {
   key: 0,
   role: "list",
   class: "flex flex-col gap-y-7 mb-4"
-}, qi = {
+}, Ni = {
   role: "list",
   class: "ml-2 space-y-1"
-}, Hi = ["onClick"], Yi = {
+}, Ri = ["onClick"], qi = {
   key: 1,
   role: "list",
   class: "flex flex-col gap-y-7 mb-4"
-}, Ei = { class: "ml-2 space-y-1" }, Ui = { class: "font-bold mb-4" }, Zi = {
+}, Hi = { class: "ml-2 space-y-1" }, Yi = { class: "font-bold mb-4" }, Ei = {
   key: 1,
   class: "flex flex-col grow h-full"
-}, Wi = { class: "flex-1 overflow-y-auto pr-6" }, Gi = { class: "h-12 flex flex-row items-center" }, Ue = /* @__PURE__ */ T({
+}, Ui = { class: "flex-1 overflow-y-auto pr-6" }, Zi = { class: "h-12 flex flex-row items-center" }, Ue = /* @__PURE__ */ T({
   __name: "uiSidebarV2",
   props: {
     navigation: {},
@@ -3577,8 +3584,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   emits: ["productBarClick", "sideBarClick", "inputChanged"],
   setup(e, { emit: g }) {
     const i = e, o = A(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
-    return (n, r) => (l(), s("div", Li, [
-      t("div", Pi, [
+    return (n, r) => (l(), s("div", Ti, [
+      t("div", Di, [
         t("ul", null, [
           (l(!0), s(k, null, S(e.productsSidebar, (a, d) => (l(), s("li", {
             key: d,
@@ -3588,18 +3595,18 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             t("img", {
               src: a.icon,
               alt: a.name
-            }, null, 8, Oi)
-          ], 10, Fi))), 128))
+            }, null, 8, Pi)
+          ], 10, Li))), 128))
         ])
       ]),
-      e.loading ? (l(), s("div", Zi, [
-        t("div", Wi, [
-          (l(), s(k, null, S(5, (a) => t("div", Gi, [...r[2] || (r[2] = [
+      e.loading ? (l(), s("div", Ei, [
+        t("div", Ui, [
+          (l(), s(k, null, S(5, (a) => t("div", Zi, [...r[2] || (r[2] = [
             t("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1),
             t("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full w-1/2 dark:bg-gray-300" }, null, -1)
           ])])), 64))
         ])
-      ])) : (l(), s("div", _i, [
+      ])) : (l(), s("div", Fi, [
         t("div", {
           class: "flex h-16 shrink-0 items-center",
           onClick: r[0] || (r[0] = (a) => n.$emit("sideBarClick", "logo"))
@@ -3608,17 +3615,17 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             class: "h-10 w-auto self-center cursor-pointer",
             src: e.logo,
             alt: "Your Company"
-          }, null, 8, Ii)
+          }, null, 8, Oi)
         ]),
-        t("nav", Vi, [
-          t("div", Ni, [
-            e.isFilterNavigation ? b("", !0) : (l(), s("ul", Ri, [
+        t("nav", Ii, [
+          t("div", _i, [
+            e.isFilterNavigation ? b("", !0) : (l(), s("ul", Vi, [
               t("li", null, [
-                t("ul", qi, [
+                t("ul", Ni, [
                   (l(!0), s(k, null, S(o.value, (a) => (l(), s("li", {
                     key: a.name
                   }, [
-                    a.children ? (l(), w(f(_e), {
+                    a.children ? (l(), w(f(Ie), {
                       key: 1,
                       as: "div"
                     }, {
@@ -3645,7 +3652,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                           _: 2
                         }, 1032, ["onClick", "class"]),
                         L(t("div", null, [
-                          m(f(Ie), {
+                          m(f(_e), {
                             as: "ul",
                             class: "mt-1 px-2",
                             static: ""
@@ -3687,13 +3694,13 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                         class: "shrink-0"
                       }, null, 8, ["icon"]),
                       B(" " + u(a.name), 1)
-                    ], 10, Hi))
+                    ], 10, Ri))
                   ]))), 128))
                 ])
               ])
             ])),
-            e.isFilterNavigation && e.filterNavigation ? (l(), s("ul", Yi, [
-              t("li", Ei, [
+            e.isFilterNavigation && e.filterNavigation ? (l(), s("ul", qi, [
+              t("li", Hi, [
                 e.filterNavigation.hasSearch && e.filterNavigation.search ? (l(), w(ae, {
                   key: 0,
                   name: e.filterNavigation.search.name,
@@ -3708,7 +3715,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                 class: "ml-2",
                 key: d
               }, [
-                t("p", Ui, u(a.label), 1),
+                t("p", Yi, u(a.label), 1),
                 (l(!0), s(k, null, S(a.filters, (c, v) => (l(), w(ue, {
                   class: "mb-2",
                   value: c.value,
@@ -3726,10 +3733,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ]))
     ]));
   }
-}), Ji = { key: 0 }, Ki = ["title"], Qi = { class: "ml-16 flex items-baseline pb-5" }, Xi = { class: "text-2xl font-semibold" }, er = {
+}), Wi = { key: 0 }, Gi = ["title"], Ji = { class: "ml-16 flex items-baseline pb-5" }, Ki = { class: "text-2xl font-semibold" }, Qi = {
   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-sm rounded-lg overflow-hidden h-full pb-6" }, ar = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Ft = /* @__PURE__ */ T({
+}, Xi = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, er = { class: "text-sm" }, tr = { key: 1 }, lr = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow-sm rounded-lg overflow-hidden h-full pb-6" }, sr = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Ft = /* @__PURE__ */ T({
   __name: "uiStats",
   props: {
     item: {},
@@ -3737,10 +3744,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   },
   emits: ["statClick"],
   setup(e, { emit: g }) {
-    return (i, o) => e.loading ? (l(), s("div", sr, [
-      t("div", nr, [
+    return (i, o) => e.loading ? (l(), s("div", tr, [
+      t("div", lr, [
         t("dt", null, [
-          t("div", ar, [
+          t("div", sr, [
             m(P, {
               loading: e.loading,
               icon: e.item.icon,
@@ -3756,7 +3763,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           ], -1))
         ])
       ])
-    ])) : (l(), s("div", Ji, [
+    ])) : (l(), s("div", Wi, [
       t("div", {
         class: x(["relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow-sm rounded-lg overflow-hidden h-full", { "pb-12": e.item.showFooter }])
       }, [
@@ -3778,11 +3785,11 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           t("p", {
             class: "ml-16 text-sm font-medium truncate",
             title: e.item.name
-          }, u(e.item.name), 9, Ki)
+          }, u(e.item.name), 9, Gi)
         ]),
-        t("dd", Qi, [
-          t("p", Xi, u(e.item.stat), 1),
-          e.item.explanation ? (l(), s("p", er, u(e.item.explanation), 1)) : b("", !0),
+        t("dd", Ji, [
+          t("p", Ki, u(e.item.stat), 1),
+          e.item.explanation ? (l(), s("p", Qi, u(e.item.explanation), 1)) : b("", !0),
           e.item.changeType ? (l(), s("p", {
             key: 1,
             class: x([
@@ -3806,8 +3813,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             })) : b("", !0),
             B(" " + u(e.item.change), 1)
           ], 2)) : b("", !0),
-          L(t("div", tr, [
-            t("div", lr, [
+          L(t("div", Xi, [
+            t("div", er, [
               t("span", {
                 onClick: o[0] || (o[0] = (n) => i.$emit("statClick", e.item.id)),
                 class: "font-medium text-black hover:text-lime-400 underline cursor-pointer"
@@ -3820,19 +3827,19 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ], 2)
     ]));
   }
-}), or = {
+}), nr = {
   key: 0,
   class: "overflow-hidden bg-white shadow-sm sm:rounded-lg"
-}, ir = { class: "px-4 py-5 sm:px-6" }, rr = { class: "text-lg font-medium leading-6" }, dr = { class: "mt-1 max-w-2xl text-sm" }, cr = { class: "border-t border-gray-200" }, ur = { class: "text-sm font-medium" }, gr = {
+}, ar = { class: "px-4 py-5 sm:px-6" }, or = { class: "text-lg font-medium leading-6" }, ir = { class: "mt-1 max-w-2xl text-sm" }, rr = { class: "border-t border-gray-200" }, dr = { class: "text-sm font-medium" }, cr = {
   key: 0,
   class: "mt-1 text-sm sm:col-span-2 sm:mt-0 break-normal"
-}, mr = ["onClick"], fr = {
+}, ur = ["onClick"], gr = {
   key: 2,
   class: "mt-1 text-sm sm:col-span-2 sm:mt-0 wrap-break-word"
-}, hr = {
+}, mr = {
   key: 1,
   class: "overflow-hidden bg-white shadow-sm sm:rounded-lg"
-}, yr = { class: "border-t border-gray-200" }, br = /* @__PURE__ */ T({
+}, fr = { class: "border-t border-gray-200" }, hr = /* @__PURE__ */ T({
   __name: "uiStripedCard",
   props: {
     title: {},
@@ -3842,9 +3849,9 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   },
   emits: ["itemClicked"],
   setup(e) {
-    return (g, i) => e.loading ? (l(), s("div", hr, [
+    return (g, i) => e.loading ? (l(), s("div", mr, [
       i[1] || (i[1] = ee('<div class="px-4 py-5 sm:px-6 animate-pulse"><h3 class="text-lg font-medium leading-6"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4"></div></h3><div class="mt-1 max-w-2xl text-sm text-gray-500"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/5"></div></div></div>', 1)),
-      t("div", yr, [
+      t("div", fr, [
         t("dl", null, [
           (l(), s(k, null, S(5, (o) => t("div", {
             key: o,
@@ -3859,19 +3866,19 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           ])], 2)), 64))
         ])
       ])
-    ])) : (l(), s("div", or, [
-      t("div", ir, [
-        t("h3", rr, u(e.title), 1),
-        t("p", dr, u(e.subtitle), 1)
+    ])) : (l(), s("div", nr, [
+      t("div", ar, [
+        t("h3", or, u(e.title), 1),
+        t("p", ir, u(e.subtitle), 1)
       ]),
-      t("div", cr, [
+      t("div", rr, [
         t("dl", null, [
           (l(!0), s(k, null, S(e.items, (o, n) => (l(), s("div", {
             key: n,
             class: x(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [n % 2 === 0 ? "bg-gray-50" : "bg-white"]])
           }, [
-            t("dt", ur, u(o.title), 1),
-            o.type === "tags" ? (l(), s("dd", gr, [
+            t("dt", dr, u(o.title), 1),
+            o.type === "tags" ? (l(), s("dd", cr, [
               (l(!0), s(k, null, S(o.tags, (r, a) => (l(), w(J, {
                 loading: e.loading,
                 key: a,
@@ -3887,13 +3894,13 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
               key: 1,
               class: "mt-1 text-sm text-lime-600 hover:text-black sm:col-span-2 sm:mt-0 cursor-pointer",
               onClick: (r) => g.$emit("itemClicked", o.emits)
-            }, u(o.text), 9, mr)) : (l(), s("dd", fr, u(o.text), 1))
+            }, u(o.text), 9, ur)) : (l(), s("dd", gr, u(o.text), 1))
           ], 2))), 128))
         ])
       ])
     ]));
   }
-}), vr = { class: "absolute top-10 bg-black text-white text-xs p-2 rounded-sm z-10 font-light w-60 flex flex-row items-start" }, xr = { class: "ml-2" }, pr = {
+}), yr = { class: "absolute top-10 bg-black text-white text-xs p-2 rounded-sm z-10 font-light w-60 flex flex-row items-start" }, br = { class: "ml-2" }, vr = {
   __name: "tooltip",
   props: {
     tip: {
@@ -3902,7 +3909,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
     }
   },
   setup(e) {
-    return (g, i) => (l(), s("div", vr, [
+    return (g, i) => (l(), s("div", yr, [
       i[0] || (i[0] = t("svg", {
         class: "absolute -top-3 left-0",
         xmlns: "http://www.w3.org/2000/svg",
@@ -3926,16 +3933,16 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           size: "big"
         }, null, 8, ["icon"])
       ]),
-      t("span", xr, u(e.tip), 1)
+      t("span", br, u(e.tip), 1)
     ]));
   }
-}, wr = { class: "hidden py-0.5 px-2.5 rounded-sm text-xs font-medium md:inline-block bg-lime-400 text-gray-900" }, kr = {
+}, xr = { class: "hidden py-0.5 px-2.5 rounded-sm text-xs font-medium md:inline-block bg-lime-400 text-gray-900" }, pr = {
   key: 0,
   class: "hidden py-0.5 px-2.5 rounded-sm text-xs font-medium md:inline-block bg-gray-100 text-gray-900 uppercase"
-}, $r = { class: "w-screen max-w-md flex-auto rounded-sm 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 = {
+}, wr = { class: "w-screen max-w-md flex-auto rounded-sm bg-white text-sm/6 shadow-lg ring-1 ring-gray-900/5 lg:max-w-3xl" }, kr = { class: "p-6 gap-y-2 flex flex-col" }, $r = { class: "flex items-center gap-x-2 w-full" }, Cr = { class: "px-6 pb-6 gap-x-2 flex justify-end" }, Sr = {
   key: 1,
   class: "relative animate-pulse"
-}, zr = /* @__PURE__ */ T({
+}, Br = /* @__PURE__ */ T({
   __name: "uiSmartFilterMultipleV2",
   props: {
     literals: { default: () => ({
@@ -3966,7 +3973,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           if (q.type === "uiInput")
             $.props.value = q.value || "";
           else if (q.type === "uiSelect") {
-            const F = H.defaultProps.items?.find((I) => I.name === q.value);
+            const F = H.defaultProps.items?.find((_) => _.name === q.value);
             F ? $.props.select = F : H.defaultProps.items && H.defaultProps.items.length > 0 && ($.props.select = H.defaultProps.items[0]);
           }
           r.push($);
@@ -4038,7 +4045,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       };
       o("smartFiltersSent", H), j();
     };
-    return (j, q) => e.loading ? (l(), s("div", Mr, [...q[1] || (q[1] = [
+    return (j, q) => e.loading ? (l(), s("div", Sr, [...q[1] || (q[1] = [
       ee('<div class="inline-flex items-center gap-x-2 text-sm/6 font-semibold text-gray-900 outline-hidden 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,
@@ -4049,8 +4056,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           default: y(() => [
             t("span", null, u(i.literals.filters) + ": ", 1),
             (l(!0), s(k, null, S(N.value, (H, $) => (l(), s(k, { key: $ }, [
-              t("span", wr, u(H.name) + " " + u(H.operator) + ": " + u(H.value), 1),
-              $ < N.value.length - 1 ? (l(), s("span", kr, u(n.value.name), 1)) : b("", !0)
+              t("span", xr, u(H.name) + " " + u(H.operator) + ": " + u(H.value), 1),
+              $ < N.value.length - 1 ? (l(), s("span", pr, u(n.value.name), 1)) : b("", !0)
             ], 64))), 128)),
             m(f(oe), {
               class: "size-5",
@@ -4070,9 +4077,9 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           default: y(() => [
             m(f(Cl), { class: "absolute z-20 mt-2 flex w-screen max-w-max bg-transparent" }, {
               default: y(({ close: H }) => [
-                t("div", $r, [
-                  t("div", Cr, [
-                    t("div", Sr, [
+                t("div", wr, [
+                  t("div", kr, [
+                    t("div", $r, [
                       m(ve, {
                         loading: i.loading,
                         class: "w-60",
@@ -4121,14 +4128,14 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                         loading: i.loading,
                         items: $.props.items || [],
                         select: $.props.select || $.props.items?.[0] || { id: "0", name: "Select..." },
-                        onSelectChanged: (I) => K(F, I)
+                        onSelectChanged: (_) => K(F, _)
                       }, 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: (I) => K(F, I.target.value)
+                        onInput: (_) => K(F, _.target.value)
                       }, null, 8, ["loading", "name", "value", "onInput"])) : b("", !0),
                       F === 0 ? (l(), w(ve, {
                         key: 2,
@@ -4155,12 +4162,12 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                         color: "red",
                         loading: i.loading,
                         class: "cursor-pointer",
-                        onClick: (I) => re(F),
+                        onClick: (_) => re(F),
                         title: "Eliminar filtro"
                       }, null, 8, ["icon", "loading", "onClick"])
                     ]))), 128))
                   ]),
-                  t("div", Br, [
+                  t("div", Cr, [
                     m(U, {
                       loading: i.loading,
                       color: "red",
@@ -4194,7 +4201,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       _: 1
     }));
   }
-}), jr = { class: "w-full flex flex-col justify-center p-10 grow" }, Ar = { class: "text-center" }, Tr = { class: "text-2xl mt-4 font-bold" }, Dr = { class: "mt-4" }, Lr = { class: "buttons flex mt-8 gap-x-1 justify-center flex-col gap-y-2 md:flex-row md:gap-y-0" }, lt = /* @__PURE__ */ T({
+}), Mr = { class: "w-full flex flex-col justify-center p-10 grow" }, zr = { class: "text-center" }, jr = { class: "text-2xl mt-4 font-bold" }, Ar = { class: "mt-4" }, Tr = { 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: {},
@@ -4205,7 +4212,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   },
   emits: ["action", "noResultsOptionSelected"],
   setup(e) {
-    return (g, i) => (l(), s("div", jr, [
+    return (g, i) => (l(), s("div", Mr, [
       m(P, {
         class: "mx-auto",
         loading: !1,
@@ -4213,10 +4220,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         size: "massive",
         color: "gray"
       }, null, 8, ["icon"]),
-      t("div", Ar, [
-        t("h2", Tr, u(e.title), 1),
-        t("p", Dr, u(e.message), 1),
-        t("div", Lr, [
+      t("div", zr, [
+        t("h2", jr, u(e.title), 1),
+        t("p", Ar, u(e.message), 1),
+        t("div", Tr, [
           (l(!0), s(k, null, S(e.actions, (o, n) => (l(), w(U, {
             key: n,
             loading: !1,
@@ -4237,43 +4244,43 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ])
     ]));
   }
-}), Pr = { key: 0 }, Fr = {
+}), Dr = { key: 0 }, Lr = {
   key: 1,
   class: "actionsAndFilters mb-6 flex flex-col lg:flex-row lg:items-start w-full gap-4"
-}, Or = {
+}, Pr = {
   key: 0,
   class: "w-full lg:flex-1 lg:min-w-0 lg:max-w-full"
-}, _r = {
+}, Fr = {
   key: 1,
   class: "w-full lg:w-auto lg:shrink-0 flex flex-col sm:flex-row items-stretch sm:items-center gap-3 lg:gap-2"
-}, Ir = {
+}, Or = {
   key: 0,
   class: "flex flex-col sm:flex-row gap-2 flex-wrap sm:flex-nowrap"
-}, Vr = {
+}, Ir = {
   key: 1,
   class: "w-auto"
-}, Nr = { class: "-my-2 overflow-x-auto" }, Rr = { class: "inline-block min-w-full py-2 align-middle px-1" }, qr = { class: "relative overflow-hidden shadow-sm ring-1 ring-black/5 md:rounded-lg" }, Hr = {
+}, _r = { class: "-my-2 overflow-x-auto" }, Vr = { class: "inline-block min-w-full py-2 align-middle px-1" }, Nr = { class: "relative overflow-hidden shadow-sm ring-1 ring-black/5 md:rounded-lg" }, Rr = {
   key: 0,
   class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-16 bg-white shadow-sm rounded-sm px-4 py-1 z-50"
-}, Yr = ["onClick"], Er = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Ur = ["checked", "indeterminate"], Zr = ["onMouseover"], Wr = ["onClick"], Gr = {
+}, qr = ["onClick"], Hr = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Yr = ["checked", "indeterminate"], Er = ["onMouseover"], Ur = ["onClick"], Zr = {
   key: 2,
   class: "group flex items-center uppercase text-xs"
-}, Jr = { class: "divide-y divide-gray-200 bg-white" }, Kr = {
+}, Wr = { class: "divide-y divide-gray-200 bg-white" }, Gr = {
   key: 0,
   class: "absolute inset-y-0 left-0 w-0.5 bg-lime-400"
-}, Qr = ["value", "disabled"], Xr = {
+}, Jr = ["value", "disabled"], Kr = {
   key: 0,
   class: "flex flex-col"
-}, ed = { class: "font-semibold text-gray-900" }, td = { class: "text-sm text-gray-500" }, ld = ["onClick"], sd = ["onClick"], nd = {
+}, Qr = { class: "font-semibold text-gray-900" }, Xr = { class: "text-sm text-gray-500" }, ed = ["onClick"], td = ["onClick"], ld = {
   key: 3,
   class: "flex items-center gap-2"
-}, ad = ["onClick"], od = ["onClick"], id = {
+}, sd = ["onClick"], nd = ["onClick"], ad = {
   key: 4,
   class: "flex items-center gap-2"
-}, rd = ["onClick"], dd = { key: 0 }, cd = {
+}, od = ["onClick"], id = { key: 0 }, rd = {
   key: 2,
   class: "devicesFooter px-1 flex flex-row justify-between items-center"
-}, ud = { key: 0 }, gd = /* @__PURE__ */ T({
+}, dd = { key: 0 }, cd = /* @__PURE__ */ T({
   __name: "uiTable",
   props: {
     selectAllItemsModal: {},
@@ -4322,7 +4329,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       () => n.tableActionButtons && n.tableActionButtons.length > 0
     ), F = A(
       () => q.value || H.value || $.value
-    ), I = A(
+    ), _ = A(
       () => n.paginationCurrent !== void 0 || n.paginationTotal !== void 0
     ), W = A(
       () => n.paginationCurrent !== void 0 && n.paginationTotal !== void 0 && n.paginationTotalItems !== void 0
@@ -4340,9 +4347,9 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       or: "o",
       deleteAll: "Borrar todo",
       filter: "Filtrar"
-    }, _t = (h) => {
+    }, It = (h) => {
       h.action === "close" ? Se.value = !1 : (Se.value = !1, n.selectAllItemsModal && o("modalAction", { modal: n.selectAllItemsModal.modalName, action: h.action }));
-    }, nt = (h) => n.hiddenColumns && n.hiddenColumns.length > 0 ? !n.hiddenColumns.includes(h) : !0, Ne = (h) => r.value.includes(h), It = (h) => a.value === h, Vt = (h) => h.filter((D, z) => nt(z)), Nt = (h, D) => {
+    }, nt = (h) => n.hiddenColumns && n.hiddenColumns.length > 0 ? !n.hiddenColumns.includes(h) : !0, Ne = (h) => r.value.includes(h), _t = (h) => a.value === h, Vt = (h) => h.filter((D, z) => nt(z)), Nt = (h, D) => {
       const z = [];
       return Ne(h.id) && z.push("bg-gray-50"), D % 2 !== 0 && z.push("bg-gray-50"), z;
     }, Rt = (h) => {
@@ -4440,9 +4447,9 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         if (!c.value || !h) return;
         const D = h.querySelector("thead"), z = h.querySelector("tbody");
         if (!D || !z) return;
-        const Q = D.offsetHeight, _ = z.querySelector("tr");
-        if (!_) return;
-        const Re = _.offsetHeight, X = Q + Re * 25;
+        const Q = D.offsetHeight, I = z.querySelector("tr");
+        if (!I) return;
+        const Re = I.offsetHeight, X = Q + Re * 25;
         C.value = X, p.value = !0;
       });
     }, ye = () => {
@@ -4462,7 +4469,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       h || be(() => {
         he(), ye();
       });
-    }), Z([F, I], () => {
+    }), Z([F, _], () => {
       be(() => {
         he(), ye();
       });
@@ -4476,14 +4483,14 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       });
     }), bl(() => {
       N.value && (window.removeEventListener("resize", N.value), N.value = null);
-    }), (h, D) => !e.loading && E.value ? (l(), s("div", Pr, [
+    }), (h, D) => !e.loading && E.value ? (l(), s("div", Dr, [
       e.selectAllItemsModal ? (l(), w(Pe, {
         key: 0,
         title: e.selectAllItemsModal.title,
         modalName: e.selectAllItemsModal.modalName,
         open: Se.value,
         actions: e.selectAllItemsModal.actions,
-        onModalAction: D[0] || (D[0] = (z) => _t(z))
+        onModalAction: D[0] || (D[0] = (z) => It(z))
       }, {
         default: y(() => [
           B(u(e.selectAllItemsModal.content), 1)
@@ -4514,9 +4521,9 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         ]),
         _: 1
       }, 8, ["open"]),
-      F.value ? (l(), s("div", Fr, [
-        q.value ? (l(), s("div", Or, [
-          m(zr, {
+      F.value ? (l(), s("div", Lr, [
+        q.value ? (l(), s("div", Pr, [
+          m(Br, {
             "available-categories": cl.value,
             literals: n.filterLiterals || Ot,
             filters: n.filters,
@@ -4526,8 +4533,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             loading: n.loading
           }, null, 8, ["available-categories", "literals", "filters", "loading"])
         ])) : b("", !0),
-        H.value || $.value ? (l(), s("div", _r, [
-          $.value ? (l(), s("div", Ir, [
+        H.value || $.value ? (l(), s("div", Fr, [
+          $.value ? (l(), s("div", Or, [
             (l(!0), s(k, null, S(n.tableActionButtons, (z) => (l(), w(U, {
               key: z.id,
               loading: z.loading !== void 0 ? z.loading : n.loading,
@@ -4544,7 +4551,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
               _: 2
             }, 1032, ["loading", "disabled", "color", "size", "icon", "onClick"]))), 128))
           ])) : b("", !0),
-          H.value ? (l(), s("div", Vr, [
+          H.value ? (l(), s("div", Ir, [
             m(ge, {
               position: "right",
               items: n.tableActionsDropdown?.items || [],
@@ -4560,16 +4567,16 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         class: "flex flex-col",
         style: qe(ml.value)
       }, [
-        t("div", Nr, [
-          t("div", Rr, [
-            t("div", qr, [
-              M.value && R.value ? (l(), s("div", Hr, [
+        t("div", _r, [
+          t("div", Vr, [
+            t("div", Nr, [
+              M.value && R.value ? (l(), s("div", Rr, [
                 (l(!0), s(k, null, S(e.actions, (z, Q) => (l(), s("button", {
                   key: Q,
                   type: "button",
                   class: "inline-flex items-center rounded-sm bg-lime-400 hover:bg-black px-2.5 py-1.5 text-xs font-medium text-white shadow-xs disabled:cursor-not-allowed disabled:opacity-30",
-                  onClick: (_) => Zt(z)
-                }, u(z.name), 9, Yr))), 128))
+                  onClick: (I) => Zt(z)
+                }, u(z.name), 9, qr))), 128))
               ])) : b("", !0),
               t("div", {
                 ref_key: "tableScrollContainer",
@@ -4577,7 +4584,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                 class: x(ul.value),
                 style: qe(fl.value)
               }, [
-                t("table", Er, [
+                t("table", Hr, [
                   t("thead", {
                     class: x(gl.value)
                   }, [
@@ -4593,23 +4600,23 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                           class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded-sm border-gray-300 text-black focus:ring-lime-400",
                           type: "checkbox",
                           onChange: Wt
-                        }, null, 40, Ur)) : b("", !0)
+                        }, null, 40, Yr)) : b("", !0)
                       ], 2),
                       (l(!0), s(k, null, S(me.value, (z, Q) => (l(), s("th", {
                         key: Q,
                         class: "py-3.5 pr-3 text-left font-semibold relative",
                         scope: "col",
-                        onMouseover: (_) => Kt(z.name),
-                        onMouseleave: D[3] || (D[3] = (_) => Qt())
+                        onMouseover: (I) => Kt(z.name),
+                        onMouseleave: D[3] || (D[3] = (I) => Qt())
                       }, [
-                        z.tooltip && It(z.name) ? (l(), w(pr, {
+                        z.tooltip && _t(z.name) ? (l(), w(vr, {
                           key: 0,
                           tip: z.tooltip
                         }, null, 8, ["tip"])) : b("", !0),
                         z.value ? (l(), s("button", {
                           key: 1,
                           class: "group flex items-center uppercase text-xs relative text-nowrap",
-                          onClick: (_) => Gt(z.value)
+                          onClick: (I) => Gt(z.value)
                         }, [
                           t("span", null, u(z.name), 1),
                           t("span", {
@@ -4621,13 +4628,13 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                               color: Ut(z.value)
                             }, null, 8, ["icon", "loading", "color"])
                           ], 2)
-                        ], 8, Wr)) : (l(), s("p", Gr, [
+                        ], 8, Ur)) : (l(), s("p", Zr, [
                           t("span", null, u(z.name), 1)
                         ]))
-                      ], 40, Zr))), 128))
+                      ], 40, Er))), 128))
                     ])
                   ], 2),
-                  t("tbody", Jr, [
+                  t("tbody", Wr, [
                     (l(!0), s(k, null, S(e.items, (z, Q) => (l(), s("tr", {
                       key: z.id,
                       class: x(Nt(z, Q))
@@ -4635,59 +4642,59 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                       t("td", {
                         class: x(j.value)
                       }, [
-                        Ne(z.id) ? (l(), s("div", Kr)) : b("", !0),
+                        Ne(z.id) ? (l(), s("div", Gr)) : b("", !0),
                         R.value ? L((l(), s("input", {
                           key: 1,
-                          "onUpdate:modelValue": D[4] || (D[4] = (_) => r.value = _),
+                          "onUpdate:modelValue": D[4] || (D[4] = (I) => r.value = I),
                           value: z.id,
                           class: x(qt(z.disabled)),
                           type: "checkbox",
                           disabled: z.disabled
-                        }, null, 10, Qr)), [
+                        }, null, 10, Jr)), [
                           [yt, r.value]
                         ]) : b("", !0)
                       ], 2),
-                      (l(!0), s(k, null, S(Vt(z.row), (_, Re) => (l(), s("td", {
+                      (l(!0), s(k, null, S(Vt(z.row), (I, Re) => (l(), s("td", {
                         key: Re,
                         class: x(Rt(z.id))
                       }, [
-                        typeof _ == "object" && _.type === "guest" ? (l(), s("div", Xr, [
-                          t("span", ed, u(_.content), 1),
-                          t("span", td, u(_.email), 1)
-                        ])) : typeof _ == "object" && _.type === "action" ? (l(), s("button", {
+                        typeof I == "object" && I.type === "guest" ? (l(), s("div", Kr, [
+                          t("span", Qr, u(I.content), 1),
+                          t("span", Xr, u(I.email), 1)
+                        ])) : typeof I == "object" && I.type === "action" ? (l(), s("button", {
                           key: 1,
                           type: "button",
                           class: "inline-flex items-center gap-2 px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-lime-400 focus:ring-offset-2",
-                          onClick: (X) => de(_, z.id)
+                          onClick: (X) => de(I, z.id)
                         }, [
-                          _.icon ? (l(), w(P, {
+                          I.icon ? (l(), w(P, {
                             key: 0,
                             loading: e.loading,
-                            icon: _.icon,
+                            icon: I.icon,
                             size: "small",
                             color: "gray"
                           }, null, 8, ["loading", "icon"])) : b("", !0),
-                          t("span", null, u(_.content), 1)
-                        ], 8, ld)) : typeof _ == "object" && _.type === "link" ? (l(), s("span", Le({
+                          t("span", null, u(I.content), 1)
+                        ], 8, ed)) : typeof I == "object" && I.type === "link" ? (l(), s("span", Le({
                           key: 2,
                           ref_for: !0
-                        }, at(_), {
-                          onClick: (X) => de(_, z.id)
+                        }, at(I), {
+                          onClick: (X) => de(I, z.id)
                         }), [
-                          B(u(ot(_)) + " ", 1),
-                          _.icon ? (l(), w(P, {
+                          B(u(ot(I)) + " ", 1),
+                          I.icon ? (l(), w(P, {
                             key: 0,
                             loading: e.loading,
-                            icon: _.icon,
+                            icon: I.icon,
                             size: "small",
                             color: "gray",
                             class: "inline-block ml-1"
                           }, null, 8, ["loading", "icon"])) : b("", !0)
-                        ], 16, sd)) : typeof _ == "object" && _.type === "apiKey" ? (l(), s("div", nd, [
-                          t("span", null, u(_.content), 1),
+                        ], 16, td)) : typeof I == "object" && I.type === "apiKey" ? (l(), s("div", ld, [
+                          t("span", null, u(I.content), 1),
                           t("button", {
                             type: "button",
-                            onClick: (X) => de({ type: "action", action: "reveal", value: _.value }, z.id),
+                            onClick: (X) => de({ type: "action", action: "reveal", value: I.value }, z.id),
                             class: "inline-flex items-center p-1 text-gray-500 hover:text-gray-700 focus:outline-hidden"
                           }, [
                             m(P, {
@@ -4696,10 +4703,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                               size: "small",
                               color: "gray"
                             }, null, 8, ["loading", "icon"])
-                          ], 8, ad),
+                          ], 8, sd),
                           t("button", {
                             type: "button",
-                            onClick: (X) => de({ type: "action", action: "copy", value: _.value }, z.id),
+                            onClick: (X) => de({ type: "action", action: "copy", value: I.value }, z.id),
                             class: "inline-flex items-center p-1 text-gray-500 hover:text-gray-700 focus:outline-hidden"
                           }, [
                             m(P, {
@@ -4708,12 +4715,12 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                               size: "small",
                               color: "gray"
                             }, null, 8, ["loading", "icon"])
-                          ], 8, od)
-                        ])) : typeof _ == "object" && _.type === "actions" && Array.isArray(_.actions) ? (l(), s("div", id, [
-                          (l(!0), s(k, null, S(_.actions, (X, hl) => (l(), s("button", {
+                          ], 8, nd)
+                        ])) : typeof I == "object" && I.type === "actions" && Array.isArray(I.actions) ? (l(), s("div", ad, [
+                          (l(!0), s(k, null, S(I.actions, (X, hl) => (l(), s("button", {
                             key: hl,
                             type: "button",
-                            onClick: (kg) => de({ type: "action", action: X.action }, z.id),
+                            onClick: (pg) => de({ type: "action", action: X.action }, z.id),
                             class: x(X.action === "viewCode" ? "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-hidden 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-hidden")
                           }, [
                             m(P, {
@@ -4722,17 +4729,17 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                               size: "small",
                               color: "gray"
                             }, null, 8, ["loading", "icon"]),
-                            X.action === "viewCode" ? (l(), s("span", dd, "View Code")) : b("", !0)
-                          ], 10, rd))), 128))
-                        ])) : (l(), w(Fe(Yt(_)), Le({
+                            X.action === "viewCode" ? (l(), s("span", id, "View Code")) : b("", !0)
+                          ], 10, od))), 128))
+                        ])) : (l(), w(Fe(Yt(I)), Le({
                           key: 5,
                           ref_for: !0
-                        }, at(_), {
-                          onClick: (X) => de(_),
-                          onTagEvent: (X) => Jt(_)
+                        }, at(I), {
+                          onClick: (X) => de(I),
+                          onTagEvent: (X) => Jt(I)
                         }), {
                           default: y(() => [
-                            B(u(ot(_)), 1)
+                            B(u(ot(I)), 1)
                           ]),
                           _: 2
                         }, 1040, ["onClick", "onTagEvent"]))
@@ -4745,8 +4752,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           ])
         ])
       ], 4),
-      I.value ? (l(), s("div", cd, [
-        le.value ? (l(), s("div", ud, [
+      _.value ? (l(), s("div", rd, [
+        le.value ? (l(), s("div", dd, [
           m(ge, {
             verticalPosition: "top",
             items: st.value,
@@ -4798,10 +4805,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       onNoResultsOptionSelected: rl
     }, null, 8, ["title", "message", "actions", "items", "select"])) : (l(), w(Lt, { key: 2 }));
   }
-}), md = { class: "lg:hidden" }, fd = ["value"], hd = { class: "hidden lg:block overflow-x-auto" }, yd = { class: "border-b border-gray-200" }, bd = {
+}), ud = { class: "lg:hidden" }, gd = ["value"], md = { class: "hidden lg:block overflow-x-auto" }, fd = { class: "border-b border-gray-200" }, hd = {
   class: "-mb-px flex space-x-8",
   "aria-label": "Tabs"
-}, vd = ["onClick", "aria-current"], xd = /* @__PURE__ */ T({
+}, yd = ["onClick", "aria-current"], bd = /* @__PURE__ */ T({
   __name: "uiTabs",
   props: {
     tabs: {}
@@ -4813,7 +4820,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       r.value && i("tabClicked", r.value);
     };
     return (n, r) => (l(), s("div", null, [
-      t("div", md, [
+      t("div", ud, [
         t("select", {
           onChange: r[0] || (r[0] = (a) => o(a)),
           id: "tabs",
@@ -4823,12 +4830,12 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           (l(!0), s(k, null, S(e.tabs, (a) => (l(), s("option", {
             value: a.id,
             key: a.name
-          }, u(a.name), 9, fd))), 128))
+          }, u(a.name), 9, gd))), 128))
         ], 32)
       ]),
-      t("div", hd, [
-        t("div", yd, [
-          t("nav", bd, [
+      t("div", md, [
+        t("div", fd, [
+          t("nav", hd, [
             (l(!0), s(k, null, S(e.tabs, (a) => (l(), s("a", {
               key: a.name,
               onClick: (d) => i("tabClicked", a.id),
@@ -4846,36 +4853,36 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                   "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block"
                 ])
               }, u(a.count), 3)) : b("", !0)
-            ], 10, vd))), 128))
+            ], 10, yd))), 128))
           ])
         ])
       ])
     ]));
   }
-}), pd = { class: "px-4 py-5 sm:px-6" }, wd = { class: "text-xl font-bold" }, kd = {
+}), vd = { class: "px-4 py-5 sm:px-6" }, xd = { class: "text-xl font-bold" }, pd = {
   key: 0,
   class: "px-4 py-5 sm:p-6"
-}, $d = { class: "flow-root" }, Cd = { class: "relative pb-8" }, Sd = {
+}, wd = { class: "flow-root" }, kd = { class: "relative pb-8" }, $d = {
   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 = {
+}, Cd = { class: "relative flex space-x-3" }, Sd = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, Bd = { class: "text-sm text-gray-500" }, Md = ["onClick"], zd = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, jd = ["datetime"], Ad = {
   key: 1,
   class: "bg-lime-50 px-4 py-4 sm:px-6 z-10"
-}, Ld = { class: "text-sm" }, Pd = {
+}, Td = { class: "text-sm" }, Dd = {
   key: 2,
   class: "h-full w-full flex items-center justify-center flex-col px-4 py-5 sm:p-6"
-}, Fd = {
+}, Ld = {
   key: 1,
   class: "bg-white overflow-hidden shadow-sm rounded-lg"
-}, Od = { class: "px-4 py-5 sm:p-6 animate-pulse" }, _d = { class: "flow-root" }, Id = {
+}, Pd = { class: "px-4 py-5 sm:p-6 animate-pulse" }, Fd = { class: "flow-root" }, Od = {
   class: "-mb-8",
   role: "list"
-}, Vd = { class: "relative pb-8" }, Nd = {
+}, Id = { class: "relative pb-8" }, _d = {
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, Rd = /* @__PURE__ */ T({
+}, Vd = /* @__PURE__ */ T({
   __name: "uiTimeline",
   props: {
     name: {},
@@ -4887,18 +4894,18 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   emits: ["timelineEventClicked", "timelineFooterClicked"],
   setup(e, { emit: g }) {
     const o = ke(e.timeline);
-    return (n, r) => e.loading ? (l(), s("div", Fd, [
+    return (n, r) => e.loading ? (l(), s("div", Ld, [
       r[3] || (r[3] = t("div", { class: "px-4 py-5 sm:px-6 animate-pulse" }, [
         t("h1", { class: "text-xl font-bold" }, [
           t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })
         ])
       ], -1)),
-      t("div", Od, [
-        t("div", _d, [
-          t("ul", Id, [
+      t("div", Pd, [
+        t("div", Fd, [
+          t("ul", Od, [
             (l(), s(k, null, S(10, (a, d) => t("li", { key: d }, [
-              t("div", Vd, [
-                a !== 10 ? (l(), s("span", Nd)) : b("", !0),
+              t("div", Id, [
+                a !== 10 ? (l(), s("span", _d)) : b("", !0),
                 r[2] || (r[2] = ee('<div class="relative flex space-x-3"><div><span class="h-8 w-8 rounded-full bg-gray-300 flex items-center justify-center ring-4 ring-white"></span></div><div class="min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center"><div><div class="text-sm text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full"></div></div></div><div class="text-right text-sm whitespace-nowrap text-gray-500 flex-1"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4"></div></div></div></div>', 1))
               ])
             ])), 64))
@@ -4914,11 +4921,11 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       key: 0,
       class: x(["h-[" + e.height + "px]", "bg-white overflow-hidden shadow-sm rounded-lg"])
     }, [
-      t("div", pd, [
-        t("h1", wd, u(e.name), 1)
+      t("div", vd, [
+        t("h1", xd, u(e.name), 1)
       ]),
-      o.items.length > 0 ? (l(), s("div", kd, [
-        t("div", $d, [
+      o.items.length > 0 ? (l(), s("div", pd, [
+        t("div", wd, [
           m(vl, {
             name: "list",
             tag: "ul",
@@ -4926,9 +4933,9 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           }, {
             default: y(() => [
               (l(!0), s(k, null, S(o.items, (a, d) => (l(), s("li", { key: d }, [
-                t("div", Cd, [
-                  d < o.items.length - 1 ? (l(), s("span", Sd)) : b("", !0),
-                  t("div", Bd, [
+                t("div", kd, [
+                  d < o.items.length - 1 ? (l(), s("span", $d)) : b("", !0),
+                  t("div", Cd, [
                     t("div", null, [
                       t("span", {
                         class: x([{
@@ -4946,20 +4953,20 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                         }, null, 8, ["loading", "icon"])
                       ], 2)
                     ]),
-                    t("div", Md, [
+                    t("div", Sd, [
                       t("div", null, [
-                        t("p", zd, [
+                        t("p", Bd, [
                           t("a", {
                             onClick: (c) => n.$emit("timelineEventClicked", a.linkId),
                             class: "font-medium text-black hover:text-lime-400 cursor-pointer"
-                          }, u(a?.target), 9, jd),
+                          }, u(a?.target), 9, Md),
                           B(" " + u(a?.content), 1)
                         ])
                       ]),
-                      t("div", Ad, [
+                      t("div", zd, [
                         t("time", {
                           datetime: a?.datetime
-                        }, u(a?.date), 9, Td)
+                        }, u(a?.date), 9, jd)
                       ])
                     ])
                   ])
@@ -4970,14 +4977,14 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           })
         ])
       ])) : b("", !0),
-      o.items.length > 0 ? (l(), s("div", Dd, [
-        t("div", Ld, [
+      o.items.length > 0 ? (l(), s("div", Ad, [
+        t("div", Td, [
           t("a", {
             class: "cursor-pointer font-medium text-black hover:text-lime-400",
             onClick: r[0] || (r[0] = (a) => n.$emit("timelineFooterClicked", e.timeline.id))
           }, u(e.timeline.footerText), 1)
         ])
-      ])) : (l(), s("div", Pd, [
+      ])) : (l(), s("div", Dd, [
         m(P, {
           icon: f(te),
           color: "gray",
@@ -4988,10 +4995,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ]))
     ], 2));
   }
-}), qd = { class: "mx-auto px-6 lg:px-8" }, Hd = { class: "flex justify-between h-20" }, Yd = { class: "flex" }, Ed = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, Ud = ["src"], Zd = { class: "flex items-center" }, Wd = { class: "lg:ml-4 lg:shrink-0 lg:flex lg:items-center hidden" }, Gd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-0 -left-1" }, Jd = ["src"], Kd = ["onClick"], Qd = { class: "pt-2 pb-3 space-y-1" }, Xd = ["onClick"], ec = { class: "pt-4 pb-3 border-t border-gray-200" }, tc = { class: "flex items-center px-4 sm:px-6" }, lc = { class: "shrink-0" }, sc = ["src"], nc = {
+}), Nd = { class: "mx-auto px-6 lg:px-8" }, Rd = { class: "flex justify-between h-20" }, qd = { class: "flex" }, Hd = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, Yd = ["src"], Ed = { class: "flex items-center" }, Ud = { class: "lg:ml-4 lg:shrink-0 lg:flex lg:items-center hidden" }, Zd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-0 -left-1" }, Wd = ["src"], Gd = ["onClick"], Jd = { class: "pt-2 pb-3 space-y-1" }, Kd = ["onClick"], Qd = { class: "pt-4 pb-3 border-t border-gray-200" }, Xd = { class: "flex items-center px-4 sm:px-6" }, ec = { class: "shrink-0" }, tc = ["src"], lc = {
   key: 0,
   class: "ml-3"
-}, ac = { class: "text-base font-medium text-gray-800" }, oc = { class: "text-sm font-medium text-gray-500" }, ic = { class: "mt-3 space-y-1" }, rc = ["onClick"], dc = /* @__PURE__ */ T({
+}, sc = { class: "text-base font-medium text-gray-800" }, nc = { class: "text-sm font-medium text-gray-500" }, ac = { class: "mt-3 space-y-1" }, oc = ["onClick"], ic = /* @__PURE__ */ T({
   __name: "uiTopbar",
   props: {
     logo: {},
@@ -5004,15 +5011,15 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   emits: ["topBarClick"],
   setup(e, { emit: g }) {
     const i = e, o = A(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
-    return (n, r) => (l(), w(f(_e), {
+    return (n, r) => (l(), w(f(Ie), {
       as: "nav",
       class: "bg-white shadow-sm z-10"
     }, {
       default: y(({ open: a }) => [
-        t("div", qd, [
-          t("div", Hd, [
-            t("div", Yd, [
-              t("div", Ed, [
+        t("div", Nd, [
+          t("div", Rd, [
+            t("div", qd, [
+              t("div", Hd, [
                 m(f(se), { class: "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-hidden focus:ring-2 focus:ring-inset focus:ring-indigo-500" }, {
                   default: y(() => [
                     r[1] || (r[1] = t("span", { class: "sr-only" }, "Open main menu", -1)),
@@ -5037,11 +5044,11 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                   class: "h-10",
                   src: e.logo,
                   alt: "Hotelinking suite product logo"
-                }, null, 8, Ud)
+                }, null, 8, Yd)
               ])
             ]),
-            t("div", Zd, [
-              t("div", Wd, [
+            t("div", Ed, [
+              t("div", Ud, [
                 m(f(Ze), {
                   as: "div",
                   class: "ml-3 relative"
@@ -5050,7 +5057,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                     t("div", null, [
                       L(m(f(We), { class: "bg-white rounded-full flex text-sm focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
                         default: y(() => [
-                          L(t("div", Gd, [...r[2] || (r[2] = [
+                          L(t("div", Zd, [...r[2] || (r[2] = [
                             t("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                           ])], 512), [
                             [O, e.alerted]
@@ -5058,7 +5065,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                           t("img", {
                             class: "h-10 w-10 rounded-full",
                             src: e.accountLogo
-                          }, null, 8, Jd)
+                          }, null, 8, Wd)
                         ]),
                         _: 1
                       }, 512), [
@@ -5086,7 +5093,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                                     c ? "bg-gray-100" : "",
                                     "block px-4 py-2 text-sm text-gray-700"
                                   ]])
-                                }, u(d.name), 11, Kd)
+                                }, u(d.name), 11, Gd)
                               ]),
                               _: 2
                             }, 1024))), 128))
@@ -5103,9 +5110,9 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             ])
           ])
         ]),
-        m(f(Ie), { class: "lg:hidden" }, {
+        m(f(_e), { class: "lg:hidden" }, {
           default: y(() => [
-            t("div", Qd, [
+            t("div", Jd, [
               (l(!0), s(k, null, S(o.value, (d) => (l(), w(f(se), {
                 as: "template",
                 key: d.id,
@@ -5117,25 +5124,25 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                 default: y(() => [
                   t("p", {
                     onClick: (c) => n.$emit("topBarClick", d.id)
-                  }, u(d.name), 9, Xd)
+                  }, u(d.name), 9, Kd)
                 ]),
                 _: 2
               }, 1032, ["class"]))), 128))
             ]),
-            t("div", ec, [
-              t("div", tc, [
-                t("div", lc, [
+            t("div", Qd, [
+              t("div", Xd, [
+                t("div", ec, [
                   t("img", {
                     class: "h-10 w-10 rounded-full",
                     src: e.accountLogo
-                  }, null, 8, sc)
+                  }, null, 8, tc)
                 ]),
-                e.brand ? (l(), s("div", nc, [
-                  t("div", ac, u(e.brand.title), 1),
-                  t("div", oc, u(e.brand.subtitle), 1)
+                e.brand ? (l(), s("div", lc, [
+                  t("div", sc, u(e.brand.title), 1),
+                  t("div", nc, u(e.brand.subtitle), 1)
                 ])) : b("", !0)
               ]),
-              t("div", ic, [
+              t("div", ac, [
                 (l(!0), s(k, null, S(e.profileMenu, (d) => (l(), w(f(se), {
                   as: "template",
                   key: d.name,
@@ -5144,7 +5151,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                   default: y(() => [
                     t("p", {
                       onClick: (c) => n.$emit("topBarClick", d.id)
-                    }, u(d.name), 9, rc)
+                    }, u(d.name), 9, oc)
                   ]),
                   _: 2
                 }, 1024))), 128))
@@ -5157,7 +5164,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       _: 1
     }));
   }
-}), cc = { class: "chart-selector flex flex-row items-center justify-center" }, uc = /* @__PURE__ */ T({
+}), rc = { class: "chart-selector flex flex-row items-center justify-center" }, dc = /* @__PURE__ */ T({
   __name: "RangeSelector",
   props: { range: { type: String } },
   emits: ["rangeSelected"],
@@ -5167,7 +5174,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
     const r = (a) => {
       n = a, i("rangeSelected", a);
     };
-    return (a, d) => (l(), s("ul", cc, [
+    return (a, d) => (l(), s("ul", rc, [
       t("li", {
         class: x({ selected: f(n) === "24h" }),
         onClick: d[0] || (d[0] = (c) => r("24h"))
@@ -5186,7 +5193,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       }, "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-sm rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, bc = /* @__PURE__ */ T({
+}), cc = { class: "chart-header flex flex-row justify-between" }, uc = { class: "text-sm font-medium text-gray-500 truncate" }, gc = { class: "chart-content" }, mc = { class: "h-full w-full flex items-center justify-center flex-col" }, fc = { class: "card chart apex-chart px-4 py-5 bg-white shadow-sm rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, hc = /* @__PURE__ */ T({
   __name: "uiFunnelChartV2",
   props: {
     labels: {},
@@ -5251,14 +5258,14 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       L(t("div", {
         class: x(["h-[" + e.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow-sm rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
-        t("div", gc, [
-          t("div", mc, u(e.title), 1),
-          m(uc, {
+        t("div", cc, [
+          t("div", uc, u(e.title), 1),
+          m(dc, {
             range: e.range,
             onRangeSelected: p[0] || (p[0] = (C) => v.$emit("selectedRange", { range: C, chartId: e.id }))
           }, null, 8, ["range"])
         ]),
-        L(t("div", fc, [
+        L(t("div", gc, [
           m(tt, {
             type: e.type,
             series: a.value,
@@ -5272,7 +5279,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         ], 512), [
           [O, !e.empty]
         ]),
-        L(t("div", hc, [
+        L(t("div", mc, [
           m(P, {
             icon: f(te),
             color: "gray",
@@ -5286,7 +5293,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ], 2), [
         [O, !e.loading]
       ]),
-      L(t("div", yc, [...p[2] || (p[2] = [
+      L(t("div", fc, [...p[2] || (p[2] = [
         t("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -5317,7 +5324,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ])
     ], 64));
   }
-}), vc = { class: "fixed inset-0 overflow-hidden" }, xc = { class: "absolute inset-0 overflow-hidden" }, pc = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, wc = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, kc = { class: "bg-lime-400 px-4 py-6 sm:px-6" }, $c = { class: "flex items-center justify-between" }, Cc = { class: "ml-3 flex h-7 items-center" }, Sc = { class: "mt-1" }, Bc = { class: "text-sm" }, Mc = { class: "relative flex-1 px-4 py-6 sm:px-6" }, zc = /* @__PURE__ */ T({
+}), yc = { class: "fixed inset-0 overflow-hidden" }, bc = { class: "absolute inset-0 overflow-hidden" }, vc = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, xc = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, pc = { class: "bg-lime-400 px-4 py-6 sm:px-6" }, wc = { class: "flex items-center justify-between" }, kc = { class: "ml-3 flex h-7 items-center" }, $c = { class: "mt-1" }, Cc = { class: "text-sm" }, Sc = { class: "relative flex-1 px-4 py-6 sm:px-6" }, Bc = /* @__PURE__ */ T({
   __name: "uiRightSidebar",
   props: {
     title: {},
@@ -5338,9 +5345,9 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         }, {
           default: y(() => [
             o[4] || (o[4] = t("div", { class: "fixed inset-0" }, null, -1)),
-            t("div", vc, [
-              t("div", xc, [
-                t("div", pc, [
+            t("div", yc, [
+              t("div", bc, [
+                t("div", vc, [
                   m(f(ce), {
                     as: "template",
                     enter: "transform transition ease-in-out duration-500 sm:duration-700",
@@ -5353,16 +5360,16 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                     default: y(() => [
                       m(f(Xe), { class: "pointer-events-auto w-screen max-w-md" }, {
                         default: y(() => [
-                          t("div", wc, [
-                            t("div", kc, [
-                              t("div", $c, [
+                          t("div", xc, [
+                            t("div", pc, [
+                              t("div", wc, [
                                 m(f(Ct), { class: "text-base font-semibold leading-6" }, {
                                   default: y(() => [
                                     B(u(e.title), 1)
                                   ]),
                                   _: 1
                                 }),
-                                t("div", Cc, [
+                                t("div", kc, [
                                   t("button", {
                                     type: "button",
                                     class: "relative rounded-md hover:bg-black hover:text-white outline-hidden",
@@ -5377,11 +5384,11 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                                   ])
                                 ])
                               ]),
-                              t("div", Sc, [
-                                t("p", Bc, u(e.description), 1)
+                              t("div", $c, [
+                                t("p", Cc, u(e.description), 1)
                               ])
                             ]),
-                            t("div", Mc, [
+                            t("div", Sc, [
                               G(i.$slots, "default")
                             ])
                           ])
@@ -5401,15 +5408,15 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       _: 3
     }, 8, ["show"]));
   }
-}), jc = { class: "uiGallery" }, Ac = {
+}), Mc = { class: "uiGallery" }, zc = {
   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" }, _c = {
+}, jc = { 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" }, Ac = ["src"], Tc = ["onClick"], Dc = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Lc = { class: "flex items-center justify-between" }, Pc = { class: "pointer-events-none block text-sm font-medium" }, Fc = {
   key: 2,
   role: "list",
   class: "grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-4 lg:grid-cols-6"
-}, Ic = /* @__PURE__ */ T({
+}, Oc = /* @__PURE__ */ T({
   __name: "uiGallery",
   props: {
     galleryId: {},
@@ -5422,7 +5429,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
     const i = g, o = V(!1), n = (r) => {
       o.value = !1, i("modalAction", r);
     };
-    return (r, a) => (l(), s("div", jc, [
+    return (r, a) => (l(), s("div", Mc, [
       e.loading ? b("", !0) : (l(), w(Pe, {
         key: 0,
         open: o.value,
@@ -5437,32 +5444,32 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         ]),
         _: 1
       }, 8, ["open", "title", "actions"])),
-      e.loading ? (l(), s("ul", _c, [
+      e.loading ? (l(), s("ul", Fc, [
         (l(), s(k, null, S(4, (d) => t("li", null, [...a[2] || (a[2] = [
           t("div", { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-200 animate-pulse dark:bg-gray-200 focus-within:ring-2 focus-within:ring-lime-400 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, null, -1),
           t("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28 mt-4" }, null, -1),
           t("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-14 mt-2" }, null, -1)
         ])])), 64))
-      ])) : (l(), s("ul", Ac, [
+      ])) : (l(), s("ul", zc, [
         (l(!0), s(k, null, S(e.gallery, (d) => (l(), s("li", {
           key: d.source,
           class: "relative"
         }, [
-          t("div", Tc, [
+          t("div", jc, [
             t("img", {
               src: d.source,
               alt: "",
               class: "pointer-events-none object-cover group-hover:opacity-75"
-            }, null, 8, Dc),
+            }, null, 8, Ac),
             t("button", {
               type: "button",
               class: "absolute inset-0 focus:outline-hidden",
               onClick: (c) => r.$emit("imgClicked", d)
-            }, null, 8, Lc)
+            }, null, 8, Tc)
           ]),
-          t("p", Pc, u(d.title), 1),
-          t("div", Fc, [
-            t("p", Oc, u(d.size), 1),
+          t("p", Dc, u(d.title), 1),
+          t("div", Lc, [
+            t("p", Pc, u(d.size), 1),
             m(P, {
               class: "cursor-pointer",
               icon: f(pe),
@@ -5488,10 +5495,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       })) : b("", !0)
     ]));
   }
-}), Vc = {
+}), Ic = {
   key: 1,
   class: "animate-pulse"
-}, Nc = /* @__PURE__ */ T({
+}, _c = /* @__PURE__ */ T({
   __name: "DraggableWrapper",
   emits: ["update:modelValue"],
   setup(e) {
@@ -5512,17 +5519,17 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           G(i.$slots, "default")
         ]),
         _: 3
-      }, 16)) : (l(), s("div", Vc, [...o[1] || (o[1] = [
+      }, 16)) : (l(), s("div", Ic, [...o[1] || (o[1] = [
         t("div", { class: "h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-xs" }, null, -1),
         t("div", { class: "h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-xs" }, null, -1),
         t("div", { class: "h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-xs" }, null, -1)
       ])]))
     ]));
   }
-}), Rc = { class: "cursor-move mb-1 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white p-4 shadow-xs 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 = {
+}), Vc = { class: "cursor-move mb-1 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white p-4 shadow-xs focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400" }, Nc = { class: "flex flex-row items-center w-full" }, Rc = { class: "content text-sm grow" }, qc = { class: "font-bold" }, Hc = { key: 0 }, Yc = { class: "font-bold text-gray-400" }, Ec = {
   key: 1,
   class: "animate-pulse"
-}, Wc = /* @__PURE__ */ T({
+}, Uc = /* @__PURE__ */ T({
   __name: "uiDragAndDrop",
   props: {
     elements: {},
@@ -5538,9 +5545,9 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
     const r = (a) => {
       i("dragAndDropUpdated", a);
     };
-    return (a, d) => e.loading ? (l(), s("div", Zc, [...d[2] || (d[2] = [
+    return (a, d) => e.loading ? (l(), s("div", Ec, [...d[2] || (d[2] = [
       ee('<div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-xs"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-xs"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-xs"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-xs"></div><div class="h-16 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-xs"></div>', 5)
-    ])])) : (l(), w(Nc, {
+    ])])) : (l(), w(_c, {
       key: 0,
       modelValue: f(n),
       "onUpdate:modelValue": [
@@ -5549,8 +5556,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ]
     }, {
       item: y(({ item: c }) => [
-        t("div", Rc, [
-          t("div", qc, [
+        t("div", Vc, [
+          t("div", Nc, [
             m(P, {
               icon: f(Hl),
               loading: !1,
@@ -5558,18 +5565,18 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
               class: "mr-4",
               size: "big"
             }, null, 8, ["icon"]),
-            t("div", Hc, [
-              t("p", Yc, u(c.name), 1),
-              c.description ? (l(), s("p", Ec, u(c.description), 1)) : b("", !0)
+            t("div", Rc, [
+              t("p", qc, u(c.name), 1),
+              c.description ? (l(), s("p", Hc, u(c.description), 1)) : b("", !0)
             ]),
-            t("div", Uc, u(f(n).indexOf(c) + 1), 1)
+            t("div", Yc, u(f(n).indexOf(c) + 1), 1)
           ])
         ])
       ]),
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Gc = { class: "chart-header flex flex-row justify-between" }, Jc = { class: "text-sm font-medium text-gray-500 truncate" }, Kc = { class: "hidden sm:flex items-center" }, Qc = { class: "w-1/2 min-w-0 flex-1" }, Xc = ["max"], eu = { class: "min-w-0 flex-1" }, tu = ["max"], lu = { class: "chart-content" }, su = { class: "h-full w-full flex items-center justify-center flex-col" }, nu = { class: "card chart apex-chart px-4 py-5 bg-white shadow-sm rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, au = /* @__PURE__ */ T({
+}), Zc = { class: "chart-header flex flex-row justify-between" }, Wc = { class: "text-sm font-medium text-gray-500 truncate" }, Gc = { class: "hidden sm:flex items-center" }, Jc = { class: "w-1/2 min-w-0 flex-1" }, Kc = ["max"], Qc = { class: "min-w-0 flex-1" }, Xc = ["max"], eu = { class: "chart-content" }, tu = { class: "h-full w-full flex items-center justify-center flex-col" }, lu = { class: "card chart apex-chart px-4 py-5 bg-white shadow-sm rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, su = /* @__PURE__ */ T({
   __name: "uiCircleChart",
   props: {
     labels: {},
@@ -5637,10 +5644,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       L(t("div", {
         class: x(["h-[" + e.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow-sm rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
-        t("div", Gc, [
-          t("div", Jc, u(e.title), 1),
-          t("div", Kc, [
-            t("div", Qc, [
+        t("div", Zc, [
+          t("div", Wc, u(e.title), 1),
+          t("div", Gc, [
+            t("div", Jc, [
               L(t("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": M[0] || (M[0] = (R) => f(r).from = R),
@@ -5649,11 +5656,11 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                 name: "from",
                 id: "from",
                 class: "text-xs relative block w-full rounded-sm rounded-r-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
-              }, null, 40, Xc), [
+              }, null, 40, Kc), [
                 [xe, f(r).from]
               ])
             ]),
-            t("div", eu, [
+            t("div", Qc, [
               L(t("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": M[1] || (M[1] = (R) => f(r).to = R),
@@ -5662,7 +5669,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                 name: "to",
                 id: "to",
                 class: "text-xs relative block w-full -mr-2 rounded-sm rounded-l-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
-              }, null, 40, tu), [
+              }, null, 40, Xc), [
                 [xe, f(r).to]
               ])
             ]),
@@ -5675,7 +5682,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             }, null, 8, ["loading", "icon"])
           ])
         ]),
-        L(t("div", lu, [
+        L(t("div", eu, [
           m(tt, {
             class: "flex items-center justify-center mt-4",
             type: "donut",
@@ -5689,7 +5696,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         ], 512), [
           [O, !e.empty]
         ]),
-        L(t("div", su, [
+        L(t("div", tu, [
           m(P, {
             icon: f(te),
             color: "gray",
@@ -5703,7 +5710,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ], 2), [
         [O, !e.loading]
       ]),
-      L(t("div", nu, [...M[4] || (M[4] = [
+      L(t("div", lu, [...M[4] || (M[4] = [
         t("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -5734,13 +5741,13 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ])
     ], 64));
   }
-}), ou = {
+}), nu = {
   key: 0,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, iu = {
+}, au = {
   key: 1,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, ru = /* @__PURE__ */ T({
+}, ou = /* @__PURE__ */ T({
   __name: "uiDateRange",
   props: {
     id: {},
@@ -5764,7 +5771,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
     const a = () => {
       r("uiDateRangeButtonClicked", n);
     };
-    return (d, c) => e.loading ? (l(), s("div", iu, [
+    return (d, c) => e.loading ? (l(), s("div", au, [
       m(ae, {
         name: "dateFrom",
         loading: !0
@@ -5779,7 +5786,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         ])]),
         _: 1
       })
-    ])) : (l(), s("div", ou, [
+    ])) : (l(), s("div", nu, [
       m(ae, {
         type: "datetime-local",
         loading: !1,
@@ -5821,17 +5828,17 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       }, 8, ["disabled", "class"])
     ]));
   }
-}), du = { class: "flex justify-between items-center" }, cu = {
+}), iu = { class: "flex justify-between items-center" }, ru = {
   key: 0,
   class: "block text-sm font-medium"
-}, uu = {
+}, du = {
   key: 1,
   "data-test": "required",
   class: "place-self-center text-[10px] uppercase justify-self-end"
-}, gu = {
+}, cu = {
   key: 1,
   class: "h-2 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 w-full"
-}, mu = /* @__PURE__ */ T({
+}, uu = /* @__PURE__ */ T({
   __name: "uiRangeSlider",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -5846,14 +5853,14 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   setup(e, { emit: g }) {
     const i = g, n = V(e.sliderValue);
     return (r, a) => (l(), s("div", null, [
-      t("div", du, [
-        e.label ? (l(), s("label", cu, u(e.label), 1)) : b("", !0),
-        e.requiredText ? (l(), s("span", uu, u(e.requiredText), 1)) : b("", !0)
+      t("div", iu, [
+        e.label ? (l(), s("label", ru, u(e.label), 1)) : b("", !0),
+        e.requiredText ? (l(), s("span", du, u(e.requiredText), 1)) : b("", !0)
       ]),
       t("div", {
         class: x([{ "mt-1": e.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-xs"])
       }, [
-        e.loading ? (l(), s("p", gu)) : (l(), w(f(Al), {
+        e.loading ? (l(), s("p", cu)) : (l(), w(f(Al), {
           key: 0,
           modelValue: n.value,
           "onUpdate:modelValue": a[0] || (a[0] = (d) => n.value = d),
@@ -5869,10 +5876,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ], 2)
     ]));
   }
-}), fu = {
+}), gu = {
   key: 0,
   class: "mt-1 mb-8 text-sm"
-}, hu = /* @__PURE__ */ T({
+}, mu = /* @__PURE__ */ T({
   __name: "uiSectionTitle",
   props: {
     title: {},
@@ -5883,37 +5890,37 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       t("h3", {
         class: x(["text-lg font-medium leading-6", { "mb-8": e.description === void 0 }])
       }, u(e.title), 3),
-      e.description ? (l(), s("p", fu, u(e.description), 1)) : b("", !0)
+      e.description ? (l(), s("p", gu, u(e.description), 1)) : b("", !0)
     ], 64));
   }
-}), yu = { class: "w-full" }, bu = { class: "flex flex-col gap-6 w-full" }, vu = {
+}), fu = { class: "w-full" }, hu = { class: "flex flex-col gap-6 w-full" }, yu = {
   key: 0,
   class: "flex items-center gap-2"
-}, xu = {
+}, bu = {
   key: 1,
   class: "text-lg font-semibold text-gray-900"
-}, pu = {
+}, vu = {
   key: 2,
   class: "h-6 bg-gray-200 rounded-sm animate-pulse"
-}, wu = {
+}, xu = {
   key: 0,
   class: "border-t border-gray-200"
-}, ku = { class: "flex flex-col gap-1" }, $u = {
+}, pu = { class: "flex flex-col gap-1" }, wu = {
   key: 0,
   class: "text-sm font-semibold text-gray-900 mb-2"
-}, Cu = {
+}, ku = {
   key: 1,
   class: "h-4 bg-gray-200 rounded-sm animate-pulse w-24 mb-2"
-}, Su = ["onClick"], Bu = {
+}, $u = ["onClick"], Cu = {
   key: 1,
   class: "flex-1 text-left"
-}, Mu = {
+}, Su = {
   key: 2,
   class: "flex-1 h-4 bg-gray-200 rounded-sm animate-pulse"
-}, zu = {
+}, Bu = {
   key: 4,
   class: "h-3 w-8 bg-gray-200 rounded-sm animate-pulse"
-}, ju = /* @__PURE__ */ T({
+}, Mu = /* @__PURE__ */ T({
   __name: "uiSecondarySidebar",
   props: {
     title: {},
@@ -5935,9 +5942,9 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
     const n = (r, a) => {
       o("itemSelected", r, a);
     };
-    return (r, a) => (l(), s("aside", yu, [
-      t("div", bu, [
-        e.title ? (l(), s("div", vu, [
+    return (r, a) => (l(), s("aside", fu, [
+      t("div", hu, [
+        e.title ? (l(), s("div", yu, [
           e.titleIcon ? (l(), w(P, {
             key: 0,
             icon: e.titleIcon,
@@ -5945,14 +5952,14 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             size: "big",
             color: "primary"
           }, null, 8, ["icon", "loading"])) : b("", !0),
-          e.loading ? (l(), s("div", pu)) : (l(), s("h2", xu, u(e.title), 1))
+          e.loading ? (l(), s("div", vu)) : (l(), s("h2", bu, u(e.title), 1))
         ])) : b("", !0),
         (l(!0), s(k, null, S(e.sections, (d, c) => (l(), s(k, {
           key: d.id
         }, [
-          c > 0 ? (l(), s("div", wu)) : b("", !0),
-          t("div", ku, [
-            d.title && !e.loading ? (l(), s("h3", $u, u(d.title), 1)) : d.title && e.loading ? (l(), s("div", Cu)) : b("", !0),
+          c > 0 ? (l(), s("div", xu)) : b("", !0),
+          t("div", pu, [
+            d.title && !e.loading ? (l(), s("h3", wu, u(d.title), 1)) : d.title && e.loading ? (l(), s("div", ku)) : b("", !0),
             (l(!0), s(k, null, S(d.items, (v) => (l(), s("button", {
               key: v.id,
               onClick: (p) => n(d.id, v.id),
@@ -5968,27 +5975,27 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                 size: "medium",
                 color: d.selectedItemId === v.id && d.selectionStyle === "primary" ? "white" : "primary"
               }, null, 8, ["icon", "loading", "color"])) : b("", !0),
-              e.loading ? (l(), s("div", Mu)) : (l(), s("span", Bu, u(v.name), 1)),
+              e.loading ? (l(), s("div", Su)) : (l(), s("span", Cu, u(v.name), 1)),
               v.count !== void 0 && !e.loading ? (l(), s("span", {
                 key: 3,
                 class: x([
                   "text-xs",
                   d.selectedItemId === v.id && d.selectionStyle === "primary" ? "text-gray-300" : "text-gray-500"
                 ])
-              }, " (" + u(v.count) + ") ", 3)) : v.count !== void 0 && e.loading ? (l(), s("div", zu)) : b("", !0)
-            ], 10, Su))), 128))
+              }, " (" + u(v.count) + ") ", 3)) : v.count !== void 0 && e.loading ? (l(), s("div", Bu)) : b("", !0)
+            ], 10, $u))), 128))
           ])
         ], 64))), 128))
       ])
     ]));
   }
-}), Au = {
+}), zu = {
   key: 0,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow-sm"
-}, Tu = { class: "flex flex-1 flex-col p-8" }, Du = { class: "text-2xl font-bold" }, Lu = { class: "mt-1 flex grow flex-col justify-between" }, Pu = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Fu = {
+}, ju = { class: "flex flex-1 flex-col p-8" }, Au = { class: "text-2xl font-bold" }, Tu = { class: "mt-1 flex grow flex-col justify-between" }, Du = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Lu = {
   key: 1,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow-sm"
-}, Ou = { class: "flex flex-1 flex-col p-8" }, _u = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, Iu = { class: "mt-1 flex grow flex-col justify-between" }, Vu = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Nu = /* @__PURE__ */ T({
+}, Pu = { class: "flex flex-1 flex-col p-8" }, Fu = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, Ou = { class: "mt-1 flex grow flex-col justify-between" }, Iu = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, _u = /* @__PURE__ */ T({
   __name: "uiDeviceStatus",
   props: {
     id: {},
@@ -6001,9 +6008,9 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   },
   emits: ["deviceStatusTagClicked", "deviceStatusQtyClicked"],
   setup(e, { emit: g }) {
-    return (i, o) => e.loading ? (l(), s("div", Fu, [
-      t("div", Ou, [
-        t("div", _u, [
+    return (i, o) => e.loading ? (l(), s("div", Lu, [
+      t("div", Pu, [
+        t("div", Fu, [
           m(P, {
             icon: e.icon,
             size: "huge",
@@ -6013,8 +6020,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           }, null, 8, ["icon", "loading"])
         ]),
         o[3] || (o[3] = t("div", { class: "h-4 bg-gray-200 rounded-full dark:bg-gray-300 w-1/3 mx-auto" }, null, -1)),
-        t("dl", Iu, [
-          t("dd", Vu, [
+        t("dl", Ou, [
+          t("dd", Iu, [
             (l(!0), s(k, null, S(e.tags, (n, r) => (l(), w(J, {
               key: r,
               loading: e.loading,
@@ -6030,8 +6037,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           ])
         ])
       ])
-    ])) : (l(), s("div", Au, [
-      t("div", Tu, [
+    ])) : (l(), s("div", zu, [
+      t("div", ju, [
         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,
@@ -6049,7 +6056,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             loading: !1
           }, null, 8, ["icon"])
         ], 2),
-        t("h3", Du, [
+        t("h3", Au, [
           B(u(e.name) + " ", 1),
           L(t("span", {
             class: "text-black hover:text-lime-400 underline cursor-pointer",
@@ -6058,8 +6065,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             [O, e.qty > 0]
           ])
         ]),
-        t("dl", Lu, [
-          t("dd", Pu, [
+        t("dl", Tu, [
+          t("dd", Du, [
             (l(!0), s(k, null, S(e.tags, (n, r) => (l(), w(J, {
               key: r,
               loading: !1,
@@ -6077,7 +6084,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ])
     ]));
   }
-}), Ru = { class: "fixed inset-0 flex" }, qu = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, Hu = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-100 lg:flex-col" }, Yu = { class: "lg:pl-100 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-xs sm:gap-x-6 sm:px-6 lg:px-8" }, Uu = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, Zu = { class: "flex items-center gap-x-4 lg:gap-x-6 ml-auto" }, Wu = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, Gu = ["src"], Ju = { class: "hidden lg:flex lg:items-center" }, Ku = ["onClick"], Qu = { class: "bg-gray-50 flex-1 overflow-auto" }, Xu = { class: "p-7 lg:p-10" }, e0 = /* @__PURE__ */ T({
+}), Vu = { class: "fixed inset-0 flex" }, Nu = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, Ru = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-100 lg:flex-col" }, qu = { class: "lg:pl-100 flex flex-col h-screen" }, Hu = { 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-xs sm:gap-x-6 sm:px-6 lg:px-8" }, Yu = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, Eu = { class: "flex items-center gap-x-4 lg:gap-x-6 ml-auto" }, Uu = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, Zu = ["src"], Wu = { class: "hidden lg:flex lg:items-center" }, Gu = ["onClick"], Ju = { class: "bg-gray-50 flex-1 overflow-auto" }, Ku = { class: "p-7 lg:p-10" }, Qu = /* @__PURE__ */ T({
   __name: "uiWrapper",
   props: {
     topbar: {},
@@ -6114,7 +6121,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                 ])]),
                 _: 1
               }),
-              t("div", Ru, [
+              t("div", Vu, [
                 m(f(ce), {
                   as: "template",
                   enter: "transition ease-in-out duration-300 transform",
@@ -6137,7 +6144,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                           "leave-to": "opacity-0"
                         }, {
                           default: y(() => [
-                            t("div", qu, [
+                            t("div", Nu, [
                               t("button", {
                                 type: "button",
                                 class: "-m-2.5 p-2.5",
@@ -6178,7 +6185,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         ]),
         _: 1
       }, 8, ["show"]),
-      t("div", Hu, [
+      t("div", Ru, [
         m(Ue, {
           productsSidebar: e.sidebar.productsSidebar,
           isFilterNavigation: e.sidebar.isFilterNavigation,
@@ -6192,8 +6199,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           onInputChanged: d[7] || (d[7] = (c) => a.$emit("inputChanged", c))
         }, null, 8, ["productsSidebar", "isFilterNavigation", "navigation", "filterNavigation", "logo"])
       ]),
-      t("div", Yu, [
-        t("div", Eu, [
+      t("div", qu, [
+        t("div", Hu, [
           t("button", {
             type: "button",
             class: "-m-2.5 p-2.5 text-gray-700 lg:hidden",
@@ -6209,7 +6216,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             class: "h-6 w-px bg-gray-200 lg:hidden",
             "aria-hidden": "true"
           }, null, -1)),
-          t("div", Uu, [
+          t("div", Yu, [
             e.topbar.selectItems && e.topbar.selectItems.length > 0 ? (l(), w(ve, {
               key: 0,
               isWrapped: !0,
@@ -6218,14 +6225,14 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
               select: e.topbar.selectedItem,
               onSelectChanged: d[8] || (d[8] = (c) => a.$emit("selectChanged", c))
             }, null, 8, ["items", "select"])) : b("", !0),
-            t("div", Zu, [
+            t("div", Eu, [
               t("button", {
                 type: "button",
                 class: "-m-2.5 p-2.5 text-gray-400 hover:text-gray-500 relative",
                 onClick: d[9] || (d[9] = (c) => o("bellClick"))
               }, [
                 d[14] || (d[14] = t("span", { class: "sr-only" }, "View notifications", -1)),
-                L(t("div", Wu, [...d[13] || (d[13] = [
+                L(t("div", Uu, [...d[13] || (d[13] = [
                   t("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                 ])], 512), [
                   [O, e.topbar.alerted]
@@ -6251,8 +6258,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                         class: "h-8 w-8 rounded-full bg-gray-50",
                         src: e.topbar.accountLogo,
                         alt: ""
-                      }, null, 8, Gu),
-                      t("span", Ju, [
+                      }, null, 8, Zu),
+                      t("span", Wu, [
                         m(f(oe), {
                           class: "ml-2 h-5 w-5 text-gray-400",
                           "aria-hidden": "true"
@@ -6283,7 +6290,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                                   c.current ? "bg-gray-100 font-semibold" : "",
                                   "block px-3 py-1 text-sm leading-6 text-gray-900 cursor-pointer"
                                 ])
-                              }, u(c.name), 11, Ku)
+                              }, u(c.name), 11, Gu)
                             ]),
                             _: 2
                           }, 1024))), 128))
@@ -6299,15 +6306,15 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             ])
           ])
         ]),
-        t("main", Qu, [
-          t("div", Xu, [
+        t("main", Ju, [
+          t("div", Ku, [
             G(a.$slots, "default")
           ])
         ])
       ])
     ]));
   }
-}), t0 = /* @__PURE__ */ T({
+}), Xu = /* @__PURE__ */ T({
   __name: "uiDynamicStats",
   props: {
     dynamicStats: {},
@@ -6330,16 +6337,16 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       }, null, 8, ["item", "loading"]))), 128))
     ], 2));
   }
-}), l0 = { class: "flex justify-between" }, s0 = {
+}), e0 = { class: "flex justify-between" }, t0 = {
   key: 0,
   class: "text-[10px] uppercase justify-self-end place-self-center"
-}, n0 = { class: "relative" }, a0 = { class: "block flex flex-wrap gap-2" }, o0 = {
+}, l0 = { class: "relative" }, s0 = { class: "block flex flex-wrap gap-2" }, n0 = {
   key: 0,
   class: "p-0.5"
-}, i0 = ["onClick"], r0 = { class: "absolute mt-1 w-full rounded-md bg-white shadow-lg z-50" }, d0 = {
+}, a0 = ["onClick"], o0 = { class: "absolute mt-1 w-full rounded-md bg-white shadow-lg z-50" }, i0 = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full"
-}, c0 = /* @__PURE__ */ T({
+}, r0 = /* @__PURE__ */ T({
   __name: "uiSelectMultiple",
   props: {
     items: {},
@@ -6363,7 +6370,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
     function a(d) {
       n.value = n.value.filter((c) => c.id !== d.id), r(n.value);
     }
-    return (d, c) => e.loading ? (l(), s("div", d0, [
+    return (d, c) => e.loading ? (l(), s("div", i0, [
       c[4] || (c[4] = t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
       m(f(He), {
         "aria-hidden": "true",
@@ -6382,16 +6389,16 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       as: "div"
     }, {
       default: y(() => [
-        t("div", l0, [
+        t("div", e0, [
           m(f(Bl), { class: "block text-sm font-medium" }, {
             default: y(() => [
               B(u(e.label), 1)
             ]),
             _: 1
           }),
-          e.requiredText ? (l(), s("span", s0, u(e.requiredText), 1)) : b("", !0)
+          e.requiredText ? (l(), s("span", t0, u(e.requiredText), 1)) : b("", !0)
         ]),
-        t("div", n0, [
+        t("div", l0, [
           m(f(Ml), {
             class: x([{
               "mt-1": e.requiredText || e.label,
@@ -6410,8 +6417,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             }, "relative w-full rounded-md border py-1.5 pl-2 pr-10 shadow-xs focus:border-lime-400 focus:outline-hidden focus:ring-1 focus:ring-lime-400 sm:text-sm"])
           }, {
             default: y(() => [
-              t("span", a0, [
-                f(n).length === 0 ? (l(), s("span", o0, "...")) : b("", !0),
+              t("span", s0, [
+                f(n).length === 0 ? (l(), s("span", n0, "...")) : b("", !0),
                 (l(!0), s(k, null, S(f(n), (v) => (l(), s("span", {
                   key: v.id,
                   class: "flex items-center gap-1 rounded-sm text-xs font-medium bg-lime-400 text-black border border-lime-200 px-2 py-0.5"
@@ -6431,7 +6438,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                       "stroke-width": "2",
                       d: "M6 18L18 6M6 6l12 12"
                     }, null, -1)
-                  ])], 8, i0))
+                  ])], 8, a0))
                 ]))), 128))
               ]),
               c[2] || (c[2] = t("span", { class: "absolute h-full right-0 mr-2 self-center top-0 flex items-center" }, [
@@ -6452,7 +6459,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             ]),
             _: 1
           }, 8, ["class"]),
-          t("div", r0, [
+          t("div", o0, [
             m(f(zl), { class: "shadow-2xs focus:outline-hidden max-h-60 overflow-auto rounded-md py-1 text-base leading-6 sm:text-sm sm:leading-5" }, {
               default: y(() => [
                 (l(!0), s(k, null, S(e.items, (v) => (l(), w(f(jl), {
@@ -6506,10 +6513,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
-}), u0 = { class: "space-y-6" }, g0 = { class: "mb-6" }, m0 = { class: "grid grid-cols-1 md:grid-cols-2 gap-4" }, f0 = { class: "mt-4 mb-12 space-y-4" }, h0 = { class: "space-y-4" }, y0 = { class: "text-xl font-bold text-gray-800" }, b0 = { class: "grid grid-cols-1 md:grid-cols-2 gap-4 mt-4 transition-all duration-300 ease-in-out" }, v0 = { class: "bg-white border border-gray-300 rounded-lg p-4" }, x0 = { class: "font-bold mb-4 text-sm text-gray-700" }, p0 = { class: "space-y-2" }, w0 = { class: "bg-white border border-gray-300 rounded-lg p-4" }, k0 = { class: "font-bold mb-4 text-sm text-gray-700" }, $0 = { class: "space-y-2" }, C0 = {
+}), d0 = { class: "space-y-6" }, c0 = { class: "mb-6" }, u0 = { class: "grid grid-cols-1 md:grid-cols-2 gap-4" }, g0 = { class: "mt-4 mb-12 space-y-4" }, m0 = { class: "space-y-4" }, f0 = { class: "text-xl font-bold text-gray-800" }, h0 = { class: "grid grid-cols-1 md:grid-cols-2 gap-4 mt-4 transition-all duration-300 ease-in-out" }, y0 = { class: "bg-white border border-gray-300 rounded-lg p-4" }, b0 = { class: "font-bold mb-4 text-sm text-gray-700" }, v0 = { class: "space-y-2" }, x0 = { class: "bg-white border border-gray-300 rounded-lg p-4" }, p0 = { class: "font-bold mb-4 text-sm text-gray-700" }, w0 = { class: "space-y-2" }, k0 = {
   key: 0,
   class: "mt-6"
-}, S0 = /* @__PURE__ */ T({
+}, $0 = /* @__PURE__ */ T({
   __name: "Comparator",
   props: {
     toCompare: {},
@@ -6528,9 +6535,9 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
     }, c = () => {
       o("generateNewFile");
     };
-    return (v, p) => (l(), s("div", u0, [
-      t("div", g0, [
-        t("div", m0, [
+    return (v, p) => (l(), s("div", d0, [
+      t("div", c0, [
+        t("div", u0, [
           m(Ee, {
             name: "file1",
             id: "file1",
@@ -6555,7 +6562,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           }, null, 8, ["placeholder", "dragAndDrop", "fileTypesAndSizes", "icon"])
         ])
       ]),
-      t("div", f0, [
+      t("div", g0, [
         m(ue, {
           name: "ignoreMinorDifferences",
           id: "ignoreMinorDifferences",
@@ -6580,16 +6587,16 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           _: 1
         })
       ]),
-      t("div", h0, [
+      t("div", m0, [
         n.value ? (l(!0), s(k, { key: 0 }, S(r.value, (C) => (l(), s("div", {
           key: C.name,
           class: "p-6 bg-gray-50 border border-gray-300 rounded-lg shadow-xs"
         }, [
-          m(f(_e), null, {
+          m(f(Ie), null, {
             default: y(({ open: N }) => [
               m(f(se), { class: "flex items-center justify-between w-full" }, {
                 default: y(() => [
-                  t("h2", y0, u(C.name), 1),
+                  t("h2", f0, u(C.name), 1),
                   m(P, {
                     icon: f(oe),
                     loading: !1,
@@ -6598,12 +6605,12 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                 ]),
                 _: 2
               }, 1024),
-              m(f(Ie), null, {
+              m(f(_e), null, {
                 default: y(() => [
-                  t("div", b0, [
-                    t("div", v0, [
-                      t("p", x0, u(e.literals.file1Content), 1),
-                      t("div", p0, [
+                  t("div", h0, [
+                    t("div", y0, [
+                      t("p", b0, u(e.literals.file1Content), 1),
+                      t("div", v0, [
                         (l(!0), s(k, null, S(C.commands[0]?.entries || [], (E, M) => (l(), w(ue, {
                           key: `file1_${C.name}_${M}`,
                           name: `file1_${C.name}_${M}`,
@@ -6619,9 +6626,9 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                         }, 1032, ["name", "id", "value", "onCheckboxChanged"]))), 128))
                       ])
                     ]),
-                    t("div", w0, [
-                      t("p", k0, u(e.literals.file2Content), 1),
-                      t("div", $0, [
+                    t("div", x0, [
+                      t("p", p0, u(e.literals.file2Content), 1),
+                      t("div", w0, [
                         (l(!0), s(k, null, S(C.commands[1]?.entries || [], (E, M) => (l(), w(ue, {
                           key: `file2_${C.name}_${M}`,
                           name: `file2_${C.name}_${M}`,
@@ -6650,7 +6657,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           message: e.literals.noResultsMessage
         }, null, 8, ["title", "message"]))
       ]),
-      n.value ? (l(), s("div", C0, [
+      n.value ? (l(), s("div", k0, [
         m(U, {
           color: "primary",
           size: "medium",
@@ -6666,22 +6673,22 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ])) : b("", !0)
     ]));
   }
-}), B0 = { "aria-label": "Progress" }, M0 = {
+}), C0 = { "aria-label": "Progress" }, S0 = {
   role: "list",
   class: "overflow-hidden"
-}, z0 = {
+}, B0 = {
   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 = {
+}, M0 = ["onClick"], z0 = { class: "flex h-9 items-center" }, j0 = { class: "relative z-10 flex size-8 items-center justify-center rounded-full bg-lime-400 group-hover:bg-black group-hover:text-white" }, A0 = { class: "ml-4 flex min-w-0 flex-col text-left" }, T0 = { class: "text-sm font-bold text-left" }, D0 = { class: "text-sm text-left" }, L0 = {
   key: 0,
   class: "absolute left-4 top-4 -ml-px mt-0.5 h-full w-0.5 bg-gray-300",
   "aria-hidden": "true"
-}, O0 = ["onClick"], _0 = { class: "ml-4 flex min-w-0 flex-col text-left" }, I0 = { class: "text-sm font-medium text-lime-400 text-left" }, V0 = { class: "text-sm text-left" }, N0 = {
+}, P0 = ["onClick"], F0 = { class: "ml-4 flex min-w-0 flex-col text-left" }, O0 = { class: "text-sm font-medium text-lime-400 text-left" }, I0 = { class: "text-sm text-left" }, _0 = {
   key: 0,
   class: "absolute left-4 top-4 -ml-px mt-0.5 h-full w-0.5 bg-gray-300",
   "aria-hidden": "true"
-}, R0 = ["onClick"], q0 = { class: "ml-4 flex min-w-0 flex-col text-left" }, H0 = { class: "text-sm font-medium text-left" }, Y0 = { class: "text-sm text-left" }, E0 = /* @__PURE__ */ T({
+}, V0 = ["onClick"], N0 = { class: "ml-4 flex min-w-0 flex-col text-left" }, R0 = { class: "text-sm font-medium text-left" }, q0 = { class: "text-sm text-left" }, H0 = /* @__PURE__ */ T({
   __name: "uiSteps",
   props: {
     steps: {}
@@ -6696,8 +6703,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       const c = n.value[d];
       c.status === "complete" ? o("stepCompleted", c) : c.status === "current" ? o("stepCurrent", c) : o("stepUpcoming", c), o("stepClick", c, d);
     };
-    return (a, d) => (l(), s("nav", B0, [
-      t("ol", M0, [
+    return (a, d) => (l(), s("nav", C0, [
+      t("ol", S0, [
         (l(!0), s(k, null, S(n.value, (c, v) => (l(), s("li", {
           key: c.id,
           class: x([
@@ -6707,27 +6714,27 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           ])
         }, [
           c.status === "complete" ? (l(), s(k, { key: 0 }, [
-            v !== n.value.length - 1 ? (l(), s("div", z0)) : b("", !0),
+            v !== n.value.length - 1 ? (l(), s("div", B0)) : b("", !0),
             t("button", {
               type: "button",
               class: "group relative flex items-start cursor-pointer w-full text-left",
               onClick: (p) => r(c, v)
             }, [
-              t("span", A0, [
-                t("span", T0, [
+              t("span", z0, [
+                t("span", j0, [
                   m(f(Tt), {
                     class: "size-5",
                     "aria-hidden": "true"
                   })
                 ])
               ]),
-              t("span", D0, [
-                t("span", L0, u(c.name), 1),
-                t("span", P0, u(c.description), 1)
+              t("span", A0, [
+                t("span", T0, u(c.name), 1),
+                t("span", D0, u(c.description), 1)
               ])
-            ], 8, j0)
+            ], 8, M0)
           ], 64)) : c.status === "current" ? (l(), s(k, { key: 1 }, [
-            v !== n.value.length - 1 ? (l(), s("div", F0)) : b("", !0),
+            v !== n.value.length - 1 ? (l(), s("div", L0)) : b("", !0),
             t("button", {
               type: "button",
               class: "group relative flex items-start cursor-pointer w-full text-left",
@@ -6742,13 +6749,13 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                   t("span", { class: "size-2.5 rounded-full bg-lime-400" })
                 ])
               ], -1)),
-              t("span", _0, [
-                t("span", I0, u(c.name), 1),
-                t("span", V0, u(c.description), 1)
+              t("span", F0, [
+                t("span", O0, u(c.name), 1),
+                t("span", I0, u(c.description), 1)
               ])
-            ], 8, O0)
+            ], 8, P0)
           ], 64)) : (l(), s(k, { key: 2 }, [
-            v !== n.value.length - 1 ? (l(), s("div", N0)) : b("", !0),
+            v !== n.value.length - 1 ? (l(), s("div", _0)) : b("", !0),
             t("button", {
               type: "button",
               class: "group relative flex items-start cursor-pointer w-full text-left",
@@ -6762,18 +6769,18 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                   t("span", { class: "size-2.5 rounded-full bg-transparent group-hover:bg-gray-300" })
                 ])
               ], -1)),
-              t("span", q0, [
-                t("span", H0, u(c.name), 1),
-                t("span", Y0, u(c.description), 1)
+              t("span", N0, [
+                t("span", R0, u(c.name), 1),
+                t("span", q0, u(c.description), 1)
               ])
-            ], 8, R0)
+            ], 8, V0)
           ], 64))
         ], 2))), 128))
       ])
     ]));
   }
 });
-function U0(e, g) {
+function Y0(e, g) {
   return l(), s("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 24 24",
@@ -6788,14 +6795,14 @@ function U0(e, g) {
     })
   ]);
 }
-const Z0 = { "aria-label": "Progress" }, W0 = {
+const E0 = { "aria-label": "Progress" }, U0 = {
   role: "list",
   class: "divide-y divide-gray-300 rounded-md border border-gray-300 xl:flex xl:divide-y-0"
-}, G0 = ["onClick"], J0 = { class: "flex items-center px-6 py-4 text-sm font-medium" }, K0 = { class: "flex size-10 shrink-0 items-center justify-center rounded-full bg-lime-400 border-2 border-lime-400 group-hover:bg-black transition-colors" }, Q0 = { class: "ml-4 text-sm font-medium text-black text-left" }, X0 = ["onClick"], eg = { class: "flex size-10 shrink-0 items-center justify-center rounded-full bg-black border-2 border-black" }, tg = { class: "text-white font-medium" }, lg = { class: "ml-4 text-sm font-medium text-black text-left" }, sg = ["onClick"], ng = { class: "flex items-center px-6 py-4 text-sm font-medium" }, ag = { class: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-black transition-colors" }, og = { class: "text-black" }, ig = { class: "ml-4 text-sm font-medium text-black text-left" }, rg = {
+}, Z0 = ["onClick"], W0 = { class: "flex items-center px-6 py-4 text-sm font-medium" }, G0 = { class: "flex size-10 shrink-0 items-center justify-center rounded-full bg-lime-400 border-2 border-lime-400 group-hover:bg-black transition-colors" }, J0 = { class: "ml-4 text-sm font-medium text-black text-left" }, K0 = ["onClick"], Q0 = { class: "flex size-10 shrink-0 items-center justify-center rounded-full bg-black border-2 border-black" }, X0 = { class: "text-white font-medium" }, eg = { class: "ml-4 text-sm font-medium text-black text-left" }, tg = ["onClick"], lg = { class: "flex items-center px-6 py-4 text-sm font-medium" }, sg = { class: "flex size-10 shrink-0 items-center justify-center rounded-full border-2 border-black transition-colors" }, ng = { class: "text-black" }, ag = { class: "ml-4 text-sm font-medium text-black text-left" }, og = {
   key: 3,
   class: "absolute right-0 top-0 hidden h-full w-5 lg:block",
   "aria-hidden": "true"
-}, dg = /* @__PURE__ */ T({
+}, ig = /* @__PURE__ */ T({
   __name: "uiStepsV4",
   props: {
     steps: {}
@@ -6811,8 +6818,8 @@ const Z0 = { "aria-label": "Progress" }, W0 = {
       const c = n.value[d];
       c.status === "complete" ? o("stepCompleted", c) : c.status === "current" ? o("stepCurrent", c) : o("stepUpcoming", c), o("stepClick", c, d);
     };
-    return (a, d) => (l(), s("nav", Z0, [
-      t("ol", W0, [
+    return (a, d) => (l(), s("nav", E0, [
+      t("ol", U0, [
         (l(!0), s(k, null, S(n.value, (c, v) => (l(), s("li", {
           key: c.id,
           class: "relative xl:flex xl:flex-1"
@@ -6823,40 +6830,40 @@ const Z0 = { "aria-label": "Progress" }, W0 = {
             class: "group flex w-full items-center cursor-pointer",
             onClick: (p) => r(c, v)
           }, [
-            t("span", J0, [
-              t("span", K0, [
-                m(f(U0), {
+            t("span", W0, [
+              t("span", G0, [
+                m(f(Y0), {
                   class: "size-6 text-white",
                   "aria-hidden": "true"
                 })
               ]),
-              t("span", Q0, u(c.name), 1)
+              t("span", J0, u(c.name), 1)
             ])
-          ], 8, G0)) : c.status === "current" ? (l(), s("button", {
+          ], 8, Z0)) : c.status === "current" ? (l(), s("button", {
             key: 1,
             type: "button",
             class: "flex items-center px-6 py-4 text-sm font-medium cursor-pointer",
             "aria-current": "step",
             onClick: (p) => r(c, v)
           }, [
-            t("span", eg, [
-              t("span", tg, u(c.id), 1)
+            t("span", Q0, [
+              t("span", X0, u(c.id), 1)
             ]),
-            t("span", lg, u(c.name), 1)
-          ], 8, X0)) : (l(), s("button", {
+            t("span", eg, u(c.name), 1)
+          ], 8, K0)) : (l(), s("button", {
             key: 2,
             type: "button",
             class: "group flex items-center cursor-pointer",
             onClick: (p) => r(c, v)
           }, [
-            t("span", ng, [
-              t("span", ag, [
-                t("span", og, u(c.id), 1)
+            t("span", lg, [
+              t("span", sg, [
+                t("span", ng, u(c.id), 1)
               ]),
-              t("span", ig, u(c.name), 1)
+              t("span", ag, u(c.name), 1)
             ])
-          ], 8, sg)),
-          v !== n.value.length - 1 ? (l(), s("div", rg, [...d[0] || (d[0] = [
+          ], 8, tg)),
+          v !== n.value.length - 1 ? (l(), s("div", og, [...d[0] || (d[0] = [
             t("svg", {
               class: "size-full text-gray-300",
               viewBox: "0 0 22 80",
@@ -6875,7 +6882,7 @@ const Z0 = { "aria-label": "Progress" }, W0 = {
       ])
     ]));
   }
-}), cg = { class: "grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8" }, ug = { class: "text-center" }, gg = { class: "mt-4 text-balance text-5xl font-semibold tracking-tight text-gray-900 sm:text-7xl" }, mg = { class: "mt-6 text-pretty text-lg font-medium text-gray-500 sm:text-xl/8" }, fg = { class: "mt-10 flex items-center justify-center gap-x-6" }, hg = ["href"], yg = /* @__PURE__ */ T({
+}), rg = { class: "grid min-h-full place-items-center bg-white px-6 py-24 sm:py-32 lg:px-8" }, dg = { class: "text-center" }, cg = { class: "mt-4 text-balance text-5xl font-semibold tracking-tight text-gray-900 sm:text-7xl" }, ug = { class: "mt-6 text-pretty text-lg font-medium text-gray-500 sm:text-xl/8" }, gg = { class: "mt-10 flex items-center justify-center gap-x-6" }, mg = ["href"], fg = /* @__PURE__ */ T({
   __name: "ui404",
   props: {
     lang: { default: "es" },
@@ -6896,153 +6903,153 @@ const Z0 = { "aria-label": "Progress" }, W0 = {
         contactSupport: "Contact support"
       }
     }, o = A(() => i[g.lang]);
-    return (n, r) => (l(), s("main", cg, [
-      t("div", ug, [
+    return (n, r) => (l(), s("main", rg, [
+      t("div", dg, [
         r[1] || (r[1] = t("p", { class: "text-base font-semibold text-lime-400" }, "404", -1)),
-        t("h1", gg, u(o.value.title), 1),
-        t("p", mg, u(o.value.description), 1),
-        t("div", fg, [
+        t("h1", cg, u(o.value.title), 1),
+        t("p", ug, u(o.value.description), 1),
+        t("div", gg, [
           t("a", {
             href: e.supportLink,
             class: "text-sm font-semibold text-gray-900"
           }, [
             B(u(o.value.contactSupport) + " ", 1),
             r[0] || (r[0] = t("span", { "aria-hidden": "true" }, "→", -1))
-          ], 8, hg)
+          ], 8, mg)
         ])
       ])
     ]));
   }
 }), ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  ui404: yg,
-  uiAlert: xn,
+  ui404: fg,
+  uiAlert: bn,
   uiBreadcrumbs: Dt,
   uiButton: U,
-  uiCard: Bn,
-  uiCardWithImage: Un,
-  uiChart: fi,
+  uiCard: Cn,
+  uiCardWithImage: Yn,
+  uiChart: gi,
   uiCheckbox: ue,
-  uiCircleChart: au,
-  uiComparator: S0,
-  uiDateRange: ru,
-  uiDeviceStatus: Nu,
-  uiDragAndDrop: Wc,
+  uiCircleChart: su,
+  uiComparator: $0,
+  uiDateRange: ou,
+  uiDeviceStatus: _u,
+  uiDragAndDrop: Uc,
   uiDropdown: ge,
-  uiDynamicStats: t0,
-  uiFilter: Zn,
-  uiFooter: vi,
-  uiFunnelChartV2: bc,
-  uiGallery: Ic,
+  uiDynamicStats: Xu,
+  uiFilter: En,
+  uiFooter: yi,
+  uiFunnelChartV2: hc,
+  uiGallery: Oc,
   uiIcon: P,
   uiInput: ae,
   uiInputFile: Ee,
-  uiLoadingScreen: xi,
+  uiLoadingScreen: bi,
   uiModal: Pe,
   uiNoResults: lt,
-  uiNotification: ua,
-  uiPriceCalendar: Xo,
-  uiRangeSlider: mu,
-  uiRightSidebar: zc,
-  uiSecondarySidebar: ju,
-  uiSectionTitle: hu,
-  uiSelect: As,
-  uiSelectMultiple: c0,
+  uiNotification: da,
+  uiPriceCalendar: Ko,
+  uiRangeSlider: uu,
+  uiRightSidebar: Bc,
+  uiSecondarySidebar: Mu,
+  uiSectionTitle: mu,
+  uiSelect: zs,
+  uiSelectMultiple: r0,
   uiSelect_v2: ve,
-  uiSidebar: Di,
+  uiSidebar: Ai,
   uiSidebarV2: Ue,
   uiStats: Ft,
-  uiSteps: E0,
-  uiStepsV4: dg,
-  uiStripedCard: br,
-  uiTable: gd,
-  uiTabs: xd,
+  uiSteps: H0,
+  uiStepsV4: ig,
+  uiStripedCard: hr,
+  uiTable: cd,
+  uiTabs: bd,
   uiTag: J,
-  uiTaskList: ka,
-  uiTextArea: Rs,
-  uiTimeline: Rd,
-  uiToggle: Es,
-  uiTopbar: dc,
-  uiViewHeader: cn,
-  uiWrapper: e0
-}, Symbol.toStringTag, { value: "Module" })), bg = [
+  uiTaskList: pa,
+  uiTextArea: Vs,
+  uiTimeline: Vd,
+  uiToggle: Hs,
+  uiTopbar: ic,
+  uiViewHeader: rn,
+  uiWrapper: Qu
+}, Symbol.toStringTag, { value: "Module" })), hg = [
   "primary",
   "secondary",
   "light",
   "green",
   "yellow",
   "red"
-], Mg = [
+], Sg = [
   "text",
   "email",
   "password",
   "number",
   "date",
   "datetime-local"
-], vg = ["black", "gray", "white"], zg = [...bg, ...vg], xg = ["small", "medium", "big"], pg = ["bigger", "huge", "massive"], jg = [...xg, ...pg], Ag = ["default", "success", "warning", "danger"];
-function wg(e) {
+], yg = ["black", "gray", "white"], Bg = [...hg, ...yg], bg = ["small", "medium", "big"], vg = ["bigger", "huge", "massive"], Mg = [...bg, ...vg], zg = ["default", "success", "warning", "danger"];
+function xg(e) {
   for (const g in ht)
     e.component(g, ht[g]);
 }
-const Tg = { install: wg };
+const jg = { install: xg };
 export {
-  zg as AllColors,
-  jg as AllSizes,
-  pg as BiggerSizes,
-  bg as Colors,
-  vg as MonoColors,
-  xg as Sizes,
-  Ag as Types,
-  Mg as UiInputTypes,
-  Tg as default,
-  yg as ui404,
-  xn as uiAlert,
+  Bg as AllColors,
+  Mg as AllSizes,
+  vg as BiggerSizes,
+  hg as Colors,
+  yg as MonoColors,
+  bg as Sizes,
+  zg as Types,
+  Sg as UiInputTypes,
+  jg as default,
+  fg as ui404,
+  bn as uiAlert,
   Dt as uiBreadcrumbs,
   U as uiButton,
-  Bn as uiCard,
-  Un as uiCardWithImage,
-  fi as uiChart,
+  Cn as uiCard,
+  Yn as uiCardWithImage,
+  gi as uiChart,
   ue as uiCheckbox,
-  au as uiCircleChart,
-  S0 as uiComparator,
-  ru as uiDateRange,
-  Nu as uiDeviceStatus,
-  Wc as uiDragAndDrop,
+  su as uiCircleChart,
+  $0 as uiComparator,
+  ou as uiDateRange,
+  _u as uiDeviceStatus,
+  Uc as uiDragAndDrop,
   ge as uiDropdown,
-  t0 as uiDynamicStats,
-  Zn as uiFilter,
-  vi as uiFooter,
-  bc as uiFunnelChartV2,
-  Ic as uiGallery,
+  Xu as uiDynamicStats,
+  En as uiFilter,
+  yi as uiFooter,
+  hc as uiFunnelChartV2,
+  Oc as uiGallery,
   P as uiIcon,
   ae as uiInput,
   Ee as uiInputFile,
-  xi as uiLoadingScreen,
+  bi as uiLoadingScreen,
   Pe as uiModal,
   lt as uiNoResults,
-  ua as uiNotification,
-  Xo as uiPriceCalendar,
-  mu as uiRangeSlider,
-  zc as uiRightSidebar,
-  ju as uiSecondarySidebar,
-  hu as uiSectionTitle,
-  As as uiSelect,
-  c0 as uiSelectMultiple,
+  da as uiNotification,
+  Ko as uiPriceCalendar,
+  uu as uiRangeSlider,
+  Bc as uiRightSidebar,
+  Mu as uiSecondarySidebar,
+  mu as uiSectionTitle,
+  zs as uiSelect,
+  r0 as uiSelectMultiple,
   ve as uiSelect_v2,
-  Di as uiSidebar,
+  Ai as uiSidebar,
   Ue as uiSidebarV2,
   Ft as uiStats,
-  E0 as uiSteps,
-  dg as uiStepsV4,
-  br as uiStripedCard,
-  gd as uiTable,
-  xd as uiTabs,
+  H0 as uiSteps,
+  ig as uiStepsV4,
+  hr as uiStripedCard,
+  cd as uiTable,
+  bd as uiTabs,
   J as uiTag,
-  ka as uiTaskList,
-  Rs as uiTextArea,
-  Rd as uiTimeline,
-  Es as uiToggle,
-  dc as uiTopbar,
-  cn as uiViewHeader,
-  e0 as uiWrapper
+  pa as uiTaskList,
+  Vs as uiTextArea,
+  Vd as uiTimeline,
+  Hs as uiToggle,
+  ic as uiTopbar,
+  rn as uiViewHeader,
+  Qu as uiWrapper
 };