@hotelinking/ui 14.47.14 → 14.47.16

package/dist/ui.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as M, createBlock as k, createElementBlock as n, openBlock as l, resolveDynamicComponent as Re, normalizeClass as y, computed as Y, createCommentVNode as b, renderSlot as E, createElementVNode as e, ref as N, watch as H, unref as c, withCtx as f, createVNode as m, toDisplayString as g, createTextVNode as z, Transition as re, Fragment as $, renderList as S, withDirectives as B, vModelDynamic as ct, vShow as D, withModifiers as ye, vModelText as se, createStaticVNode as te, resolveComponent as Fe, vModelCheckbox as Ee, reactive as ae, isRef as xe, TransitionGroup as gt, onMounted as mt, shallowRef as pt, mergeProps as ve } from "vue";
-import { Menu as _e, MenuButton as $e, MenuItems as Ce, MenuItem as Se, Combobox as Ue, ComboboxLabel as He, ComboboxInput as Ze, ComboboxButton as Je, ComboboxOptions as We, ComboboxOption as Ge, SwitchGroup as ft, Switch as ht, SwitchLabel as yt, TransitionRoot as Be, Dialog as Me, TransitionChild as X, DialogPanel as je, DialogTitle as Qe, Disclosure as De, DisclosureButton as Q, DisclosurePanel as Te, Listbox as vt, ListboxLabel as bt, ListboxButton as wt, ListboxOptions as kt, ListboxOption as xt, Popover as _t, PopoverButton as $t, PopoverPanel as Ct } from "@headlessui/vue";
+import { defineComponent as M, createBlock as x, createElementBlock as n, openBlock as l, resolveDynamicComponent as Ee, normalizeClass as y, computed as Y, createCommentVNode as b, renderSlot as E, createElementVNode as e, ref as A, watch as H, unref as c, withCtx as f, createVNode as m, toDisplayString as g, createTextVNode as z, Transition as ae, Fragment as _, renderList as S, withDirectives as B, vModelDynamic as ct, vShow as D, withModifiers as ve, vModelText as oe, createStaticVNode as le, resolveComponent as Oe, vModelCheckbox as Ue, reactive as ne, isRef as $e, TransitionGroup as gt, onMounted as mt, shallowRef as pt, mergeProps as be } from "vue";
+import { Menu as _e, MenuButton as Ce, MenuItems as Se, MenuItem as Be, Combobox as He, ComboboxLabel as Ze, ComboboxInput as Je, ComboboxButton as We, ComboboxOptions as Ge, ComboboxOption as Qe, SwitchGroup as ft, Switch as ht, SwitchLabel as yt, TransitionRoot as Me, Dialog as je, TransitionChild as ee, DialogPanel as De, DialogTitle as Ke, Disclosure as Te, DisclosureButton as Q, DisclosurePanel as ze, Listbox as vt, ListboxLabel as bt, ListboxButton as wt, ListboxOptions as kt, ListboxOption as xt, Popover as $t, PopoverButton as _t, PopoverPanel as Ct } from "@headlessui/vue";
 import V from "dayjs";
-import ze from "vue3-apexcharts";
+import Le from "vue3-apexcharts";
 import St from "vue3-draggable";
 import Bt from "@vueform/slider";
-const O = /* @__PURE__ */ M({
+const F = /* @__PURE__ */ M({
   __name: "uiIcon",
   props: {
     icon: {},
@@ -22,7 +22,7 @@ const O = /* @__PURE__ */ M({
         "h-12 w-12": u.size === "huge",
         "h-20 w-20": u.size === "massive"
       }, "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"])
-    }, null, 2)) : (l(), k(Re(u.icon), {
+    }, null, 2)) : (l(), x(Ee(u.icon), {
       key: 0,
       class: y({
         "h-4 w-4": u.size === "medium",
@@ -72,7 +72,7 @@ const O = /* @__PURE__ */ M({
       class: y(o.value),
       type: "button"
     }, [
-      t.icon ? (l(), k(O, {
+      t.icon ? (l(), x(F, {
         key: 0,
         icon: t.icon,
         color: "white",
@@ -86,7 +86,7 @@ const O = /* @__PURE__ */ M({
       class: y(s.value),
       type: "button"
     }, [
-      t.icon ? (l(), k(O, {
+      t.icon ? (l(), x(F, {
         key: 0,
         icon: t.icon,
         class: "-ml-0.5 mr-2",
@@ -102,7 +102,7 @@ const O = /* @__PURE__ */ M({
 }, Tt = { class: "flex items-center h-5" }, zt = ["checked", "value", "disabled"], Lt = { class: "ml-3 text-sm" }, Ft = { class: "text-black" }, Ot = {
   key: 1,
   class: "flex items-center animate-pulse"
-}, Ke = /* @__PURE__ */ M({
+}, Xe = /* @__PURE__ */ M({
   __name: "uiCheckbox",
   props: {
     check: { type: Boolean, default: !1 },
@@ -113,15 +113,15 @@ const O = /* @__PURE__ */ M({
   },
   emits: ["checkboxChanged"],
   setup(p, { emit: u }) {
-    const r = u, i = p, s = N(i.check), o = () => {
+    const r = u, i = p, s = A(i.check), o = () => {
       i.disabled || (s.value = !s.value, r("checkboxChanged", { checked: s.value, value: i.value }));
     };
     return H(() => i.check, (t) => {
       t && (s.value = t);
-    }), (t, a) => t.loading ? (l(), n("div", Ot, a[1] || (a[1] = [
+    }), (t, a) => t.loading ? (l(), n("div", Ot, [...a[1] || (a[1] = [
       e("div", { class: "w-5 h-5 rounded bg-gray-200" }, null, -1),
       e("div", { class: "ml-3 h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1)
-    ]))) : (l(), n("div", Dt, [
+    ])])) : (l(), n("div", Dt, [
       e("div", Tt, [
         e("input", {
           checked: t.check,
@@ -208,7 +208,7 @@ function Pt(p, u) {
     })
   ]);
 }
-function Xe(p, u) {
+function et(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -225,7 +225,7 @@ function Xe(p, u) {
     })
   ]);
 }
-function et(p, u) {
+function tt(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -276,7 +276,7 @@ function Yt(p, u) {
     })
   ]);
 }
-function tt(p, u) {
+function lt(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -293,7 +293,7 @@ function tt(p, u) {
     })
   ]);
 }
-function Le(p, u) {
+function Fe(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -310,7 +310,7 @@ function Le(p, u) {
     })
   ]);
 }
-function oe(p, u) {
+function re(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -327,7 +327,7 @@ function oe(p, u) {
     })
   ]);
 }
-function lt(p, u) {
+function st(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -344,7 +344,7 @@ function lt(p, u) {
     })
   ]);
 }
-function ne(p, u) {
+function ie(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -361,7 +361,7 @@ function ne(p, u) {
     })
   ]);
 }
-function be(p, u) {
+function we(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -378,7 +378,7 @@ function be(p, u) {
     })
   ]);
 }
-function st(p, u) {
+function ot(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -497,7 +497,7 @@ function Ht(p, u) {
     })
   ]);
 }
-function ot(p, u) {
+function rt(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -514,7 +514,7 @@ function ot(p, u) {
     })
   ]);
 }
-function Oe(p, u) {
+function Ae(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -548,7 +548,7 @@ function Zt(p, u) {
     })
   ]);
 }
-function pe(p, u) {
+function fe(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -565,7 +565,7 @@ function pe(p, u) {
     })
   ]);
 }
-function fe(p, u) {
+function he(p, u) {
   return l(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -609,7 +609,7 @@ const Jt = {
 }, Gt = { class: "-py-1" }, Qt = ["onClick"], Kt = {
   key: 1,
   class: "animate-pulse px-4 py-2 bg-gray-200 rounded-md inline-flex items-center relative text-left h-10"
-}, he = /* @__PURE__ */ M({
+}, ye = /* @__PURE__ */ M({
   __name: "uiDropdown",
   props: {
     items: {},
@@ -630,11 +630,11 @@ const Jt = {
     };
     return (t, a) => t.loading ? (l(), n("div", Kt, [
       a[0] || (a[0] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1)),
-      m(c(oe), {
+      m(c(re), {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300"
       })
-    ])) : (l(), k(c(_e), {
+    ])) : (l(), x(c(_e), {
       key: 0,
       as: "div",
       class: y(["relative text-left", { "opacity-25": t.disabled }])
@@ -647,15 +647,15 @@ const Jt = {
             t.label ? (l(), n("label", Jt, g(t.label), 1)) : b("", !0),
             t.requiredText ? (l(), n("span", Wt, g(t.requiredText), 1)) : b("", !0)
           ], 2),
-          m(c($e), { class: "text-black inline-flex justify-between w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-black" }, {
+          m(c(Ce), { class: "text-black inline-flex justify-between w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-black" }, {
             default: f(() => [
               z(g(s.value) + " ", 1),
-              t.verticalPosition === "bottom" ? (l(), k(c(oe), {
+              t.verticalPosition === "bottom" ? (l(), x(c(re), {
                 key: 0,
                 "aria-hidden": "true",
                 class: "-mr-1 ml-2 h-5 w-5"
               })) : b("", !0),
-              t.verticalPosition === "top" ? (l(), k(c(st), {
+              t.verticalPosition === "top" ? (l(), x(c(ot), {
                 key: 1,
                 "aria-hidden": "true",
                 class: "-mr-1 ml-2 h-5 w-5"
@@ -664,7 +664,7 @@ const Jt = {
             _: 1
           })
         ]),
-        m(re, {
+        m(ae, {
           "enter-active-class": "transition ease-out duration-100",
           "enter-from-class": "transform opacity-0 scale-95",
           "enter-to-class": "transform opacity-100 scale-100",
@@ -673,7 +673,7 @@ const Jt = {
           "leave-to-class": "transform opacity-0 scale-95"
         }, {
           default: f(() => [
-            t.disabled ? b("", !0) : (l(), k(c(Ce), {
+            t.disabled ? b("", !0) : (l(), x(c(Se), {
               key: 0,
               class: y([{
                 "right-0": t.position === "right",
@@ -684,7 +684,7 @@ const Jt = {
             }, {
               default: f(() => [
                 e("div", Gt, [
-                  (l(!0), n($, null, S(t.items, (d, h) => (l(), k(c(Se), { key: h }, {
+                  (l(!0), n(_, null, S(t.items, (d, h) => (l(), x(c(Be), { key: h }, {
                     default: f(() => [
                       e("a", {
                         onClick: (v) => o(d),
@@ -741,7 +741,7 @@ const Jt = {
   },
   emits: ["inputChanged", "rightAddOnClicked", "addOnClicked"],
   setup(p, { emit: u }) {
-    const r = u, i = p, s = N(i.value);
+    const r = u, i = p, s = A(i.value);
     H(() => i.value, (t) => {
       s.value = t, s.value && r("inputChanged", { name: i.name, value: s.value });
     });
@@ -799,27 +799,27 @@ const Jt = {
           class: "inline-flex items-center px-3 rounded-r-md border border-l-0 border-black bg-black hover:bg-lime-400 hover:text-black text-white sm:text-sm cursor-pointer"
         }, g(t.rightAddOn), 1)) : b("", !0),
         e("div", ol, [
-          t.icon ? (l(), k(O, {
+          t.icon ? (l(), x(F, {
             key: 0,
             icon: t.icon,
             color: t.color,
             loading: t.loading
           }, null, 8, ["icon", "color", "loading"])) : b("", !0),
-          B(m(O, {
-            icon: c(Le),
+          B(m(F, {
+            icon: c(Fe),
             color: "green",
             loading: t.loading
           }, null, 8, ["icon", "loading"]), [
             [D, t.color === "green"]
           ]),
-          B(m(O, {
+          B(m(F, {
             icon: c(W),
             color: "yellow",
             loading: t.loading
           }, null, 8, ["icon", "loading"]), [
             [D, t.color === "yellow"]
           ]),
-          B(m(O, {
+          B(m(F, {
             icon: c(K),
             color: "red",
             loading: t.loading
@@ -866,7 +866,7 @@ const Jt = {
   },
   emits: ["filesUploaded"],
   setup(p, { emit: u }) {
-    let r = N("");
+    let r = A("");
     const i = u, s = p, o = (d) => {
       a(d.dataTransfer.files), i("filesUploaded", { id: s.id, files: d.dataTransfer.files });
     }, t = (d) => {
@@ -878,13 +878,13 @@ const Jt = {
         h++, r.value += v.name, h >= 1 && h < d.length && (r.value += ", ");
       });
     };
-    return (d, h) => d.loading ? (l(), n("div", vl, h[1] || (h[1] = [
+    return (d, h) => d.loading ? (l(), n("div", vl, [...h[1] || (h[1] = [
       e("div", { class: "flex justify-center items-center flex-col rounded-md border-2 border-dashed px-6 pt-5 pb-6 border-gray-200" }, [
         e("div", { class: "rounded-full h-20 w-20 bg-gray-200 mb-4" }),
         e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full md:w-1/3 mb-3" }),
         e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full md:w-1/4 mb-3" })
       ], -1)
-    ]))) : (l(), n("div", nl, [
+    ])])) : (l(), n("div", nl, [
       e("div", il, [
         d.label ? (l(), n("label", dl, g(d.label), 1)) : b("", !0),
         d.requiredText ? (l(), n("span", ul, g(d.requiredText), 1)) : b("", !0)
@@ -898,12 +898,12 @@ const Jt = {
           ],
           "dropArea flex justify-center rounded-md border-2 border-dashed px-6 pt-5 pb-6"
         ]),
-        onDragover: h[0] || (h[0] = ye(() => {
+        onDragover: h[0] || (h[0] = ve(() => {
         }, ["prevent"])),
-        onDrop: ye(o, ["prevent"])
+        onDrop: ve(o, ["prevent"])
       }, [
         e("div", cl, [
-          m(O, {
+          m(F, {
             icon: d.icon,
             size: "massive",
             color: "black",
@@ -936,8 +936,8 @@ const Jt = {
         ])
       ], 34),
       B(e("p", yl, [
-        m(O, {
-          icon: c(fe),
+        m(F, {
+          icon: c(he),
           color: "red",
           class: "mr-2",
           loading: d.loading
@@ -951,10 +951,10 @@ const Jt = {
 }), wl = { class: "flex justify-between" }, kl = {
   key: 0,
   class: "text-[10px] text-gray-500 uppercase justify-self-end"
-}, xl = { class: "relative" }, _l = {
+}, xl = { class: "relative" }, $l = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full"
-}, $l = /* @__PURE__ */ M({
+}, _l = /* @__PURE__ */ M({
   __name: "uiSelect",
   props: {
     items: {},
@@ -970,7 +970,7 @@ const Jt = {
   },
   emits: ["selectChanged"],
   setup(p, { expose: u, emit: r }) {
-    const i = N(""), s = r, o = p, t = Y(() => i.value === "" ? o.items : o.items.filter((v) => v.name.toLowerCase().includes(i.value.toLowerCase()))), a = (v) => v?.name ?? "", d = (v) => {
+    const i = A(""), s = r, o = p, t = Y(() => i.value === "" ? o.items : o.items.filter((v) => v.name.toLowerCase().includes(i.value.toLowerCase()))), a = (v) => v?.name ?? "", d = (v) => {
       s("selectChanged", v);
     }, h = Y({
       get: () => o.select,
@@ -980,13 +980,13 @@ const Jt = {
     });
     return u({
       handleChange: d
-    }), (v, j) => v.loading ? (l(), n("div", _l, [
+    }), (v, j) => v.loading ? (l(), n("div", $l, [
       j[3] || (j[3] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
-      m(c(be), {
+      m(c(we), {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400"
       })
-    ])) : (l(), k(c(Ue), {
+    ])) : (l(), x(c(He), {
       key: 0,
       modelValue: h.value,
       "onUpdate:modelValue": [
@@ -998,7 +998,7 @@ const Jt = {
     }, {
       default: f(() => [
         e("div", wl, [
-          m(c(He), { class: "block text-sm font-medium" }, {
+          m(c(Ze), { class: "block text-sm font-medium" }, {
             default: f(() => [
               z(g(v.label), 1)
             ]),
@@ -1007,7 +1007,7 @@ const Jt = {
           v.requiredText ? (l(), n("span", kl, g(v.requiredText), 1)) : b("", !0)
         ]),
         e("div", xl, [
-          m(c(Ze), {
+          m(c(Je), {
             onChange: j[0] || (j[0] = (w) => i.value = w.target.value),
             onBlur: j[1] || (j[1] = (w) => i.value = ""),
             displayValue: a,
@@ -1026,26 +1026,26 @@ const Jt = {
               "text-green-600": v.color === "green"
             }, "w-full rounded-md border py-2 pl-3 pr-10 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm"])
           }, null, 8, ["class"]),
-          m(c(Je), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
+          m(c(We), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
             default: f(() => [
-              m(c(be), {
+              m(c(we), {
                 "aria-hidden": "true",
                 class: "h-5 w-5 text-gray-400"
               })
             ]),
             _: 1
           }),
-          t.value.length > 0 ? (l(), k(c(We), {
+          t.value.length > 0 ? (l(), x(c(Ge), {
             key: 0,
             class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
           }, {
             default: f(() => [
-              (l(!0), n($, null, S(t.value, (w) => (l(), k(c(Ge), {
+              (l(!0), n(_, null, S(t.value, (w) => (l(), x(c(Qe), {
                 key: w.id,
                 value: w,
                 as: "template"
               }, {
-                default: f(({ active: T, selected: _ }) => [
+                default: f(({ active: T, selected: $ }) => [
                   e("li", {
                     class: y([
                       "relative cursor-default select-none py-2 pl-3 pr-9",
@@ -1053,16 +1053,16 @@ const Jt = {
                     ])
                   }, [
                     e("span", {
-                      class: y(["block truncate", _ && "font-semibold"])
+                      class: y(["block truncate", $ && "font-semibold"])
                     }, g(w.name), 3),
-                    _ ? (l(), n("span", {
+                    $ ? (l(), n("span", {
                       key: 0,
                       class: y([
                         "absolute inset-y-0 right-0 flex items-center pr-4",
                         T ? "text-white" : "text-indigo-600"
                       ])
                     }, [
-                      m(c(Le), {
+                      m(c(Fe), {
                         "aria-hidden": "true",
                         class: "h-5 w-5",
                         loading: !0
@@ -1124,7 +1124,7 @@ function Sl(p, u) {
 const Bl = { class: "flex justify-between" }, Ml = {
   key: 0,
   class: "text-[10px] uppercase justify-self-end self-center"
-}, ee = /* @__PURE__ */ M({
+}, te = /* @__PURE__ */ M({
   __name: "uiSelect_v2",
   props: {
     items: {},
@@ -1140,12 +1140,12 @@ const Bl = { class: "flex justify-between" }, Ml = {
   },
   emits: ["selectChanged"],
   setup(p, { emit: u }) {
-    const r = p, i = u, s = N(""), o = N(r.select), t = Y(
+    const r = p, i = u, s = A(""), o = A(r.select), t = Y(
       () => s.value === "" ? r.items : r.items.filter((d) => d.name.toLowerCase().includes(s.value.toLowerCase()))
     ), a = (d) => {
       s.value = "", i("selectChanged", d);
     };
-    return (d, h) => (l(), k(c(Ue), {
+    return (d, h) => (l(), x(c(He), {
       as: "div",
       modelValue: o.value,
       "onUpdate:modelValue": [
@@ -1155,7 +1155,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
     }, {
       default: f(() => [
         e("div", Bl, [
-          m(c(He), { class: "block text-sm font-medium" }, {
+          m(c(Ze), { class: "block text-sm font-medium" }, {
             default: f(() => [
               z(g(d.label), 1)
             ]),
@@ -1166,7 +1166,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
         e("div", {
           class: y([{ "mt-1": d.label }, "relative"])
         }, [
-          m(c(Ze), {
+          m(c(Je), {
             class: y([{
               "!border-transparent !shadow-none": d.isWrapped,
               "mt-1": d.requiredText || d.label,
@@ -1187,7 +1187,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
             onBlur: h[1] || (h[1] = (v) => s.value = ""),
             "display-value": (v) => v.label || v.name
           }, null, 8, ["class", "display-value"]),
-          m(c(Je), { class: "h-full absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
+          m(c(We), { class: "h-full absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
             default: f(() => [
               m(c(Sl), {
                 class: "size-5 mt-1",
@@ -1196,12 +1196,12 @@ const Bl = { class: "flex justify-between" }, Ml = {
             ]),
             _: 1
           }),
-          t.value.length > 0 ? (l(), k(c(We), {
+          t.value.length > 0 ? (l(), x(c(Ge), {
             key: 0,
             class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none sm:text-sm"
           }, {
             default: f(() => [
-              (l(!0), n($, null, S(t.value, (v) => (l(), k(c(Ge), {
+              (l(!0), n(_, null, S(t.value, (v) => (l(), x(c(Qe), {
                 key: v.id,
                 value: v,
                 as: "template"
@@ -1262,9 +1262,9 @@ const Bl = { class: "flex justify-between" }, Ml = {
     const r = u, i = p, s = () => {
       i.event != null && r("tagEvent", i.event);
     };
-    return (o, t) => o.loading ? (l(), n("div", jl, t[0] || (t[0] = [
+    return (o, t) => o.loading ? (l(), n("div", jl, [...t[0] || (t[0] = [
       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" }, null, -1)
-    ]))) : (l(), n("span", {
+    ])])) : (l(), n("span", {
       key: 0,
       onClick: s,
       class: y([{
@@ -1314,13 +1314,13 @@ const Bl = { class: "flex justify-between" }, Ml = {
   setup(p, { emit: u }) {
     const r = u, i = p, s = (t) => {
       r("inputChanged", t.target.value);
-    }, o = N(i.value);
+    }, o = A(i.value);
     return H(() => i.value, (t) => {
       o.value = t, r("inputChanged", { name: i.name, value: o.value });
-    }), (t, a) => t.loading ? (l(), n("div", Ol, a[1] || (a[1] = [
+    }), (t, a) => t.loading ? (l(), n("div", Ol, [...a[1] || (a[1] = [
       e("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),
       e("div", { class: "h-24 bg-gray-200 rounded-lg flex inline-flex items-center relative inline-block text-left w-full" }, null, -1)
-    ]))) : (l(), n("div", Dl, [
+    ])])) : (l(), n("div", Dl, [
       e("div", Tl, [
         t.label ? (l(), n("label", zl, g(t.label), 1)) : b("", !0),
         t.requiredText ? (l(), n("span", Ll, g(t.requiredText), 1)) : b("", !0)
@@ -1347,7 +1347,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
           }]),
           onChange: s
         }, null, 42, Fl), [
-          [se, o.value]
+          [oe, o.value]
         ])
       ], 2),
       B(e("p", {
@@ -1358,8 +1358,8 @@ const Bl = { class: "flex justify-between" }, Ml = {
           "text-green-600": t.color === "green"
         }, "mt-2 text-xs flex flex-row items-center"])
       }, [
-        m(O, {
-          icon: c(fe),
+        m(F, {
+          icon: c(he),
           color: "red",
           class: "mr-2",
           loading: !1
@@ -1386,13 +1386,13 @@ const Bl = { class: "flex justify-between" }, Ml = {
   },
   emits: ["toggleChanged", "actionClicked"],
   setup(p, { emit: u }) {
-    const r = p, i = N(r.checked);
-    return H(() => r.checked, (s) => i.value = s), (s, o) => s.loading ? (l(), n("div", Pl, o[3] || (o[3] = [
+    const r = p, i = A(r.checked);
+    return H(() => r.checked, (s) => i.value = s), (s, o) => s.loading ? (l(), n("div", Pl, [...o[3] || (o[3] = [
       e("div", { class: "relative bg-gray-200 rounded-full w-12 h-6 p-1 flex items-center" }, [
         e("div", { class: "rounded-full bg-gray-300 dark:bg-gray-400 h-4 w-4" })
       ], -1),
       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-16 ml-2" }, null, -1)
-    ]))) : (l(), k(c(ft), {
+    ])])) : (l(), x(c(ft), {
       key: 0,
       as: "div",
       class: "flex items-center relative"
@@ -1458,9 +1458,9 @@ const Bl = { class: "flex justify-between" }, Ml = {
     const r = u, i = (s) => {
       r("alertEvent", s.event);
     };
-    return (s, o) => s.loading ? (l(), n("div", Jl, o[0] || (o[0] = [
-      te('<div class="p-4 border-l-4 bg-gray-100 border-gray-400 rounded"><div class="flex"><div class="flex-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(), n("div", Yl, [
+    return (s, o) => s.loading ? (l(), n("div", Jl, [...o[0] || (o[0] = [
+      le('<div class="p-4 border-l-4 bg-gray-100 border-gray-400 rounded"><div class="flex"><div class="flex-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(), n("div", Yl, [
       e("div", {
         class: y([{
           "bg-lime-50 border-lime-400": s.type === "info",
@@ -1471,22 +1471,22 @@ const Bl = { class: "flex justify-between" }, Ml = {
       }, [
         e("div", ql, [
           e("div", Rl, [
-            s.type === "info" ? (l(), k(c(ot), {
+            s.type === "info" ? (l(), x(c(rt), {
               key: 0,
               class: "h-8 w-8 text-lime-400",
               "aria-hidden": "true"
             })) : b("", !0),
-            s.type === "danger" ? (l(), k(c(fe), {
+            s.type === "danger" ? (l(), x(c(he), {
               key: 1,
               class: "h-8 w-8 text-red-600",
               "aria-hidden": "true"
             })) : b("", !0),
-            s.type === "warning" ? (l(), k(c(W), {
+            s.type === "warning" ? (l(), x(c(W), {
               key: 2,
               class: "h-8 w-8 text-yellow-400",
               "aria-hidden": "true"
             })) : b("", !0),
-            s.type === "success" ? (l(), k(c(tt), {
+            s.type === "success" ? (l(), x(c(lt), {
               key: 3,
               class: "h-8 w-8 text-green-600",
               "aria-hidden": "true"
@@ -1511,7 +1511,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
             ], 2),
             e("div", Ul, [
               e("div", Hl, [
-                (l(!0), n($, null, S(s.actions, (t, a) => (l(), n("button", {
+                (l(!0), n(_, null, S(s.actions, (t, a) => (l(), n("button", {
                   onClick: (d) => i(t),
                   type: "button",
                   key: a,
@@ -1553,14 +1553,14 @@ const Bl = { class: "flex justify-between" }, Ml = {
   },
   emits: ["breadCrumbClicked"],
   setup(p, { emit: u }) {
-    return (r, i) => r.loading ? (l(), n("div", ls, i[0] || (i[0] = [
+    return (r, i) => r.loading ? (l(), n("div", ls, [...i[0] || (i[0] = [
       e("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1),
       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5 mr-4" }, null, -1),
       e("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1),
       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1)
-    ]))) : (l(), n("nav", Gl, [
+    ])])) : (l(), n("nav", Gl, [
       e("ol", Ql, [
-        (l(!0), n($, null, S(r.pages, (s, o) => (l(), n("li", { key: o }, [
+        (l(!0), n(_, null, S(r.pages, (s, o) => (l(), n("li", { key: o }, [
           o == 0 ? (l(), n("div", Kl, [
             e("p", {
               onClick: (t) => r.$emit("breadCrumbClicked", s.routeName),
@@ -1573,7 +1573,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
               e("span", null, g(s.name), 1)
             ], 8, Xl)
           ])) : (l(), n("div", es, [
-            m(c(ne), {
+            m(c(ie), {
               class: "flex-shrink-0 h-3 w-3 text-gray-400",
               "aria-hidden": "true"
             }),
@@ -1605,9 +1605,9 @@ const Bl = { class: "flex justify-between" }, Ml = {
   },
   emits: ["cardSelected"],
   setup(p, { emit: u }) {
-    return (r, i) => r.loading ? (l(), n("div", ds, i[1] || (i[1] = [
-      te('<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(), n("div", {
+    return (r, i) => r.loading ? (l(), n("div", ds, [...i[1] || (i[1] = [
+      le('<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(), n("div", {
       key: 0,
       class: "rounded-lg bg-white shadow p-6 cursor-pointer",
       onClick: i[0] || (i[0] = (s) => r.$emit("cardSelected", { id: r.id, name: r.name, type: r.type, tags: r.tags }))
@@ -1623,7 +1623,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
         ])
       ]),
       r.tags && r.tags?.length > 0 ? (l(), n("div", is, [
-        (l(!0), n($, null, S(r.tags, (s) => (l(), k(Z, {
+        (l(!0), n(_, null, S(r.tags, (s) => (l(), x(Z, {
           class: "mb-1 mr-1",
           key: s.name,
           color: s.color,
@@ -1637,7 +1637,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
       ])) : b("", !0)
     ]));
   }
-}), rt = /* @__PURE__ */ M({
+}), at = /* @__PURE__ */ M({
   __name: "uiFilter",
   props: {
     items: {},
@@ -1651,8 +1651,8 @@ const Bl = { class: "flex justify-between" }, Ml = {
       o.value.forEach((a) => {
         a.active = a.value === t.value;
       }), r("filterSelected", t);
-    }, o = N(i.items);
-    return (t, a) => (l(), k(he, {
+    }, o = A(i.items);
+    return (t, a) => (l(), x(ye, {
       class: "text-nowrap",
       loading: t.loading,
       onOptionSelected: a[0] || (a[0] = (d) => s(d)),
@@ -1664,7 +1664,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
 }), cs = { class: "fixed inset-0 z-10 overflow-y-auto" }, gs = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, ms = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, ps = { class: "sm:flex sm:items-start" }, fs = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full break-words" }, hs = { class: "mt-4 text-gray-500 text-sm" }, ys = {
   key: 0,
   class: "mt-8"
-}, vs = ["onClick"], at = /* @__PURE__ */ M({
+}, vs = ["onClick"], nt = /* @__PURE__ */ M({
   __name: "uiModal",
   props: {
     title: {},
@@ -1680,18 +1680,18 @@ const Bl = { class: "flex justify-between" }, Ml = {
     const r = p, i = u, s = (o) => {
       i("modalAction", { modal: r.modalName, action: o });
     };
-    return (o, t) => (l(), k(c(Be), {
+    return (o, t) => (l(), x(c(Me), {
       as: "template",
       show: o.open
     }, {
       default: f(() => [
-        m(c(Me), {
+        m(c(je), {
           as: "div",
           class: "relative z-50",
           onClose: t[1] || (t[1] = (a) => s("close"))
         }, {
           default: f(() => [
-            m(c(X), {
+            m(c(ee), {
               as: "template",
               enter: "ease-out duration-300",
               "enter-from": "opacity-0",
@@ -1700,15 +1700,14 @@ const Bl = { class: "flex justify-between" }, Ml = {
               "leave-from": "opacity-100",
               "leave-to": "opacity-0"
             }, {
-              default: f(() => t[2] || (t[2] = [
+              default: f(() => [...t[2] || (t[2] = [
                 e("div", { class: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" }, null, -1)
-              ])),
-              _: 1,
-              __: [2]
+              ])]),
+              _: 1
             }),
             e("div", cs, [
               e("div", gs, [
-                m(c(X), {
+                m(c(ee), {
                   as: "template",
                   enter: "ease-out duration-300",
                   "enter-from": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95",
@@ -1718,7 +1717,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
                   default: f(() => [
-                    m(c(je), {
+                    m(c(De), {
                       class: y([{
                         "sm:my-8 w-full sm:w-9/12 md:w-2/3 lg:w-1/2": o.size === "big",
                         "w-full sm:my-8 sm:w-full sm:max-w-lg sm:p-6": o.size === "medium"
@@ -1732,7 +1731,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
                             onClick: t[0] || (t[0] = (a) => s("close"))
                           }, [
                             t[3] || (t[3] = e("span", { class: "sr-only" }, "X", -1)),
-                            m(O, {
+                            m(F, {
                               icon: c(K),
                               "aria-hidden": "true",
                               loading: o.loading
@@ -1754,7 +1753,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
                             }, null, 512), [
                               [D, o.type === "danger"]
                             ]),
-                            B(m(c(Le), {
+                            B(m(c(Fe), {
                               class: "h-6 w-6 text-green-600",
                               "aria-hidden": "true"
                             }, null, 512), [
@@ -1774,7 +1773,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
                             ])
                           ], 2),
                           e("div", fs, [
-                            m(c(Qe), {
+                            m(c(Ke), {
                               as: "h3",
                               class: "text-lg font-medium leading-6"
                             }, {
@@ -1787,7 +1786,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
                               E(o.$slots, "default", { class: "break-words" })
                             ]),
                             o.actions ? (l(), n("div", ys, [
-                              (l(!0), n($, null, S(o.actions, (a, d) => (l(), n("button", {
+                              (l(!0), n(_, null, S(o.actions, (a, d) => (l(), n("button", {
                                 key: d,
                                 type: "button",
                                 class: "inline-flex w-full justify-center rounded-md border border-transparent bg-black px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-lime-400 hover:text-black focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 mb-2 sm:mb-0 mr-2 sm:w-auto sm:text-sm",
@@ -1814,7 +1813,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
 }), bs = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, ws = {
   key: 0,
   class: "max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
-}, ks = { class: "p-4" }, xs = { class: "flex items-start" }, _s = { class: "flex-shrink-0 mt-0.5" }, $s = { class: "ml-3 w-0 flex-1 pt-0.5" }, Cs = { class: "font-medium text-gray-900" }, Ss = { class: "mt-1 text-sm text-gray-500" }, Bs = { class: "ml-4 flex-shrink-0 flex" }, Ms = /* @__PURE__ */ M({
+}, ks = { class: "p-4" }, xs = { class: "flex items-start" }, $s = { class: "flex-shrink-0 mt-0.5" }, _s = { class: "ml-3 w-0 flex-1 pt-0.5" }, Cs = { class: "font-medium text-gray-900" }, Ss = { class: "mt-1 text-sm text-gray-500" }, Bs = { class: "ml-4 flex-shrink-0 flex" }, Ms = /* @__PURE__ */ M({
   __name: "uiNotification",
   props: {
     type: { default: "info" },
@@ -1831,7 +1830,7 @@ const Bl = { class: "flex justify-between" }, Ml = {
       class: y([{ fixed: s.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"])
     }, [
       e("div", bs, [
-        m(re, {
+        m(ae, {
           "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",
           "enter-to-class": "translate-y-0 opacity-100 sm:translate-x-0",
@@ -1843,14 +1842,14 @@ const Bl = { class: "flex justify-between" }, Ml = {
             i.value ? (l(), n("div", ws, [
               e("div", ks, [
                 e("div", xs, [
-                  e("div", _s, [
-                    B(m(c(tt), {
+                  e("div", $s, [
+                    B(m(c(lt), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-green-600"
                     }, null, 512), [
                       [D, s.type === "success"]
                     ]),
-                    B(m(c(fe), {
+                    B(m(c(he), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-red-600"
                     }, null, 512), [
@@ -1862,14 +1861,14 @@ const Bl = { class: "flex justify-between" }, Ml = {
                     }, null, 512), [
                       [D, s.type === "warning"]
                     ]),
-                    B(m(c(ot), {
+                    B(m(c(rt), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-black"
                     }, null, 512), [
                       [D, s.type === "info"]
                     ])
                   ]),
-                  e("div", $s, [
+                  e("div", _s, [
                     e("p", Cs, g(s.title), 1),
                     e("p", Ss, g(s.message), 1)
                   ]),
@@ -1910,14 +1909,14 @@ const Bl = { class: "flex justify-between" }, Ml = {
   },
   setup(p) {
     return (u, r) => u.loading ? (l(), n("ul", Ns, [
-      (l(!0), n($, null, S(u.tasks, (i) => (l(), n("li", {
+      (l(!0), n(_, null, S(u.tasks, (i) => (l(), n("li", {
         key: i.id,
         class: "flex items-center justify-between gap-x-6 py-5"
-      }, r[0] || (r[0] = [
-        te('<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-sm 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))
+      }, [...r[0] || (r[0] = [
+        le('<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-sm 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(), n("ul", js, [
-      (l(!0), n($, null, S(u.tasks, (i) => (l(), n("li", {
+      (l(!0), n(_, null, S(u.tasks, (i) => (l(), n("li", {
         key: i.id,
         class: "flex items-center justify-between gap-x-6 py-5"
       }, [
@@ -1955,9 +1954,9 @@ const Bl = { class: "flex justify-between" }, Ml = {
 function Vs(p) {
   return p && p.__esModule && Object.prototype.hasOwnProperty.call(p, "default") ? p.default : p;
 }
-var de = { exports: {} }, Ys = de.exports, Ae;
+var ue = { exports: {} }, Ys = ue.exports, Ie;
 function qs() {
-  return Ae || (Ae = 1, (function(p, u) {
+  return Ie || (Ie = 1, (function(p, u) {
     (function(r, i) {
       p.exports = i(V);
     })(Ys, (function(r) {
@@ -1969,12 +1968,12 @@ function qs() {
       } };
       return s.default.locale(o, null, !0), o;
     }));
-  })(de)), de.exports;
+  })(ue)), ue.exports;
 }
 qs();
-var ue = { exports: {} }, Rs = ue.exports, Ie;
+var ce = { exports: {} }, Rs = ce.exports, Ne;
 function Es() {
-  return Ie || (Ie = 1, (function(p, u) {
+  return Ne || (Ne = 1, (function(p, u) {
     (function(r, i) {
       p.exports = i(V);
     })(Rs, (function(r) {
@@ -1991,12 +1990,12 @@ function Es() {
       }, weekStart: 1, yearStart: 4, formats: { LTS: "HH:mm:ss", LT: "HH:mm", L: "DD.MM.YYYY", LL: "D. MMMM YYYY", LLL: "D. MMMM YYYY HH:mm", LLLL: "dddd, D. MMMM YYYY HH:mm" }, relativeTime: { future: "in %s", past: "vor %s", s: t, m: t, mm: t, h: t, hh: t, d: t, dd: t, M: t, MM: t, y: t, yy: t } };
       return s.default.locale(a, null, !0), a;
     }));
-  })(ue)), ue.exports;
+  })(ce)), ce.exports;
 }
 Es();
-var ce = { exports: {} }, Us = ce.exports, Ne;
+var ge = { exports: {} }, Us = ge.exports, Pe;
 function Hs() {
-  return Ne || (Ne = 1, (function(p, u) {
+  return Pe || (Pe = 1, (function(p, u) {
     (function(r, i) {
       p.exports = i();
     })(Us, (function() {
@@ -2005,12 +2004,12 @@ function Hs() {
         return "[" + r + (i[(s - 20) % 10] || i[s] || i[0]) + "]";
       } };
     }));
-  })(ce)), ce.exports;
+  })(ge)), ge.exports;
 }
 Hs();
-var ge = { exports: {} }, Zs = ge.exports, Pe;
+var me = { exports: {} }, Zs = me.exports, Ve;
 function Js() {
-  return Pe || (Pe = 1, (function(p, u) {
+  return Ve || (Ve = 1, (function(p, u) {
     (function(r, i) {
       p.exports = i(V);
     })(Zs, (function(r) {
@@ -2022,17 +2021,17 @@ function Js() {
       } };
       return s.default.locale(o, null, !0), o;
     }));
-  })(ge)), ge.exports;
+  })(me)), me.exports;
 }
 Js();
-const le = (p, u) => {
+const se = (p, u) => {
   const r = p.__vccOpts || p;
   for (const [i, s] of u)
     r[i] = s;
   return r;
 }, Ws = {
   name: "dateSelector",
-  components: { ChevronLeftIcon: lt, ChevronRightIcon: ne },
+  components: { ChevronLeftIcon: st, ChevronRightIcon: ie },
   computed: {
     currentDate() {
       return V(this.selectedDate).locale("es");
@@ -2062,7 +2061,7 @@ const le = (p, u) => {
   }
 }, Gs = { class: "dateSelector flex items-center flex-row" }, Qs = { class: "pagination flex items-center my-1 md:my-0" }, Ks = { class: "date mx-4 font-bold text-center text-black select-none uppercase" }, Xs = { class: "pagination flex items-center my-1 sm:my-0" };
 function eo(p, u, r, i, s, o) {
-  const t = Fe("ChevronLeftIcon"), a = Fe("ChevronRightIcon");
+  const t = Oe("ChevronLeftIcon"), a = Oe("ChevronRightIcon");
   return l(), n("div", Gs, [
     e("div", Qs, [
       e("div", {
@@ -2122,7 +2121,7 @@ function eo(p, u, r, i, s, o) {
     ])
   ]);
 }
-const to = /* @__PURE__ */ le(Ws, [["render", eo]]), lo = {
+const to = /* @__PURE__ */ se(Ws, [["render", eo]]), lo = {
   name: "SkeletonTable"
 }, so = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, oo = { class: "flow-root" }, ro = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, ao = { class: "inline-block min-w-full py-2 align-middle px-1" }, no = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, io = { class: "min-w-full divide-y divide-gray-300" }, uo = { class: "divide-y divide-gray-200 bg-white" };
 function co(p, u, r, i, s, o) {
@@ -2169,7 +2168,7 @@ function co(p, u, r, i, s, o) {
                 ])
               ], -1)),
               e("tbody", uo, [
-                (l(), n($, null, S(10, (t) => e("tr", { key: t }, u[0] || (u[0] = [
+                (l(), n(_, null, S(10, (t) => e("tr", { key: t }, [...u[0] || (u[0] = [
                   e("td", { class: "whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6" }, [
                     e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })
                   ], -1),
@@ -2194,7 +2193,7 @@ function co(p, u, r, i, s, o) {
                       ])
                     ])
                   ], -1)
-                ]))), 64))
+                ])])), 64))
               ])
             ])
           ])
@@ -2203,10 +2202,10 @@ function co(p, u, r, i, s, o) {
     ])
   ]);
 }
-const nt = /* @__PURE__ */ le(lo, [["render", co]]);
-var me = { exports: {} }, go = me.exports, Ve;
+const it = /* @__PURE__ */ se(lo, [["render", co]]);
+var pe = { exports: {} }, go = pe.exports, Ye;
 function mo() {
-  return Ve || (Ve = 1, (function(p, u) {
+  return Ye || (Ye = 1, (function(p, u) {
     (function(r, i) {
       p.exports = i();
     })(go, (function() {
@@ -2217,7 +2216,7 @@ function mo() {
         };
       };
     }));
-  })(me)), me.exports;
+  })(pe)), pe.exports;
 }
 var po = mo();
 const fo = /* @__PURE__ */ Vs(po), ho = {
@@ -2252,7 +2251,7 @@ function wo(p, u, r, i, s, o) {
     e("p", bo, g(o.currentDay.month), 1)
   ], 2);
 }
-const ko = /* @__PURE__ */ le(ho, [["render", wo]]), xo = {
+const ko = /* @__PURE__ */ se(ho, [["render", wo]]), xo = {
   name: "dayPrice",
   props: {
     currency: String,
@@ -2271,9 +2270,9 @@ const ko = /* @__PURE__ */ le(ho, [["render", wo]]), xo = {
       };
     }
   }
-}, _o = { class: "priceDay" };
-function $o(p, u, r, i, s, o) {
-  return l(), n("div", _o, [
+}, $o = { class: "priceDay" };
+function _o(p, u, r, i, s, o) {
+  return l(), n("div", $o, [
     e("div", {
       class: y([
         {
@@ -2288,7 +2287,7 @@ function $o(p, u, r, i, s, o) {
     }, g(o.currentDay.price) + g(r.currency), 3)
   ]);
 }
-const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
+const de = /* @__PURE__ */ se(xo, [["render", _o]]), Co = {
   key: 0,
   class: "px-4 sm:px-6 lg:px-8"
 }, So = { class: "flow-root" }, Bo = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Mo = { class: "inline-block min-w-full align-middle" }, jo = { class: "min-w-full text-sm" }, Do = { class: "bg-white" }, To = {
@@ -2353,24 +2352,24 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
   },
   emits: ["dateChanged", "changeCategoryBulkPrices", "changeCategorySelectionPrice", "changeCategoryUpgradePrice", "changeRoomPrice", "tableAction"],
   setup(p, { emit: u }) {
-    const r = p, i = u, s = N(/* @__PURE__ */ new Date()), o = N(r.today), t = N([]);
+    const r = p, i = u, s = A(/* @__PURE__ */ new Date()), o = A(r.today), t = A([]);
     H(() => r.today, (C) => {
       o.value = C;
     });
     const a = Y(() => {
       let C = [];
-      for (let q = 0; q < 14; q++)
-        C.push(V(o.value).add(q, "day"));
+      for (let R = 0; R < 14; R++)
+        C.push(V(o.value).add(R, "day"));
       return C;
     }), d = Y(() => t.value.length > 0 && t.value.length < r.rooms.length), h = (C) => {
       V(C).isBefore(s.value) || (o.value = C, i("dateChanged", o.value));
     }, v = (C) => {
-      let q = r.category.selectionPrices.find((P) => V(P.date).isSame(C.date));
-      return q ? q.price : C.price;
+      let R = r.category.selectionPrices.find((I) => V(I.date).isSame(C.date));
+      return R ? R.price : C.price;
     }, j = (C) => {
-      t.value = C.target.checked ? r.rooms.map((q) => q.id) : [];
-    }, w = () => i("changeCategoryBulkPrices"), T = (C) => i("changeCategorySelectionPrice", C), _ = (C) => i("changeCategoryUpgradePrice", C), A = (C) => i("tableAction", C), F = (C, q, P) => i("changeRoomPrice", { price: C, roomId: q, roomName: P });
-    return (C, q) => C.loading ? (l(), k(nt, { key: 1 })) : (l(), n("div", Co, [
+      t.value = C.target.checked ? r.rooms.map((R) => R.id) : [];
+    }, w = () => i("changeCategoryBulkPrices"), T = (C) => i("changeCategorySelectionPrice", C), $ = (C) => i("changeCategoryUpgradePrice", C), O = (C) => i("tableAction", C), L = (C, R, I) => i("changeRoomPrice", { price: C, roomId: R, roomName: I });
+    return (C, R) => C.loading ? (l(), x(it, { key: 1 })) : (l(), n("div", Co, [
       e("div", So, [
         e("div", Bo, [
           e("div", Mo, [
@@ -2380,17 +2379,17 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                   e("th", To, [
                     m(to, {
                       selectedDate: o.value,
-                      onDateSelected: q[0] || (q[0] = (P) => h(P))
+                      onDateSelected: R[0] || (R[0] = (I) => h(I))
                     }, null, 8, ["selectedDate"])
                   ]),
-                  (l(!0), n($, null, S(a.value, (P, x) => (l(), n("th", {
+                  (l(!0), n(_, null, S(a.value, (I, k) => (l(), n("th", {
                     scope: "col",
-                    key: x,
+                    key: k,
                     class: "text-sm font-semibold p-0"
                   }, [
                     m(ko, {
                       class: "border-l border-gray-200 px-6 py-3",
-                      day: P
+                      day: I
                     }, null, 8, ["day"])
                   ]))), 128))
                 ]),
@@ -2412,14 +2411,14 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                 ]),
                 C.type === "discounts" ? (l(), n("tr", Lo, [
                   e("td", Fo, g(C.literals.pricesDiscount), 1),
-                  (l(!0), n($, null, S(C.category.selectionPrices, (P, x) => (l(), n("td", {
-                    key: x,
+                  (l(!0), n(_, null, S(C.category.selectionPrices, (I, k) => (l(), n("td", {
+                    key: k,
                     class: "p-0"
                   }, [
-                    m(ie, {
-                      onClick: (I) => T(P),
+                    m(de, {
+                      onClick: (N) => T(I),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer",
-                      price: P,
+                      price: I,
                       currency: C.currency.symbol,
                       isBasePrice: !0
                     }, null, 8, ["onClick", "price", "currency"])
@@ -2427,14 +2426,14 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                 ])) : b("", !0),
                 C.type === "prices" ? (l(), n("tr", Oo, [
                   e("td", Ao, g(C.literals.pricesSelection), 1),
-                  (l(!0), n($, null, S(C.category.selectionPrices, (P, x) => (l(), n("td", {
-                    key: x,
+                  (l(!0), n(_, null, S(C.category.selectionPrices, (I, k) => (l(), n("td", {
+                    key: k,
                     class: "p-0"
                   }, [
-                    m(ie, {
-                      onClick: (I) => T(P),
+                    m(de, {
+                      onClick: (N) => T(I),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer",
-                      price: P,
+                      price: I,
                       currency: C.currency.symbol,
                       isBasePrice: !0
                     }, null, 8, ["onClick", "price", "currency"])
@@ -2442,14 +2441,14 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                 ])) : b("", !0),
                 C.type === "prices" ? (l(), n("tr", Io, [
                   e("td", No, g(C.literals.pricesUpgrade), 1),
-                  (l(!0), n($, null, S(C.category.upgradePrices, (P, x) => (l(), n("td", {
-                    key: x,
+                  (l(!0), n(_, null, S(C.category.upgradePrices, (I, k) => (l(), n("td", {
+                    key: k,
                     class: "p-0"
                   }, [
-                    m(ie, {
-                      onClick: (I) => _(P),
+                    m(de, {
+                      onClick: (N) => $(I),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 font-bold cursor-pointer bg-gray-100",
-                      price: P,
+                      price: I,
                       currency: C.currency.symbol,
                       isBasePrice: !0
                     }, null, 8, ["onClick", "price", "currency"])
@@ -2458,12 +2457,12 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                 e("tr", null, [
                   e("th", Po, [
                     t.value?.length > 0 && C.actions?.length > 0 ? (l(), n("div", Vo, [
-                      (l(!0), n($, null, S(C.actions, (P, x) => (l(), n("button", {
-                        onClick: (I) => A({ action: P.id, items: t.value }),
-                        key: x,
+                      (l(!0), n(_, null, S(C.actions, (I, k) => (l(), n("button", {
+                        onClick: (N) => O({ action: I.id, items: t.value }),
+                        key: k,
                         type: "button",
                         class: "inline-flex items-center rounded bg-lime-400 hover:bg-black hover:text-white px-2.5 py-1.5 text-xs font-medium shadow-sm disabled:cursor-not-allowed disabled:opacity-30"
-                      }, g(P.name), 9, Yo))), 128))
+                      }, g(I.name), 9, Yo))), 128))
                     ])) : b("", !0),
                     e("span", null, g(C.literals.pricesSelection), 1)
                   ])
@@ -2481,14 +2480,14 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                   ]),
                   e("th", Uo, g(C.literals.building), 1),
                   e("th", Ho, g(C.literals.floor), 1),
-                  q[2] || (q[2] = e("th", {
+                  R[2] || (R[2] = e("th", {
                     colspan: "14",
                     scope: "colgroup",
                     class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold"
                   }, null, -1))
                 ]),
-                (l(!0), n($, null, S(C.rooms, (P) => (l(), n("tr", {
-                  key: P.name,
+                (l(!0), n(_, null, S(C.rooms, (I) => (l(), n("tr", {
+                  key: I.name,
                   class: y([{ "even:bg-gray-100": C.type === "prices", "odd:bg-gray-100": C.type === "discounts" }])
                 }, [
                   e("td", Zo, [
@@ -2496,25 +2495,25 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
                     B(e("input", {
                       type: "checkbox",
                       class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-lime-400 focus:ring-lime-400",
-                      value: P.name,
-                      "onUpdate:modelValue": q[1] || (q[1] = (x) => t.value = x)
+                      value: I.name,
+                      "onUpdate:modelValue": R[1] || (R[1] = (k) => t.value = k)
                     }, null, 8, Wo), [
-                      [Ee, t.value]
+                      [Ue, t.value]
                     ]),
-                    e("span", Go, g(P.name), 1)
+                    e("span", Go, g(I.name), 1)
                   ]),
-                  e("td", Qo, g(P.building), 1),
-                  e("td", Ko, g(P.floor), 1),
-                  (l(!0), n($, null, S(P.selectionPrices, (x, I) => (l(), n("td", {
+                  e("td", Qo, g(I.building), 1),
+                  e("td", Ko, g(I.floor), 1),
+                  (l(!0), n(_, null, S(I.selectionPrices, (k, N) => (l(), n("td", {
                     class: "p-0",
-                    key: I
+                    key: N
                   }, [
-                    m(ie, {
-                      onClick: (L) => F(x, P.id, P.name),
+                    m(de, {
+                      onClick: (q) => L(k, I.id, I.name),
                       class: "border-l border-gray-200 px-6 py-3 text-black hover:text-lime-400 cursor-pointer",
-                      price: x,
+                      price: k,
                       currency: C.currency.symbol,
-                      basePrice: v(x)
+                      basePrice: v(k)
                     }, null, 8, ["onClick", "price", "currency", "basePrice"])
                   ]))), 128))
                 ], 2))), 128))
@@ -2550,10 +2549,10 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection", "maximizeChart"],
   setup(p, { emit: u }) {
-    const r = u, i = N((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":"))), s = p;
-    let o = ae(s.dates || { from: "", to: i });
-    H(() => s.dates, (_) => {
-      _ && (o = _);
+    const r = u, i = A((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":"))), s = p;
+    let o = ne(s.dates || { from: "", to: i });
+    H(() => s.dates, ($) => {
+      $ && (o = $);
     });
     let a = {
       chart: {
@@ -2566,10 +2565,10 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
       },
       colors: function() {
         return s.isNps ? [
-          function({ value: _, seriesIndex: A, dataPointIndex: F, w: C }) {
-            if (F <= 5) return "#F87171";
-            if (F > 5 && F <= 7) return "#eab308";
-            if (F >= 8) return "#84cc16";
+          function({ value: $, seriesIndex: O, dataPointIndex: L, w: C }) {
+            if (L <= 5) return "#F87171";
+            if (L > 5 && L <= 7) return "#eab308";
+            if (L >= 8) return "#84cc16";
           }
         ] : [
           "#000000",
@@ -2613,28 +2612,28 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
     }), s.type === "area" && (a.tooltip = { intersect: !1, shared: !0 });
     const d = () => (a.chart.stacked = s.stacked, s.options && (s.options.xaxis.hideOverlappingLabels = !0, s.options.xaxis.decimalsInFloat = 2, s.options.xaxis.tickAmount = 10), { ...a, ...s.options, plotOptions: { bar: { horizontal: s.horizontal } } }), h = () => {
       o.from !== "" && o.to !== "" && V(o.from).isBefore(V(o.to)) && r("selectedRange", { range: o, chartId: s.id });
-    }, v = Y(() => s.series), j = Y(() => d()), w = () => r("chartUpdated"), T = (_, A, F) => {
-      r("dataPointSelection", { id: s.id, chartContext: A, config: F, event: _ });
+    }, v = Y(() => s.series), j = Y(() => d()), w = () => r("chartUpdated"), T = ($, O, L) => {
+      r("dataPointSelection", { id: s.id, chartContext: O, config: L, event: $ });
     };
-    return (_, A) => (l(), n($, null, [
+    return ($, O) => (l(), n(_, null, [
       B(e("div", {
-        class: y(["h-[" + _.height + "px]", "card chart apex-chart p-4 bg-white shadow rounded-lg overflow-hidden flex grow"])
+        class: y(["h-[" + $.height + "px]", "card chart apex-chart p-4 bg-white shadow rounded-lg overflow-hidden flex grow"])
       }, [
         e("div", er, [
-          e("div", tr, g(_.title), 1),
-          _.isNps && _.npsLiterals ? (l(), n("div", lr, [
+          e("div", tr, g($.title), 1),
+          $.isNps && $.npsLiterals ? (l(), n("div", lr, [
             m(Z, {
               size: "small",
               color: "red",
               loading: !1
             }, {
               default: f(() => [
-                m(O, {
+                m(F, {
                   icon: c(Rt),
                   loading: !1,
                   color: "red"
                 }, null, 8, ["icon"]),
-                e("span", sr, g(_.npsLiterals.unhappy), 1)
+                e("span", sr, g($.npsLiterals.unhappy), 1)
               ]),
               _: 1
             }),
@@ -2644,12 +2643,12 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
               loading: !1
             }, {
               default: f(() => [
-                m(O, {
+                m(F, {
                   icon: c(qt),
                   loading: !1,
                   color: "yellow"
                 }, null, 8, ["icon"]),
-                e("span", or, g(_.npsLiterals.neutral), 1)
+                e("span", or, g($.npsLiterals.neutral), 1)
               ]),
               _: 1
             }),
@@ -2659,12 +2658,12 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
               loading: !1
             }, {
               default: f(() => [
-                m(O, {
+                m(F, {
                   icon: c(Et),
                   loading: !1,
                   color: "green"
                 }, null, 8, ["icon"]),
-                e("span", rr, g(_.npsLiterals.happy), 1)
+                e("span", rr, g($.npsLiterals.happy), 1)
               ]),
               _: 1
             })
@@ -2673,71 +2672,71 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
             e("div", nr, [
               B(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": A[0] || (A[0] = (F) => c(o).from = F),
+                "onUpdate:modelValue": O[0] || (O[0] = (L) => c(o).from = L),
                 max: i.value.toString(),
                 onChange: h,
                 name: "from",
                 id: "from",
                 class: "text-xs relative block w-full rounded rounded-r-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
               }, null, 40, ir), [
-                [se, c(o).from]
+                [oe, c(o).from]
               ])
             ]),
             e("div", dr, [
               B(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": A[1] || (A[1] = (F) => c(o).to = F),
+                "onUpdate:modelValue": O[1] || (O[1] = (L) => c(o).to = L),
                 max: i.value.toString(),
                 onChange: h,
                 name: "to",
                 id: "to",
                 class: "text-xs relative block w-full -mr-2 rounded rounded-l-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
               }, null, 40, ur), [
-                [se, c(o).to]
+                [oe, c(o).to]
               ])
             ]),
-            m(O, {
+            m(F, {
               class: "ml-4 cursor-pointer",
               size: "big",
-              loading: _.loading,
-              icon: c(Xe),
-              onClick: A[2] || (A[2] = (F) => _.$emit("maximizeChart", _.id))
+              loading: $.loading,
+              icon: c(et),
+              onClick: O[2] || (O[2] = (L) => $.$emit("maximizeChart", $.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
         B(e("div", cr, [
-          m(c(ze), {
+          m(c(Le), {
             class: "chart",
-            type: _.type,
+            type: $.type,
             series: v.value,
-            height: _.height,
+            height: $.height,
             options: j.value,
             onUpdated: w,
             onMounted: w,
             onDataPointSelection: T
           }, null, 8, ["type", "series", "height", "options"])
         ], 512), [
-          [D, !_.empty]
+          [D, !$.empty]
         ]),
         B(e("div", {
-          class: y(["h-[" + _.height + "px]", "w-full flex items-center justify-center flex-col"])
+          class: y(["h-[" + $.height + "px]", "w-full flex items-center justify-center flex-col"])
         }, [
-          m(O, {
+          m(F, {
             icon: c(W),
             color: "gray",
             loading: !1,
             size: "massive"
           }, null, 8, ["icon"]),
-          A[3] || (A[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data for this time frame", -1))
+          O[3] || (O[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data for this time frame", -1))
         ], 2), [
-          [D, _.empty]
+          [D, $.empty]
         ])
       ], 2), [
-        [D, !_.loading]
+        [D, !$.loading]
       ]),
       B(e("div", {
-        class: y(["h-[" + _.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80"])
-      }, A[4] || (A[4] = [
+        class: y(["h-[" + $.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80"])
+      }, [...O[4] || (O[4] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -2763,8 +2762,8 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
             e("div", { class: "w-full bg-gray-200 rounded h-1/2" })
           ])
         ], -1)
-      ]), 2), [
-        [D, _.loading]
+      ])], 2), [
+        [D, $.loading]
       ])
     ], 64));
   }
@@ -2772,15 +2771,15 @@ const ie = /* @__PURE__ */ le(xo, [["render", $o]]), Co = {
   name: "uiFooter"
 }, pr = { class: "bg-white" };
 function fr(p, u, r, i, s, o) {
-  return l(), n("footer", pr, u[0] || (u[0] = [
+  return l(), n("footer", pr, [...u[0] || (u[0] = [
     e("div", { class: "mx-auto py-6 px-4 sm:px-6 md:flex md:items-center md:justify-between lg:px-8" }, [
       e("div", { class: "mt-8 md:mt-0 md:order-1" }, [
         e("p", { class: "text-center text-base text-gray-400" }, "© Made by Hotelinking.")
       ])
     ], -1)
-  ]));
+  ])]);
 }
-const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
+const hr = /* @__PURE__ */ se(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   __name: "uiLoadingScreen",
   props: {
     title: {},
@@ -2817,7 +2816,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
 }, kr = {
   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"
-}, xr = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, _r = { class: "text-sm text-gray-700" }, $r = { class: "font-bold mx-1" }, Cr = { class: "font-bold mx-1" }, Sr = { class: "font-bold mx-1" }, Br = {
+}, xr = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, $r = { class: "text-sm text-gray-700" }, _r = { class: "font-bold mx-1" }, Cr = { class: "font-bold mx-1" }, Sr = { class: "font-bold mx-1" }, Br = {
   class: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px",
   "aria-label": "Pagination"
 }, Mr = { class: "sr-only" }, jr = ["onClick"], Dr = { class: "sr-only" }, Tr = {
@@ -2833,7 +2832,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["changePage"],
   setup(p, { emit: u }) {
-    const r = u, i = p, s = N(3), o = Y(
+    const r = u, i = p, s = A(3), o = Y(
       () => Math.max(1, Number(i.current) - Number(s.value))
     ), t = Y(
       () => Math.min(Number(i.current) + Number(s.value), Number(i.total))
@@ -2843,10 +2842,10 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         d.push(h);
       return d;
     });
-    return (d, h) => d.loading ? (l(), n("div", Tr, h[3] || (h[3] = [
+    return (d, h) => d.loading ? (l(), n("div", Tr, [...h[3] || (h[3] = [
       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1),
       e("div", { class: "h-10 w-32 bg-gray-200 rounded dark:bg-gray-300" }, null, -1)
-    ]))) : (l(), n("div", vr, [
+    ])])) : (l(), n("div", vr, [
       e("div", br, [
         e("a", wr, [
           E(d.$slots, "previous")
@@ -2857,9 +2856,9 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       ]),
       e("div", xr, [
         e("div", null, [
-          e("p", _r, [
+          e("p", $r, [
             E(d.$slots, "showing"),
-            e("span", $r, g(d.current), 1),
+            e("span", _r, g(d.current), 1),
             E(d.$slots, "of"),
             e("span", Cr, g(d.total), 1),
             E(d.$slots, "pages"),
@@ -2878,14 +2877,14 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
               e("span", Mr, [
                 E(d.$slots, "previous")
               ]),
-              m(c(lt), {
+              m(c(st), {
                 class: "h-5 w-5",
                 "aria-hidden": "true"
               })
             ], 512), [
               [D, d.current !== 1]
             ]),
-            (l(!0), n($, null, S(a.value, (v) => (l(), n("button", {
+            (l(!0), n(_, null, S(a.value, (v) => (l(), n("button", {
               onClick: (j) => r("changePage", v),
               key: v,
               "aria-current": "page",
@@ -2901,7 +2900,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
               e("span", Dr, [
                 E(d.$slots, "next")
               ]),
-              m(c(ne), {
+              m(c(ie), {
                 class: "h-5 w-5",
                 "aria-hidden": "true"
               })
@@ -2947,13 +2946,13 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       e("div", Fr, [
         e("div", Or, [
           e("nav", Ar, [
-            o.loading ? (l(), n($, { key: 1 }, S(5, (a) => e("div", Er, t[1] || (t[1] = [
+            o.loading ? (l(), n(_, { key: 1 }, S(5, (a) => e("div", Er, [...t[1] || (t[1] = [
               e("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1),
               e("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 grow" }, null, -1)
-            ]))), 64)) : (l(!0), n($, { key: 0 }, S(s.value, (a) => (l(), n($, {
+            ])])), 64)) : (l(!0), n(_, { key: 0 }, S(s.value, (a) => (l(), n(_, {
               key: a.name
             }, [
-              a.children ? (l(), k(c(De), {
+              a.children ? (l(), x(c(Te), {
                 key: 1,
                 as: "div",
                 class: "space-y-1"
@@ -2963,7 +2962,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                     class: y([a.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900", "group w-full flex items-center pl-2 pr-1 py-2 text-left text-sm font-medium rounded-md focus:outline-none"])
                   }, {
                     default: f(() => [
-                      a.icon ? (l(), k(O, {
+                      a.icon ? (l(), x(F, {
                         key: 0,
                         loading: o.loading,
                         icon: a.icon,
@@ -2973,18 +2972,18 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                         ]),
                         "aria-hidden": "true"
                       }, null, 8, ["loading", "icon", "class"])) : b("", !0),
-                      o.loading ? (l(), n("div", Yr, t[0] || (t[0] = [
+                      o.loading ? (l(), n("div", Yr, [...t[0] || (t[0] = [
                         e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)
-                      ]))) : (l(), n("span", Vr, g(a.name), 1)),
-                      m(c(ne), {
+                      ])])) : (l(), n("span", Vr, g(a.name), 1)),
+                      m(c(ie), {
                         class: y([d ? "text-black rotate-90" : "text-gray-400", "mr-3 flex-shrink-0 h-3 w-3 transform group-hover:text-gray-400 transition-colors ease-in-out duration-150"])
                       }, null, 8, ["class"])
                     ]),
                     _: 2
                   }, 1032, ["class"]),
-                  m(c(Te), { class: "space-y-1" }, {
+                  m(c(ze), { class: "space-y-1" }, {
                     default: f(() => [
-                      (l(!0), n($, null, S(a.children, (h) => (l(), k(c(Q), {
+                      (l(!0), n(_, null, S(a.children, (h) => (l(), x(c(Q), {
                         onClick: (v) => i("sideBarClick", h.id),
                         key: h.name,
                         class: y([h.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"])
@@ -3007,7 +3006,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                     "group w-full flex items-center pl-2 py-2 text-sm font-medium rounded-md"
                   ])
                 }, [
-                  a.icon ? (l(), k(O, {
+                  a.icon ? (l(), x(F, {
                     key: 0,
                     loading: o.loading,
                     icon: a.icon,
@@ -3043,7 +3042,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
 }, oa = { class: "ml-2 space-y-1" }, ra = { class: "font-bold mb-4" }, aa = {
   key: 1,
   class: "flex flex-col grow h-full"
-}, na = { class: "flex-1 overflow-y-auto pr-6" }, ia = { class: "h-12 flex flex-row items-center" }, we = /* @__PURE__ */ M({
+}, na = { class: "flex-1 overflow-y-auto pr-6" }, ia = { class: "h-12 flex flex-row items-center" }, ke = /* @__PURE__ */ M({
   __name: "uiSidebarV2",
   props: {
     navigation: {},
@@ -3059,7 +3058,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
     return (s, o) => (l(), n("div", Hr, [
       e("div", Zr, [
         e("ul", null, [
-          (l(!0), n($, null, S(s.productsSidebar, (t, a) => (l(), n("li", {
+          (l(!0), n(_, null, S(s.productsSidebar, (t, a) => (l(), n("li", {
             key: a,
             class: y([{ "!bg-lime-400": t.active }, "w-full h-16 p-4 flex items-center justify-center cursor-pointer hover:bg-lime-400 hover:text-black"]),
             onClick: (d) => s.$emit("productBarClick", t.name)
@@ -3073,10 +3072,10 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       ]),
       s.loading ? (l(), n("div", aa, [
         e("div", na, [
-          (l(), n($, null, S(5, (t) => e("div", ia, o[2] || (o[2] = [
+          (l(), n(_, null, S(5, (t) => e("div", ia, [...o[2] || (o[2] = [
             e("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1),
             e("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full w-1/2 dark:bg-gray-300" }, null, -1)
-          ]))), 64))
+          ])])), 64))
         ])
       ])) : (l(), n("div", Gr, [
         e("div", {
@@ -3094,10 +3093,10 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             s.isFilterNavigation ? b("", !0) : (l(), n("ul", ea, [
               e("li", null, [
                 e("ul", ta, [
-                  (l(!0), n($, null, S(i.value, (t) => (l(), n("li", {
+                  (l(!0), n(_, null, S(i.value, (t) => (l(), n("li", {
                     key: t.name
                   }, [
-                    t.children ? (l(), k(c(De), {
+                    t.children ? (l(), x(c(Te), {
                       key: 1,
                       as: "div"
                     }, {
@@ -3107,7 +3106,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                           class: y([t.current ? "bg-lime-100" : "hover:bg-lime-100", "flex w-full items-center gap-x-3 rounded-md p-2 text-left text-sm font-semibold leading-6 text-gray-700"])
                         }, {
                           default: f(() => [
-                            m(O, {
+                            m(F, {
                               icon: t.icon,
                               color: "primary",
                               size: "big",
@@ -3116,7 +3115,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                               class: "shrink-0"
                             }, null, 8, ["icon"]),
                             z(" " + g(t.name) + " ", 1),
-                            m(c(ne), {
+                            m(c(ie), {
                               class: y([t.children.some((a) => a.current) || t.current ? "rotate-90 text-black" : "text-gray-400", "ml-auto h-5 w-5 shrink-0"]),
                               "aria-hidden": "true"
                             }, null, 8, ["class"])
@@ -3124,13 +3123,13 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                           _: 2
                         }, 1032, ["onClick", "class"]),
                         B(e("div", null, [
-                          m(c(Te), {
+                          m(c(ze), {
                             as: "ul",
                             class: "mt-1 px-2",
                             static: ""
                           }, {
                             default: f(() => [
-                              (l(!0), n($, null, S(t.children, (a) => (l(), n("li", {
+                              (l(!0), n(_, null, S(t.children, (a) => (l(), n("li", {
                                 key: a.name
                               }, [
                                 m(c(Q), {
@@ -3157,7 +3156,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                       onClick: (a) => s.$emit("sideBarClick", t.id),
                       class: y([t.current ? "bg-lime-100" : "hover:bg-lime-100", "group flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-6 text-gray-700 cursor-pointer"])
                     }, [
-                      m(O, {
+                      m(F, {
                         icon: t.icon,
                         color: "primary",
                         size: "big",
@@ -3173,7 +3172,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             ])),
             s.isFilterNavigation && s.filterNavigation ? (l(), n("ul", sa, [
               e("li", oa, [
-                s.filterNavigation.hasSearch && s.filterNavigation.search ? (l(), k(J, {
+                s.filterNavigation.hasSearch && s.filterNavigation.search ? (l(), x(J, {
                   key: 0,
                   name: s.filterNavigation.search.name,
                   label: s.filterNavigation.search.label,
@@ -3183,12 +3182,12 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                   onInputChanged: o[1] || (o[1] = (t) => s.$emit("inputChanged", t))
                 }, null, 8, ["name", "label", "placeholder", "value", "loading"])) : b("", !0)
               ]),
-              (l(!0), n($, null, S(s.filterNavigation.items, (t, a) => (l(), n("li", {
+              (l(!0), n(_, null, S(s.filterNavigation.items, (t, a) => (l(), n("li", {
                 class: "ml-2",
                 key: a
               }, [
                 e("p", ra, g(t.label), 1),
-                (l(!0), n($, null, S(t.filters, (d, h) => (l(), k(Ke, {
+                (l(!0), n(_, null, S(t.filters, (d, h) => (l(), x(Xe, {
                   class: "mb-2",
                   value: d.value,
                   loading: d.loading
@@ -3208,7 +3207,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
 }), da = { key: 0 }, ua = { class: "ml-16 text-sm font-medium truncate" }, ca = { class: "ml-16 flex items-baseline pb-5" }, ga = { class: "text-2xl font-semibold" }, ma = {
   key: 0,
   class: "text-black ml-2 flex items-baseline text-sm font-semibold"
-}, pa = { class: "absolute bottom-0 inset-x-0 bg-lime-50 px-4 py-4 sm:px-6" }, fa = { class: "text-sm" }, ha = { key: 1 }, ya = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, va = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, it = /* @__PURE__ */ M({
+}, pa = { class: "absolute bottom-0 inset-x-0 bg-lime-50 px-4 py-4 sm:px-6" }, fa = { class: "text-sm" }, ha = { key: 1 }, ya = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, va = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, dt = /* @__PURE__ */ M({
   __name: "uiStats",
   props: {
     item: {},
@@ -3220,7 +3219,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       e("div", ya, [
         e("dt", null, [
           e("div", va, [
-            m(O, {
+            m(F, {
               loading: r.loading,
               icon: r.item.icon,
               class: "h-6 w-6 text-white",
@@ -3247,7 +3246,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
               "bg-yellow-400": r.item.color === "yellow"
             }])
           }, [
-            m(O, {
+            m(F, {
               icon: r.item.icon,
               class: "h-6 w-6",
               "aria-hidden": "true",
@@ -3270,12 +3269,12 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
               "ml-2 flex items-baseline text-sm font-semibold"
             ])
           }, [
-            r.item.changeType === "increase" ? (l(), k(c(Pt), {
+            r.item.changeType === "increase" ? (l(), x(c(Pt), {
               key: 0,
               class: "self-center flex-shrink-0 h-3 w-3 text-green-500",
               "aria-hidden": "true"
             })) : b("", !0),
-            r.item.changeType === "decrease" ? (l(), k(c(It), {
+            r.item.changeType === "decrease" ? (l(), x(c(It), {
               key: 1,
               class: "self-center flex-shrink-0 h-3 w-3 text-red-500",
               "aria-hidden": "true"
@@ -3299,7 +3298,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
 }), ba = {
   key: 0,
   class: "overflow-hidden bg-white shadow sm:rounded-lg"
-}, wa = { class: "px-4 py-5 sm:px-6" }, ka = { class: "text-lg font-medium leading-6" }, xa = { class: "mt-1 max-w-2xl text-sm" }, _a = { class: "border-t border-gray-200" }, $a = { class: "text-sm font-medium" }, Ca = {
+}, wa = { class: "px-4 py-5 sm:px-6" }, ka = { class: "text-lg font-medium leading-6" }, xa = { class: "mt-1 max-w-2xl text-sm" }, $a = { class: "border-t border-gray-200" }, _a = { class: "text-sm font-medium" }, Ca = {
   key: 0,
   class: "mt-1 text-sm sm:col-span-2 sm:mt-0 break-normal"
 }, Sa = ["onClick"], Ba = {
@@ -3319,20 +3318,20 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   emits: ["itemClicked"],
   setup(p) {
     return (u, r) => u.loading ? (l(), n("div", Ma, [
-      r[1] || (r[1] = te('<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)),
+      r[1] || (r[1] = le('<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)),
       e("div", ja, [
         e("dl", null, [
-          (l(), n($, null, S(5, (i) => e("div", {
+          (l(), n(_, null, S(5, (i) => e("div", {
             key: i,
             class: y(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [i % 2 === 0 ? "bg-gray-50" : "bg-white"]])
-          }, r[0] || (r[0] = [
+          }, [...r[0] || (r[0] = [
             e("dt", { class: "text-sm font-medium text-gray-500" }, [
               e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" })
             ], -1),
             e("dd", { class: "mt-1 text-sm sm:col-span-2 sm:mt-0 break-words" }, [
               e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" })
             ], -1)
-          ]), 2)), 64))
+          ])], 2)), 64))
         ])
       ])
     ])) : (l(), n("div", ba, [
@@ -3340,15 +3339,15 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         e("h3", ka, g(u.title), 1),
         e("p", xa, g(u.subtitle), 1)
       ]),
-      e("div", _a, [
+      e("div", $a, [
         e("dl", null, [
-          (l(!0), n($, null, S(u.items, (i, s) => (l(), n("div", {
+          (l(!0), n(_, null, S(u.items, (i, s) => (l(), n("div", {
             key: s,
             class: y(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [s % 2 === 0 ? "bg-lime-50" : "bg-white"]])
           }, [
-            e("dt", $a, g(i.title), 1),
+            e("dt", _a, g(i.title), 1),
             i.type === "tags" ? (l(), n("dd", Ca, [
-              (l(!0), n($, null, S(i.tags, (o, t) => (l(), k(Z, {
+              (l(!0), n(_, null, S(i.tags, (o, t) => (l(), x(Z, {
                 loading: u.loading,
                 key: t,
                 color: o.color,
@@ -3395,7 +3394,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         })
       ], -1)),
       e("div", null, [
-        m(O, {
+        m(F, {
           icon: c(Zt),
           loading: !1,
           color: "white",
@@ -3428,7 +3427,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["tableAction", "orderBy", "customEmit", "selectedItemsDeleted"],
   setup(p, { emit: u }) {
-    let r = N([]), i = N(""), s = N(!1);
+    let r = A([]), i = A(""), s = A(!1);
     const o = u, t = p, a = Y(
       () => r.value.length > 0 && r.value.length < t.items.length
     ), d = (w, T) => {
@@ -3440,18 +3439,18 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
     }, j = (w) => t.hiddenColumns && t.hiddenColumns.length > 0 ? !t.hiddenColumns.includes(w) : !0;
     return H(() => t.resetSelected, (w) => {
       s.value = w, w && s.value && (r.value = [], s.value = !w, o("selectedItemsDeleted"));
-    }), (w, T) => w.loading ? (l(), k(nt, { key: 1 })) : (l(), n("div", Fa, [
+    }), (w, T) => w.loading ? (l(), x(it, { key: 1 })) : (l(), n("div", Fa, [
       e("div", Oa, [
         e("div", Aa, [
           e("div", Ia, [
             e("div", Na, [
               c(r)?.length > 0 && w.actions?.length > 0 ? (l(), n("div", Pa, [
-                (l(!0), n($, null, S(w.actions, (_, A) => (l(), n("button", {
-                  onClick: (F) => w.$emit("tableAction", { action: _.id, items: c(r) }),
-                  key: A,
+                (l(!0), n(_, null, S(w.actions, ($, O) => (l(), n("button", {
+                  onClick: (L) => w.$emit("tableAction", { action: $.id, items: c(r) }),
+                  key: O,
                   type: "button",
                   class: "inline-flex items-center rounded bg-lime-400 hover:bg-black px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30"
-                }, g(_.name), 9, Va))), 128))
+                }, g($.name), 9, Va))), 128))
               ])) : b("", !0),
               e("table", Ya, [
                 e("thead", qa, [
@@ -3469,91 +3468,91 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                         onChange: h
                       }, null, 40, Ra)) : b("", !0)
                     ], 2),
-                    (l(!0), n($, null, S(w.header, (_, A) => B((l(), n("th", {
-                      key: A,
+                    (l(!0), n(_, null, S(w.header, ($, O) => B((l(), n("th", {
+                      key: O,
                       class: "py-3.5 pr-3 text-left font-semibold relative",
                       scope: "col",
-                      onMouseover: (F) => d(_.name, !0),
-                      onMouseleave: (F) => d(_.name, !1)
+                      onMouseover: (L) => d($.name, !0),
+                      onMouseleave: (L) => d($.name, !1)
                     }, [
-                      _.tooltip ? B((l(), k(La, {
+                      $.tooltip ? B((l(), x(La, {
                         key: 0,
-                        tip: _.tooltip
+                        tip: $.tooltip
                       }, null, 8, ["tip"])), [
-                        [D, c(i) === _.name]
+                        [D, c(i) === $.name]
                       ]) : b("", !0),
-                      _.value ? (l(), n("button", {
+                      $.value ? (l(), n("button", {
                         key: 1,
                         class: "group flex items-center uppercase text-xs relative text-nowrap",
-                        onClick: (F) => o("orderBy", { value: _.value, orderDirection: w.orderDirection === "asc" ? "desc" : "asc" })
+                        onClick: (L) => o("orderBy", { value: $.value, orderDirection: w.orderDirection === "asc" ? "desc" : "asc" })
                       }, [
-                        e("span", null, g(_.name), 1),
+                        e("span", null, g($.name), 1),
                         e("span", {
                           class: y([[
-                            _.value === w.orderedBy ? "bg-black text-white group-hover:bg-lime-400 group-hover:text-black" : "group-hover:visible group-focus:visible"
+                            $.value === w.orderedBy ? "bg-black text-white group-hover:bg-lime-400 group-hover:text-black" : "group-hover:visible group-focus:visible"
                           ], "ml-2 flex-none rounded group-hover:bg-lime-200 group-hover:text-white"])
                         }, [
-                          m(O, {
-                            icon: w.orderDirection === "asc" ? c(oe) : c(st),
+                          m(F, {
+                            icon: w.orderDirection === "asc" ? c(re) : c(ot),
                             loading: w.loading,
-                            color: _.value === w.orderedBy ? "white" : "primary"
+                            color: $.value === w.orderedBy ? "white" : "primary"
                           }, null, 8, ["icon", "loading", "color"])
                         ], 2)
                       ], 8, Ua)) : (l(), n("p", Ha, [
-                        e("span", null, g(_.name), 1)
+                        e("span", null, g($.name), 1)
                       ]))
                     ], 40, Ea)), [
-                      [D, j(A)]
+                      [D, j(O)]
                     ])), 128))
                   ])
                 ]),
                 e("tbody", Za, [
-                  (l(!0), n($, null, S(w.items, (_, A) => (l(), n("tr", {
-                    key: _.id,
+                  (l(!0), n(_, null, S(w.items, ($, O) => (l(), n("tr", {
+                    key: $.id,
                     class: y([
-                      c(r).includes(_.id) && "bg-gray-50",
-                      A % 2 == 0 ? void 0 : "bg-gray-50"
+                      c(r).includes($.id) && "bg-gray-50",
+                      O % 2 == 0 ? void 0 : "bg-gray-50"
                     ])
                   }, [
                     e("td", {
                       class: y([w.actions?.length > 0 ? "w-2" : "w-0", "relative"])
                     }, [
-                      c(r).includes(_.id) ? (l(), n("div", Ja)) : b("", !0),
+                      c(r).includes($.id) ? (l(), n("div", Ja)) : b("", !0),
                       w.actions?.length > 0 ? B((l(), n("input", {
                         key: 1,
-                        "onUpdate:modelValue": T[0] || (T[0] = (F) => xe(r) ? r.value = F : r = F),
-                        value: _.id,
+                        "onUpdate:modelValue": T[0] || (T[0] = (L) => $e(r) ? r.value = L : r = L),
+                        value: $.id,
                         class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-black focus:ring-lime-400 flex-wrap",
                         type: "checkbox"
                       }, null, 8, Wa)), [
-                        [Ee, c(r)]
+                        [Ue, c(r)]
                       ]) : b("", !0)
                     ], 2),
-                    (l(!0), n($, null, S(_.row, (F, C) => B((l(), n("td", {
+                    (l(!0), n(_, null, S($.row, (L, C) => B((l(), n("td", {
                       key: C,
                       class: y([
                         "whitespace-nowrap py-4 pr-3 text-sm",
-                        c(r).includes(_.id) ? "text-black font-bold" : ""
+                        c(r).includes($.id) ? "text-black font-bold" : ""
                       ])
                     }, [
-                      typeof F == "object" && F.type === "tag" ? (l(), k(Z, {
+                      typeof L == "object" && L.type === "tag" ? (l(), x(Z, {
                         key: 0,
                         loading: w.loading,
-                        color: F.color
+                        color: L.color
                       }, {
                         default: f(() => [
-                          z(g(F.content), 1)
+                          z(g(L.content), 1)
                         ]),
                         _: 2
-                      }, 1032, ["loading", "color"])) : typeof F == "object" && F.type === "link" ? (l(), n("span", {
+                      }, 1032, ["loading", "color"])) : typeof L == "object" && L.type === "link" ? (l(), n("span", {
                         key: 1,
                         class: "text-black font-bold underline hover:text-lime-400 cursor-pointer",
-                        onClick: (q) => v(F)
-                      }, g(F.content), 9, Ga)) : typeof F == "object" && F.type === "href" ? (l(), n("a", {
+                        onClick: (R) => v(L)
+                      }, g(L.content), 9, Ga)) : typeof L == "object" && L.type === "href" ? (l(), n("a", {
                         key: 2,
                         class: "text-black font-bold underline hover:text-lime-400 cursor-pointer",
-                        href: F.href
-                      }, g(F.content), 9, Qa)) : (l(), n("span", Ka, g(F), 1))
+                        href: L.href
+                      }, g(L.content), 9, Qa)) : (l(), n("span", Ka, g(L), 1))
                     ], 2)), [
                       [D, j(C)]
                     ])), 128))
@@ -3588,7 +3587,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           name: "tabs",
           class: "block w-full rounded-md border-black py-2 pl-3 pr-10 text-base focus:border-lime-400 focus:outline-none focus:ring-lime-400 sm:text-sm"
         }, [
-          (l(!0), n($, null, S(s.tabs, (t) => (l(), n("option", {
+          (l(!0), n(_, null, S(s.tabs, (t) => (l(), n("option", {
             value: t.id,
             key: t.name
           }, g(t.name), 9, tn))), 128))
@@ -3597,7 +3596,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       e("div", ln, [
         e("div", sn, [
           e("nav", on, [
-            (l(!0), n($, null, S(s.tabs, (t) => (l(), n("a", {
+            (l(!0), n(_, null, S(s.tabs, (t) => (l(), n("a", {
               key: t.name,
               onClick: (a) => r("tabClicked", t.id),
               class: y([
@@ -3633,10 +3632,10 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
 }, kn = { class: "text-sm" }, xn = {
   key: 2,
   class: "h-full w-full flex items-center justify-center flex-col px-4 py-5 sm:p-6"
-}, _n = {
+}, $n = {
   key: 1,
   class: "bg-white overflow-hidden shadow rounded-lg"
-}, $n = { class: "px-4 py-5 sm:p-6 animate-pulse" }, Cn = { class: "flow-root" }, Sn = {
+}, _n = { class: "px-4 py-5 sm:p-6 animate-pulse" }, Cn = { class: "flow-root" }, Sn = {
   class: "-mb-8",
   role: "list"
 }, Bn = { class: "relative pb-8" }, Mn = {
@@ -3654,20 +3653,20 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["timelineEventClicked", "timelineFooterClicked"],
   setup(p, { emit: u }) {
-    const i = ae(p.timeline);
-    return (s, o) => s.loading ? (l(), n("div", _n, [
+    const i = ne(p.timeline);
+    return (s, o) => s.loading ? (l(), n("div", $n, [
       o[3] || (o[3] = e("div", { class: "px-4 py-5 sm:px-6 animate-pulse" }, [
         e("h1", { class: "text-xl font-bold" }, [
           e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })
         ])
       ], -1)),
-      e("div", $n, [
+      e("div", _n, [
         e("div", Cn, [
           e("ul", Sn, [
-            (l(), n($, null, S(10, (t, a) => e("li", { key: a }, [
+            (l(), n(_, null, S(10, (t, a) => e("li", { key: a }, [
               e("div", Bn, [
                 t !== 10 ? (l(), n("span", Mn)) : b("", !0),
-                o[2] || (o[2] = te('<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))
+                o[2] || (o[2] = le('<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))
           ])
@@ -3693,7 +3692,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             class: "-mb-8"
           }, {
             default: f(() => [
-              (l(!0), n($, null, S(i.items, (t, a) => (l(), n("li", { key: a }, [
+              (l(!0), n(_, null, S(i.items, (t, a) => (l(), n("li", { key: a }, [
                 e("div", gn, [
                   a < i.items.length - 1 ? (l(), n("span", mn)) : b("", !0),
                   e("div", pn, [
@@ -3705,7 +3704,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                           "bg-yellow-400": t?.iconBackground === "warning"
                         }, "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"])
                       }, [
-                        m(O, {
+                        m(F, {
                           loading: s.loading,
                           icon: t?.icon,
                           "aria-hidden": "true",
@@ -3746,7 +3745,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           }, g(s.timeline.footerText), 1)
         ])
       ])) : (l(), n("div", xn, [
-        m(O, {
+        m(F, {
           icon: c(W),
           color: "gray",
           loading: !1,
@@ -3772,7 +3771,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   emits: ["topBarClick"],
   setup(p, { emit: u }) {
     const r = p, i = Y(() => r.navigation ? Array.isArray(r.navigation) ? r.navigation : [r.navigation] : []);
-    return (s, o) => (l(), k(c(De), {
+    return (s, o) => (l(), x(c(Te), {
       as: "nav",
       class: "bg-white shadow z-10"
     }, {
@@ -3784,18 +3783,17 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                 m(c(Q), { class: "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500" }, {
                   default: f(() => [
                     o[1] || (o[1] = e("span", { class: "sr-only" }, "Open main menu", -1)),
-                    t ? (l(), k(c(K), {
+                    t ? (l(), x(c(K), {
                       key: 1,
                       class: "block h-6 w-6",
                       "aria-hidden": "true"
-                    })) : (l(), k(c(et), {
+                    })) : (l(), x(c(tt), {
                       key: 0,
                       class: "block h-6 w-6",
                       "aria-hidden": "true"
                     }))
                   ]),
-                  _: 2,
-                  __: [1]
+                  _: 2
                 }, 1024)
               ]),
               e("div", {
@@ -3817,11 +3815,11 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                 }, {
                   default: f(() => [
                     e("div", null, [
-                      B(m(c($e), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
+                      B(m(c(Ce), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
                         default: f(() => [
-                          B(e("div", In, o[2] || (o[2] = [
+                          B(e("div", In, [...o[2] || (o[2] = [
                             e("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
-                          ]), 512), [
+                          ])], 512), [
                             [D, s.alerted]
                           ]),
                           e("img", {
@@ -3834,7 +3832,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                         [D, s.accountLogo]
                       ])
                     ]),
-                    m(re, {
+                    m(ae, {
                       "enter-active-class": "transition ease-out duration-200",
                       "enter-from-class": "transform opacity-0 scale-95",
                       "enter-to-class": "transform opacity-100 scale-100",
@@ -3843,9 +3841,9 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                       "leave-to-class": "transform opacity-0 scale-95"
                     }, {
                       default: f(() => [
-                        m(c(Ce), { class: "origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, {
+                        m(c(Se), { class: "origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, {
                           default: f(() => [
-                            (l(!0), n($, null, S(s.profileMenu, (a) => (l(), k(c(Se), {
+                            (l(!0), n(_, null, S(s.profileMenu, (a) => (l(), x(c(Be), {
                               key: a.name
                             }, {
                               default: f(({ active: d }) => [
@@ -3872,10 +3870,10 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             ])
           ])
         ]),
-        m(c(Te), { class: "lg:hidden" }, {
+        m(c(ze), { class: "lg:hidden" }, {
           default: f(() => [
             e("div", Vn, [
-              (l(!0), n($, null, S(i.value, (a) => (l(), k(c(Q), {
+              (l(!0), n(_, null, S(i.value, (a) => (l(), x(c(Q), {
                 as: "template",
                 key: a.id,
                 class: y(["block pl-3 pr-4 py-2 border-l-4 text-base font-medium sm:pl-5 sm:pr-6", {
@@ -3905,7 +3903,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                 ])) : b("", !0)
               ]),
               e("div", Wn, [
-                (l(!0), n($, null, S(s.profileMenu, (a) => (l(), k(c(Q), {
+                (l(!0), n(_, null, S(s.profileMenu, (a) => (l(), x(c(Q), {
                   as: "template",
                   key: a.name,
                   class: "block px-4 py-2 text-base font-medium text-gray-500 hover:text-gray-800 hover:bg-gray-100 sm:px-6"
@@ -4016,7 +4014,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
     const o = Y(() => ({ ...i.options, ...s })), t = Y(() => i.series), a = () => r("chartUpdated"), d = (h, v, j) => {
       r("dataPointSelection", { id: i.id, chartContext: v, config: j, event: h });
     };
-    return (h, v) => (l(), n($, null, [
+    return (h, v) => (l(), n(_, null, [
       B(e("div", {
         class: y(["h-[" + h.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
@@ -4028,7 +4026,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           }, null, 8, ["range"])
         ]),
         B(e("div", li, [
-          m(c(ze), {
+          m(c(Le), {
             type: h.type,
             series: t.value,
             width: "100%",
@@ -4042,7 +4040,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           [D, !h.empty]
         ]),
         B(e("div", si, [
-          m(O, {
+          m(F, {
             icon: c(W),
             color: "gray",
             loading: !1,
@@ -4055,7 +4053,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       ], 2), [
         [D, !h.loading]
       ]),
-      B(e("div", oi, v[2] || (v[2] = [
+      B(e("div", oi, [...v[2] || (v[2] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -4081,7 +4079,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             e("div", { class: "w-full bg-gray-200 rounded h-1/2" })
           ])
         ], -1)
-      ]), 512), [
+      ])], 512), [
         [D, h.loading]
       ])
     ], 64));
@@ -4098,7 +4096,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   emits: ["action", "noResultsOptionSelected"],
   setup(p) {
     return (u, r) => (l(), n("div", ai, [
-      m(O, {
+      m(F, {
         class: "mx-auto",
         loading: !1,
         icon: c(W),
@@ -4109,7 +4107,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         e("h2", ii, g(u.title), 1),
         e("p", di, g(u.message), 1),
         e("div", ui, [
-          (l(!0), n($, null, S(u.actions, (i, s) => (l(), k(U, {
+          (l(!0), n(_, null, S(u.actions, (i, s) => (l(), x(U, {
             key: s,
             loading: !1,
             onClick: (o) => u.$emit("action", i.action)
@@ -4119,7 +4117,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             ]),
             _: 2
           }, 1032, ["onClick"]))), 128)),
-          u.items ? (l(), k(he, {
+          u.items ? (l(), x(ye, {
             key: 0,
             items: u.items,
             loading: !1,
@@ -4138,12 +4136,12 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["closeRightBar"],
   setup(p, { emit: u }) {
-    return (r, i) => (l(), k(c(Be), {
+    return (r, i) => (l(), x(c(Me), {
       as: "template",
       show: r.open
     }, {
       default: f(() => [
-        m(c(Me), {
+        m(c(je), {
           as: "div",
           class: "relative z-10",
           onClose: i[1] || (i[1] = (s) => r.$emit("closeRightBar"))
@@ -4153,7 +4151,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             e("div", gi, [
               e("div", mi, [
                 e("div", pi, [
-                  m(c(X), {
+                  m(c(ee), {
                     as: "template",
                     enter: "transform transition ease-in-out duration-500 sm:duration-700",
                     "enter-from": "translate-x-full",
@@ -4163,12 +4161,12 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                     "leave-to": "translate-x-full"
                   }, {
                     default: f(() => [
-                      m(c(je), { class: "pointer-events-auto w-screen max-w-md" }, {
+                      m(c(De), { class: "pointer-events-auto w-screen max-w-md" }, {
                         default: f(() => [
                           e("div", fi, [
                             e("div", hi, [
                               e("div", yi, [
-                                m(c(Qe), { class: "text-base font-semibold leading-6" }, {
+                                m(c(Ke), { class: "text-base font-semibold leading-6" }, {
                                   default: f(() => [
                                     z(g(r.title), 1)
                                   ]),
@@ -4207,14 +4205,13 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
               ])
             ])
           ]),
-          _: 3,
-          __: [4]
+          _: 3
         })
       ]),
       _: 3
     }, 8, ["show"]));
   }
-}), _i = { class: "uiGallery" }, $i = {
+}), $i = { class: "uiGallery" }, _i = {
   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"
@@ -4232,11 +4229,11 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["modalAction", "deleteImage", "imgClicked"],
   setup(p, { emit: u }) {
-    const r = u, i = N(!1), s = (o) => {
+    const r = u, i = A(!1), s = (o) => {
       i.value = !1, r("modalAction", o);
     };
-    return (o, t) => (l(), n("div", _i, [
-      o.loading ? b("", !0) : (l(), k(at, {
+    return (o, t) => (l(), n("div", $i, [
+      o.loading ? b("", !0) : (l(), x(nt, {
         key: 0,
         open: i.value,
         modalName: "deleteAllImagesModal",
@@ -4251,13 +4248,13 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         _: 1
       }, 8, ["open", "title", "actions"])),
       o.loading ? (l(), n("ul", Ti, [
-        (l(), n($, null, S(4, (a) => e("li", null, t[2] || (t[2] = [
+        (l(), n(_, null, S(4, (a) => e("li", null, [...t[2] || (t[2] = [
           e("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),
           e("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28 mt-4" }, null, -1),
           e("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-14 mt-2" }, null, -1)
-        ]))), 64))
-      ])) : (l(), n("ul", $i, [
-        (l(!0), n($, null, S(o.gallery, (a) => (l(), n("li", {
+        ])])), 64))
+      ])) : (l(), n("ul", _i, [
+        (l(!0), n(_, null, S(o.gallery, (a) => (l(), n("li", {
           key: a.source,
           class: "relative"
         }, [
@@ -4276,9 +4273,9 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           e("p", Mi, g(a.title), 1),
           e("div", ji, [
             e("p", Di, g(a.size), 1),
-            m(O, {
+            m(F, {
               class: "cursor-pointer",
-              icon: c(pe),
+              icon: c(fe),
               color: "red",
               loading: !1,
               onClick: (d) => o.$emit("deleteImage", a)
@@ -4286,7 +4283,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           ])
         ]))), 128))
       ])),
-      o.gallery.length > 0 && !o.loading ? (l(), k(U, {
+      o.gallery.length > 0 && !o.loading ? (l(), x(U, {
         key: 3,
         onClick: t[1] || (t[1] = (a) => i.value = !0),
         class: "mt-8",
@@ -4313,27 +4310,27 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   emits: ["dragAndDropUpdated"],
   setup(p, { emit: u }) {
     const r = u, i = p;
-    let s = N(i.elements);
+    let s = A(i.elements);
     H(() => i.elements, (t) => {
       s.value = t;
     });
     const o = (t) => {
       r("dragAndDropUpdated", t);
     };
-    return (t, a) => t.loading ? (l(), n("div", Pi, a[2] || (a[2] = [
-      te('<div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div>', 5)
-    ]))) : (l(), k(c(St), {
+    return (t, a) => t.loading ? (l(), n("div", Pi, [...a[2] || (a[2] = [
+      le('<div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 mb-1 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div><div class="h-16 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-sm"></div>', 5)
+    ])])) : (l(), x(c(St), {
       key: 0,
       modelValue: c(s),
       "onUpdate:modelValue": [
-        a[0] || (a[0] = (d) => xe(s) ? s.value = d : s = d),
+        a[0] || (a[0] = (d) => $e(s) ? s.value = d : s = d),
         a[1] || (a[1] = (d) => o(d))
       ]
     }, {
       item: f(({ item: d }) => [
         e("div", Li, [
           e("div", Fi, [
-            m(O, {
+            m(F, {
               icon: c(Vt),
               loading: !1,
               color: "gray",
@@ -4373,8 +4370,8 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["selectedRange", "chartUpdated", "dataPointSelection", "maximizeChart"],
   setup(p, { emit: u }) {
-    const r = u, i = p, s = N((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
-    let o = ae(i.dates || { from: "", to: s });
+    const r = u, i = p, s = A((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
+    let o = ne(i.dates || { from: "", to: s });
     H(() => i.dates, (T) => {
       T && (o = T);
     });
@@ -4410,12 +4407,12 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         }
       }
     };
-    const a = () => ({ ...t, ...i.options }), d = Y(() => i.series), h = Y(() => a()), v = () => r("chartUpdated"), j = (T, _, A) => {
-      r("dataPointSelection", { id: i.id, chartContext: _, config: A, event: T });
+    const a = () => ({ ...t, ...i.options }), d = Y(() => i.series), h = Y(() => a()), v = () => r("chartUpdated"), j = (T, $, O) => {
+      r("dataPointSelection", { id: i.id, chartContext: $, config: O, event: T });
     }, w = () => {
       o.from !== "" && o.to !== "" && V(o.from).isBefore(V(o.to)) && r("selectedRange", { range: o, chartId: i.id });
     };
-    return (T, _) => (l(), n($, null, [
+    return (T, $) => (l(), n(_, null, [
       B(e("div", {
         class: y(["h-[" + T.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
@@ -4425,40 +4422,40 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             e("div", Ei, [
               B(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": _[0] || (_[0] = (A) => c(o).from = A),
+                "onUpdate:modelValue": $[0] || ($[0] = (O) => c(o).from = O),
                 max: s.value.toString(),
                 onChange: w,
                 name: "from",
                 id: "from",
                 class: "text-xs relative block w-full rounded rounded-r-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
               }, null, 40, Ui), [
-                [se, c(o).from]
+                [oe, c(o).from]
               ])
             ]),
             e("div", Hi, [
               B(e("input", {
                 type: "datetime-local",
-                "onUpdate:modelValue": _[1] || (_[1] = (A) => c(o).to = A),
+                "onUpdate:modelValue": $[1] || ($[1] = (O) => c(o).to = O),
                 max: s.value.toString(),
                 onChange: w,
                 name: "to",
                 id: "to",
                 class: "text-xs relative block w-full -mr-2 rounded rounded-l-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
               }, null, 40, Zi), [
-                [se, c(o).to]
+                [oe, c(o).to]
               ])
             ]),
-            m(O, {
+            m(F, {
               class: "ml-4 cursor-pointer",
               size: "big",
               loading: T.loading,
-              icon: c(Xe),
-              onClick: _[2] || (_[2] = (A) => T.$emit("maximizeChart", T.id))
+              icon: c(et),
+              onClick: $[2] || ($[2] = (O) => T.$emit("maximizeChart", T.id))
             }, null, 8, ["loading", "icon"])
           ])
         ]),
         B(e("div", Ji, [
-          m(c(ze), {
+          m(c(Le), {
             class: "flex items-center justify-center mt-4",
             type: "donut",
             series: d.value,
@@ -4472,20 +4469,20 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
           [D, !T.empty]
         ]),
         B(e("div", Wi, [
-          m(O, {
+          m(F, {
             icon: c(W),
             color: "gray",
             loading: !1,
             size: "huge"
           }, null, 8, ["icon"]),
-          _[3] || (_[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
+          $[3] || ($[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
         ], 512), [
           [D, T.empty]
         ])
       ], 2), [
         [D, !T.loading]
       ]),
-      B(e("div", Gi, _[4] || (_[4] = [
+      B(e("div", Gi, [...$[4] || ($[4] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -4511,7 +4508,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             e("div", { class: "w-full bg-gray-200 rounded h-1/2" })
           ])
         ], -1)
-      ]), 512), [
+      ])], 512), [
         [D, T.loading]
       ])
     ], 64));
@@ -4537,8 +4534,8 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["uiDateRangeButtonClicked"],
   setup(p, { emit: u }) {
-    const r = p, i = N((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
-    let s = ae(r.values || { from: "", to: i });
+    const r = p, i = A((/* @__PURE__ */ new Date()).toISOString().slice(0, (/* @__PURE__ */ new Date()).toISOString().lastIndexOf(":")));
+    let s = ne(r.values || { from: "", to: i });
     const o = u;
     H(() => r.values, (a) => {
       a && (s = a);
@@ -4556,11 +4553,10 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         loading: !0
       }),
       m(U, { loading: !0 }, {
-        default: f(() => d[2] || (d[2] = [
+        default: f(() => [...d[2] || (d[2] = [
           z("Search", -1)
-        ])),
-        _: 1,
-        __: [2]
+        ])]),
+        _: 1
       })
     ])) : (l(), n("div", Ki, [
       m(J, {
@@ -4627,7 +4623,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["sliderUpdated"],
   setup(p, { emit: u }) {
-    const r = u, s = N(p.sliderValue);
+    const r = u, s = A(p.sliderValue);
     return (o, t) => (l(), n("div", null, [
       e("div", td, [
         o.label ? (l(), n("label", ld, g(o.label), 1)) : b("", !0),
@@ -4636,7 +4632,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       e("div", {
         class: y([{ "mt-1": o.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-black rounded-lg shadow-sm"])
       }, [
-        o.loading ? (l(), n("p", od)) : (l(), k(c(Bt), {
+        o.loading ? (l(), n("p", od)) : (l(), x(c(Bt), {
           key: 0,
           modelValue: s.value,
           "onUpdate:modelValue": t[0] || (t[0] = (a) => s.value = a),
@@ -4659,7 +4655,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
     description: {}
   },
   setup(p) {
-    return (u, r) => (l(), n($, null, [
+    return (u, r) => (l(), n(_, null, [
       e("h3", {
         class: y(["text-lg font-medium leading-6", { "mb-8": u.description === void 0 }])
       }, g(u.title), 3),
@@ -4688,7 +4684,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
     return (r, i) => r.loading ? (l(), n("div", md, [
       e("div", pd, [
         e("div", fd, [
-          m(O, {
+          m(F, {
             icon: r.icon,
             size: "huge",
             class: "text-white",
@@ -4699,7 +4695,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         i[3] || (i[3] = e("div", { class: "h-4 bg-gray-200 rounded-full dark:bg-gray-300 w-1/3 mx-auto" }, null, -1)),
         e("dl", hd, [
           e("dd", yd, [
-            (l(!0), n($, null, S(r.tags, (s, o) => (l(), k(Z, {
+            (l(!0), n(_, null, S(r.tags, (s, o) => (l(), x(Z, {
               key: o,
               loading: r.loading,
               event: s.event,
@@ -4725,7 +4721,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             "bg-gray-100": r.color === "light"
           }])
         }, [
-          m(O, {
+          m(F, {
             icon: r.icon,
             size: "huge",
             color: "black",
@@ -4744,7 +4740,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         ]),
         e("dl", cd, [
           e("dd", gd, [
-            (l(!0), n($, null, S(r.tags, (s, o) => (l(), k(Z, {
+            (l(!0), n(_, null, S(r.tags, (s, o) => (l(), x(Z, {
               key: o,
               loading: !1,
               event: s.event,
@@ -4761,7 +4757,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       ])
     ]));
   }
-}), bd = { class: "fixed inset-0 flex" }, wd = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, kd = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, xd = { class: "lg:pl-[25rem]" }, _d = { class: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8" }, $d = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, Cd = { class: "flex items-center gap-x-4 lg:gap-x-6" }, Sd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, Bd = ["src"], Md = { class: "hidden lg:flex lg:items-center" }, jd = ["onClick"], Dd = { class: "py-7" }, Td = { class: "px-7 lg:px-10" }, zd = /* @__PURE__ */ M({
+}), bd = { class: "fixed inset-0 flex" }, wd = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, kd = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, xd = { class: "lg:pl-[25rem]" }, $d = { class: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-4 border-b border-gray-200 bg-white px-4 shadow-sm sm:gap-x-6 sm:px-6 lg:px-8" }, _d = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, Cd = { class: "flex items-center gap-x-4 lg:gap-x-6" }, Sd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, Bd = ["src"], Md = { class: "hidden lg:flex lg:items-center" }, jd = ["onClick"], Dd = { class: "py-7" }, Td = { class: "px-7 lg:px-10" }, zd = /* @__PURE__ */ M({
   __name: "uiWrapper",
   props: {
     topbar: {},
@@ -4770,21 +4766,21 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["productBarClick", "sideBarClick", "selectChanged", "topBarClick", "checkboxChanged", "inputChanged", "sidebarToggle", "bellClick"],
   setup(p, { emit: u }) {
-    const r = p, i = u, s = N(r.sidebarOpen), o = () => {
+    const r = p, i = u, s = A(r.sidebarOpen), o = () => {
       s.value = !s.value, i("sidebarToggle", s.value);
     };
     return (t, a) => (l(), n("div", null, [
-      m(c(Be), {
+      m(c(Me), {
         as: "template",
         show: s.value
       }, {
         default: f(() => [
-          m(c(Me), {
+          m(c(je), {
             class: "relative z-50 lg:hidden",
             onClose: o
           }, {
             default: f(() => [
-              m(c(X), {
+              m(c(ee), {
                 as: "template",
                 enter: "transition-opacity ease-linear duration-300",
                 "enter-from": "opacity-0",
@@ -4793,14 +4789,13 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                 "leave-from": "opacity-100",
                 "leave-to": "opacity-0"
               }, {
-                default: f(() => a[10] || (a[10] = [
+                default: f(() => [...a[10] || (a[10] = [
                   e("div", { class: "fixed inset-0 bg-gray-900/80" }, null, -1)
-                ])),
-                _: 1,
-                __: [10]
+                ])]),
+                _: 1
               }),
               e("div", bd, [
-                m(c(X), {
+                m(c(ee), {
                   as: "template",
                   enter: "transition ease-in-out duration-300 transform",
                   "enter-from": "-translate-x-full",
@@ -4810,9 +4805,9 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                   "leave-to": "-translate-x-full"
                 }, {
                   default: f(() => [
-                    m(c(je), { class: "relative mr-16 flex w-full max-w-xs flex-1" }, {
+                    m(c(De), { class: "relative mr-16 flex w-full max-w-xs flex-1" }, {
                       default: f(() => [
-                        m(c(X), {
+                        m(c(ee), {
                           as: "template",
                           enter: "ease-in-out duration-300",
                           "enter-from": "opacity-0",
@@ -4838,7 +4833,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                           ]),
                           _: 1
                         }),
-                        m(we, {
+                        m(ke, {
                           productsSidebar: t.sidebar.productsSidebar,
                           isFilterNavigation: t.sidebar.isFilterNavigation,
                           navigation: t.sidebar.navigation,
@@ -4864,7 +4859,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         _: 1
       }, 8, ["show"]),
       e("div", kd, [
-        m(we, {
+        m(ke, {
           productsSidebar: t.sidebar.productsSidebar,
           isFilterNavigation: t.sidebar.isFilterNavigation,
           navigation: t.sidebar.navigation,
@@ -4878,14 +4873,14 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
         }, null, 8, ["productsSidebar", "isFilterNavigation", "navigation", "filterNavigation", "logo"])
       ]),
       e("div", xd, [
-        e("div", _d, [
+        e("div", $d, [
           e("button", {
             type: "button",
             class: "-m-2.5 p-2.5 text-gray-700 lg:hidden",
             onClick: o
           }, [
             a[12] || (a[12] = e("span", { class: "sr-only" }, "Open sidebar", -1)),
-            m(c(et), {
+            m(c(tt), {
               class: "h-6 w-6",
               "aria-hidden": "true"
             })
@@ -4894,8 +4889,8 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             class: "h-6 w-px bg-gray-200 lg:hidden",
             "aria-hidden": "true"
           }, null, -1)),
-          e("div", $d, [
-            m(ee, {
+          e("div", _d, [
+            m(te, {
               isWrapped: !0,
               class: "w-full self-center relative",
               items: t.topbar.selectItems,
@@ -4909,9 +4904,9 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                 onClick: a[9] || (a[9] = (d) => i("bellClick"))
               }, [
                 a[14] || (a[14] = e("span", { class: "sr-only" }, "View notifications", -1)),
-                B(e("div", Sd, a[13] || (a[13] = [
+                B(e("div", Sd, [...a[13] || (a[13] = [
                   e("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
-                ]), 512), [
+                ])], 512), [
                   [D, t.topbar.alerted]
                 ]),
                 m(c(Yt), {
@@ -4928,7 +4923,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                 class: "relative"
               }, {
                 default: f(() => [
-                  m(c($e), { class: "-m-1.5 flex items-center p-1.5" }, {
+                  m(c(Ce), { class: "-m-1.5 flex items-center p-1.5" }, {
                     default: f(() => [
                       a[15] || (a[15] = e("span", { class: "sr-only" }, "Open user menu", -1)),
                       e("img", {
@@ -4937,16 +4932,15 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                         alt: ""
                       }, null, 8, Bd),
                       e("span", Md, [
-                        m(c(oe), {
+                        m(c(re), {
                           class: "ml-2 h-5 w-5 text-gray-400",
                           "aria-hidden": "true"
                         })
                       ])
                     ]),
-                    _: 1,
-                    __: [15]
+                    _: 1
                   }),
-                  m(re, {
+                  m(ae, {
                     "enter-active-class": "transition ease-out duration-100",
                     "enter-from-class": "transform opacity-0 scale-95",
                     "enter-to-class": "transform opacity-100 scale-100",
@@ -4955,9 +4949,9 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                     "leave-to-class": "transform opacity-0 scale-95"
                   }, {
                     default: f(() => [
-                      m(c(Ce), { class: "absolute right-0 z-10 mt-2.5 w-52 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none" }, {
+                      m(c(Se), { class: "absolute right-0 z-10 mt-2.5 w-52 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none" }, {
                         default: f(() => [
-                          (l(!0), n($, null, S(t.topbar.profileMenu, (d) => (l(), k(c(Se), {
+                          (l(!0), n(_, null, S(t.topbar.profileMenu, (d) => (l(), x(c(Be), {
                             key: d.name
                           }, {
                             default: f(({ active: h }) => [
@@ -4995,12 +4989,12 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
     loading: { type: Boolean, default: !0 }
   },
   setup(p) {
-    const u = p, r = () => u.dynamicStats.length <= 5 ? `lg:grid-cols-${u.dynamicStats.length}` : `lg:grid-cols-${Math.floor(u.dynamicStats.length / 2)} xl:grid-cols-${u.dynamicStats.length}`, i = N(0), s = N(r());
+    const u = p, r = () => u.dynamicStats.length <= 5 ? `lg:grid-cols-${u.dynamicStats.length}` : `lg:grid-cols-${Math.floor(u.dynamicStats.length / 2)} xl:grid-cols-${u.dynamicStats.length}`, i = A(0), s = A(r());
     return mt(() => i.value += 1), (o, t) => (l(), n("div", {
       class: y([s.value, "grid grid-cols-1 md:grid-cols-2 gap-4"]),
       key: i.value
     }, [
-      (l(!0), n($, null, S(o.dynamicStats, (a, d) => (l(), k(it, {
+      (l(!0), n(_, null, S(o.dynamicStats, (a, d) => (l(), x(dt, {
         key: d,
         item: a,
         loading: o.loading
@@ -5016,7 +5010,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
 }, Pd = ["onClick"], Vd = { class: "absolute mt-1 w-full rounded-md bg-white shadow-lg z-50" }, Yd = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full"
-}, dt = /* @__PURE__ */ M({
+}, ut = /* @__PURE__ */ M({
   __name: "uiSelectMultiple",
   props: {
     items: {},
@@ -5033,7 +5027,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   emits: ["selectChanged"],
   setup(p, { emit: u }) {
     const r = u, i = p;
-    let s = N(Array.isArray(i.select) ? i.select : i.select ? [i.select] : []);
+    let s = A(Array.isArray(i.select) ? i.select : i.select ? [i.select] : []);
     const o = (a) => {
       r("selectChanged", a);
     };
@@ -5042,15 +5036,15 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
     }
     return (a, d) => a.loading ? (l(), n("div", Yd, [
       d[4] || (d[4] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
-      m(c(be), {
+      m(c(we), {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5"
       })
-    ])) : (l(), k(c(vt), {
+    ])) : (l(), x(c(vt), {
       key: 0,
       modelValue: c(s),
       "onUpdate:modelValue": [
-        d[0] || (d[0] = (h) => xe(s) ? s.value = h : s = h),
+        d[0] || (d[0] = (h) => $e(s) ? s.value = h : s = h),
         o
       ],
       name: "selectorMultiple",
@@ -5089,7 +5083,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
             default: f(() => [
               e("span", Id, [
                 c(s).length === 0 ? (l(), n("span", Nd, "...")) : b("", !0),
-                (l(!0), n($, null, S(c(s), (h) => (l(), n("span", {
+                (l(!0), n(_, null, S(c(s), (h) => (l(), n("span", {
                   key: h.id,
                   class: "flex items-center gap-1 rounded text-xs font-medium bg-lime-400 text-black border border-lime-200 px-2 py-0.5"
                 }, [
@@ -5100,15 +5094,15 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                     stroke: "currentColor",
                     viewBox: "0 0 24 24",
                     xmlns: "http://www.w3.org/2000/svg",
-                    onClick: ye((v) => t(h), ["stop", "prevent"])
-                  }, d[1] || (d[1] = [
+                    onClick: ve((v) => t(h), ["stop", "prevent"])
+                  }, [...d[1] || (d[1] = [
                     e("path", {
                       "stroke-linecap": "round",
                       "stroke-linejoin": "round",
                       "stroke-width": "2",
                       d: "M6 18L18 6M6 6l12 12"
                     }, null, -1)
-                  ]), 8, Pd))
+                  ])], 8, Pd))
                 ]))), 128))
               ]),
               d[2] || (d[2] = e("span", { class: "absolute h-full right-0 mr-2 self-center top-0 flex items-center" }, [
@@ -5127,13 +5121,12 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                 ])
               ], -1))
             ]),
-            _: 1,
-            __: [2]
+            _: 1
           }, 8, ["class"]),
           e("div", Vd, [
             m(c(kt), { 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: f(() => [
-                (l(!0), n($, null, S(a.items, (h) => (l(), k(c(xt), {
+                (l(!0), n(_, null, S(a.items, (h) => (l(), x(c(xt), {
                   key: h.id,
                   value: h,
                   as: "template"
@@ -5148,7 +5141,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                       j ? (l(), n("span", {
                         key: 0,
                         class: y(["absolute inset-y-0 right-0 flex items-center pr-4", { "text-black": v, "text-lime-400": !v }])
-                      }, d[3] || (d[3] = [
+                      }, [...d[3] || (d[3] = [
                         e("svg", {
                           class: "h-5 w-5",
                           viewBox: "0 0 20 20",
@@ -5160,7 +5153,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
                             clipRule: "evenodd"
                           })
                         ], -1)
-                      ]), 2)) : b("", !0)
+                      ])], 2)) : b("", !0)
                     ], 2)
                   ]),
                   _: 2
@@ -5184,7 +5177,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
-}), qd = { class: "flex flex-col lg:flex-row items-center" }, ke = /* @__PURE__ */ M({
+}), qd = { class: "flex flex-col lg:flex-row items-center" }, xe = /* @__PURE__ */ M({
   __name: "uiSmartFilter",
   props: {
     items: {},
@@ -5196,38 +5189,38 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
   },
   emits: ["smartFilterSelected", "smartInputChanged", "smartSelectChanged", "smartOptionSelected", "rightAddOnClicked"],
   setup(p, { emit: u }) {
-    const r = p, i = u, s = pt(J), o = N(r.items[0].props), t = (a) => {
+    const r = p, i = u, s = pt(J), o = A(r.items[0].props), t = (a) => {
       switch (a.type) {
         case "uiInput":
           s.value = J, i("smartFilterSelected", a.value);
           break;
         case "uiDropdown":
-          s.value = he, i("smartFilterSelected", a.value);
+          s.value = ye, i("smartFilterSelected", a.value);
           break;
         case "uiSelect":
-          s.value = ee, i("smartFilterSelected", a.value);
+          s.value = te, i("smartFilterSelected", a.value);
           break;
         case "uiSelectMultiple":
-          s.value = dt, i("smartFilterSelected", a.value);
+          s.value = ut, i("smartFilterSelected", a.value);
           break;
       }
       o.value = a.props;
     };
     return (a, d) => (l(), n("div", qd, [
-      m(rt, {
+      m(at, {
         items: a.items,
         loading: a.loading,
         onFilterSelected: t,
         class: "w-full lg:w-auto"
       }, null, 8, ["items", "loading"]),
-      (l(), k(Re(s.value), ve({ class: "w-full mt-2 lg:mt-0 lg:ml-2 lg:grow" }, o.value, {
+      (l(), x(Ee(s.value), be({ class: "w-full mt-2 lg:mt-0 lg:ml-2 lg:grow" }, o.value, {
         loading: !1,
         onInputChanged: d[0] || (d[0] = (h) => i("smartInputChanged", h)),
         onSelectChanged: d[1] || (d[1] = (h) => i("smartSelectChanged", h)),
         onOptionSelected: d[2] || (d[2] = (h) => i("smartOptionSelected", h)),
         onRightAddOnClicked: d[3] || (d[3] = (h) => i("rightAddOnClicked"))
       }), null, 16)),
-      a.showFilterButton ? (l(), k(U, {
+      a.showFilterButton ? (l(), x(U, {
         key: 0,
         class: "mt-2 lg:mt-0 w-full lg:w-auto ml-2",
         loading: a.loading
@@ -5243,7 +5236,7 @@ const hr = /* @__PURE__ */ le(mr, [["render", fr]]), yr = /* @__PURE__ */ M({
 function Ud(p, u) {
   return l(), n("span", Ed, "AND");
 }
-const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-col sm:flex-row items-center w-full" }, Zd = { class: "flex mt-4" }, Jd = /* @__PURE__ */ M({
+const qe = /* @__PURE__ */ se(Rd, [["render", Ud]]), Hd = { class: "flex flex-col sm:flex-row items-center w-full" }, Zd = { class: "flex mt-4" }, Jd = /* @__PURE__ */ M({
   __name: "uiSmartFilterMultiple",
   props: {
     items: {},
@@ -5255,7 +5248,7 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
   },
   emits: ["smartFilterMultipleSent", "smartFilterSelected", "smartInputChanged", "smartSelectChanged", "smartOptionSelected", "rightAddOnClicked"],
   setup(p, { emit: u }) {
-    const r = p, i = u, s = N([JSON.parse(JSON.stringify(r))]), o = N([{ name: r.items[0].name, value: null }]), t = () => {
+    const r = p, i = u, s = A([JSON.parse(JSON.stringify(r))]), o = A([{ name: r.items[0].name, value: null }]), t = () => {
       s.value.push(JSON.parse(JSON.stringify(r))), o.value.push({ name: r.items[0].name, value: null });
     }, a = () => {
       o.value.pop(), s.value.pop();
@@ -5266,21 +5259,21 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
     };
     return (v, j) => (l(), n("div", null, [
       e("div", Hd, [
-        m(ke, ve(s.value[0], {
+        m(xe, be(s.value[0], {
           class: "w-full sm:grow",
           onSmartInputChanged: j[0] || (j[0] = (w) => o.value[0].value = w),
           onSmartSelectChanged: j[1] || (j[1] = (w) => o.value[0].value = w),
           onSmartOptionSelected: j[2] || (j[2] = (w) => o.value[0].value = w),
           onSmartFilterSelected: j[3] || (j[3] = (w) => o.value[0].name = w)
         }), null, 16),
-        s.value.length > 1 ? (l(), k(Ye, {
+        s.value.length > 1 ? (l(), x(qe, {
           key: 0,
           class: "w-full ml-0 mt-2 sm:mt-0 sm:w-20 sm:ml-2"
         })) : b("", !0),
-        s.value.length === 1 ? (l(), k(U, {
+        s.value.length === 1 ? (l(), x(U, {
           key: 1,
           loading: !1,
-          icon: c(Oe),
+          icon: c(Ae),
           class: "w-full sm:w-auto sm:ml-2 ml-0 mt-2 sm:mt-0",
           onClick: t
         }, {
@@ -5290,25 +5283,25 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
           _: 1
         }, 8, ["icon"])) : b("", !0)
       ]),
-      (l(!0), n($, null, S(s.value.length - 1, (w) => (l(), n("div", {
+      (l(!0), n(_, null, S(s.value.length - 1, (w) => (l(), n("div", {
         class: "flex flex-col sm:flex-row items-center w-full mt-4",
         key: w
       }, [
-        m(ke, ve({ ref_for: !0 }, s.value[w], {
+        m(xe, be({ ref_for: !0 }, s.value[w], {
           class: "w-full sm:grow",
           onSmartInputChanged: (T) => o.value[w].value = T,
           onSmartSelectChanged: (T) => o.value[w].value = T,
           onSmartOptionSelected: (T) => o.value[w].value = T,
           onSmartFilterSelected: (T) => o.value[w].name = T
         }), null, 16, ["onSmartInputChanged", "onSmartSelectChanged", "onSmartOptionSelected", "onSmartFilterSelected"]),
-        s.value.length > w && s.value.length !== w + 1 ? (l(), k(Ye, {
+        s.value.length > w && s.value.length !== w + 1 ? (l(), x(qe, {
           key: 0,
           class: "w-full ml-0 mt-2 sm:mt-0 sm:w-20 sm:ml-2"
         })) : b("", !0),
-        s.value.length === w + 1 ? (l(), k(U, {
+        s.value.length === w + 1 ? (l(), x(U, {
           key: 1,
           loading: !1,
-          icon: c(pe),
+          icon: c(fe),
           color: "red",
           class: "sm:ml-2 ml-0 mt-2 sm:mt-0",
           onClick: a
@@ -5318,10 +5311,10 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
           ]),
           _: 1
         }, 8, ["icon"])) : b("", !0),
-        s.value.length === w + 1 ? (l(), k(U, {
+        s.value.length === w + 1 ? (l(), x(U, {
           key: 2,
           loading: !1,
-          icon: c(Oe),
+          icon: c(Ae),
           class: "sm:ml-2 ml-0 mt-2 sm:mt-0",
           onClick: t
         }, {
@@ -5376,108 +5369,108 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
   },
   emits: ["smartFiltersSent", "smartFiltersCleared", "smartFilterDeleted"],
   setup(p, { emit: u }) {
-    const r = p, i = u, s = N({ id: "1", name: r.literals.and }), o = ae([]), t = N(r.availableCategories[0] || {}), a = (x) => x ? x === "uiInput" ? r.literals.contains : r.literals.is : "", d = (x) => {
-      o.splice(0, o.length), x.logicOperator === "and" || x.logicOperator === r.literals.and ? s.value = { id: "1", name: r.literals.and } : (x.logicOperator === "or" || x.logicOperator === r.literals.or) && (s.value = { id: "2", name: r.literals.or }), x.filters.forEach((I) => {
-        const L = r.availableCategories.find((R) => R.name === I.name);
-        if (L) {
-          const R = {
-            label: I.label,
-            name: I.name,
-            type: I.type,
-            props: { ...L.defaultProps }
+    const r = p, i = u, s = A({ id: "1", name: r.literals.and }), o = ne([]), t = A(r.availableCategories[0] || {}), a = (k) => k ? k === "uiInput" ? r.literals.contains : r.literals.is : "", d = (k) => {
+      o.splice(0, o.length), k.logicOperator === "and" || k.logicOperator === r.literals.and ? s.value = { id: "1", name: r.literals.and } : (k.logicOperator === "or" || k.logicOperator === r.literals.or) && (s.value = { id: "2", name: r.literals.or }), k.filters.forEach((N) => {
+        const q = r.availableCategories.find((P) => P.name === N.name);
+        if (q) {
+          const P = {
+            label: N.label,
+            name: N.name,
+            type: N.type,
+            props: { ...q.defaultProps }
           };
-          if (I.type === "uiInput")
-            R.props.value = I.value || "";
-          else if (I.type === "uiSelect") {
-            const G = L.defaultProps.items?.find((ut) => ut.name === I.value);
-            G ? R.props.select = G : L.defaultProps.items && L.defaultProps.items.length > 0 && (R.props.select = L.defaultProps.items[0]);
+          if (N.type === "uiInput")
+            P.props.value = N.value || "";
+          else if (N.type === "uiSelect") {
+            const G = q.defaultProps.items?.find((X) => X.name === N.value);
+            G ? P.props.select = G : q.defaultProps.items && q.defaultProps.items.length > 0 && (P.props.select = q.defaultProps.items[0]);
           }
-          o.push(R);
+          o.push(P);
         }
       });
     };
-    H(() => r.literals, (x) => {
-      s.value.id === "1" ? s.value.name = x.and : s.value.id === "2" && (s.value.name = x.or);
-    }, { deep: !0 }), H(() => r.availableCategories, (x) => {
-      x.length > 0 && (!t.value.name || !x.some((I) => I.name === t.value.name)) && (t.value = x[0]);
-    }, { deep: !0, immediate: !0 }), H(() => r.filters, (x) => {
-      x && d(x);
+    H(() => r.literals, (k) => {
+      s.value.id === "1" ? s.value.name = k.and : s.value.id === "2" && (s.value.name = k.or);
+    }, { deep: !0 }), H(() => r.availableCategories, (k) => {
+      k.length > 0 && (!t.value.name || !k.some((N) => N.name === t.value.name)) && (t.value = k[0]);
+    }, { deep: !0, immediate: !0 }), H(() => r.filters, (k) => {
+      k && d(k);
     }, { deep: !0, immediate: !0 });
     const h = Y(() => [
       { id: "1", name: r.literals.and },
       { id: "2", name: r.literals.or }
-    ]), v = Y(() => r.availableCategories.map((x) => ({
-      id: x.name,
-      name: x.name,
-      label: x.label
+    ]), v = Y(() => r.availableCategories.map((k) => ({
+      id: k.name,
+      name: k.name,
+      label: k.label
     }))), j = Y(() => ({
       id: t.value.name,
       label: t.value.label,
       name: t.value.name
-    })), w = Y(() => o.map((x) => x.type === "uiInput" ? {
-      name: x.label,
+    })), w = Y(() => o.map((k) => k.type === "uiInput" ? {
+      name: k.label,
       operator: r.literals.contains,
-      value: x.props.value || ""
-    } : x.type === "uiSelect" ? {
-      name: x.label,
+      value: k.props.value || ""
+    } : k.type === "uiSelect" ? {
+      name: k.label,
       operator: r.literals.is,
-      value: x.props.select?.name || ""
+      value: k.props.select?.name || ""
     } : {
-      name: x.label,
+      name: k.label,
       operator: r.literals.contains,
       value: ""
-    })), T = (x) => {
-      s.value = Array.isArray(x) ? x[0] || { id: "1", name: r.literals.and } : x;
-    }, _ = (x) => {
-      const I = Array.isArray(x) ? x[0] : x, L = r.availableCategories.find((R) => R.name === I.id);
-      L && (t.value = L);
-    }, A = () => {
+    })), T = (k) => {
+      s.value = Array.isArray(k) ? k[0] || { id: "1", name: r.literals.and } : k;
+    }, $ = (k) => {
+      const N = Array.isArray(k) ? k[0] : k, q = r.availableCategories.find((P) => P.name === N.id);
+      q && (t.value = q);
+    }, O = () => {
       if (!t.value || !t.value.name)
         return;
-      const x = {
+      const k = {
         label: t.value.label,
         name: t.value.name,
         type: t.value.componentType,
         props: { ...t.value.defaultProps }
       };
-      o.push(x);
-    }, F = (x, I) => {
-      if (x < 0 || x >= o.length) return;
-      const L = o[x];
-      L.type === "uiInput" ? typeof I == "string" && (L.props.value = I) : L.type === "uiSelect" && (Array.isArray(I) ? L.props.select = I[0] : typeof I == "object" && I !== null && (L.props.select = I));
-    }, C = (x) => {
-      x >= 0 && x < o.length && (o.splice(x, 1), i("smartFilterDeleted", x));
-    }, q = () => {
+      o.push(k);
+    }, L = (k, N) => {
+      if (k < 0 || k >= o.length) return;
+      const q = o[k];
+      q.type === "uiInput" ? typeof N == "string" && (q.props.value = N) : q.type === "uiSelect" && (Array.isArray(N) ? q.props.select = N[0] : typeof N == "object" && N !== null && (q.props.select = N));
+    }, C = (k) => {
+      k >= 0 && k < o.length && (o.splice(k, 1), i("smartFilterDeleted", k));
+    }, R = () => {
       o.splice(0, o.length), i("smartFiltersCleared");
-    }, P = () => {
-      const I = {
+    }, I = (k) => {
+      const q = {
         logicOperator: s.value.id === "1" ? "and" : "or",
-        filters: o.map((L) => ({
-          name: L.name,
-          label: L.label,
-          type: L.type,
-          value: L.type === "uiInput" ? L.props.value : L.props.select?.id
+        filters: o.map((P) => ({
+          name: P.name,
+          label: P.label,
+          type: P.type,
+          value: P.type === "uiInput" ? P.props.value : P.props.select?.id
         }))
       };
-      i("smartFiltersSent", I);
+      i("smartFiltersSent", q), k();
     };
-    return (x, I) => (l(), k(c(_t), { class: "relative" }, {
+    return (k, N) => (l(), x(c($t), { class: "relative" }, {
       default: f(() => [
-        m(c($t), { class: "inline-flex items-center gap-x-2 text-sm/6 font-semibold text-gray-900 outline-none" }, {
+        m(c(_t), { class: "inline-flex items-center gap-x-2 text-sm/6 font-semibold text-gray-900 outline-none flex-wrap gap-y-1" }, {
           default: f(() => [
             e("span", null, g(r.literals.filters) + ": ", 1),
-            (l(!0), n($, null, S(w.value, (L, R) => (l(), n($, { key: R }, [
-              e("span", Wd, g(L.name) + " " + g(L.operator) + ": " + g(L.value), 1),
-              R < w.value.length - 1 ? (l(), n("span", Gd, g(s.value.name), 1)) : b("", !0)
+            (l(!0), n(_, null, S(w.value, (q, P) => (l(), n(_, { key: P }, [
+              e("span", Wd, g(q.name) + " " + g(q.operator) + ": " + g(q.value), 1),
+              P < w.value.length - 1 ? (l(), n("span", Gd, g(s.value.name), 1)) : b("", !0)
             ], 64))), 128)),
-            m(c(oe), {
+            m(c(re), {
               class: "size-5",
               "aria-hidden": "true"
             })
           ]),
           _: 1
         }),
-        m(re, {
+        m(ae, {
           "enter-active-class": "transition ease-out duration-200",
           "enter-from-class": "opacity-0 translate-y-1",
           "enter-to-class": "opacity-100 translate-y-0",
@@ -5487,32 +5480,31 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
         }, {
           default: f(() => [
             m(c(Ct), { class: "absolute z-10 mt-2 flex w-screen max-w-max bg-transparent" }, {
-              default: f(() => [
+              default: f(({ close: q }) => [
                 e("div", Qd, [
                   e("div", Kd, [
                     e("div", Xd, [
-                      m(ee, {
+                      m(te, {
                         loading: !1,
                         class: "w-60",
                         items: v.value,
                         select: j.value,
-                        onSelectChanged: _
+                        onSelectChanged: $
                       }, null, 8, ["items", "select"]),
                       m(U, {
                         loading: !1,
-                        onClick: A,
+                        onClick: O,
                         disabled: !t.value || !t.value.name
                       }, {
-                        default: f(() => I[0] || (I[0] = [
+                        default: f(() => [...N[0] || (N[0] = [
                           z(" Agregar Filtro ", -1)
-                        ])),
-                        _: 1,
-                        __: [0]
+                        ])]),
+                        _: 1
                       }, 8, ["disabled"])
                     ]),
-                    (l(!0), n($, null, S(o, (L, R) => (l(), n("div", {
+                    (l(!0), n(_, null, S(o, (P, G) => (l(), n("div", {
                       class: "flex items-center gap-x-2 w-full",
-                      key: L.name
+                      key: P.name
                     }, [
                       m(Z, {
                         loading: !1,
@@ -5520,7 +5512,7 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
                         color: "gray"
                       }, {
                         default: f(() => [
-                          z(g(L.label), 1)
+                          z(g(P.label), 1)
                         ]),
                         _: 2
                       }, 1024),
@@ -5530,26 +5522,26 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
                         color: "gray"
                       }, {
                         default: f(() => [
-                          z(g(a(L.type)), 1)
+                          z(g(a(P.type)), 1)
                         ]),
                         _: 2
                       }, 1024),
-                      L.type === "uiSelect" ? (l(), k(ee, {
+                      P.type === "uiSelect" ? (l(), x(te, {
                         key: 0,
                         class: "grow",
                         loading: !1,
-                        items: L.props.items || [],
-                        select: L.props.select || L.props.items?.[0] || { id: "0", name: "Select..." },
-                        onSelectChanged: (G) => F(R, G)
-                      }, null, 8, ["items", "select", "onSelectChanged"])) : L.type === "uiInput" ? (l(), k(J, {
+                        items: P.props.items || [],
+                        select: P.props.select || P.props.items?.[0] || { id: "0", name: "Select..." },
+                        onSelectChanged: (X) => L(G, X)
+                      }, null, 8, ["items", "select", "onSelectChanged"])) : P.type === "uiInput" ? (l(), x(J, {
                         key: 1,
                         class: "grow",
                         loading: !1,
-                        name: L.props.name || "",
-                        value: L.props.value || "",
-                        onInput: (G) => F(R, G.target.value)
+                        name: P.props.name || "",
+                        value: P.props.value || "",
+                        onInput: (X) => L(G, X.target.value)
                       }, null, 8, ["name", "value", "onInput"])) : b("", !0),
-                      R === 0 ? (l(), k(ee, {
+                      G === 0 ? (l(), x(te, {
                         key: 2,
                         onSelectChanged: T,
                         class: "w-24 uppercase",
@@ -5557,7 +5549,7 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
                         items: h.value,
                         select: s.value
                       }, null, 8, ["items", "select"])) : b("", !0),
-                      R > 0 ? (l(), k(Z, {
+                      G > 0 ? (l(), x(Z, {
                         key: 3,
                         loading: !1,
                         size: "big",
@@ -5569,12 +5561,12 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
                         ]),
                         _: 1
                       })) : b("", !0),
-                      m(O, {
-                        icon: c(pe),
+                      m(F, {
+                        icon: c(fe),
                         color: "red",
                         loading: !1,
                         class: "cursor-pointer",
-                        onClick: (G) => C(R),
+                        onClick: (X) => C(G),
                         title: "Eliminar filtro"
                       }, null, 8, ["icon", "onClick"])
                     ]))), 128))
@@ -5583,8 +5575,8 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
                     m(U, {
                       loading: !1,
                       color: "red",
-                      icon: c(pe),
-                      onClick: q
+                      icon: c(fe),
+                      onClick: R
                     }, {
                       default: f(() => [
                         z(g(r.literals.deleteAll), 1)
@@ -5594,13 +5586,13 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
                     m(U, {
                       loading: !1,
                       icon: c(At),
-                      onClick: P
+                      onClick: (P) => I(q)
                     }, {
                       default: f(() => [
                         z(g(r.literals.filter), 1)
                       ]),
-                      _: 1
-                    }, 8, ["icon"])
+                      _: 2
+                    }, 1032, ["icon", "onClick"])
                   ])
                 ])
               ]),
@@ -5613,29 +5605,29 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
       _: 1
     }));
   }
-}), qe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}), Re = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   uiAlert: Wl,
   uiBreadcrumbs: ss,
   uiButton: U,
   uiCard: us,
   uiChart: gr,
-  uiCheckbox: Ke,
+  uiCheckbox: Xe,
   uiCircleChart: Qi,
   uiDateRange: ed,
   uiDeviceStatus: vd,
   uiDragAndDrop: Vi,
-  uiDropdown: he,
+  uiDropdown: ye,
   uiDynamicStats: Ld,
-  uiFilter: rt,
+  uiFilter: at,
   uiFooter: hr,
   uiFunnelChartV2: ri,
   uiGallery: zi,
-  uiIcon: O,
+  uiIcon: F,
   uiInput: J,
   uiInputFile: bl,
   uiLoadingScreen: yr,
-  uiModal: at,
+  uiModal: nt,
   uiNoResults: ci,
   uiNotification: Ms,
   uiPagination: zr,
@@ -5643,15 +5635,15 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
   uiRangeSlider: rd,
   uiRightSidebar: xi,
   uiSectionTitle: nd,
-  uiSelect: $l,
-  uiSelectMultiple: dt,
-  uiSelect_v2: ee,
+  uiSelect: _l,
+  uiSelectMultiple: ut,
+  uiSelect_v2: te,
   uiSidebar: Ur,
-  uiSidebarV2: we,
-  uiSmartFilter: ke,
+  uiSidebarV2: ke,
+  uiSmartFilter: xe,
   uiSmartFilterMultiple: Jd,
   uiSmartFilterMultipleV2: tu,
-  uiStats: it,
+  uiStats: dt,
   uiStripedCard: Da,
   uiTable: Xa,
   uiTabs: an,
@@ -5678,8 +5670,8 @@ const Ye = /* @__PURE__ */ le(Rd, [["render", Ud]]), Hd = { class: "flex flex-co
   "datetime-local"
 ], su = ["black", "gray", "white"], pu = [...lu, ...su], ou = ["small", "medium", "big"], ru = ["bigger", "huge", "massive"], fu = [...ou, ...ru], hu = ["default", "success", "warning", "danger"];
 function au(p) {
-  for (const u in qe)
-    p.component(u, qe[u]);
+  for (const u in Re)
+    p.component(u, Re[u]);
 }
 const yu = { install: au };
 export {
@@ -5697,22 +5689,22 @@ export {
   U as uiButton,
   us as uiCard,
   gr as uiChart,
-  Ke as uiCheckbox,
+  Xe as uiCheckbox,
   Qi as uiCircleChart,
   ed as uiDateRange,
   vd as uiDeviceStatus,
   Vi as uiDragAndDrop,
-  he as uiDropdown,
+  ye as uiDropdown,
   Ld as uiDynamicStats,
-  rt as uiFilter,
+  at as uiFilter,
   hr as uiFooter,
   ri as uiFunnelChartV2,
   zi as uiGallery,
-  O as uiIcon,
+  F as uiIcon,
   J as uiInput,
   bl as uiInputFile,
   yr as uiLoadingScreen,
-  at as uiModal,
+  nt as uiModal,
   ci as uiNoResults,
   Ms as uiNotification,
   zr as uiPagination,
@@ -5720,15 +5712,15 @@ export {
   rd as uiRangeSlider,
   xi as uiRightSidebar,
   nd as uiSectionTitle,
-  $l as uiSelect,
-  dt as uiSelectMultiple,
-  ee as uiSelect_v2,
+  _l as uiSelect,
+  ut as uiSelectMultiple,
+  te as uiSelect_v2,
   Ur as uiSidebar,
-  we as uiSidebarV2,
-  ke as uiSmartFilter,
+  ke as uiSidebarV2,
+  xe as uiSmartFilter,
   Jd as uiSmartFilterMultiple,
   tu as uiSmartFilterMultipleV2,
-  it as uiStats,
+  dt as uiStats,
   Da as uiStripedCard,
   Xa as uiTable,
   an as uiTabs,