@hotelinking/ui 10.44.1 → 10.44.3

package/dist/ui.es.js

@@ -1,9 +1,9 @@
-import { defineComponent as M, createBlock as _, createElementBlock as n, openBlock as s, resolveDynamicComponent as Oe, normalizeClass as h, createCommentVNode as b, renderSlot as q, createElementVNode as e, ref as N, watch as R, computed as V, unref as c, withCtx as v, createVNode as p, toDisplayString as g, createTextVNode as L, Transition as ce, Fragment as k, renderList as $, withDirectives as C, vModelDynamic as tt, vShow as D, withModifiers as ye, vModelText as X, createStaticVNode as Q, resolveComponent as De, vModelCheckbox as Ie, reactive as ge, isRef as ve, TransitionGroup as st, onMounted as ot, shallowRef as lt, mergeProps as rt } from "vue";
-import { Menu as be, MenuButton as we, MenuItems as xe, MenuItem as ke, Combobox as Ye, ComboboxLabel as nt, ComboboxInput as Pe, ComboboxButton as Ve, ComboboxOptions as Fe, ComboboxOption as qe, SwitchGroup as at, Switch as it, SwitchLabel as dt, TransitionRoot as _e, Dialog as $e, TransitionChild as G, DialogPanel as Ce, DialogTitle as Re, Disclosure as Se, DisclosureButton as Z, DisclosurePanel as Be, Listbox as ut, ListboxLabel as ct, ListboxButton as gt, ListboxOptions as pt, ListboxOption as mt } from "@headlessui/vue";
+import { defineComponent as M, createBlock as k, createElementBlock as n, openBlock as s, resolveDynamicComponent as Oe, normalizeClass as h, createCommentVNode as b, renderSlot as q, createElementVNode as e, ref as N, watch as R, computed as V, unref as c, withCtx as v, createVNode as p, toDisplayString as g, createTextVNode as L, Transition as ce, Fragment as _, renderList as $, withDirectives as C, vModelDynamic as ot, vShow as D, withModifiers as ye, vModelText as X, createStaticVNode as Q, resolveComponent as De, vModelCheckbox as Ie, reactive as ge, isRef as ve, TransitionGroup as lt, onMounted as rt, shallowRef as nt, mergeProps as at } from "vue";
+import { Menu as be, MenuButton as we, MenuItems as xe, MenuItem as ke, Combobox as Ye, ComboboxLabel as it, ComboboxInput as Pe, ComboboxButton as Ve, ComboboxOptions as Fe, ComboboxOption as qe, SwitchGroup as dt, Switch as ut, SwitchLabel as ct, TransitionRoot as _e, Dialog as $e, TransitionChild as G, DialogPanel as Ce, DialogTitle as Re, Disclosure as Se, DisclosureButton as Z, DisclosurePanel as Be, Listbox as gt, ListboxLabel as pt, ListboxButton as mt, ListboxOptions as ft, ListboxOption as yt } from "@headlessui/vue";
 import z from "dayjs";
 import Me from "vue3-apexcharts";
-import ft from "vue3-draggable";
-import yt from "@vueform/slider";
+import ht from "vue3-draggable";
+import vt from "@vueform/slider";
 const j = /* @__PURE__ */ M({
   __name: "uiIcon",
   props: {
@@ -22,7 +22,7 @@ const j = /* @__PURE__ */ M({
         "h-12 w-12": i.size === "huge",
         "h-20 w-20": i.size === "massive"
       }, "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"])
-    }, null, 2)) : (s(), _(Oe(i.icon), {
+    }, null, 2)) : (s(), k(Oe(i.icon), {
       key: 0,
       class: h({
         "h-4 w-4": i.size === "medium",
@@ -41,7 +41,7 @@ const j = /* @__PURE__ */ M({
       })
     }, null, 8, ["class"]));
   }
-}), ht = ["disabled"], vt = {
+}), bt = ["disabled"], wt = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 text-sm rounded-md inline-flex items-center border border-transparent font-medium shadow-sm text-white focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25 bg-gray-200"
 }, J = /* @__PURE__ */ M({
@@ -55,8 +55,8 @@ const j = /* @__PURE__ */ M({
     size: { default: "medium" }
   },
   setup(m) {
-    return (i, l) => i.loading ? (s(), n("button", vt, [
-      i.icon ? (s(), _(j, {
+    return (i, l) => i.loading ? (s(), n("button", wt, [
+      i.icon ? (s(), k(j, {
         key: 0,
         icon: i.icon,
         color: "white",
@@ -80,7 +80,7 @@ const j = /* @__PURE__ */ M({
       }, "inline-flex items-center border border-transparent font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25"]),
       type: "button"
     }, [
-      i.icon ? (s(), _(j, {
+      i.icon ? (s(), k(j, {
         key: 0,
         icon: i.icon,
         color: "white",
@@ -88,12 +88,12 @@ const j = /* @__PURE__ */ M({
         loading: i.loading
       }, null, 8, ["icon", "loading"])) : b("", !0),
       q(i.$slots, "default")
-    ], 10, ht));
+    ], 10, bt));
   }
-}), bt = {
+}), xt = {
   key: 0,
   class: "relative flex items-start"
-}, wt = { class: "flex items-center h-5" }, xt = ["checked", "value", "disabled"], kt = { class: "ml-3 text-sm" }, _t = { class: "text-gray-500" }, $t = {
+}, kt = { class: "flex items-center h-5" }, _t = ["checked", "value", "disabled"], $t = { class: "ml-3 text-sm" }, Ct = { class: "text-gray-500" }, St = {
   key: 1,
   class: "flex items-center animate-pulse"
 }, Ue = /* @__PURE__ */ M({
@@ -112,11 +112,11 @@ const j = /* @__PURE__ */ M({
     };
     return R(() => a.check, (t) => {
       t && (r.value = t);
-    }), (t, d) => t.loading ? (s(), n("div", $t, d[1] || (d[1] = [
+    }), (t, d) => t.loading ? (s(), n("div", St, d[1] || (d[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)
-    ]))) : (s(), n("div", bt, [
-      e("div", wt, [
+    ]))) : (s(), n("div", xt, [
+      e("div", kt, [
         e("input", {
           checked: t.check,
           value: t.value,
@@ -124,17 +124,17 @@ const j = /* @__PURE__ */ M({
           class: "focus:ring-indigo-500 h-4 w-4 text-indigo-600 border-gray-300 rounded disabled:opacity-25",
           type: "checkbox",
           onChange: d[0] || (d[0] = (u) => o())
-        }, null, 40, xt)
+        }, null, 40, _t)
       ]),
-      e("div", kt, [
-        e("span", _t, [
+      e("div", $t, [
+        e("span", Ct, [
           q(t.$slots, "default")
         ])
       ])
     ]));
   }
 });
-function Ct(m, i) {
+function Bt(m, i) {
   return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -151,7 +151,7 @@ function Ct(m, i) {
     })
   ]);
 }
-function St(m, i) {
+function Mt(m, i) {
   return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -168,7 +168,7 @@ function St(m, i) {
     })
   ]);
 }
-function Bt(m, i) {
+function Dt(m, i) {
   return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -219,7 +219,7 @@ function Ee(m, i) {
     })
   ]);
 }
-function Mt(m, i) {
+function jt(m, i) {
   return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -236,7 +236,7 @@ function Mt(m, i) {
     })
   ]);
 }
-function Dt(m, i) {
+function Tt(m, i) {
   return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -355,7 +355,7 @@ function ue(m, i) {
     })
   ]);
 }
-function jt(m, i) {
+function We(m, i) {
   return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -372,7 +372,7 @@ function jt(m, i) {
     })
   ]);
 }
-function Tt(m, i) {
+function zt(m, i) {
   return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -406,7 +406,7 @@ function H(m, i) {
     })
   ]);
 }
-function zt(m, i) {
+function Lt(m, i) {
   return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -423,7 +423,7 @@ function zt(m, i) {
     })
   ]);
 }
-function Lt(m, i) {
+function At(m, i) {
   return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -440,7 +440,7 @@ function Lt(m, i) {
     })
   ]);
 }
-function At(m, i) {
+function Nt(m, i) {
   return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -457,7 +457,7 @@ function At(m, i) {
     })
   ]);
 }
-function Nt(m, i) {
+function Ot(m, i) {
   return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -474,7 +474,7 @@ function Nt(m, i) {
     })
   ]);
 }
-function We(m, i) {
+function Ge(m, i) {
   return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -491,7 +491,7 @@ function We(m, i) {
     })
   ]);
 }
-function Ot(m, i) {
+function It(m, i) {
   return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -508,7 +508,7 @@ function Ot(m, i) {
     })
   ]);
 }
-function It(m, i) {
+function Yt(m, i) {
   return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -525,7 +525,7 @@ function It(m, i) {
     })
   ]);
 }
-function Yt(m, i) {
+function Pt(m, i) {
   return s(), n("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -576,13 +576,13 @@ function W(m, i) {
     })
   ]);
 }
-const Pt = { class: "flex justify-between" }, Vt = {
+const Vt = { class: "flex justify-between sha" }, Ft = {
   key: 0,
   class: "block text-sm font-medium text-gray-700 mb-1"
-}, Ft = {
+}, qt = {
   key: 1,
   class: "place-self-center text-[10px] text-gray-500 uppercase justify-self-end mt-1"
-}, qt = { class: "py-1" }, Rt = ["onClick"], Ut = {
+}, Rt = { class: "-py-1" }, Ut = ["onClick"], Ht = {
   key: 1,
   class: "animate-pulse px-4 py-2 bg-gray-200 rounded-md inline-flex items-center relative text-left"
 }, fe = /* @__PURE__ */ M({
@@ -590,6 +590,7 @@ const Pt = { class: "flex justify-between" }, Vt = {
   props: {
     items: {},
     position: { default: "left" },
+    verticalPosition: { default: "bottom" },
     disabled: { type: Boolean },
     label: {},
     loading: { type: Boolean, default: !0 },
@@ -603,30 +604,36 @@ const Pt = { class: "flex justify-between" }, Vt = {
     }), o = (t) => {
       a.disabled || l("optionSelected", t);
     };
-    return (t, d) => t.loading ? (s(), n("div", Ut, [
+    return (t, d) => t.loading ? (s(), n("div", Ht, [
       d[0] || (d[0] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1)),
       p(c(de), {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300"
       })
-    ])) : (s(), _(c(be), {
+    ])) : (s(), k(c(be), {
       key: 0,
       as: "div",
       class: h(["relative inline-block text-left", { "opacity-25": t.disabled }])
     }, {
       default: v(() => [
         e("div", null, [
-          e("div", Pt, [
-            t.label ? (s(), n("label", Vt, g(t.label), 1)) : b("", !0),
-            t.requiredText ? (s(), n("span", Ft, g(t.requiredText), 1)) : b("", !0)
+          e("div", Vt, [
+            t.label ? (s(), n("label", Ft, g(t.label), 1)) : b("", !0),
+            t.requiredText ? (s(), n("span", qt, g(t.requiredText), 1)) : b("", !0)
           ]),
           p(c(we), { class: "inline-flex justify-between w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-indigo-500" }, {
             default: v(() => [
               L(g(r.value) + " ", 1),
-              p(c(de), {
+              t.verticalPosition === "bottom" ? (s(), k(c(de), {
+                key: 0,
                 "aria-hidden": "true",
                 class: "-mr-1 ml-2 h-5 w-5"
-              })
+              })) : b("", !0),
+              t.verticalPosition === "top" ? (s(), k(c(We), {
+                key: 1,
+                "aria-hidden": "true",
+                class: "-mr-1 ml-2 h-5 w-5"
+              })) : b("", !0)
             ]),
             _: 1
           })
@@ -640,13 +647,18 @@ const Pt = { class: "flex justify-between" }, Vt = {
           "leave-to-class": "transform opacity-0 scale-95"
         }, {
           default: v(() => [
-            t.disabled ? b("", !0) : (s(), _(c(xe), {
+            t.disabled ? b("", !0) : (s(), k(c(xe), {
               key: 0,
-              class: h([{ "right-0": t.position === "right", "left-0": t.position === "left" }, "origin-top-right absolute mt-2 w-56 rounded-md shadow-lg bg-white ring-1 ring-black ring-opacity-5 focus:outline-none z-10"])
+              class: h([{
+                "right-0": t.position === "right",
+                "left-0": t.position === "left",
+                "bottom-10 mb-1.5 shadow-[0_-4px_10px_rgba(0,0,0,.1)] ": t.verticalPosition === "top",
+                "mt-2 shadow-lg": t.verticalPosition === "bottom"
+              }, "origin-top-right absolute w-56 rounded-md bg-white ring-1 ring-black ring-opacity-5 focus:outline-none z-10"])
             }, {
               default: v(() => [
-                e("div", qt, [
-                  (s(!0), n(k, null, $(t.items, (u, f) => (s(), _(c(ke), { key: f }, {
+                e("div", Rt, [
+                  (s(!0), n(_, null, $(t.items, (u, f) => (s(), k(c(ke), { key: f }, {
                     default: v(() => [
                       e("a", {
                         onClick: (y) => o(u),
@@ -654,7 +666,7 @@ const Pt = { class: "flex justify-between" }, Vt = {
                           u.active ? "bg-gray-100 text-gray-900" : "text-gray-700",
                           "block px-4 py-2 text-sm cursor-pointer"
                         ])
-                      }, g(u.name), 11, Rt)
+                      }, g(u.name), 11, Ut)
                     ]),
                     _: 2
                   }, 1024))), 128))
@@ -669,16 +681,16 @@ const Pt = { class: "flex justify-between" }, Vt = {
       _: 1
     }, 8, ["class"]));
   }
-}), Ht = { key: 0 }, Et = { class: "flex justify-between" }, Zt = {
+}), Et = { key: 0 }, Zt = { class: "flex justify-between" }, Jt = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
-}, Jt = {
+}, Wt = {
   key: 1,
   class: "place-self-center text-[10px] text-gray-500 uppercase justify-self-end"
-}, Wt = ["max", "disabled", "name", "placeholder", "type"], Gt = { class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none" }, Qt = {
+}, Gt = ["max", "disabled", "name", "placeholder", "type"], Qt = { class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none" }, Kt = {
   key: 1,
   class: "animate-pulse"
-}, Kt = {
+}, Xt = {
   key: 0,
   class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5"
 }, E = /* @__PURE__ */ M({
@@ -709,15 +721,15 @@ const Pt = { class: "flex justify-between" }, Vt = {
     const o = (t) => {
       t.target.name && l("inputChanged", { value: t.target.value, name: t.target.name });
     };
-    return (t, d) => t.loading ? (s(), n("div", Qt, [
-      t.label !== void 0 ? (s(), n("div", Kt)) : b("", !0),
+    return (t, d) => t.loading ? (s(), n("div", Kt, [
+      t.label !== void 0 ? (s(), n("div", Xt)) : b("", !0),
       d[3] || (d[3] = e("div", { class: "animate-pulse px-4 py-3.5 bg-gray-200 rounded-md inline-flex items-center relative text-left w-full" }, [
         e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" })
       ], -1))
-    ])) : (s(), n("div", Ht, [
-      e("div", Et, [
-        t.label ? (s(), n("label", Zt, g(t.label), 1)) : b("", !0),
-        t.requiredText ? (s(), n("span", Jt, g(t.requiredText), 1)) : b("", !0)
+    ])) : (s(), n("div", Et, [
+      e("div", Zt, [
+        t.label ? (s(), n("label", Jt, g(t.label), 1)) : b("", !0),
+        t.requiredText ? (s(), n("span", Wt, g(t.requiredText), 1)) : b("", !0)
       ]),
       e("div", {
         class: h([{ "mt-1": t.label }, "relative flex"])
@@ -751,16 +763,16 @@ const Pt = { class: "flex justify-between" }, Vt = {
           placeholder: t.placeholder,
           type: t.type,
           onInput: o
-        }, null, 42, Wt), [
-          [tt, r.value]
+        }, null, 42, Gt), [
+          [ot, r.value]
         ]),
         t.rightAddOn ? (s(), n("span", {
           key: 1,
           onClick: d[2] || (d[2] = (u) => t.$emit("rightAddOnClicked")),
           class: "inline-flex items-center px-3 rounded-r-md border border-l-0 border-gray-300 bg-gray-50 hover:bg-gray-200 text-gray-500 sm:text-sm cursor-pointer"
         }, g(t.rightAddOn), 1)) : b("", !0),
-        e("div", Gt, [
-          t.icon ? (s(), _(j, {
+        e("div", Qt, [
+          t.icon ? (s(), k(j, {
             key: 0,
             icon: t.icon,
             color: t.color,
@@ -801,16 +813,16 @@ const Pt = { class: "flex justify-between" }, Vt = {
       ])
     ]));
   }
-}), Xt = { key: 0 }, es = { class: "flex justify-between" }, ts = {
+}), es = { key: 0 }, ts = { class: "flex justify-between" }, ss = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
-}, ss = {
+}, os = {
   key: 1,
   class: "place-self-center text-[10px] text-gray-500 uppercase"
-}, os = { class: "space-y-1 flex flex-col items-center justify-center" }, ls = { class: "flex text-sm text-gray-600 flex-col sm:flex-row text-center" }, rs = ["for"], ns = ["id", "name", "accept"], as = { class: "pl-1" }, is = { class: "text-xs text-gray-500 pb-4" }, ds = { class: "mt-2 text-xs flex flex-row items-center text-red-300" }, us = {
+}, ls = { class: "space-y-1 flex flex-col items-center justify-center" }, rs = { class: "flex text-sm text-gray-600 flex-col sm:flex-row text-center" }, ns = ["for"], as = ["id", "name", "accept"], is = { class: "pl-1" }, ds = { class: "text-xs text-gray-500 pb-4" }, us = { class: "mt-2 text-xs flex flex-row items-center text-red-300" }, cs = {
   key: 1,
   class: "animate-pulse"
-}, cs = /* @__PURE__ */ M({
+}, gs = /* @__PURE__ */ M({
   __name: "uiInputFile",
   props: {
     name: {},
@@ -821,7 +833,7 @@ const Pt = { class: "flex justify-between" }, Vt = {
     fileTypesAndSizes: {},
     error: {},
     accept: {},
-    icon: { default: St },
+    icon: { default: Mt },
     loading: { type: Boolean, default: !0 },
     label: {}
   },
@@ -839,16 +851,16 @@ const Pt = { class: "flex justify-between" }, Vt = {
         f++, l.value += y.name, f >= 1 && f < u.length && (l.value += ", ");
       });
     };
-    return (u, f) => u.loading ? (s(), n("div", us, f[1] || (f[1] = [
+    return (u, f) => u.loading ? (s(), n("div", cs, f[1] || (f[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)
-    ]))) : (s(), n("div", Xt, [
-      e("div", es, [
-        u.label ? (s(), n("label", ts, g(u.label), 1)) : b("", !0),
-        u.requiredText ? (s(), n("span", ss, g(u.requiredText), 1)) : b("", !0)
+    ]))) : (s(), n("div", es, [
+      e("div", ts, [
+        u.label ? (s(), n("label", ss, g(u.label), 1)) : b("", !0),
+        u.requiredText ? (s(), n("span", os, g(u.requiredText), 1)) : b("", !0)
       ]),
       e("div", {
         class: h([
@@ -863,7 +875,7 @@ const Pt = { class: "flex justify-between" }, Vt = {
         }, ["prevent"])),
         onDrop: ye(o, ["prevent"])
       }, [
-        e("div", os, [
+        e("div", ls, [
           p(j, {
             icon: u.icon,
             size: "massive",
@@ -872,7 +884,7 @@ const Pt = { class: "flex justify-between" }, Vt = {
             class: "mb-4",
             loading: u.loading
           }, null, 8, ["icon", "loading"]),
-          e("div", ls, [
+          e("div", rs, [
             e("label", {
               for: u.id,
               class: "relative cursor-pointer rounded-md font-medium text-indigo-600 focus-within:outline-none focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:text-indigo-500"
@@ -886,17 +898,17 @@ const Pt = { class: "flex justify-between" }, Vt = {
                 accept: u.accept,
                 multiple: "",
                 onChange: t
-              }, null, 40, ns)
-            ], 8, rs),
-            e("p", as, g(u.dragAndDrop), 1)
+              }, null, 40, as)
+            ], 8, ns),
+            e("p", is, g(u.dragAndDrop), 1)
           ]),
-          e("p", is, g(u.fileTypesAndSizes), 1),
+          e("p", ds, g(u.fileTypesAndSizes), 1),
           C(e("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, g(c(l)), 513), [
             [D, c(l) !== null]
           ])
         ])
       ], 34),
-      C(e("p", ds, [
+      C(e("p", us, [
         p(j, {
           icon: c(me),
           color: "red",
@@ -909,13 +921,13 @@ const Pt = { class: "flex justify-between" }, Vt = {
       ])
     ]));
   }
-}), gs = { class: "flex justify-between" }, ps = {
+}), ps = { class: "flex justify-between" }, ms = {
   key: 0,
   class: "text-[10px] text-gray-500 uppercase justify-self-end"
-}, ms = { class: "relative" }, fs = {
+}, fs = { class: "relative" }, ys = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full"
-}, Ge = /* @__PURE__ */ M({
+}, Qe = /* @__PURE__ */ M({
   __name: "uiSelect",
   props: {
     items: {},
@@ -940,13 +952,13 @@ const Pt = { class: "flex justify-between" }, Vt = {
     });
     return i({
       handleChange: u
-    }), (y, w) => y.loading ? (s(), n("div", fs, [
+    }), (y, w) => y.loading ? (s(), n("div", ys, [
       w[3] || (w[3] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
       p(c(ue), {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400"
       })
-    ])) : (s(), _(c(Ye), {
+    ])) : (s(), k(c(Ye), {
       key: 0,
       modelValue: f.value,
       "onUpdate:modelValue": [
@@ -957,16 +969,16 @@ const Pt = { class: "flex justify-between" }, Vt = {
       as: "div"
     }, {
       default: v(() => [
-        e("div", gs, [
-          p(c(nt), { class: "block text-sm font-medium" }, {
+        e("div", ps, [
+          p(c(it), { class: "block text-sm font-medium" }, {
             default: v(() => [
               L(g(y.label), 1)
             ]),
             _: 1
           }),
-          y.requiredText ? (s(), n("span", ps, g(y.requiredText), 1)) : b("", !0)
+          y.requiredText ? (s(), n("span", ms, g(y.requiredText), 1)) : b("", !0)
         ]),
-        e("div", ms, [
+        e("div", fs, [
           p(c(Pe), {
             onChange: w[0] || (w[0] = (T) => a.value = T.target.value),
             onBlur: w[1] || (w[1] = (T) => a.value = ""),
@@ -995,12 +1007,12 @@ const Pt = { class: "flex justify-between" }, Vt = {
             ]),
             _: 1
           }),
-          t.value.length > 0 ? (s(), _(c(Fe), {
+          t.value.length > 0 ? (s(), k(c(Fe), {
             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: v(() => [
-              (s(!0), n(k, null, $(t.value, (T) => (s(), _(c(qe), {
+              (s(!0), n(_, null, $(t.value, (T) => (s(), k(c(qe), {
                 key: T.id,
                 value: T,
                 as: "template"
@@ -1050,7 +1062,7 @@ const Pt = { class: "flex justify-between" }, Vt = {
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
-}), ys = {
+}), hs = {
   key: 1,
   class: "inline-flex items-center px-3 py-2.5 rounded text-xs font-medium leading-none animate-pulse bg-gray-200"
 }, U = /* @__PURE__ */ M({
@@ -1068,7 +1080,7 @@ const Pt = { class: "flex justify-between" }, Vt = {
     const l = i, a = m, r = () => {
       a.event != null && l("tagEvent", a.event);
     };
-    return (o, t) => o.loading ? (s(), n("div", ys, t[0] || (t[0] = [
+    return (o, t) => o.loading ? (s(), n("div", hs, t[0] || (t[0] = [
       e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" }, null, -1)
     ]))) : (s(), n("span", {
       key: 0,
@@ -1092,16 +1104,16 @@ const Pt = { class: "flex justify-between" }, Vt = {
       q(o.$slots, "default")
     ], 2));
   }
-}), hs = { key: 0 }, vs = { class: "flex justify-between" }, bs = {
+}), vs = { key: 0 }, bs = { class: "flex justify-between" }, ws = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
-}, ws = {
+}, xs = {
   key: 1,
   class: "text-[10px] text-gray-500 uppercase justify-self-end"
-}, xs = ["disabled", "placeholder"], ks = {
+}, ks = ["disabled", "placeholder"], _s = {
   key: 1,
   class: "animate-pulse"
-}, _s = /* @__PURE__ */ M({
+}, $s = /* @__PURE__ */ M({
   __name: "uiTextArea",
   props: {
     name: {},
@@ -1121,13 +1133,13 @@ const Pt = { class: "flex justify-between" }, Vt = {
     }, o = N(a.value);
     return R(() => a.value, (t) => {
       o.value = t, l("inputChanged", { name: a.name, value: o.value });
-    }), (t, d) => t.loading ? (s(), n("div", ks, d[1] || (d[1] = [
+    }), (t, d) => t.loading ? (s(), n("div", _s, d[1] || (d[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)
-    ]))) : (s(), n("div", hs, [
-      e("div", vs, [
-        t.label ? (s(), n("label", bs, g(t.label), 1)) : b("", !0),
-        t.requiredText ? (s(), n("span", ws, g(t.requiredText), 1)) : b("", !0)
+    ]))) : (s(), n("div", vs, [
+      e("div", bs, [
+        t.label ? (s(), n("label", ws, g(t.label), 1)) : b("", !0),
+        t.requiredText ? (s(), n("span", xs, g(t.requiredText), 1)) : b("", !0)
       ]),
       e("div", {
         class: h({ "mt-1": t.label })
@@ -1149,7 +1161,7 @@ const Pt = { class: "flex justify-between" }, Vt = {
             "text-green-400": t.color === "green"
           }]),
           onChange: r
-        }, null, 42, xs), [
+        }, null, 42, ks), [
           [X, o.value]
         ])
       ], 2),
@@ -1173,13 +1185,13 @@ const Pt = { class: "flex justify-between" }, Vt = {
       ])
     ]));
   }
-}), $s = { class: "text-sm font-medium text-gray-900" }, Cs = {
+}), Cs = { class: "text-sm font-medium text-gray-900" }, Ss = {
   key: 0,
   class: "text-sm text-gray-500 ml-2"
-}, Ss = {
+}, Bs = {
   key: 1,
   class: "animate-pulse flex items-center"
-}, Bs = /* @__PURE__ */ M({
+}, Ms = /* @__PURE__ */ M({
   __name: "uiToggle",
   props: {
     item: {},
@@ -1190,18 +1202,18 @@ const Pt = { class: "flex justify-between" }, Vt = {
   emits: ["toggleChanged", "actionClicked"],
   setup(m, { emit: i }) {
     const l = m, a = N(l.checked);
-    return R(() => l.checked, (r) => a.value = r), (r, o) => r.loading ? (s(), n("div", Ss, o[3] || (o[3] = [
+    return R(() => l.checked, (r) => a.value = r), (r, o) => r.loading ? (s(), n("div", Bs, 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)
-    ]))) : (s(), _(c(at), {
+    ]))) : (s(), k(c(dt), {
       key: 0,
       as: "div",
       class: "flex items-center relative"
     }, {
       default: v(() => [
-        p(c(it), {
+        p(c(ut), {
           disabled: r.disabled,
           onClick: o[0] || (o[0] = (t) => r.$emit("toggleChanged", { item: r.item, active: !a.value })),
           modelValue: a.value,
@@ -1223,13 +1235,13 @@ const Pt = { class: "flex justify-between" }, Vt = {
           ]),
           _: 1
         }, 8, ["disabled", "modelValue", "class"]),
-        p(c(dt), {
+        p(c(ct), {
           as: "span",
           class: "ml-3"
         }, {
           default: v(() => [
-            e("span", $s, g(r.item.title), 1),
-            r.item.subtitle ? (s(), n("span", Cs, g(r.item.subtitle), 1)) : b("", !0)
+            e("span", Cs, g(r.item.title), 1),
+            r.item.subtitle ? (s(), n("span", Ss, g(r.item.subtitle), 1)) : b("", !0)
           ]),
           _: 1
         }),
@@ -1242,13 +1254,13 @@ const Pt = { class: "flex justify-between" }, Vt = {
       _: 1
     }));
   }
-}), Ms = {
+}), Ds = {
   key: 0,
   class: "flex flex-col"
-}, Ds = { class: "flex" }, js = { class: "flex-shrink-0" }, Ts = { class: "ml-3" }, zs = { class: "mt-4" }, Ls = { class: "-mx-2 -my-1.5 flex" }, As = ["onClick"], Ns = {
+}, js = { class: "flex" }, Ts = { class: "flex-shrink-0" }, zs = { class: "ml-3" }, Ls = { class: "mt-4" }, As = { class: "-mx-2 -my-1.5 flex" }, Ns = ["onClick"], Os = {
   key: 1,
   class: "flex flex-col animate-pulse"
-}, Os = /* @__PURE__ */ M({
+}, Is = /* @__PURE__ */ M({
   __name: "uiAlert",
   props: {
     actions: {},
@@ -1261,9 +1273,9 @@ const Pt = { class: "flex justify-between" }, Vt = {
     const l = i, a = (r) => {
       l("alertEvent", r.event);
     };
-    return (r, o) => r.loading ? (s(), n("div", Ns, o[0] || (o[0] = [
+    return (r, o) => r.loading ? (s(), n("div", Os, o[0] || (o[0] = [
       Q('<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)
-    ]))) : (s(), n("div", Ms, [
+    ]))) : (s(), n("div", Ds, [
       e("div", {
         class: h([{
           "bg-indigo-50 border-indigo-400": r.type === "info",
@@ -1272,30 +1284,30 @@ const Pt = { class: "flex justify-between" }, Vt = {
           "bg-green-50 border-green-400": r.type === "success"
         }, "p-4 border-l-4 rounded"])
       }, [
-        e("div", Ds, [
-          e("div", js, [
-            r.type === "info" ? (s(), _(c(We), {
+        e("div", js, [
+          e("div", Ts, [
+            r.type === "info" ? (s(), k(c(Ge), {
               key: 0,
               class: "h-8 w-8 text-indigo-400",
               "aria-hidden": "true"
             })) : b("", !0),
-            r.type === "danger" ? (s(), _(c(me), {
+            r.type === "danger" ? (s(), k(c(me), {
               key: 1,
               class: "h-8 w-8 text-red-400",
               "aria-hidden": "true"
             })) : b("", !0),
-            r.type === "warning" ? (s(), _(c(H), {
+            r.type === "warning" ? (s(), k(c(H), {
               key: 2,
               class: "h-8 w-8 text-yellow-400",
               "aria-hidden": "true"
             })) : b("", !0),
-            r.type === "success" ? (s(), _(c(Ze), {
+            r.type === "success" ? (s(), k(c(Ze), {
               key: 3,
               class: "h-8 w-8 text-green-400",
               "aria-hidden": "true"
             })) : b("", !0)
           ]),
-          e("div", Ts, [
+          e("div", zs, [
             e("h3", {
               class: h([{
                 "text-red-800": r.type === "danger",
@@ -1312,9 +1324,9 @@ const Pt = { class: "flex justify-between" }, Vt = {
             }, [
               q(r.$slots, "default")
             ], 2),
-            e("div", zs, [
-              e("div", Ls, [
-                (s(!0), n(k, null, $(r.actions, (t, d) => (s(), n("button", {
+            e("div", Ls, [
+              e("div", As, [
+                (s(!0), n(_, null, $(r.actions, (t, d) => (s(), n("button", {
                   onClick: (u) => a(t),
                   type: "button",
                   key: d,
@@ -1327,7 +1339,7 @@ const Pt = { class: "flex justify-between" }, Vt = {
                     },
                     "px-2 py-1.5 text-sm font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2"
                   ])
-                }, g(t.name), 11, As))), 128))
+                }, g(t.name), 11, Ns))), 128))
               ])
             ])
           ])
@@ -1335,20 +1347,20 @@ const Pt = { class: "flex justify-between" }, Vt = {
       ], 2)
     ]));
   }
-}), Is = {
+}), Ys = {
   key: 0,
   class: "inline-flex",
   "aria-label": "Breadcrumb"
-}, Ys = {
+}, Ps = {
   role: "list",
   class: "flex items-center space-x-4 text-xs"
-}, Ps = { key: 0 }, Vs = ["onClick"], Fs = {
+}, Vs = { key: 0 }, Fs = ["onClick"], qs = {
   key: 1,
   class: "flex items-center"
-}, qs = ["onClick"], Rs = {
+}, Rs = ["onClick"], Us = {
   key: 1,
   class: "flex flex-row items-center animate-pulse"
-}, Us = /* @__PURE__ */ M({
+}, Hs = /* @__PURE__ */ M({
   __name: "uiBreadcrumbs",
   props: {
     pages: {},
@@ -1356,26 +1368,26 @@ const Pt = { class: "flex justify-between" }, Vt = {
   },
   emits: ["breadCrumbClicked"],
   setup(m, { emit: i }) {
-    return (l, a) => l.loading ? (s(), n("div", Rs, a[0] || (a[0] = [
+    return (l, a) => l.loading ? (s(), n("div", Us, a[0] || (a[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)
-    ]))) : (s(), n("nav", Is, [
-      e("ol", Ys, [
-        (s(!0), n(k, null, $(l.pages, (r, o) => (s(), n("li", { key: o }, [
-          o == 0 ? (s(), n("div", Ps, [
+    ]))) : (s(), n("nav", Ys, [
+      e("ol", Ps, [
+        (s(!0), n(_, null, $(l.pages, (r, o) => (s(), n("li", { key: o }, [
+          o == 0 ? (s(), n("div", Vs, [
             e("p", {
               onClick: (t) => l.$emit("breadCrumbClicked", r.routeName),
               class: "flex flex-row items-center justify-center text-indigo-600 hover:text-indigo-800 cursor-pointer"
             }, [
-              p(c(Nt), {
+              p(c(Ot), {
                 class: "flex-shrink-0 h-3 w-3 text-gray-400 mr-4",
                 "aria-hidden": "true"
               }),
               e("span", null, g(r.name), 1)
-            ], 8, Vs)
-          ])) : (s(), n("div", Fs, [
+            ], 8, Fs)
+          ])) : (s(), n("div", qs, [
             p(c(ee), {
               class: "flex-shrink-0 h-3 w-3 text-gray-400",
               "aria-hidden": "true"
@@ -1384,19 +1396,19 @@ const Pt = { class: "flex justify-between" }, Vt = {
               onClick: (t) => l.$emit("breadCrumbClicked", r.routeName),
               class: h(["cursor-pointer ml-4 text-xs text-gray-400 hover:text-gray-500", { "text-indigo-600 hover:text-indigo-800": !r.current }]),
               "aria-current": "page"
-            }, g(r.name), 11, qs)
+            }, g(r.name), 11, Rs)
           ]))
         ]))), 128))
       ])
     ]));
   }
-}), Hs = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, Es = ["src"], Zs = { class: "font-bold text-center sm:text-left" }, Js = { class: "mt-1 text-xs text-center sm:text-left" }, Ws = {
+}), Es = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, Zs = ["src"], Js = { class: "font-bold text-center sm:text-left" }, Ws = { class: "mt-1 text-xs text-center sm:text-left" }, Gs = {
   key: 0,
   class: "flex flex-wrap mt-4 justify-center sm:justify-start"
-}, Gs = {
+}, Qs = {
   key: 1,
   class: "rounded-lg bg-white shadow p-6 cursor-pointer animate-pulse"
-}, Qs = /* @__PURE__ */ M({
+}, Ks = /* @__PURE__ */ M({
   __name: "uiCard",
   props: {
     id: {},
@@ -1410,25 +1422,25 @@ const Pt = { class: "flex justify-between" }, Vt = {
   setup(m, { emit: i }) {
     return (l, a) => {
       var r;
-      return l.loading ? (s(), n("div", Gs, a[1] || (a[1] = [
+      return l.loading ? (s(), n("div", Qs, a[1] || (a[1] = [
         Q('<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)
       ]))) : (s(), n("div", {
         key: 0,
         class: "rounded-lg bg-white shadow p-6 cursor-pointer",
         onClick: a[0] || (a[0] = (o) => l.$emit("cardSelected", { id: l.id, name: l.name, type: l.type, tags: l.tags }))
       }, [
-        e("div", Hs, [
+        e("div", Es, [
           e("img", {
             class: "w-16 h-16 rounded-full mb-4 sm:mb-0 sm:mr-4",
             src: l.logo
-          }, null, 8, Es),
+          }, null, 8, Zs),
           e("div", null, [
-            e("h4", Zs, g(l.name), 1),
-            e("p", Js, g(l.type), 1)
+            e("h4", Js, g(l.name), 1),
+            e("p", Ws, g(l.type), 1)
           ])
         ]),
-        l.tags && ((r = l.tags) == null ? void 0 : r.length) > 0 ? (s(), n("div", Ws, [
-          (s(!0), n(k, null, $(l.tags, (o) => (s(), _(U, {
+        l.tags && ((r = l.tags) == null ? void 0 : r.length) > 0 ? (s(), n("div", Gs, [
+          (s(!0), n(_, null, $(l.tags, (o) => (s(), k(U, {
             class: "mb-1 mr-1",
             key: o.name,
             color: o.color,
@@ -1443,7 +1455,7 @@ const Pt = { class: "flex justify-between" }, Vt = {
       ]));
     };
   }
-}), Qe = /* @__PURE__ */ M({
+}), Ke = /* @__PURE__ */ M({
   __name: "uiFilter",
   props: {
     items: {},
@@ -1458,7 +1470,7 @@ const Pt = { class: "flex justify-between" }, Vt = {
         d.active = d.value === t.value;
       }), l("filterSelected", t);
     }, o = N(a.items);
-    return (t, d) => (s(), _(fe, {
+    return (t, d) => (s(), k(fe, {
       class: "text-nowrap",
       loading: t.loading,
       onOptionSelected: d[0] || (d[0] = (u) => r(u)),
@@ -1467,10 +1479,10 @@ const Pt = { class: "flex justify-between" }, Vt = {
       label: t.label
     }, null, 8, ["loading", "position", "items", "label"]));
   }
-}), Ks = { class: "fixed inset-0 z-10 overflow-y-auto" }, Xs = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, eo = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, to = { class: "sm:flex sm:items-start" }, so = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left sm:mr-4 sm:w-10/12 break-words" }, oo = { class: "mt-4 text-gray-500 text-sm" }, lo = {
+}), Xs = { class: "fixed inset-0 z-10 overflow-y-auto" }, eo = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, to = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, so = { class: "sm:flex sm:items-start" }, oo = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left sm:mr-4 sm:w-10/12 break-words" }, lo = { class: "mt-4 text-gray-500 text-sm" }, ro = {
   key: 0,
   class: "mt-8"
-}, ro = ["onClick"], Ke = /* @__PURE__ */ M({
+}, no = ["onClick"], Xe = /* @__PURE__ */ M({
   __name: "uiModal",
   props: {
     title: {},
@@ -1485,7 +1497,7 @@ const Pt = { class: "flex justify-between" }, Vt = {
     const l = m, a = i, r = (o) => {
       a("modalAction", { modal: l.modalName, action: o });
     };
-    return (o, t) => (s(), _(c(_e), {
+    return (o, t) => (s(), k(c(_e), {
       as: "template",
       show: o.open
     }, {
@@ -1510,8 +1522,8 @@ const Pt = { class: "flex justify-between" }, Vt = {
               ])),
               _: 1
             }),
-            e("div", Ks, [
-              e("div", Xs, [
+            e("div", Xs, [
+              e("div", eo, [
                 p(c(G), {
                   as: "template",
                   enter: "ease-out duration-300",
@@ -1524,7 +1536,7 @@ const Pt = { class: "flex justify-between" }, Vt = {
                   default: v(() => [
                     p(c(Ce), { class: "relative transform rounded-lg bg-white px-4 pb-4 pt-5 text-left shadow-xl transition-all sm:my-8 w-9/12 sm:w-full sm:max-w-lg sm:p-6" }, {
                       default: v(() => [
-                        e("div", eo, [
+                        e("div", to, [
                           e("button", {
                             type: "button",
                             class: "rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none",
@@ -1538,7 +1550,7 @@ const Pt = { class: "flex justify-between" }, Vt = {
                             }, null, 8, ["icon", "loading"])
                           ])
                         ]),
-                        e("div", to, [
+                        e("div", so, [
                           e("div", {
                             class: h(["mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10", {
                               "bg-red-100": o.type === "danger",
@@ -1565,14 +1577,14 @@ const Pt = { class: "flex justify-between" }, Vt = {
                             }, null, 512), [
                               [D, o.type === "warning"]
                             ]),
-                            C(p(c(At), {
+                            C(p(c(Nt), {
                               class: "h-6 w-6 text-indigo-600",
                               "aria-hidden": "true"
                             }, null, 512), [
                               [D, o.type === "default"]
                             ])
                           ], 2),
-                          e("div", so, [
+                          e("div", oo, [
                             p(c(Re), {
                               as: "h3",
                               class: "text-lg font-medium leading-6 text-gray-900"
@@ -1582,16 +1594,16 @@ const Pt = { class: "flex justify-between" }, Vt = {
                               ]),
                               _: 1
                             }),
-                            e("div", oo, [
+                            e("div", lo, [
                               q(o.$slots, "default")
                             ]),
-                            o.actions ? (s(), n("div", lo, [
-                              (s(!0), n(k, null, $(o.actions, (d, u) => (s(), n("button", {
+                            o.actions ? (s(), n("div", ro, [
+                              (s(!0), n(_, null, $(o.actions, (d, u) => (s(), n("button", {
                                 key: u,
                                 type: "button",
                                 class: "inline-flex w-full justify-center rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-indigo-700 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",
                                 onClick: (f) => r(d.value)
-                              }, g(d.name), 9, ro))), 128))
+                              }, g(d.name), 9, no))), 128))
                             ])) : b("", !0)
                           ])
                         ])
@@ -1610,10 +1622,10 @@ const Pt = { class: "flex justify-between" }, Vt = {
       _: 3
     }, 8, ["show"]));
   }
-}), no = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, ao = {
+}), ao = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, io = {
   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"
-}, io = { class: "p-4" }, uo = { class: "flex items-start" }, co = { class: "flex-shrink-0 mt-0.5" }, go = { class: "ml-3 w-0 flex-1 pt-0.5" }, po = { class: "font-medium text-gray-900" }, mo = { class: "mt-1 text-sm text-gray-500" }, fo = { class: "ml-4 flex-shrink-0 flex" }, yo = /* @__PURE__ */ M({
+}, uo = { class: "p-4" }, co = { class: "flex items-start" }, go = { class: "flex-shrink-0 mt-0.5" }, po = { class: "ml-3 w-0 flex-1 pt-0.5" }, mo = { class: "font-medium text-gray-900" }, fo = { class: "mt-1 text-sm text-gray-500" }, yo = { class: "ml-4 flex-shrink-0 flex" }, ho = /* @__PURE__ */ M({
   __name: "uiNotification",
   props: {
     type: { default: "info" },
@@ -1629,7 +1641,7 @@ const Pt = { class: "flex justify-between" }, Vt = {
       "aria-live": "assertive",
       class: h([{ fixed: r.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"])
     }, [
-      e("div", no, [
+      e("div", ao, [
         p(ce, {
           "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",
@@ -1639,10 +1651,10 @@ const Pt = { class: "flex justify-between" }, Vt = {
           "leave-to-class": "opacity-0"
         }, {
           default: v(() => [
-            a.value ? (s(), n("div", ao, [
-              e("div", io, [
-                e("div", uo, [
-                  e("div", co, [
+            a.value ? (s(), n("div", io, [
+              e("div", uo, [
+                e("div", co, [
+                  e("div", go, [
                     C(p(c(Ze), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-green-400"
@@ -1661,18 +1673,18 @@ const Pt = { class: "flex justify-between" }, Vt = {
                     }, null, 512), [
                       [D, r.type === "warning"]
                     ]),
-                    C(p(c(We), {
+                    C(p(c(Ge), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-indigo-600"
                     }, null, 512), [
                       [D, r.type === "info"]
                     ])
                   ]),
-                  e("div", go, [
-                    e("p", po, g(r.title), 1),
-                    e("p", mo, g(r.message), 1)
+                  e("div", po, [
+                    e("p", mo, g(r.title), 1),
+                    e("p", fo, g(r.message), 1)
                   ]),
-                  e("div", fo, [
+                  e("div", yo, [
                     e("button", {
                       class: "bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500",
                       type: "button",
@@ -1694,35 +1706,35 @@ const Pt = { class: "flex justify-between" }, Vt = {
       ])
     ], 2));
   }
-}), ho = {
+}), vo = {
   key: 0,
   role: "list",
   class: "divide-y divide-gray-100"
-}, vo = { class: "min-w-0" }, bo = { class: "flex items-start gap-x-3" }, wo = { class: "text-sm font-semibold leading-6 text-gray-900" }, xo = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, ko = { class: "truncate" }, _o = { class: "flex flex-none items-center gap-x-4" }, $o = ["href"], Co = { class: "sr-only" }, So = {
+}, bo = { class: "min-w-0" }, wo = { class: "flex items-start gap-x-3" }, xo = { class: "text-sm font-semibold leading-6 text-gray-900" }, ko = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, _o = { class: "truncate" }, $o = { class: "flex flex-none items-center gap-x-4" }, Co = ["href"], So = { class: "sr-only" }, Bo = {
   key: 1,
   class: "divide-y divide-gray-100 animate-pulse"
-}, Bo = /* @__PURE__ */ M({
+}, Mo = /* @__PURE__ */ M({
   __name: "uiTaskList",
   props: {
     tasks: {},
     loading: { type: Boolean, default: !0 }
   },
   setup(m) {
-    return (i, l) => i.loading ? (s(), n("ul", So, [
-      (s(!0), n(k, null, $(i.tasks, (a) => (s(), n("li", {
+    return (i, l) => i.loading ? (s(), n("ul", Bo, [
+      (s(!0), n(_, null, $(i.tasks, (a) => (s(), n("li", {
         key: a.id,
         class: "flex items-center justify-between gap-x-6 py-5"
       }, l[0] || (l[0] = [
         Q('<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))
-    ])) : (s(), n("ul", ho, [
-      (s(!0), n(k, null, $(i.tasks, (a) => (s(), n("li", {
+    ])) : (s(), n("ul", vo, [
+      (s(!0), n(_, null, $(i.tasks, (a) => (s(), n("li", {
         key: a.id,
         class: "flex items-center justify-between gap-x-6 py-5"
       }, [
-        e("div", vo, [
-          e("div", bo, [
-            e("p", wo, g(a.name), 1),
+        e("div", bo, [
+          e("div", wo, [
+            e("p", xo, g(a.name), 1),
             e("p", {
               class: h([
                 {
@@ -1734,32 +1746,32 @@ const Pt = { class: "flex justify-between" }, Vt = {
               ])
             }, g(a.statusLiteral), 3)
           ]),
-          e("div", xo, [
-            e("p", ko, g(a.description), 1)
+          e("div", ko, [
+            e("p", _o, g(a.description), 1)
           ])
         ]),
-        e("div", _o, [
+        e("div", $o, [
           e("a", {
             href: a.href,
             class: "hidden rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block"
           }, [
             L(g(a.action), 1),
-            e("span", Co, ", " + g(a.name), 1)
-          ], 8, $o)
+            e("span", So, ", " + g(a.name), 1)
+          ], 8, Co)
         ])
       ]))), 128))
     ]));
   }
 });
-function Mo(m) {
+function Do(m) {
   return m && m.__esModule && Object.prototype.hasOwnProperty.call(m, "default") ? m.default : m;
 }
-var le = { exports: {} }, Do = le.exports, je;
-function jo() {
+var le = { exports: {} }, jo = le.exports, je;
+function To() {
   return je || (je = 1, function(m, i) {
     (function(l, a) {
       m.exports = a(z);
-    })(Do, function(l) {
+    })(jo, function(l) {
       function a(t) {
         return t && typeof t == "object" && "default" in t ? t : { default: t };
       }
@@ -1770,13 +1782,13 @@ function jo() {
     });
   }(le)), le.exports;
 }
-jo();
-var re = { exports: {} }, To = re.exports, Te;
-function zo() {
+To();
+var re = { exports: {} }, zo = re.exports, Te;
+function Lo() {
   return Te || (Te = 1, function(m, i) {
     (function(l, a) {
       m.exports = a(z);
-    })(To, function(l) {
+    })(zo, function(l) {
       function a(u) {
         return u && typeof u == "object" && "default" in u ? u : { default: u };
       }
@@ -1792,13 +1804,13 @@ function zo() {
     });
   }(re)), re.exports;
 }
-zo();
-var ne = { exports: {} }, Lo = ne.exports, ze;
-function Ao() {
+Lo();
+var ne = { exports: {} }, Ao = ne.exports, ze;
+function No() {
   return ze || (ze = 1, function(m, i) {
     (function(l, a) {
       m.exports = a();
-    })(Lo, function() {
+    })(Ao, function() {
       return { name: "en", weekdays: "Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"), months: "January_February_March_April_May_June_July_August_September_October_November_December".split("_"), ordinal: function(l) {
         var a = ["th", "st", "nd", "rd"], r = l % 100;
         return "[" + l + (a[(r - 20) % 10] || a[r] || a[0]) + "]";
@@ -1806,13 +1818,13 @@ function Ao() {
     });
   }(ne)), ne.exports;
 }
-Ao();
-var ae = { exports: {} }, No = ae.exports, Le;
-function Oo() {
+No();
+var ae = { exports: {} }, Oo = ae.exports, Le;
+function Io() {
   return Le || (Le = 1, function(m, i) {
     (function(l, a) {
       m.exports = a(z);
-    })(No, function(l) {
+    })(Oo, function(l) {
       function a(t) {
         return t && typeof t == "object" && "default" in t ? t : { default: t };
       }
@@ -1823,13 +1835,13 @@ function Oo() {
     });
   }(ae)), ae.exports;
 }
-Oo();
+Io();
 const te = (m, i) => {
   const l = m.__vccOpts || m;
   for (const [a, r] of i)
     l[a] = r;
   return l;
-}, Io = {
+}, Yo = {
   name: "dateSelector",
   components: { ChevronLeftIcon: Je, ChevronRightIcon: ee },
   computed: {
@@ -1859,11 +1871,11 @@ const te = (m, i) => {
       i === "next" && (m === "day" && (l = z(this.selectedDate).add(1, "day")), m === "month" && (l = z(this.selectedDate).add(1, "month")), m === "year" && (l = z(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", l);
     }
   }
-}, Yo = { class: "dateSelector flex items-center text-white flex-row" }, Po = { class: "pagination flex items-center my-1 md:my-0" }, Vo = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, Fo = { class: "pagination flex items-center my-1 sm:my-0" };
-function qo(m, i, l, a, r, o) {
+}, Po = { class: "dateSelector flex items-center text-white flex-row" }, Vo = { class: "pagination flex items-center my-1 md:my-0" }, Fo = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, qo = { class: "pagination flex items-center my-1 sm:my-0" };
+function Ro(m, i, l, a, r, o) {
   const t = De("ChevronLeftIcon"), d = De("ChevronRightIcon");
-  return s(), n("div", Yo, [
-    e("div", Po, [
+  return s(), n("div", Po, [
+    e("div", Vo, [
       e("div", {
         class: h([{
           "bg-indigo-600 hover:bg-indigo-800 cursor-pointer": o.currentDate > o.today,
@@ -1895,8 +1907,8 @@ function qo(m, i, l, a, r, o) {
         p(t, { class: "h-4" })
       ], 2)
     ]),
-    e("div", Vo, g(o.formatedDate), 1),
-    e("div", Fo, [
+    e("div", Fo, g(o.formatedDate), 1),
+    e("div", qo, [
       e("div", {
         class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm",
         onClick: i[3] || (i[3] = (u) => o.selectDate("day", "next"))
@@ -1921,16 +1933,16 @@ function qo(m, i, l, a, r, o) {
     ])
   ]);
 }
-const Ro = /* @__PURE__ */ te(Io, [["render", qo]]), Uo = {
+const Uo = /* @__PURE__ */ te(Yo, [["render", Ro]]), Ho = {
   name: "SkeletonTable"
-}, Ho = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Eo = { class: "flow-root" }, Zo = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Jo = { class: "inline-block min-w-full py-2 align-middle px-1" }, Wo = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Go = { class: "min-w-full divide-y divide-gray-300" }, Qo = { class: "divide-y divide-gray-200 bg-white" };
-function Ko(m, i, l, a, r, o) {
-  return s(), n("div", Ho, [
-    e("div", Eo, [
-      e("div", Zo, [
-        e("div", Jo, [
-          e("div", Wo, [
-            e("table", Go, [
+}, Eo = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Zo = { class: "flow-root" }, Jo = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Wo = { class: "inline-block min-w-full py-2 align-middle px-1" }, Go = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Qo = { class: "min-w-full divide-y divide-gray-300" }, Ko = { class: "divide-y divide-gray-200 bg-white" };
+function Xo(m, i, l, a, r, o) {
+  return s(), n("div", Eo, [
+    e("div", Zo, [
+      e("div", Jo, [
+        e("div", Wo, [
+          e("div", Go, [
+            e("table", Qo, [
               i[1] || (i[1] = e("thead", { class: "bg-gray-50" }, [
                 e("tr", null, [
                   e("th", {
@@ -1967,8 +1979,8 @@ function Ko(m, i, l, a, r, o) {
                   ])
                 ])
               ], -1)),
-              e("tbody", Qo, [
-                (s(), n(k, null, $(10, (t) => e("tr", { key: t }, i[0] || (i[0] = [
+              e("tbody", Ko, [
+                (s(), n(_, null, $(10, (t) => e("tr", { key: t }, i[0] || (i[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),
@@ -2002,13 +2014,13 @@ function Ko(m, i, l, a, r, o) {
     ])
   ]);
 }
-const Xe = /* @__PURE__ */ te(Uo, [["render", Ko]]);
-var ie = { exports: {} }, Xo = ie.exports, Ae;
-function el() {
+const et = /* @__PURE__ */ te(Ho, [["render", Xo]]);
+var ie = { exports: {} }, el = ie.exports, Ae;
+function tl() {
   return Ae || (Ae = 1, function(m, i) {
     (function(l, a) {
       m.exports = a();
-    })(Xo, function() {
+    })(el, function() {
       return function(l, a, r) {
         a.prototype.isToday = function() {
           var o = "YYYY-MM-DD", t = r();
@@ -2018,15 +2030,15 @@ function el() {
     });
   }(ie)), ie.exports;
 }
-var tl = el();
-const sl = /* @__PURE__ */ Mo(tl), ol = {
+var sl = tl();
+const ol = /* @__PURE__ */ Do(sl), ll = {
   name: "calendarDay",
   props: {
     day: Object
   },
   computed: {
     currentDay() {
-      return z.extend(sl), {
+      return z.extend(ol), {
         dayName: z(this.day).locale("es").format("ddd"),
         day: z(this.day).locale("es").format("DD"),
         month: z(this.day).locale("es").format("MMM."),
@@ -2035,8 +2047,8 @@ const sl = /* @__PURE__ */ Mo(tl), ol = {
       };
     }
   }
-}, ll = { class: "text-xs" }, rl = { class: "font-bold text-lg" }, nl = { class: "text-xs font-medium" };
-function al(m, i, l, a, r, o) {
+}, rl = { class: "text-xs" }, nl = { class: "font-bold text-lg" }, al = { class: "text-xs font-medium" };
+function il(m, i, l, a, r, o) {
   return s(), n("div", {
     class: h([
       "day select-none text-center",
@@ -2046,12 +2058,12 @@ function al(m, i, l, a, r, o) {
       }
     ])
   }, [
-    e("p", ll, g(o.currentDay.dayName), 1),
-    e("p", rl, g(o.currentDay.day), 1),
-    e("p", nl, g(o.currentDay.month), 1)
+    e("p", rl, g(o.currentDay.dayName), 1),
+    e("p", nl, g(o.currentDay.day), 1),
+    e("p", al, g(o.currentDay.month), 1)
   ], 2);
 }
-const il = /* @__PURE__ */ te(ol, [["render", al]]), dl = {
+const dl = /* @__PURE__ */ te(ll, [["render", il]]), ul = {
   name: "dayPrice",
   props: {
     currency: String,
@@ -2070,9 +2082,9 @@ const il = /* @__PURE__ */ te(ol, [["render", al]]), dl = {
       };
     }
   }
-}, ul = { class: "priceDay" };
-function cl(m, i, l, a, r, o) {
-  return s(), n("div", ul, [
+}, cl = { class: "priceDay" };
+function gl(m, i, l, a, r, o) {
+  return s(), n("div", cl, [
     e("div", {
       class: h([
         {
@@ -2085,58 +2097,58 @@ function cl(m, i, l, a, r, o) {
     }, g(o.currentDay.price) + g(l.currency), 3)
   ]);
 }
-const oe = /* @__PURE__ */ te(dl, [["render", cl]]), gl = {
+const oe = /* @__PURE__ */ te(ul, [["render", gl]]), pl = {
   key: 0,
   class: "px-4 sm:px-6 lg:px-8"
-}, pl = { class: "flow-root" }, ml = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, fl = { class: "inline-block min-w-full align-middle" }, yl = { class: "min-w-full text-sm" }, hl = { class: "bg-white" }, vl = {
+}, ml = { class: "flow-root" }, fl = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, yl = { class: "inline-block min-w-full align-middle" }, hl = { class: "min-w-full text-sm" }, vl = { class: "bg-white" }, bl = {
   colspan: "6",
   scope: "colgroup",
   class: "bg-gray-50 py-2 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-3"
-}, bl = {
+}, wl = {
   colspan: "20",
   scope: "colgroup",
   class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900"
-}, wl = { key: 0 }, xl = {
+}, xl = { key: 0 }, kl = {
   colspan: "6",
   class: "pl-4"
-}, kl = { key: 1 }, _l = {
+}, _l = { key: 1 }, $l = {
   colspan: "6",
   class: "pl-4"
-}, $l = { key: 2 }, Cl = {
+}, Cl = { key: 2 }, Sl = {
   colspan: "6",
   class: "pl-4"
-}, Sl = {
+}, Bl = {
   colspan: "20",
   scope: "colgroup",
   class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900 relative"
-}, Bl = {
+}, Ml = {
   key: 0,
   class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-48 bg-white shadow rounded px-4 py-1 z-10"
-}, Ml = ["onClick"], Dl = {
+}, Dl = ["onClick"], jl = {
   colspan: "2",
   scope: "colgroup",
   class: "relative bg-gray-100 py-3.5 pl-4 pr-3 text-left font-semibold text-gray-900"
-}, jl = ["checked", "indeterminate"], Tl = { class: "pl-6" }, zl = {
+}, Tl = ["checked", "indeterminate"], zl = { class: "pl-6" }, Ll = {
   colspan: "2",
   scope: "colgroup",
   class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900"
-}, Ll = {
+}, Al = {
   colspan: "2",
   scope: "colgroup",
   class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900"
-}, Al = {
+}, Nl = {
   colspan: "2",
   class: "relative py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6"
-}, Nl = {
+}, Ol = {
   key: 0,
   class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600"
-}, Ol = ["value"], Il = { class: "pl-6" }, Yl = {
+}, Il = ["value"], Yl = { class: "pl-6" }, Pl = {
   colspan: "2",
   class: "pl-4"
-}, Pl = {
+}, Vl = {
   colspan: "2",
   class: "pl-4"
-}, Vl = /* @__PURE__ */ M({
+}, Fl = /* @__PURE__ */ M({
   __name: "uiPriceCalendar",
   props: {
     loading: { type: Boolean },
@@ -2169,32 +2181,32 @@ const oe = /* @__PURE__ */ te(dl, [["render", cl]]), gl = {
     }, T = () => a("changeCategoryBulkPrices"), A = (x) => a("changeCategorySelectionPrice", x), S = (x) => a("changeCategoryUpgradePrice", x), B = (x) => a("tableAction", x), P = (x, Y, I) => a("changeRoomPrice", { price: x, roomId: Y, roomName: I });
     return (x, Y) => {
       var I, se;
-      return x.loading ? (s(), _(Xe, { key: 1 })) : (s(), n("div", gl, [
-        e("div", pl, [
-          e("div", ml, [
-            e("div", fl, [
-              e("table", yl, [
-                e("tbody", hl, [
+      return x.loading ? (s(), k(et, { key: 1 })) : (s(), n("div", pl, [
+        e("div", ml, [
+          e("div", fl, [
+            e("div", yl, [
+              e("table", hl, [
+                e("tbody", vl, [
                   e("tr", null, [
-                    e("th", vl, [
-                      p(Ro, {
+                    e("th", bl, [
+                      p(Uo, {
                         selectedDate: o.value,
                         onDateSelected: Y[0] || (Y[0] = (O) => f(O))
                       }, null, 8, ["selectedDate"])
                     ]),
-                    (s(!0), n(k, null, $(d.value, (O, F) => (s(), n("th", {
+                    (s(!0), n(_, null, $(d.value, (O, F) => (s(), n("th", {
                       scope: "col",
                       key: F,
                       class: "text-sm font-semibold text-gray-900 p-0"
                     }, [
-                      p(il, {
+                      p(dl, {
                         class: "border-l border-gray-200 px-6 py-3",
                         day: O
                       }, null, 8, ["day"])
                     ]))), 128))
                   ]),
                   e("tr", null, [
-                    e("th", bl, [
+                    e("th", wl, [
                       e("span", null, g(x.literals.category) + " " + g(x.category.name), 1),
                       p(J, {
                         loading: x.loading,
@@ -2209,9 +2221,9 @@ const oe = /* @__PURE__ */ te(dl, [["render", cl]]), gl = {
                       }, 8, ["loading"])
                     ])
                   ]),
-                  x.type === "discounts" ? (s(), n("tr", wl, [
-                    e("td", xl, g(x.literals.pricesDiscount), 1),
-                    (s(!0), n(k, null, $(x.category.selectionPrices, (O, F) => (s(), n("td", {
+                  x.type === "discounts" ? (s(), n("tr", xl, [
+                    e("td", kl, g(x.literals.pricesDiscount), 1),
+                    (s(!0), n(_, null, $(x.category.selectionPrices, (O, F) => (s(), n("td", {
                       key: F,
                       class: "p-0"
                     }, [
@@ -2224,9 +2236,9 @@ const oe = /* @__PURE__ */ te(dl, [["render", cl]]), gl = {
                       }, null, 8, ["onClick", "price", "currency"])
                     ]))), 128))
                   ])) : b("", !0),
-                  x.type === "prices" ? (s(), n("tr", kl, [
-                    e("td", _l, g(x.literals.pricesSelection), 1),
-                    (s(!0), n(k, null, $(x.category.selectionPrices, (O, F) => (s(), n("td", {
+                  x.type === "prices" ? (s(), n("tr", _l, [
+                    e("td", $l, g(x.literals.pricesSelection), 1),
+                    (s(!0), n(_, null, $(x.category.selectionPrices, (O, F) => (s(), n("td", {
                       key: F,
                       class: "p-0"
                     }, [
@@ -2239,9 +2251,9 @@ const oe = /* @__PURE__ */ te(dl, [["render", cl]]), gl = {
                       }, null, 8, ["onClick", "price", "currency"])
                     ]))), 128))
                   ])) : b("", !0),
-                  x.type === "prices" ? (s(), n("tr", $l, [
-                    e("td", Cl, g(x.literals.pricesUpgrade), 1),
-                    (s(!0), n(k, null, $(x.category.upgradePrices, (O, F) => (s(), n("td", {
+                  x.type === "prices" ? (s(), n("tr", Cl, [
+                    e("td", Sl, g(x.literals.pricesUpgrade), 1),
+                    (s(!0), n(_, null, $(x.category.upgradePrices, (O, F) => (s(), n("td", {
                       key: F,
                       class: "p-0"
                     }, [
@@ -2255,56 +2267,56 @@ const oe = /* @__PURE__ */ te(dl, [["render", cl]]), gl = {
                     ]))), 128))
                   ])) : b("", !0),
                   e("tr", null, [
-                    e("th", Sl, [
-                      ((I = t.value) == null ? void 0 : I.length) > 0 && ((se = x.actions) == null ? void 0 : se.length) > 0 ? (s(), n("div", Bl, [
-                        (s(!0), n(k, null, $(x.actions, (O, F) => (s(), n("button", {
+                    e("th", Bl, [
+                      ((I = t.value) == null ? void 0 : I.length) > 0 && ((se = x.actions) == null ? void 0 : se.length) > 0 ? (s(), n("div", Ml, [
+                        (s(!0), n(_, null, $(x.actions, (O, F) => (s(), n("button", {
                           onClick: (K) => B({ action: O.id, items: t.value }),
                           key: F,
                           type: "button",
                           class: "inline-flex items-center rounded bg-indigo-600 hover:bg-indigo-800 px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30"
-                        }, g(O.name), 9, Ml))), 128))
+                        }, g(O.name), 9, Dl))), 128))
                       ])) : b("", !0),
                       e("span", null, g(x.literals.pricesSelection), 1)
                     ])
                   ]),
                   e("tr", null, [
-                    e("th", Dl, [
+                    e("th", jl, [
                       e("input", {
                         type: "checkbox",
                         class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600",
                         checked: u.value || t.value.length === x.rooms.length,
                         indeterminate: u.value,
                         onChange: w
-                      }, null, 40, jl),
-                      e("span", Tl, g(x.literals.room), 1)
+                      }, null, 40, Tl),
+                      e("span", zl, g(x.literals.room), 1)
                     ]),
-                    e("th", zl, g(x.literals.building), 1),
-                    e("th", Ll, g(x.literals.floor), 1),
+                    e("th", Ll, g(x.literals.building), 1),
+                    e("th", Al, g(x.literals.floor), 1),
                     Y[2] || (Y[2] = e("th", {
                       colspan: "14",
                       scope: "colgroup",
                       class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900"
                     }, null, -1))
                   ]),
-                  (s(!0), n(k, null, $(x.rooms, (O) => (s(), n("tr", {
+                  (s(!0), n(_, null, $(x.rooms, (O) => (s(), n("tr", {
                     key: O.name,
                     class: h([{ "even:bg-gray-100": x.type === "prices", "odd:bg-gray-100": x.type === "discounts" }])
                   }, [
-                    e("td", Al, [
-                      t.value.length > 0 ? (s(), n("div", Nl)) : b("", !0),
+                    e("td", Nl, [
+                      t.value.length > 0 ? (s(), n("div", Ol)) : b("", !0),
                       C(e("input", {
                         type: "checkbox",
                         class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600",
                         value: O.name,
                         "onUpdate:modelValue": Y[1] || (Y[1] = (F) => t.value = F)
-                      }, null, 8, Ol), [
+                      }, null, 8, Il), [
                         [Ie, t.value]
                       ]),
-                      e("span", Il, g(O.name), 1)
+                      e("span", Yl, g(O.name), 1)
                     ]),
-                    e("td", Yl, g(O.building), 1),
-                    e("td", Pl, g(O.floor), 1),
-                    (s(!0), n(k, null, $(O.selectionPrices, (F, K) => (s(), n("td", {
+                    e("td", Pl, g(O.building), 1),
+                    e("td", Vl, g(O.floor), 1),
+                    (s(!0), n(_, null, $(O.selectionPrices, (F, K) => (s(), n("td", {
                       class: "p-0",
                       key: K
                     }, [
@@ -2325,10 +2337,10 @@ const oe = /* @__PURE__ */ te(dl, [["render", cl]]), gl = {
       ]));
     };
   }
-}), Fl = { class: "chart-header flex flex-row items-center w-full justify-between" }, ql = { class: "text-sm font-medium text-gray-500 truncate mr-8" }, Rl = {
+}), ql = { class: "chart-header flex flex-row items-center w-full justify-between" }, Rl = { class: "text-sm font-medium text-gray-500 truncate mr-8" }, Ul = {
   key: 0,
   class: "flex items-center gap-x-2 grow"
-}, Ul = { class: "self-center ml-2" }, Hl = { class: "self-center ml-2" }, El = { class: "self-center ml-2" }, Zl = { class: "hidden sm:flex items-center" }, Jl = { class: "w-1/2 min-w-0 flex-1" }, Wl = ["max"], Gl = { class: "min-w-0 flex-1" }, Ql = ["max"], Kl = { class: "chart-content relative" }, Xl = /* @__PURE__ */ M({
+}, Hl = { class: "self-center ml-2" }, El = { class: "self-center ml-2" }, Zl = { class: "self-center ml-2" }, Jl = { class: "hidden sm:flex items-center" }, Wl = { class: "w-1/2 min-w-0 flex-1" }, Gl = ["max"], Ql = { class: "min-w-0 flex-1" }, Kl = ["max"], Xl = { class: "chart-content relative" }, er = /* @__PURE__ */ M({
   __name: "uiChart",
   props: {
     labels: {},
@@ -2416,13 +2428,13 @@ const oe = /* @__PURE__ */ te(dl, [["render", cl]]), gl = {
     }, y = V(() => r.series), w = V(() => u()), T = () => l("chartUpdated"), A = (S, B, P) => {
       l("dataPointSelection", { id: r.id, chartContext: B, config: P, event: S });
     };
-    return (S, B) => (s(), n(k, null, [
+    return (S, B) => (s(), n(_, null, [
       C(e("div", {
         class: h(["h-[" + S.height + "px]", "card chart apex-chart p-4 bg-white shadow rounded-lg overflow-hidden flex grow"])
       }, [
-        e("div", Fl, [
-          e("div", ql, g(S.title), 1),
-          S.isNps && S.npsLiterals ? (s(), n("div", Rl, [
+        e("div", ql, [
+          e("div", Rl, g(S.title), 1),
+          S.isNps && S.npsLiterals ? (s(), n("div", Ul, [
             p(U, {
               size: "small",
               color: "red",
@@ -2430,11 +2442,11 @@ const oe = /* @__PURE__ */ te(dl, [["render", cl]]), gl = {
             }, {
               default: v(() => [
                 p(j, {
-                  icon: c(zt),
+                  icon: c(Lt),
                   loading: !1,
                   color: "red"
                 }, null, 8, ["icon"]),
-                e("span", Ul, g(S.npsLiterals.unhappy), 1)
+                e("span", Hl, g(S.npsLiterals.unhappy), 1)
               ]),
               _: 1
             }),
@@ -2445,11 +2457,11 @@ const oe = /* @__PURE__ */ te(dl, [["render", cl]]), gl = {
             }, {
               default: v(() => [
                 p(j, {
-                  icon: c(Tt),
+                  icon: c(zt),
                   loading: !1,
                   color: "yellow"
                 }, null, 8, ["icon"]),
-                e("span", Hl, g(S.npsLiterals.neutral), 1)
+                e("span", El, g(S.npsLiterals.neutral), 1)
               ]),
               _: 1
             }),
@@ -2460,17 +2472,17 @@ const oe = /* @__PURE__ */ te(dl, [["render", cl]]), gl = {
             }, {
               default: v(() => [
                 p(j, {
-                  icon: c(Lt),
+                  icon: c(At),
                   loading: !1,
                   color: "green"
                 }, null, 8, ["icon"]),
-                e("span", El, g(S.npsLiterals.happy), 1)
+                e("span", Zl, g(S.npsLiterals.happy), 1)
               ]),
               _: 1
             })
           ])) : b("", !0),
-          e("div", Zl, [
-            e("div", Jl, [
+          e("div", Jl, [
+            e("div", Wl, [
               C(e("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": B[0] || (B[0] = (P) => c(o).from = P),
@@ -2479,11 +2491,11 @@ const oe = /* @__PURE__ */ te(dl, [["render", cl]]), gl = {
                 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, Wl), [
+              }, null, 40, Gl), [
                 [X, c(o).from]
               ])
             ]),
-            e("div", Gl, [
+            e("div", Ql, [
               C(e("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": B[1] || (B[1] = (P) => c(o).to = P),
@@ -2492,7 +2504,7 @@ const oe = /* @__PURE__ */ te(dl, [["render", cl]]), gl = {
                 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, Ql), [
+              }, null, 40, Kl), [
                 [X, c(o).to]
               ])
             ]),
@@ -2505,7 +2517,7 @@ const oe = /* @__PURE__ */ te(dl, [["render", cl]]), gl = {
             }, null, 8, ["loading", "icon"])
           ])
         ]),
-        C(e("div", Kl, [
+        C(e("div", Xl, [
           p(c(Me), {
             class: "chart",
             type: S.type,
@@ -2568,11 +2580,11 @@ const oe = /* @__PURE__ */ te(dl, [["render", cl]]), gl = {
       ])
     ], 64));
   }
-}), er = {
+}), tr = {
   name: "uiFooter"
-}, tr = { class: "bg-white" };
-function sr(m, i, l, a, r, o) {
-  return s(), n("footer", tr, i[0] || (i[0] = [
+}, sr = { class: "bg-white" };
+function or(m, i, l, a, r, o) {
+  return s(), n("footer", sr, i[0] || (i[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.")
@@ -2580,7 +2592,7 @@ function sr(m, i, l, a, r, o) {
     ], -1)
   ]));
 }
-const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
+const lr = /* @__PURE__ */ te(tr, [["render", or]]), rr = /* @__PURE__ */ M({
   __name: "uiLoadingScreen",
   props: {
     title: {},
@@ -2608,22 +2620,22 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       ])
     ], 2));
   }
-}), rr = {
+}), nr = {
   key: 0,
   class: "py-6 flex items-center justify-between"
-}, nr = { class: "flex-1 flex justify-between sm:hidden" }, ar = {
+}, ar = { class: "flex-1 flex justify-between sm:hidden" }, ir = {
   href: "#",
   class: "relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50"
-}, ir = {
+}, dr = {
   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"
-}, dr = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, ur = { class: "text-sm text-gray-700" }, cr = { class: "font-bold mx-1" }, gr = { class: "font-bold mx-1" }, pr = {
+}, ur = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, cr = { class: "text-sm text-gray-700" }, gr = { class: "font-bold mx-1" }, pr = { class: "font-bold mx-1" }, mr = {
   class: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px",
   "aria-label": "Pagination"
-}, mr = { class: "sr-only" }, fr = ["onClick"], yr = { class: "sr-only" }, hr = {
+}, fr = { class: "sr-only" }, yr = ["onClick"], hr = { class: "sr-only" }, vr = {
   key: 1,
   class: "py-6 flex flex-row justify-between items-center animate-pulse"
-}, vr = /* @__PURE__ */ M({
+}, br = /* @__PURE__ */ M({
   __name: "uiPagination",
   props: {
     current: {},
@@ -2642,35 +2654,35 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
         u.push(f);
       return u;
     });
-    return (u, f) => u.loading ? (s(), n("div", hr, f[2] || (f[2] = [
+    return (u, f) => u.loading ? (s(), n("div", vr, f[2] || (f[2] = [
       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)
-    ]))) : (s(), n("div", rr, [
-      e("div", nr, [
-        e("a", ar, [
+    ]))) : (s(), n("div", nr, [
+      e("div", ar, [
+        e("a", ir, [
           q(u.$slots, "previous")
         ]),
-        e("a", ir, [
+        e("a", dr, [
           q(u.$slots, "next")
         ])
       ]),
-      e("div", dr, [
+      e("div", ur, [
         e("div", null, [
-          e("p", ur, [
+          e("p", cr, [
             q(u.$slots, "showing"),
-            e("span", cr, g(u.current), 1),
+            e("span", gr, g(u.current), 1),
             q(u.$slots, "of"),
-            e("span", gr, g(u.total), 1)
+            e("span", pr, g(u.total), 1)
           ])
         ]),
         e("div", null, [
-          e("nav", pr, [
+          e("nav", mr, [
             C(e("button", {
               ref: "test-first-button",
               onClick: f[0] || (f[0] = (y) => l("changePage", u.current - 1)),
               class: "relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
             }, [
-              e("span", mr, [
+              e("span", fr, [
                 q(u.$slots, "previous")
               ]),
               p(c(Je), {
@@ -2680,20 +2692,20 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
             ], 512), [
               [D, u.current !== 1]
             ]),
-            (s(!0), n(k, null, $(d.value, (y) => (s(), n("button", {
+            (s(!0), n(_, null, $(d.value, (y) => (s(), n("button", {
               onClick: (w) => l("changePage", y),
               key: y,
               "aria-current": "page",
               class: h([[
                 y === u.current ? "z-10 bg-indigo-50 border-indigo-500 text-indigo-600" : "bg-white border-gray-300 text-gray-500 hover:bg-gray-50"
               ], "relative inline-flex items-center px-4 py-2 border text-sm font-medium"])
-            }, g(y), 11, fr))), 128)),
+            }, g(y), 11, yr))), 128)),
             C(e("button", {
               ref: "test-last-button",
               onClick: f[1] || (f[1] = (y) => l("changePage", u.current + 1)),
               class: "relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
             }, [
-              e("span", yr, [
+              e("span", hr, [
                 q(u.$slots, "next")
               ]),
               p(c(ee), {
@@ -2708,25 +2720,25 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       ])
     ]));
   }
-}), br = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, wr = { class: "flex flex-col flex-grow overflow-y-auto" }, xr = { class: "grow flex flex-col" }, kr = {
+}), wr = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, xr = { class: "flex flex-col flex-grow overflow-y-auto" }, kr = { class: "grow flex flex-col" }, _r = {
   class: "flex-1 space-y-1",
   "aria-label": "Sidebar"
-}, _r = { key: 0 }, $r = ["onClick"], Cr = {
+}, $r = { key: 0 }, Cr = ["onClick"], Sr = {
   key: 1,
   class: "text-left"
-}, Sr = {
+}, Br = {
   key: 1,
   class: "flex-1 text-left"
-}, Br = {
+}, Mr = {
   key: 2,
   class: "flex-1"
-}, Mr = {
+}, Dr = {
   key: 0,
   class: "align-left"
-}, Dr = {
+}, jr = {
   key: 1,
   class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2"
-}, jr = { class: "h-12 flex flex-row items-center" }, Tr = /* @__PURE__ */ M({
+}, Tr = { class: "h-12 flex flex-row items-center" }, zr = /* @__PURE__ */ M({
   __name: "uiSidebar",
   props: {
     navigation: {},
@@ -2738,17 +2750,17 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
   emits: ["sideBarClick"],
   setup(m, { emit: i }) {
     const l = i;
-    return (a, r) => (s(), n("div", br, [
-      e("div", wr, [
-        e("div", xr, [
-          e("nav", kr, [
-            a.loading ? (s(), n(k, { key: 1 }, $(5, (o) => e("div", jr, r[1] || (r[1] = [
+    return (a, r) => (s(), n("div", wr, [
+      e("div", xr, [
+        e("div", kr, [
+          e("nav", _r, [
+            a.loading ? (s(), n(_, { key: 1 }, $(5, (o) => e("div", Tr, r[1] || (r[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)) : (s(!0), n(k, { key: 0 }, $(a.navigation, (o) => (s(), n(k, {
+            ]))), 64)) : (s(!0), n(_, { key: 0 }, $(a.navigation, (o) => (s(), n(_, {
               key: o.name
             }, [
-              o.children ? (s(), _(c(Se), {
+              o.children ? (s(), k(c(Se), {
                 key: 1,
                 as: "div",
                 class: "space-y-1"
@@ -2758,7 +2770,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                     class: h([o.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: v(() => [
-                      o.icon ? (s(), _(j, {
+                      o.icon ? (s(), k(j, {
                         key: 0,
                         loading: a.loading,
                         icon: o.icon,
@@ -2768,9 +2780,9 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                         ]),
                         "aria-hidden": "true"
                       }, null, 8, ["loading", "icon", "class"])) : b("", !0),
-                      a.loading ? (s(), n("div", Br, r[0] || (r[0] = [
+                      a.loading ? (s(), n("div", Mr, r[0] || (r[0] = [
                         e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)
-                      ]))) : (s(), n("span", Sr, g(o.name), 1)),
+                      ]))) : (s(), n("span", Br, g(o.name), 1)),
                       p(c(ee), {
                         class: h([t ? "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"])
@@ -2779,13 +2791,13 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                   }, 1032, ["class"]),
                   p(c(Be), { class: "space-y-1" }, {
                     default: v(() => [
-                      (s(!0), n(k, null, $(o.children, (d) => (s(), _(c(Z), {
+                      (s(!0), n(_, null, $(o.children, (d) => (s(), k(c(Z), {
                         onClick: (u) => l("sideBarClick", d.id),
                         key: d.name,
                         class: h([d.current ? "bg-gray-200" : "hover:text-gray-900 hover:bg-gray-100", "group text-gray-600 w-full flex items-center text-left pl-11 pr-2 py-2 text-sm font-medium rounded-md"])
                       }, {
                         default: v(() => [
-                          a.loading ? (s(), n("div", Dr)) : (s(), n("span", Mr, g(d.name), 1))
+                          a.loading ? (s(), n("div", jr)) : (s(), n("span", Dr, g(d.name), 1))
                         ]),
                         _: 2
                       }, 1032, ["onClick", "class"]))), 128))
@@ -2794,7 +2806,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                   }, 1024)
                 ]),
                 _: 2
-              }, 1024)) : (s(), n("div", _r, [
+              }, 1024)) : (s(), n("div", $r, [
                 e("button", {
                   onClick: (t) => l("sideBarClick", o.id),
                   class: h([
@@ -2802,7 +2814,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                     "group w-full flex items-center pl-2 py-2 text-sm font-medium rounded-md"
                   ])
                 }, [
-                  o.icon ? (s(), _(j, {
+                  o.icon ? (s(), k(j, {
                     key: 0,
                     loading: a.loading,
                     icon: o.icon,
@@ -2812,8 +2824,8 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                     ]),
                     "aria-hidden": "true"
                   }, null, 8, ["loading", "icon", "class"])) : b("", !0),
-                  a.loading ? b("", !0) : (s(), n("span", Cr, g(o.name), 1))
-                ], 10, $r)
+                  a.loading ? b("", !0) : (s(), n("span", Sr, g(o.name), 1))
+                ], 10, Cr)
               ]))
             ], 64))), 128))
           ])
@@ -2821,24 +2833,24 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       ])
     ]));
   }
-}), zr = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6" }, Lr = { class: "bg-indigo-600 w-16 mr-6" }, Ar = ["onClick"], Nr = {
+}), Lr = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6" }, Ar = { class: "bg-indigo-600 w-16 mr-6" }, Nr = ["onClick"], Or = {
   key: 0,
   class: "flex flex-col grow gap-y-5 overflow-y-auto pr-6"
-}, Or = { class: "flex h-16 shrink-0 items-center" }, Ir = ["src"], Yr = { class: "flex flex-1 flex-col" }, Pr = {
+}, Ir = { class: "flex h-16 shrink-0 items-center" }, Yr = ["src"], Pr = { class: "flex flex-1 flex-col" }, Vr = {
   key: 0,
   role: "list",
   class: "flex flex-1 flex-col gap-y-7 mb-4"
-}, Vr = {
+}, Fr = {
   role: "list",
   class: "ml-2 space-y-1"
-}, Fr = ["onClick"], qr = {
+}, qr = ["onClick"], Rr = {
   key: 1,
   role: "list",
   class: "flex flex-1 flex-col gap-y-7 mb-4"
-}, Rr = { class: "ml-2 space-y-1" }, Ur = { class: "font-bold mb-4" }, Hr = {
+}, Ur = { class: "ml-2 space-y-1" }, Hr = { class: "font-bold mb-4" }, Er = {
   key: 1,
   class: "flex flex-col grow gap-y-5 overflow-y-auto pr-6"
-}, Er = { class: "h-12 flex flex-row items-center" }, he = /* @__PURE__ */ M({
+}, Zr = { class: "h-12 flex flex-row items-center" }, he = /* @__PURE__ */ M({
   __name: "uiSidebarV2",
   props: {
     navigation: {},
@@ -2850,10 +2862,10 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
   },
   emits: ["productBarClick", "sideBarClick"],
   setup(m, { emit: i }) {
-    return (l, a) => (s(), n("div", zr, [
-      e("div", Lr, [
+    return (l, a) => (s(), n("div", Lr, [
+      e("div", Ar, [
         e("ul", null, [
-          (s(!0), n(k, null, $(l.productsSidebar, (r, o) => (s(), n("li", {
+          (s(!0), n(_, null, $(l.productsSidebar, (r, o) => (s(), n("li", {
             key: o,
             class: h([{ "!bg-indigo-900": r.active }, "w-full h-16 flex items-center justify-center cursor-pointer bg-indigo-600 hover:bg-indigo-700"]),
             onClick: (t) => l.$emit("productBarClick", r.name)
@@ -2864,30 +2876,30 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
               color: "white",
               size: "bigger"
             }, null, 8, ["icon"])
-          ], 10, Ar))), 128))
+          ], 10, Nr))), 128))
         ])
       ]),
-      l.loading ? (s(), n("div", Hr, [
-        (s(), n(k, null, $(5, (r) => e("div", Er, a[0] || (a[0] = [
+      l.loading ? (s(), n("div", Er, [
+        (s(), n(_, null, $(5, (r) => e("div", Zr, a[0] || (a[0] = [
           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))
-      ])) : (s(), n("div", Nr, [
-        e("div", Or, [
+      ])) : (s(), n("div", Or, [
+        e("div", Ir, [
           e("img", {
             class: "h-8 w-auto",
             src: l.logo,
             alt: "Your Company"
-          }, null, 8, Ir)
+          }, null, 8, Yr)
         ]),
-        e("nav", Yr, [
-          l.isFilterNavigation ? b("", !0) : (s(), n("ul", Pr, [
+        e("nav", Pr, [
+          l.isFilterNavigation ? b("", !0) : (s(), n("ul", Vr, [
             e("li", null, [
-              e("ul", Vr, [
-                (s(!0), n(k, null, $(l.navigation, (r) => (s(), n("li", {
+              e("ul", Fr, [
+                (s(!0), n(_, null, $(l.navigation, (r) => (s(), n("li", {
                   key: r.name
                 }, [
-                  r.children ? (s(), _(c(Se), {
+                  r.children ? (s(), k(c(Se), {
                     key: 1,
                     as: "div"
                   }, {
@@ -2920,7 +2932,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                           static: ""
                         }, {
                           default: v(() => [
-                            (s(!0), n(k, null, $(r.children, (o) => (s(), n("li", {
+                            (s(!0), n(_, null, $(r.children, (o) => (s(), n("li", {
                               key: o.name
                             }, [
                               p(c(Z), {
@@ -2956,14 +2968,14 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                       class: "shrink-0"
                     }, null, 8, ["icon"]),
                     L(" " + g(r.name), 1)
-                  ], 10, Fr))
+                  ], 10, qr))
                 ]))), 128))
               ])
             ])
           ])),
-          l.isFilterNavigation && l.filterNavigation ? (s(), n("ul", qr, [
-            e("li", Rr, [
-              l.filterNavigation.hasSearch && l.filterNavigation.search ? (s(), _(E, {
+          l.isFilterNavigation && l.filterNavigation ? (s(), n("ul", Rr, [
+            e("li", Ur, [
+              l.filterNavigation.hasSearch && l.filterNavigation.search ? (s(), k(E, {
                 key: 0,
                 name: l.filterNavigation.search.name,
                 label: l.filterNavigation.search.label,
@@ -2972,12 +2984,12 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                 loading: l.filterNavigation.search.loading
               }, null, 8, ["name", "label", "placeholder", "value", "loading"])) : b("", !0)
             ]),
-            (s(!0), n(k, null, $(l.filterNavigation.items, (r, o) => (s(), n("li", {
+            (s(!0), n(_, null, $(l.filterNavigation.items, (r, o) => (s(), n("li", {
               class: "ml-2",
               key: o
             }, [
-              e("p", Ur, g(r.label), 1),
-              (s(!0), n(k, null, $(r.filters, (t, d) => (s(), _(Ue, {
+              e("p", Hr, g(r.label), 1),
+              (s(!0), n(_, null, $(r.filters, (t, d) => (s(), k(Ue, {
                 class: "mb-2",
                 value: t.value,
                 loading: t.loading
@@ -2993,10 +3005,10 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       ]))
     ]));
   }
-}), Zr = { key: 0 }, Jr = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, Wr = { class: "ml-16 flex items-baseline pb-5" }, Gr = { class: "text-2xl font-semibold text-gray-900" }, Qr = {
+}), Jr = { key: 0 }, Wr = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, Gr = { class: "ml-16 flex items-baseline pb-5" }, Qr = { class: "text-2xl font-semibold text-gray-900" }, Kr = {
   key: 0,
   class: "text-black ml-2 flex items-baseline text-sm font-semibold"
-}, Kr = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, Xr = { class: "text-sm" }, en = { key: 1 }, tn = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, sn = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, et = /* @__PURE__ */ M({
+}, Xr = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, en = { class: "text-sm" }, tn = { key: 1 }, sn = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, on = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, tt = /* @__PURE__ */ M({
   __name: "uiStats",
   props: {
     item: {},
@@ -3004,10 +3016,10 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
   },
   emits: ["statClick"],
   setup(m, { emit: i }) {
-    return (l, a) => l.loading ? (s(), n("div", en, [
-      e("div", tn, [
+    return (l, a) => l.loading ? (s(), n("div", tn, [
+      e("div", sn, [
         e("dt", null, [
-          e("div", sn, [
+          e("div", on, [
             p(j, {
               loading: l.loading,
               icon: l.item.icon,
@@ -3023,7 +3035,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
           ], -1))
         ])
       ])
-    ])) : (s(), n("div", Zr, [
+    ])) : (s(), n("div", Jr, [
       e("div", {
         class: h(["relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full", { "pb-12": l.item.showFooter }])
       }, [
@@ -3044,11 +3056,11 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
               loading: l.loading
             }, null, 8, ["icon", "loading"])
           ], 2),
-          e("p", Jr, g(l.item.name), 1)
+          e("p", Wr, g(l.item.name), 1)
         ]),
-        e("dd", Wr, [
-          e("p", Gr, g(l.item.stat), 1),
-          l.item.explanation ? (s(), n("p", Qr, g(l.item.explanation), 1)) : b("", !0),
+        e("dd", Gr, [
+          e("p", Qr, g(l.item.stat), 1),
+          l.item.explanation ? (s(), n("p", Kr, g(l.item.explanation), 1)) : b("", !0),
           l.item.changeType ? (s(), n("p", {
             key: 1,
             class: h([
@@ -3060,20 +3072,20 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
               "ml-2 flex items-baseline text-sm font-semibold"
             ])
           }, [
-            l.item.changeType === "increase" ? (s(), _(c(Bt), {
+            l.item.changeType === "increase" ? (s(), k(c(Dt), {
               key: 0,
               class: "self-center flex-shrink-0 h-3 w-3 text-green-500",
               "aria-hidden": "true"
             })) : b("", !0),
-            l.item.changeType === "decrease" ? (s(), _(c(Ct), {
+            l.item.changeType === "decrease" ? (s(), k(c(Bt), {
               key: 1,
               class: "self-center flex-shrink-0 h-3 w-3 text-red-500",
               "aria-hidden": "true"
             })) : b("", !0),
             L(" " + g(l.item.change), 1)
           ], 2)) : b("", !0),
-          C(e("div", Kr, [
-            e("div", Xr, [
+          C(e("div", Xr, [
+            e("div", en, [
               e("span", {
                 onClick: a[0] || (a[0] = (r) => l.$emit("statClick", l.item.id)),
                 class: "font-medium text-indigo-600 hover:text-indigo-500 cursor-pointer"
@@ -3086,19 +3098,19 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       ], 2)
     ]));
   }
-}), on = {
+}), ln = {
   key: 0,
   class: "overflow-hidden bg-white shadow sm:rounded-lg"
-}, ln = { class: "px-4 py-5 sm:px-6" }, rn = { class: "text-lg font-medium leading-6 text-gray-900" }, nn = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, an = { class: "border-t border-gray-200" }, dn = { class: "text-sm font-medium text-gray-500" }, un = {
+}, rn = { class: "px-4 py-5 sm:px-6" }, nn = { class: "text-lg font-medium leading-6 text-gray-900" }, an = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, dn = { class: "border-t border-gray-200" }, un = { class: "text-sm font-medium text-gray-500" }, cn = {
   key: 0,
   class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal"
-}, cn = ["onClick"], gn = {
+}, gn = ["onClick"], pn = {
   key: 2,
   class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words"
-}, pn = {
+}, mn = {
   key: 1,
   class: "overflow-hidden bg-white shadow sm:rounded-lg"
-}, mn = { class: "border-t border-gray-200" }, fn = /* @__PURE__ */ M({
+}, fn = { class: "border-t border-gray-200" }, yn = /* @__PURE__ */ M({
   __name: "uiStripedCard",
   props: {
     title: {},
@@ -3108,11 +3120,11 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
   },
   emits: ["itemClicked"],
   setup(m) {
-    return (i, l) => i.loading ? (s(), n("div", pn, [
+    return (i, l) => i.loading ? (s(), n("div", mn, [
       l[1] || (l[1] = Q('<div class="px-4 py-5 sm:px-6 animate-pulse"><h3 class="text-lg font-medium leading-6 text-gray-900"><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", mn, [
+      e("div", fn, [
         e("dl", null, [
-          (s(), n(k, null, $(5, (a) => e("div", {
+          (s(), n(_, null, $(5, (a) => e("div", {
             key: a,
             class: h(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [a % 2 === 0 ? "bg-gray-50" : "bg-white"]])
           }, l[0] || (l[0] = [
@@ -3125,20 +3137,20 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
           ]), 2)), 64))
         ])
       ])
-    ])) : (s(), n("div", on, [
-      e("div", ln, [
-        e("h3", rn, g(i.title), 1),
-        e("p", nn, g(i.subtitle), 1)
+    ])) : (s(), n("div", ln, [
+      e("div", rn, [
+        e("h3", nn, g(i.title), 1),
+        e("p", an, g(i.subtitle), 1)
       ]),
-      e("div", an, [
+      e("div", dn, [
         e("dl", null, [
-          (s(!0), n(k, null, $(i.items, (a, r) => (s(), n("div", {
+          (s(!0), n(_, null, $(i.items, (a, r) => (s(), n("div", {
             key: r,
             class: h(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [r % 2 === 0 ? "bg-gray-50" : "bg-white"]])
           }, [
-            e("dt", dn, g(a.title), 1),
-            a.type === "tags" ? (s(), n("dd", un, [
-              (s(!0), n(k, null, $(a.tags, (o, t) => (s(), _(U, {
+            e("dt", un, g(a.title), 1),
+            a.type === "tags" ? (s(), n("dd", cn, [
+              (s(!0), n(_, null, $(a.tags, (o, t) => (s(), k(U, {
                 loading: i.loading,
                 key: t,
                 color: o.color,
@@ -3153,13 +3165,13 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
               key: 1,
               class: "mt-1 text-sm text-indigo-600 hover:text-indigo-400 sm:col-span-2 sm:mt-0 cursor-pointer",
               onClick: (o) => i.$emit("itemClicked", a.emits)
-            }, g(a.text), 9, cn)) : (s(), n("dd", gn, g(a.text), 1))
+            }, g(a.text), 9, gn)) : (s(), n("dd", pn, g(a.text), 1))
           ], 2))), 128))
         ])
       ])
     ]));
   }
-}), yn = { class: "absolute top-10 bg-indigo-600 text-white text-xs p-2 rounded z-10 font-light w-60 flex flex-row items-start" }, hn = { class: "ml-2" }, vn = {
+}), hn = { class: "absolute top-10 bg-indigo-600 text-white text-xs p-2 rounded z-10 font-light w-60 flex flex-row items-start" }, vn = { class: "ml-2" }, bn = {
   __name: "tooltip",
   props: {
     tip: {
@@ -3168,7 +3180,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
     }
   },
   setup(m) {
-    return (i, l) => (s(), n("div", yn, [
+    return (i, l) => (s(), n("div", hn, [
       l[0] || (l[0] = e("svg", {
         class: "absolute -top-3 left-0",
         xmlns: "http://www.w3.org/2000/svg",
@@ -3186,25 +3198,25 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       ], -1)),
       e("div", null, [
         p(j, {
-          icon: c(It),
+          icon: c(Yt),
           loading: !1,
           color: "white",
           size: "big"
         }, null, 8, ["icon"])
       ]),
-      e("span", hn, g(m.tip), 1)
+      e("span", vn, g(m.tip), 1)
     ]));
   }
-}, bn = { key: 0 }, wn = { class: "flex flex-col" }, xn = { class: "-my-2 overflow-x-auto" }, kn = { class: "inline-block min-w-full py-2 align-middle px-1" }, _n = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, $n = {
+}, wn = { key: 0 }, xn = { class: "flex flex-col" }, kn = { class: "-my-2 overflow-x-auto" }, _n = { class: "inline-block min-w-full py-2 align-middle px-1" }, $n = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Cn = {
   key: 0,
   class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-16 bg-white shadow rounded px-4 py-1 z-10"
-}, Cn = ["onClick"], Sn = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Bn = { class: "bg-gray-50" }, Mn = ["checked", "indeterminate"], Dn = ["onMouseover", "onMouseleave"], jn = ["onClick"], Tn = {
+}, Sn = ["onClick"], Bn = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Mn = { class: "bg-gray-50" }, Dn = ["checked", "indeterminate"], jn = ["onMouseover", "onMouseleave"], Tn = ["onClick"], zn = {
   key: 2,
   class: "group flex items-center uppercase text-xs"
-}, zn = { class: "divide-y divide-gray-200 bg-white" }, Ln = {
+}, Ln = { class: "divide-y divide-gray-200 bg-white" }, An = {
   key: 0,
   class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600"
-}, An = ["value"], Nn = ["onClick"], On = ["href"], In = { key: 3 }, Yn = /* @__PURE__ */ M({
+}, Nn = ["value"], On = ["onClick"], In = ["href"], Yn = { key: 3 }, Pn = /* @__PURE__ */ M({
   __name: "uiTable",
   props: {
     resetSelected: { type: Boolean, default: !1 },
@@ -3231,21 +3243,21 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       r.value = w, w && r.value && (l.value = [], r.value = !w, o("selectedItemsDeleted"));
     }), (w, T) => {
       var A, S;
-      return w.loading ? (s(), _(Xe, { key: 1 })) : (s(), n("div", bn, [
-        e("div", wn, [
-          e("div", xn, [
-            e("div", kn, [
-              e("div", _n, [
-                ((A = c(l)) == null ? void 0 : A.length) > 0 && ((S = w.actions) == null ? void 0 : S.length) > 0 ? (s(), n("div", $n, [
-                  (s(!0), n(k, null, $(w.actions, (B, P) => (s(), n("button", {
+      return w.loading ? (s(), k(et, { key: 1 })) : (s(), n("div", wn, [
+        e("div", xn, [
+          e("div", kn, [
+            e("div", _n, [
+              e("div", $n, [
+                ((A = c(l)) == null ? void 0 : A.length) > 0 && ((S = w.actions) == null ? void 0 : S.length) > 0 ? (s(), n("div", Cn, [
+                  (s(!0), n(_, null, $(w.actions, (B, P) => (s(), n("button", {
                     onClick: (x) => w.$emit("tableAction", { action: B.id, items: c(l) }),
                     key: P,
                     type: "button",
                     class: "inline-flex items-center rounded bg-indigo-600 hover:bg-indigo-800 px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30"
-                  }, g(B.name), 9, Cn))), 128))
+                  }, g(B.name), 9, Sn))), 128))
                 ])) : b("", !0),
-                e("table", Sn, [
-                  e("thead", Bn, [
+                e("table", Bn, [
+                  e("thead", Mn, [
                     e("tr", null, [
                       e("th", {
                         scope: "col",
@@ -3258,16 +3270,16 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                           class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500",
                           type: "checkbox",
                           onChange: f
-                        }, null, 40, Mn)) : b("", !0)
+                        }, null, 40, Dn)) : b("", !0)
                       ], 2),
-                      (s(!0), n(k, null, $(w.header, (B, P) => (s(), n("th", {
+                      (s(!0), n(_, null, $(w.header, (B, P) => (s(), n("th", {
                         key: P,
                         class: "py-3.5 pr-3 text-left font-semibold text-gray-900 relative",
                         scope: "col",
                         onMouseover: (x) => u(B.name, !0),
                         onMouseleave: (x) => u(B.name, !1)
                       }, [
-                        B.tooltip ? C((s(), _(vn, {
+                        B.tooltip ? C((s(), k(bn, {
                           key: 0,
                           tip: B.tooltip
                         }, null, 8, ["tip"])), [
@@ -3285,19 +3297,19 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                             ], "ml-2 flex-none rounded group-hover:bg-indigo-200 group-hover:text-white"])
                           }, [
                             p(j, {
-                              icon: w.orderDirection === "asc" ? c(de) : c(jt),
+                              icon: w.orderDirection === "asc" ? c(de) : c(We),
                               loading: w.loading,
                               color: B.value === w.orderedBy ? "white" : "primary"
                             }, null, 8, ["icon", "loading", "color"])
                           ], 2)
-                        ], 8, jn)) : (s(), n("p", Tn, [
+                        ], 8, Tn)) : (s(), n("p", zn, [
                           e("span", null, g(B.name), 1)
                         ]))
-                      ], 40, Dn))), 128))
+                      ], 40, jn))), 128))
                     ])
                   ]),
-                  e("tbody", zn, [
-                    (s(!0), n(k, null, $(w.items, (B, P) => {
+                  e("tbody", Ln, [
+                    (s(!0), n(_, null, $(w.items, (B, P) => {
                       var x, Y;
                       return s(), n("tr", {
                         key: B.id,
@@ -3309,25 +3321,25 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                         e("td", {
                           class: h([((x = w.actions) == null ? void 0 : x.length) > 0 ? "w-2" : "w-0", "relative"])
                         }, [
-                          c(l).includes(B.id) ? (s(), n("div", Ln)) : b("", !0),
+                          c(l).includes(B.id) ? (s(), n("div", An)) : b("", !0),
                           ((Y = w.actions) == null ? void 0 : Y.length) > 0 ? C((s(), n("input", {
                             key: 1,
                             "onUpdate:modelValue": T[0] || (T[0] = (I) => ve(l) ? l.value = I : l = I),
                             value: B.id,
                             class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-500 flex-wrap",
                             type: "checkbox"
-                          }, null, 8, An)), [
+                          }, null, 8, Nn)), [
                             [Ie, c(l)]
                           ]) : b("", !0)
                         ], 2),
-                        (s(!0), n(k, null, $(B.row, (I, se) => (s(), n("td", {
+                        (s(!0), n(_, null, $(B.row, (I, se) => (s(), n("td", {
                           key: se,
                           class: h([
                             "whitespace-nowrap py-4 pr-3 text-sm",
                             c(l).includes(B.id) ? "text-indigo-600" : "text-gray-900"
                           ])
                         }, [
-                          typeof I == "object" && I.type === "tag" ? (s(), _(U, {
+                          typeof I == "object" && I.type === "tag" ? (s(), k(U, {
                             key: 0,
                             loading: w.loading,
                             color: I.color
@@ -3340,11 +3352,11 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                             key: 1,
                             class: "text-indigo-600 hover:text-indigo-400 cursor-pointer",
                             onClick: (O) => y(I)
-                          }, g(I.content), 9, Nn)) : typeof I == "object" && I.type === "href" ? (s(), n("a", {
+                          }, g(I.content), 9, On)) : typeof I == "object" && I.type === "href" ? (s(), n("a", {
                             key: 2,
                             class: "text-indigo-600 hover:text-indigo-400 cursor-pointer",
                             href: I.href
-                          }, g(I.content), 9, On)) : (s(), n("span", In, g(I), 1))
+                          }, g(I.content), 9, In)) : (s(), n("span", Yn, g(I), 1))
                         ], 2))), 128))
                       ], 2);
                     }), 128))
@@ -3357,10 +3369,10 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       ]));
     };
   }
-}), Pn = { class: "lg:hidden" }, Vn = ["value"], Fn = { class: "hidden lg:block" }, qn = { class: "border-b border-gray-200" }, Rn = {
+}), Vn = { class: "lg:hidden" }, Fn = ["value"], qn = { class: "hidden lg:block" }, Rn = { class: "border-b border-gray-200" }, Un = {
   class: "-mb-px flex space-x-8",
   "aria-label": "Tabs"
-}, Un = ["onClick", "aria-current"], Hn = /* @__PURE__ */ M({
+}, Hn = ["onClick", "aria-current"], En = /* @__PURE__ */ M({
   __name: "uiTabs",
   props: {
     tabs: {}
@@ -3372,23 +3384,23 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       o.value && l("tabClicked", o.value);
     };
     return (r, o) => (s(), n("div", null, [
-      e("div", Pn, [
+      e("div", Vn, [
         e("select", {
           onChange: o[0] || (o[0] = (t) => a(t)),
           id: "tabs",
           name: "tabs",
           class: "block w-full rounded-md border-gray-300 py-2 pl-3 pr-10 text-base focus:border-indigo-500 focus:outline-none focus:ring-indigo-500 sm:text-sm"
         }, [
-          (s(!0), n(k, null, $(r.tabs, (t) => (s(), n("option", {
+          (s(!0), n(_, null, $(r.tabs, (t) => (s(), n("option", {
             value: t.id,
             key: t.name
-          }, g(t.name), 9, Vn))), 128))
+          }, g(t.name), 9, Fn))), 128))
         ], 32)
       ]),
-      e("div", Fn, [
-        e("div", qn, [
-          e("nav", Rn, [
-            (s(!0), n(k, null, $(r.tabs, (t) => (s(), n("a", {
+      e("div", qn, [
+        e("div", Rn, [
+          e("nav", Un, [
+            (s(!0), n(_, null, $(r.tabs, (t) => (s(), n("a", {
               key: t.name,
               onClick: (d) => l("tabClicked", t.id),
               class: h([
@@ -3405,36 +3417,36 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                   "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block"
                 ])
               }, g(t.count), 3)) : b("", !0)
-            ], 10, Un))), 128))
+            ], 10, Hn))), 128))
           ])
         ])
       ])
     ]));
   }
-}), En = { class: "px-4 py-5 sm:px-6" }, Zn = { class: "text-xl font-bold" }, Jn = {
+}), Zn = { class: "px-4 py-5 sm:px-6" }, Jn = { class: "text-xl font-bold" }, Wn = {
   key: 0,
   class: "px-4 py-5 sm:p-6"
-}, Wn = { class: "flow-root" }, Gn = { class: "relative pb-8" }, Qn = {
+}, Gn = { class: "flow-root" }, Qn = { class: "relative pb-8" }, Kn = {
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, Kn = { class: "relative flex space-x-3" }, Xn = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, ea = { class: "text-sm text-gray-500" }, ta = ["onClick"], sa = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, oa = ["datetime"], la = {
+}, Xn = { class: "relative flex space-x-3" }, ea = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, ta = { class: "text-sm text-gray-500" }, sa = ["onClick"], oa = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, la = ["datetime"], ra = {
   key: 1,
   class: "bg-gray-50 px-4 py-4 sm:px-6 z-10"
-}, ra = { class: "text-sm" }, na = {
+}, na = { class: "text-sm" }, aa = {
   key: 2,
   class: "h-full w-full flex items-center justify-center flex-col mb-5"
-}, aa = {
+}, ia = {
   key: 1,
   class: "bg-white overflow-hidden shadow rounded-lg"
-}, ia = { class: "px-4 py-5 sm:p-6 animate-pulse" }, da = { class: "flow-root" }, ua = {
+}, da = { class: "px-4 py-5 sm:p-6 animate-pulse" }, ua = { class: "flow-root" }, ca = {
   class: "-mb-8",
   role: "list"
-}, ca = { class: "relative pb-8" }, ga = {
+}, ga = { class: "relative pb-8" }, pa = {
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, pa = /* @__PURE__ */ M({
+}, ma = /* @__PURE__ */ M({
   __name: "uiTimeline",
   props: {
     name: {},
@@ -3446,18 +3458,18 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
   emits: ["timelineEventClicked", "timelineFooterClicked"],
   setup(m, { emit: i }) {
     const a = ge(m.timeline);
-    return (r, o) => r.loading ? (s(), n("div", aa, [
+    return (r, o) => r.loading ? (s(), n("div", ia, [
       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", ia, [
-        e("div", da, [
-          e("ul", ua, [
-            (s(), n(k, null, $(10, (t, d) => e("li", { key: d }, [
-              e("div", ca, [
-                t !== 10 ? (s(), n("span", ga)) : b("", !0),
+      e("div", da, [
+        e("div", ua, [
+          e("ul", ca, [
+            (s(), n(_, null, $(10, (t, d) => e("li", { key: d }, [
+              e("div", ga, [
+                t !== 10 ? (s(), n("span", pa)) : b("", !0),
                 o[2] || (o[2] = Q('<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))
@@ -3473,21 +3485,21 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       key: 0,
       class: h(["h-[" + r.height + "px]", "bg-white overflow-hidden shadow rounded-lg"])
     }, [
-      e("div", En, [
-        e("h1", Zn, g(r.name), 1)
+      e("div", Zn, [
+        e("h1", Jn, g(r.name), 1)
       ]),
-      a.items ? (s(), n("div", Jn, [
-        e("div", Wn, [
-          p(st, {
+      a.items ? (s(), n("div", Wn, [
+        e("div", Gn, [
+          p(lt, {
             name: "list",
             tag: "ul",
             class: "-mb-8"
           }, {
             default: v(() => [
-              (s(!0), n(k, null, $(a.items, (t, d) => (s(), n("li", { key: d }, [
-                e("div", Gn, [
-                  d < a.items.length - 1 ? (s(), n("span", Qn)) : b("", !0),
-                  e("div", Kn, [
+              (s(!0), n(_, null, $(a.items, (t, d) => (s(), n("li", { key: d }, [
+                e("div", Qn, [
+                  d < a.items.length - 1 ? (s(), n("span", Kn)) : b("", !0),
+                  e("div", Xn, [
                     e("div", null, [
                       e("span", {
                         class: h([(t == null ? void 0 : t.iconBackground) || "bg-indigo-600", "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"])
@@ -3501,20 +3513,20 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                         }, null, 8, ["loading", "icon"])
                       ], 2)
                     ]),
-                    e("div", Xn, [
+                    e("div", ea, [
                       e("div", null, [
-                        e("p", ea, [
+                        e("p", ta, [
                           e("a", {
                             onClick: (u) => r.$emit("timelineEventClicked", t.linkId),
                             class: "font-medium text-indigo-600 hover:text-indigo-800 cursor-pointer"
-                          }, g(t == null ? void 0 : t.target), 9, ta),
+                          }, g(t == null ? void 0 : t.target), 9, sa),
                           L(" " + g(t == null ? void 0 : t.content), 1)
                         ])
                       ]),
-                      e("div", sa, [
+                      e("div", oa, [
                         e("time", {
                           datetime: t == null ? void 0 : t.datetime
-                        }, g(t == null ? void 0 : t.date), 9, oa)
+                        }, g(t == null ? void 0 : t.date), 9, la)
                       ])
                     ])
                   ])
@@ -3525,14 +3537,14 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
           })
         ])
       ])) : b("", !0),
-      a.items ? (s(), n("div", la, [
-        e("div", ra, [
+      a.items ? (s(), n("div", ra, [
+        e("div", na, [
           e("a", {
             class: "cursor-pointer font-medium text-indigo-600 hover:text-indigo-500",
             onClick: o[0] || (o[0] = (t) => r.$emit("timelineFooterClicked", r.timeline.id))
           }, g(r.timeline.footerText), 1)
         ])
-      ])) : (s(), n("div", na, [
+      ])) : (s(), n("div", aa, [
         p(j, {
           icon: c(H),
           color: "gray",
@@ -3543,10 +3555,10 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       ]))
     ], 2));
   }
-}), ma = { class: "mx-auto px-6 lg:px-8" }, fa = { class: "flex justify-between h-20" }, ya = { class: "flex" }, ha = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, va = ["src"], ba = { class: "flex items-center" }, wa = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, xa = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, ka = ["src"], _a = ["onClick"], $a = { class: "pt-2 pb-3 space-y-1" }, Ca = ["onClick"], Sa = { class: "pt-4 pb-3 border-t border-gray-200" }, Ba = { class: "flex items-center px-4 sm:px-6" }, Ma = { class: "flex-shrink-0" }, Da = ["src"], ja = {
+}), fa = { class: "mx-auto px-6 lg:px-8" }, ya = { class: "flex justify-between h-20" }, ha = { class: "flex" }, va = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, ba = ["src"], wa = { class: "flex items-center" }, xa = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, ka = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, _a = ["src"], $a = ["onClick"], Ca = { class: "pt-2 pb-3 space-y-1" }, Sa = ["onClick"], Ba = { class: "pt-4 pb-3 border-t border-gray-200" }, Ma = { class: "flex items-center px-4 sm:px-6" }, Da = { class: "flex-shrink-0" }, ja = ["src"], Ta = {
   key: 0,
   class: "ml-3"
-}, Ta = { class: "text-base font-medium text-gray-800" }, za = { class: "text-sm font-medium text-gray-500" }, La = { class: "mt-3 space-y-1" }, Aa = ["onClick"], Na = /* @__PURE__ */ M({
+}, za = { class: "text-base font-medium text-gray-800" }, La = { class: "text-sm font-medium text-gray-500" }, Aa = { class: "mt-3 space-y-1" }, Na = ["onClick"], Oa = /* @__PURE__ */ M({
   __name: "uiTopbar",
   props: {
     logo: {},
@@ -3558,23 +3570,23 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
   },
   emits: ["topBarClick"],
   setup(m, { emit: i }) {
-    return (l, a) => (s(), _(c(Se), {
+    return (l, a) => (s(), k(c(Se), {
       as: "nav",
       class: "bg-white shadow z-10"
     }, {
       default: v(({ open: r }) => [
-        e("div", ma, [
-          e("div", fa, [
-            e("div", ya, [
-              e("div", ha, [
+        e("div", fa, [
+          e("div", ya, [
+            e("div", ha, [
+              e("div", va, [
                 p(c(Z), { 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: v(() => [
                     a[1] || (a[1] = e("span", { class: "sr-only" }, "Open main menu", -1)),
-                    r ? (s(), _(c(W), {
+                    r ? (s(), k(c(W), {
                       key: 1,
                       class: "block h-6 w-6",
                       "aria-hidden": "true"
-                    })) : (s(), _(c(Ee), {
+                    })) : (s(), k(c(Ee), {
                       key: 0,
                       class: "block h-6 w-6",
                       "aria-hidden": "true"
@@ -3591,11 +3603,11 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                   class: "h-10",
                   src: l.logo,
                   alt: "Hotelinking suite product logo"
-                }, null, 8, va)
+                }, null, 8, ba)
               ])
             ]),
-            e("div", ba, [
-              e("div", wa, [
+            e("div", wa, [
+              e("div", xa, [
                 p(c(be), {
                   as: "div",
                   class: "ml-3 relative"
@@ -3604,7 +3616,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                     e("div", null, [
                       C(p(c(we), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
                         default: v(() => [
-                          C(e("div", xa, a[2] || (a[2] = [
+                          C(e("div", ka, a[2] || (a[2] = [
                             e("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                           ]), 512), [
                             [D, l.alerted]
@@ -3612,7 +3624,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                           e("img", {
                             class: "h-10 w-10 rounded-full",
                             src: l.accountLogo
-                          }, null, 8, ka)
+                          }, null, 8, _a)
                         ]),
                         _: 1
                       }, 512), [
@@ -3630,7 +3642,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                       default: v(() => [
                         p(c(xe), { 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: v(() => [
-                            (s(!0), n(k, null, $(l.profileMenu, (o) => (s(), _(c(ke), {
+                            (s(!0), n(_, null, $(l.profileMenu, (o) => (s(), k(c(ke), {
                               key: o.name
                             }, {
                               default: v(({ active: t }) => [
@@ -3640,7 +3652,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                                     t ? "bg-gray-100" : "",
                                     "block px-4 py-2 text-sm text-gray-700"
                                   ]])
-                                }, g(o.name), 11, _a)
+                                }, g(o.name), 11, $a)
                               ]),
                               _: 2
                             }, 1024))), 128))
@@ -3659,8 +3671,8 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
         ]),
         p(c(Be), { class: "lg:hidden" }, {
           default: v(() => [
-            e("div", $a, [
-              (s(!0), n(k, null, $(l.navigation, (o) => (s(), _(c(Z), {
+            e("div", Ca, [
+              (s(!0), n(_, null, $(l.navigation, (o) => (s(), k(c(Z), {
                 as: "template",
                 key: o.name,
                 class: h(["block pl-3 pr-4 py-2 border-l-4 text-base font-medium sm:pl-5 sm:pr-6", {
@@ -3671,26 +3683,26 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                 default: v(() => [
                   e("p", {
                     onClick: (t) => l.$emit("topBarClick", o.id)
-                  }, g(o.name), 9, Ca)
+                  }, g(o.name), 9, Sa)
                 ]),
                 _: 2
               }, 1032, ["class"]))), 128))
             ]),
-            e("div", Sa, [
-              e("div", Ba, [
-                e("div", Ma, [
+            e("div", Ba, [
+              e("div", Ma, [
+                e("div", Da, [
                   e("img", {
                     class: "h-10 w-10 rounded-full",
                     src: l.accountLogo
-                  }, null, 8, Da)
+                  }, null, 8, ja)
                 ]),
-                l.brand ? (s(), n("div", ja, [
-                  e("div", Ta, g(l.brand.title), 1),
-                  e("div", za, g(l.brand.subtitle), 1)
+                l.brand ? (s(), n("div", Ta, [
+                  e("div", za, g(l.brand.title), 1),
+                  e("div", La, g(l.brand.subtitle), 1)
                 ])) : b("", !0)
               ]),
-              e("div", La, [
-                (s(!0), n(k, null, $(l.profileMenu, (o) => (s(), _(c(Z), {
+              e("div", Aa, [
+                (s(!0), n(_, null, $(l.profileMenu, (o) => (s(), k(c(Z), {
                   as: "template",
                   key: o.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"
@@ -3698,7 +3710,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                   default: v(() => [
                     e("p", {
                       onClick: (t) => l.$emit("topBarClick", o.id)
-                    }, g(o.name), 9, Aa)
+                    }, g(o.name), 9, Na)
                   ]),
                   _: 2
                 }, 1024))), 128))
@@ -3711,7 +3723,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       _: 1
     }));
   }
-}), Oa = { class: "chart-selector flex flex-row items-center justify-center" }, Ia = /* @__PURE__ */ M({
+}), Ia = { class: "chart-selector flex flex-row items-center justify-center" }, Ya = /* @__PURE__ */ M({
   __name: "RangeSelector",
   props: { range: { type: String } },
   emits: ["rangeSelected"],
@@ -3721,7 +3733,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
     const o = (t) => {
       r = t, l("rangeSelected", t);
     };
-    return (t, d) => (s(), n("ul", Oa, [
+    return (t, d) => (s(), n("ul", Ia, [
       e("li", {
         class: h({ selected: c(r) === "24h" }),
         onClick: d[0] || (d[0] = (u) => o("24h"))
@@ -3740,7 +3752,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       }, "3M", 2)
     ]));
   }
-}), Ya = { class: "chart-header flex flex-row justify-between" }, Pa = { class: "text-sm font-medium text-gray-500 truncate" }, Va = { class: "chart-content" }, Fa = { class: "h-full w-full flex items-center justify-center flex-col" }, qa = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Ra = /* @__PURE__ */ M({
+}), Pa = { class: "chart-header flex flex-row justify-between" }, Va = { class: "text-sm font-medium text-gray-500 truncate" }, Fa = { class: "chart-content" }, qa = { class: "h-full w-full flex items-center justify-center flex-col" }, Ra = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Ua = /* @__PURE__ */ M({
   __name: "uiFunnelChartV2",
   props: {
     labels: {},
@@ -3801,18 +3813,18 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
     const o = V(() => ({ ...a.options, ...r })), t = V(() => a.series), d = () => l("chartUpdated"), u = (f, y, w) => {
       l("dataPointSelection", { id: a.id, chartContext: y, config: w, event: f });
     };
-    return (f, y) => (s(), n(k, null, [
+    return (f, y) => (s(), n(_, null, [
       C(e("div", {
         class: h(["h-[" + f.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
-        e("div", Ya, [
-          e("div", Pa, g(f.title), 1),
-          p(Ia, {
+        e("div", Pa, [
+          e("div", Va, g(f.title), 1),
+          p(Ya, {
             range: f.range,
             onRangeSelected: y[0] || (y[0] = (w) => f.$emit("selectedRange", { range: w, chartId: f.id }))
           }, null, 8, ["range"])
         ]),
-        C(e("div", Va, [
+        C(e("div", Fa, [
           p(c(Me), {
             type: f.type,
             series: t.value,
@@ -3826,7 +3838,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
         ], 512), [
           [D, !f.empty]
         ]),
-        C(e("div", Fa, [
+        C(e("div", qa, [
           p(j, {
             icon: c(H),
             color: "gray",
@@ -3840,7 +3852,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       ], 2), [
         [D, !f.loading]
       ]),
-      C(e("div", qa, y[2] || (y[2] = [
+      C(e("div", Ra, y[2] || (y[2] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -3871,7 +3883,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       ])
     ], 64));
   }
-}), Ua = { class: "w-full flex flex-col justify-center p-10 grow" }, Ha = { class: "text-2xl mt-4 font-bold" }, Ea = { class: "mt-4" }, Za = { class: "buttons flex mt-8 gap-x-1" }, Ja = /* @__PURE__ */ M({
+}), Ha = { class: "w-full flex flex-col justify-center p-10 grow" }, Ea = { class: "text-2xl mt-4 font-bold" }, Za = { class: "mt-4" }, Ja = { class: "buttons flex mt-8 gap-x-1" }, Wa = /* @__PURE__ */ M({
   __name: "uiNoResults",
   props: {
     title: {},
@@ -3882,7 +3894,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
   },
   emits: ["action", "noResultsOptionSelected"],
   setup(m) {
-    return (i, l) => (s(), n("div", Ua, [
+    return (i, l) => (s(), n("div", Ha, [
       p(j, {
         class: "mx-auto",
         loading: !1,
@@ -3891,10 +3903,10 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
         color: "gray"
       }, null, 8, ["icon"]),
       e("div", null, [
-        e("h2", Ha, g(i.title), 1),
-        e("p", Ea, g(i.message), 1),
-        e("div", Za, [
-          (s(!0), n(k, null, $(i.actions, (a, r) => (s(), _(J, {
+        e("h2", Ea, g(i.title), 1),
+        e("p", Za, g(i.message), 1),
+        e("div", Ja, [
+          (s(!0), n(_, null, $(i.actions, (a, r) => (s(), k(J, {
             key: r,
             loading: !1,
             onClick: (o) => i.$emit("action", a.action)
@@ -3904,7 +3916,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
             ]),
             _: 2
           }, 1032, ["onClick"]))), 128)),
-          i.items ? (s(), _(fe, {
+          i.items ? (s(), k(fe, {
             key: 0,
             items: i.items,
             loading: !1,
@@ -3914,7 +3926,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       ])
     ]));
   }
-}), Wa = { class: "fixed inset-0 overflow-hidden" }, Ga = { class: "absolute inset-0 overflow-hidden" }, Qa = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, Ka = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, Xa = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, ei = { class: "flex items-center justify-between" }, ti = { class: "ml-3 flex h-7 items-center" }, si = { class: "mt-1" }, oi = { class: "text-sm text-indigo-300" }, li = { class: "relative flex-1 px-4 py-6 sm:px-6" }, ri = /* @__PURE__ */ M({
+}), Ga = { class: "fixed inset-0 overflow-hidden" }, Qa = { class: "absolute inset-0 overflow-hidden" }, Ka = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, Xa = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, ei = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, ti = { class: "flex items-center justify-between" }, si = { class: "ml-3 flex h-7 items-center" }, oi = { class: "mt-1" }, li = { class: "text-sm text-indigo-300" }, ri = { class: "relative flex-1 px-4 py-6 sm:px-6" }, ni = /* @__PURE__ */ M({
   __name: "uiRightSidebar",
   props: {
     title: {},
@@ -3923,7 +3935,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
   },
   emits: ["closeRightBar"],
   setup(m, { emit: i }) {
-    return (l, a) => (s(), _(c(_e), {
+    return (l, a) => (s(), k(c(_e), {
       as: "template",
       show: l.open
     }, {
@@ -3935,9 +3947,9 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
         }, {
           default: v(() => [
             a[4] || (a[4] = e("div", { class: "fixed inset-0" }, null, -1)),
-            e("div", Wa, [
-              e("div", Ga, [
-                e("div", Qa, [
+            e("div", Ga, [
+              e("div", Qa, [
+                e("div", Ka, [
                   p(c(G), {
                     as: "template",
                     enter: "transform transition ease-in-out duration-500 sm:duration-700",
@@ -3950,16 +3962,16 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                     default: v(() => [
                       p(c(Ce), { class: "pointer-events-auto w-screen max-w-md" }, {
                         default: v(() => [
-                          e("div", Ka, [
-                            e("div", Xa, [
-                              e("div", ei, [
+                          e("div", Xa, [
+                            e("div", ei, [
+                              e("div", ti, [
                                 p(c(Re), { class: "text-base font-semibold leading-6 text-white" }, {
                                   default: v(() => [
                                     L(g(l.title), 1)
                                   ]),
                                   _: 1
                                 }),
-                                e("div", ti, [
+                                e("div", si, [
                                   e("button", {
                                     type: "button",
                                     class: "relative rounded-md bg-indigo-700 text-indigo-200 hover:text-white outline-none",
@@ -3974,11 +3986,11 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                                   ])
                                 ])
                               ]),
-                              e("div", si, [
-                                e("p", oi, g(l.description), 1)
+                              e("div", oi, [
+                                e("p", li, g(l.description), 1)
                               ])
                             ]),
-                            e("div", li, [
+                            e("div", ri, [
                               q(l.$slots, "default")
                             ])
                           ])
@@ -3998,15 +4010,15 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       _: 3
     }, 8, ["show"]));
   }
-}), ni = { class: "uiGallery" }, ai = {
+}), ai = { class: "uiGallery" }, ii = {
   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"
-}, ii = { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-100 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, di = ["src"], ui = ["onClick"], ci = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, gi = { class: "flex items-center justify-between" }, pi = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, mi = {
+}, di = { class: "group aspect-h-7 aspect-w-10 block w-full overflow-hidden rounded-lg bg-gray-100 focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 focus-within:ring-offset-gray-100" }, ui = ["src"], ci = ["onClick"], gi = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, pi = { class: "flex items-center justify-between" }, mi = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, fi = {
   key: 2,
   role: "list",
   class: "grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-3 sm:gap-x-4 lg:grid-cols-6"
-}, fi = /* @__PURE__ */ M({
+}, yi = /* @__PURE__ */ M({
   __name: "uiGallery",
   props: {
     galleryId: {},
@@ -4019,8 +4031,8 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
     const l = i, a = N(!1), r = (o) => {
       a.value = !1, l("modalAction", o);
     };
-    return (o, t) => (s(), n("div", ni, [
-      o.loading ? b("", !0) : (s(), _(Ke, {
+    return (o, t) => (s(), n("div", ai, [
+      o.loading ? b("", !0) : (s(), k(Xe, {
         key: 0,
         open: a.value,
         modalName: "deleteAllImagesModal",
@@ -4034,35 +4046,35 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
         ]),
         _: 1
       }, 8, ["open", "title", "actions"])),
-      o.loading ? (s(), n("ul", mi, [
-        (s(), n(k, null, $(4, (d) => e("li", null, t[2] || (t[2] = [
+      o.loading ? (s(), n("ul", fi, [
+        (s(), n(_, null, $(4, (d) => 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-indigo-500 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))
-      ])) : (s(), n("ul", ai, [
-        (s(!0), n(k, null, $(o.gallery, (d) => (s(), n("li", {
+      ])) : (s(), n("ul", ii, [
+        (s(!0), n(_, null, $(o.gallery, (d) => (s(), n("li", {
           key: d.source,
           class: "relative"
         }, [
-          e("div", ii, [
+          e("div", di, [
             e("img", {
               src: d.source,
               alt: "",
               class: "pointer-events-none object-cover group-hover:opacity-75"
-            }, null, 8, di),
+            }, null, 8, ui),
             e("button", {
               type: "button",
               class: "absolute inset-0 focus:outline-none",
               onClick: (u) => o.$emit("imgClicked", d)
-            }, null, 8, ui)
+            }, null, 8, ci)
           ]),
-          e("p", ci, g(d.title), 1),
-          e("div", gi, [
-            e("p", pi, g(d.size), 1),
+          e("p", gi, g(d.title), 1),
+          e("div", pi, [
+            e("p", mi, g(d.size), 1),
             p(j, {
               class: "cursor-pointer",
-              icon: c(Yt),
+              icon: c(Pt),
               color: "red",
               loading: !1,
               onClick: (u) => o.$emit("deleteImage", d)
@@ -4070,7 +4082,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
           ])
         ]))), 128))
       ])),
-      o.gallery.length > 0 && !o.loading ? (s(), _(J, {
+      o.gallery.length > 0 && !o.loading ? (s(), k(J, {
         key: 3,
         onClick: t[1] || (t[1] = (d) => a.value = !0),
         class: "mt-8",
@@ -4085,10 +4097,10 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       })) : b("", !0)
     ]));
   }
-}), yi = { class: "cursor-move mb-1 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white p-4 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400" }, hi = { class: "flex flex-row items-center w-full" }, vi = { class: "content text-sm grow" }, bi = { class: "font-bold" }, wi = { key: 0 }, xi = { class: "font-bold text-gray-400" }, ki = {
+}), hi = { class: "cursor-move mb-1 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white p-4 shadow-sm focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400" }, vi = { class: "flex flex-row items-center w-full" }, bi = { class: "content text-sm grow" }, wi = { class: "font-bold" }, xi = { key: 0 }, ki = { class: "font-bold text-gray-400" }, _i = {
   key: 1,
   class: "animate-pulse"
-}, _i = /* @__PURE__ */ M({
+}, $i = /* @__PURE__ */ M({
   __name: "uiDragAndDrop",
   props: {
     elements: {},
@@ -4104,9 +4116,9 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
     const o = (t) => {
       l("dragAndDropUpdated", t);
     };
-    return (t, d) => t.loading ? (s(), n("div", ki, d[2] || (d[2] = [
+    return (t, d) => t.loading ? (s(), n("div", _i, d[2] || (d[2] = [
       Q('<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)
-    ]))) : (s(), _(c(ft), {
+    ]))) : (s(), k(c(ht), {
       key: 0,
       modelValue: c(r),
       "onUpdate:modelValue": [
@@ -4115,27 +4127,27 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       ]
     }, {
       item: v(({ item: u }) => [
-        e("div", yi, [
-          e("div", hi, [
+        e("div", hi, [
+          e("div", vi, [
             p(j, {
-              icon: c(Mt),
+              icon: c(jt),
               loading: !1,
               color: "gray",
               class: "mr-4",
               size: "big"
             }, null, 8, ["icon"]),
-            e("div", vi, [
-              e("p", bi, g(u.name), 1),
-              u.description ? (s(), n("p", wi, g(u.description), 1)) : b("", !0)
+            e("div", bi, [
+              e("p", wi, g(u.name), 1),
+              u.description ? (s(), n("p", xi, g(u.description), 1)) : b("", !0)
             ]),
-            e("div", xi, g(c(r).indexOf(u) + 1), 1)
+            e("div", ki, g(c(r).indexOf(u) + 1), 1)
           ])
         ])
       ]),
       _: 1
     }, 8, ["modelValue"]));
   }
-}), $i = { class: "chart-header flex flex-row justify-between" }, Ci = { class: "text-sm font-medium text-gray-500 truncate" }, Si = { class: "hidden sm:flex items-center" }, Bi = { class: "w-1/2 min-w-0 flex-1" }, Mi = ["max"], Di = { class: "min-w-0 flex-1" }, ji = ["max"], Ti = { class: "chart-content" }, zi = { class: "h-full w-full flex items-center justify-center flex-col" }, Li = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Ai = /* @__PURE__ */ M({
+}), Ci = { class: "chart-header flex flex-row justify-between" }, Si = { class: "text-sm font-medium text-gray-500 truncate" }, Bi = { class: "hidden sm:flex items-center" }, Mi = { class: "w-1/2 min-w-0 flex-1" }, Di = ["max"], ji = { class: "min-w-0 flex-1" }, Ti = ["max"], zi = { class: "chart-content" }, Li = { class: "h-full w-full flex items-center justify-center flex-col" }, Ai = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Ni = /* @__PURE__ */ M({
   __name: "uiCircleChart",
   props: {
     labels: {},
@@ -4199,14 +4211,14 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
     }, T = () => {
       o.from !== "" && o.to !== "" && z(o.from).isBefore(z(o.to)) && l("selectedRange", { range: o, chartId: a.id });
     };
-    return (A, S) => (s(), n(k, null, [
+    return (A, S) => (s(), n(_, null, [
       C(e("div", {
         class: h(["h-[" + A.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
-        e("div", $i, [
-          e("div", Ci, g(A.title), 1),
-          e("div", Si, [
-            e("div", Bi, [
+        e("div", Ci, [
+          e("div", Si, g(A.title), 1),
+          e("div", Bi, [
+            e("div", Mi, [
               C(e("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": S[0] || (S[0] = (B) => c(o).from = B),
@@ -4215,11 +4227,11 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                 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, Mi), [
+              }, null, 40, Di), [
                 [X, c(o).from]
               ])
             ]),
-            e("div", Di, [
+            e("div", ji, [
               C(e("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": S[1] || (S[1] = (B) => c(o).to = B),
@@ -4228,7 +4240,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                 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, ji), [
+              }, null, 40, Ti), [
                 [X, c(o).to]
               ])
             ]),
@@ -4241,7 +4253,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
             }, null, 8, ["loading", "icon"])
           ])
         ]),
-        C(e("div", Ti, [
+        C(e("div", zi, [
           p(c(Me), {
             class: "flex items-center justify-center mt-4",
             type: "donut",
@@ -4255,7 +4267,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
         ], 512), [
           [D, !A.empty]
         ]),
-        C(e("div", zi, [
+        C(e("div", Li, [
           p(j, {
             icon: c(H),
             color: "gray",
@@ -4269,7 +4281,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       ], 2), [
         [D, !A.loading]
       ]),
-      C(e("div", Li, S[4] || (S[4] = [
+      C(e("div", Ai, S[4] || (S[4] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -4300,13 +4312,13 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       ])
     ], 64));
   }
-}), Ni = {
+}), Oi = {
   key: 0,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, Oi = {
+}, Ii = {
   key: 1,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, Ii = /* @__PURE__ */ M({
+}, Yi = /* @__PURE__ */ M({
   __name: "uiDateRange",
   props: {
     id: {},
@@ -4330,7 +4342,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
     const t = () => {
       o("uiDateRangeButtonClicked", r);
     };
-    return (d, u) => d.loading ? (s(), n("div", Oi, [
+    return (d, u) => d.loading ? (s(), n("div", Ii, [
       p(E, {
         name: "dateFrom",
         loading: !0
@@ -4345,7 +4357,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
         ])),
         _: 1
       })
-    ])) : (s(), n("div", Ni, [
+    ])) : (s(), n("div", Oi, [
       p(E, {
         type: "datetime-local",
         loading: !1,
@@ -4387,16 +4399,16 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       }, 8, ["disabled", "class"])
     ]));
   }
-}), Yi = { class: "flex justify-between items-center" }, Pi = {
+}), Pi = { class: "flex justify-between items-center" }, Vi = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
-}, Vi = {
+}, Fi = {
   key: 1,
   class: "place-self-center text-[10px] text-gray-500 uppercase justify-self-end"
-}, Fi = {
+}, qi = {
   key: 1,
   class: "h-2 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 w-full"
-}, qi = /* @__PURE__ */ M({
+}, Ri = /* @__PURE__ */ M({
   __name: "uiRangeSlider",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -4411,14 +4423,14 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
   setup(m, { emit: i }) {
     const l = i, r = N(m.sliderValue);
     return (o, t) => (s(), n("div", null, [
-      e("div", Yi, [
-        o.label ? (s(), n("label", Pi, g(o.label), 1)) : b("", !0),
-        o.requiredText ? (s(), n("span", Vi, g(o.requiredText), 1)) : b("", !0)
+      e("div", Pi, [
+        o.label ? (s(), n("label", Vi, g(o.label), 1)) : b("", !0),
+        o.requiredText ? (s(), n("span", Fi, g(o.requiredText), 1)) : b("", !0)
       ]),
       e("div", {
         class: h([{ "mt-1": o.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"])
       }, [
-        o.loading ? (s(), n("p", Fi)) : (s(), _(c(yt), {
+        o.loading ? (s(), n("p", qi)) : (s(), k(c(vt), {
           key: 0,
           modelValue: r.value,
           "onUpdate:modelValue": t[0] || (t[0] = (d) => r.value = d),
@@ -4434,27 +4446,27 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       ], 2)
     ]));
   }
-}), Ri = { class: "mt-1 mb-8 text-sm text-gray-500" }, Ui = /* @__PURE__ */ M({
+}), Ui = { class: "mt-1 mb-8 text-sm text-gray-500" }, Hi = /* @__PURE__ */ M({
   __name: "uiSectionTitle",
   props: {
     title: {},
     description: {}
   },
   setup(m) {
-    return (i, l) => (s(), n(k, null, [
+    return (i, l) => (s(), n(_, null, [
       e("h3", {
         class: h(["text-lg font-medium leading-6 text-gray-900", { "mb-8": i.description === void 0 }])
       }, g(i.title), 3),
-      e("p", Ri, g(i.description), 1)
+      e("p", Ui, g(i.description), 1)
     ], 64));
   }
-}), Hi = {
+}), Ei = {
   key: 0,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, Ei = { class: "flex flex-1 flex-col p-8" }, Zi = { class: "text-2xl font-bold text-gray-900" }, Ji = { class: "mt-1 flex flex-grow flex-col justify-between" }, Wi = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Gi = {
+}, Zi = { class: "flex flex-1 flex-col p-8" }, Ji = { class: "text-2xl font-bold text-gray-900" }, Wi = { class: "mt-1 flex flex-grow flex-col justify-between" }, Gi = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Qi = {
   key: 1,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, Qi = { class: "flex flex-1 flex-col p-8" }, Ki = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, Xi = { class: "mt-1 flex flex-grow flex-col justify-between" }, ed = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, td = /* @__PURE__ */ M({
+}, Ki = { class: "flex flex-1 flex-col p-8" }, Xi = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, ed = { class: "mt-1 flex flex-grow flex-col justify-between" }, td = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, sd = /* @__PURE__ */ M({
   __name: "uiDeviceStatus",
   props: {
     id: {},
@@ -4467,9 +4479,9 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
   },
   emits: ["deviceStatusTagClicked", "deviceStatusQtyClicked"],
   setup(m, { emit: i }) {
-    return (l, a) => l.loading ? (s(), n("div", Gi, [
-      e("div", Qi, [
-        e("div", Ki, [
+    return (l, a) => l.loading ? (s(), n("div", Qi, [
+      e("div", Ki, [
+        e("div", Xi, [
           p(j, {
             icon: l.icon,
             size: "huge",
@@ -4479,9 +4491,9 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
           }, null, 8, ["icon", "loading"])
         ]),
         a[3] || (a[3] = e("div", { class: "h-4 bg-gray-200 rounded-full dark:bg-gray-300 w-1/3 mx-auto" }, null, -1)),
-        e("dl", Xi, [
-          e("dd", ed, [
-            (s(!0), n(k, null, $(l.tags, (r, o) => (s(), _(U, {
+        e("dl", ed, [
+          e("dd", td, [
+            (s(!0), n(_, null, $(l.tags, (r, o) => (s(), k(U, {
               key: o,
               loading: l.loading,
               event: r.event,
@@ -4496,8 +4508,8 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
           ])
         ])
       ])
-    ])) : (s(), n("div", Hi, [
-      e("div", Ei, [
+    ])) : (s(), n("div", Ei, [
+      e("div", Zi, [
         e("div", {
           class: h(["rounded-md p-3 flex items-center justify-center mx-auto mb-4", {
             "bg-green-500": !l.color || l.color === "green",
@@ -4516,7 +4528,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
             loading: !1
           }, null, 8, ["icon"])
         ], 2),
-        e("h3", Zi, [
+        e("h3", Ji, [
           L(g(l.name) + " ", 1),
           C(e("span", {
             class: "text-indigo-600 hover:text-indigo-900 cursor-pointer",
@@ -4525,9 +4537,9 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
             [D, l.qty > 0]
           ])
         ]),
-        e("dl", Ji, [
-          e("dd", Wi, [
-            (s(!0), n(k, null, $(l.tags, (r, o) => (s(), _(U, {
+        e("dl", Wi, [
+          e("dd", Gi, [
+            (s(!0), n(_, null, $(l.tags, (r, o) => (s(), k(U, {
               key: o,
               loading: !1,
               event: r.event,
@@ -4544,14 +4556,14 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       ])
     ]));
   }
-}), sd = { class: "fixed inset-0 flex" }, od = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, ld = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, rd = { class: "lg:pl-[25rem]" }, nd = { 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" }, ad = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, id = {
+}), od = { class: "fixed inset-0 flex" }, ld = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, rd = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, nd = { class: "lg:pl-[25rem]" }, ad = { 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" }, id = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, dd = {
   class: "relative flex flex-1",
   action: "#",
   method: "GET"
-}, dd = { class: "relative block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm" }, ud = { class: "flex items-center gap-x-4 lg:gap-x-6" }, cd = {
+}, ud = { class: "relative block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm" }, cd = { class: "flex items-center gap-x-4 lg:gap-x-6" }, gd = {
   type: "button",
   class: "-m-2.5 p-2.5 text-gray-400 hover:text-gray-500 relative"
-}, gd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, pd = ["src"], md = { class: "hidden lg:flex lg:items-center" }, fd = ["onClick"], yd = { class: "py-7" }, hd = { class: "px-7 lg:px-10" }, vd = /* @__PURE__ */ M({
+}, pd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, md = ["src"], fd = { class: "hidden lg:flex lg:items-center" }, yd = ["onClick"], hd = { class: "py-7" }, vd = { class: "px-7 lg:px-10" }, bd = /* @__PURE__ */ M({
   __name: "uiWrapper",
   props: {
     topbar: {},
@@ -4585,7 +4597,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                 ])),
                 _: 1
               }),
-              e("div", sd, [
+              e("div", od, [
                 p(c(G), {
                   as: "template",
                   enter: "transition ease-in-out duration-300 transform",
@@ -4608,7 +4620,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                           "leave-to": "opacity-0"
                         }, {
                           default: v(() => [
-                            e("div", od, [
+                            e("div", ld, [
                               e("button", {
                                 type: "button",
                                 class: "-m-2.5 p-2.5",
@@ -4647,7 +4659,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
         ]),
         _: 1
       }, 8, ["show"]),
-      e("div", ld, [
+      e("div", rd, [
         p(he, {
           productsSidebar: u.sidebar.productsSidebar,
           isFilterNavigation: u.sidebar.isFilterNavigation,
@@ -4659,8 +4671,8 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
           onProductBarClick: f[5] || (f[5] = (y) => u.$emit("productBarClick", y))
         }, null, 8, ["productsSidebar", "isFilterNavigation", "navigation", "filterNavigation", "logo"])
       ]),
-      e("div", rd, [
-        e("div", nd, [
+      e("div", nd, [
+        e("div", ad, [
           e("button", {
             type: "button",
             class: "-m-2.5 p-2.5 text-gray-700 lg:hidden",
@@ -4676,13 +4688,13 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
             class: "h-6 w-px bg-gray-200 lg:hidden",
             "aria-hidden": "true"
           }, null, -1)),
-          e("div", ad, [
-            e("form", id, [
+          e("div", id, [
+            e("form", dd, [
               f[14] || (f[14] = e("label", {
                 for: "search-field",
                 class: "sr-only"
               }, "Search", -1)),
-              p(c(Ot), {
+              p(c(It), {
                 class: "pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-400",
                 "aria-hidden": "true"
               }),
@@ -4696,7 +4708,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                 ]
               }, {
                 default: v(() => [
-                  e("div", dd, [
+                  e("div", ud, [
                     p(c(Pe), {
                       class: "block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm",
                       onChange: f[7] || (f[7] = (y) => a.value = y.target.value),
@@ -4709,12 +4721,12 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                       ]),
                       _: 1
                     }),
-                    r.value.length > 0 ? (s(), _(c(Fe), {
+                    r.value.length > 0 ? (s(), k(c(Fe), {
                       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: v(() => [
-                        (s(!0), n(k, null, $(r.value, (y) => (s(), _(c(qe), {
+                        (s(!0), n(_, null, $(r.value, (y) => (s(), k(c(qe), {
                           key: y.id,
                           value: y,
                           as: "template"
@@ -4744,15 +4756,15 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                 _: 1
               }, 8, ["modelValue"])
             ]),
-            e("div", ud, [
-              e("button", cd, [
+            e("div", cd, [
+              e("button", gd, [
                 f[16] || (f[16] = e("span", { class: "sr-only" }, "View notifications", -1)),
-                C(e("div", gd, f[15] || (f[15] = [
+                C(e("div", pd, f[15] || (f[15] = [
                   e("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                 ]), 512), [
                   [D, u.topbar.alerted]
                 ]),
-                p(c(Dt), {
+                p(c(Tt), {
                   class: "h-6 w-6",
                   "aria-hidden": "true"
                 })
@@ -4773,8 +4785,8 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                         class: "h-8 w-8 rounded-full bg-gray-50",
                         src: u.topbar.accountLogo,
                         alt: ""
-                      }, null, 8, pd),
-                      e("span", md, [
+                      }, null, 8, md),
+                      e("span", fd, [
                         p(c(de), {
                           class: "ml-2 h-5 w-5 text-gray-400",
                           "aria-hidden": "true"
@@ -4794,14 +4806,14 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                     default: v(() => [
                       p(c(xe), { 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: v(() => [
-                          (s(!0), n(k, null, $(u.topbar.profileMenu, (y) => (s(), _(c(ke), {
+                          (s(!0), n(_, null, $(u.topbar.profileMenu, (y) => (s(), k(c(ke), {
                             key: y.name
                           }, {
                             default: v(({ active: w }) => [
                               e("a", {
                                 onClick: (T) => u.$emit("topBarClick", y.id),
                                 class: h([w ? "bg-gray-50" : "", "block px-3 py-1 text-sm leading-6 text-gray-900"])
-                              }, g(y.name), 11, fd)
+                              }, g(y.name), 11, yd)
                             ]),
                             _: 2
                           }, 1024))), 128))
@@ -4817,15 +4829,15 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
             ])
           ])
         ]),
-        e("main", yd, [
-          e("div", hd, [
+        e("main", hd, [
+          e("div", vd, [
             q(u.$slots, "default")
           ])
         ])
       ])
     ]));
   }
-}), bd = /* @__PURE__ */ M({
+}), wd = /* @__PURE__ */ M({
   __name: "uiDynamicStats",
   props: {
     dynamicStats: {},
@@ -4833,74 +4845,27 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
   },
   setup(m) {
     const i = m, l = () => i.dynamicStats.length <= 5 ? `lg:grid-cols-${i.dynamicStats.length}` : `lg:grid-cols-${Math.floor(i.dynamicStats.length / 2)} xl:grid-cols-${i.dynamicStats.length}`, a = N(0), r = N(l());
-    return ot(() => a.value += 1), (o, t) => (s(), n("div", {
+    return rt(() => a.value += 1), (o, t) => (s(), n("div", {
       class: h([r.value, "grid grid-cols-1 md:grid-cols-2 gap-4"]),
       key: a.value
     }, [
-      (s(!0), n(k, null, $(o.dynamicStats, (d, u) => (s(), _(et, {
+      (s(!0), n(_, null, $(o.dynamicStats, (d, u) => (s(), k(tt, {
         key: u,
         item: d,
         loading: o.loading
       }, null, 8, ["item", "loading"]))), 128))
     ], 2));
   }
-}), wd = { class: "flex flex-col lg:flex-row items-center" }, xd = /* @__PURE__ */ M({
-  __name: "uiSmartFilter",
-  props: {
-    items: {},
-    buttonLiteral: {},
-    loading: { type: Boolean, default: !0 }
-  },
-  emits: ["smartFilterSelected", "smartInputChanged", "smartSelectChanged", "smartOptionSelected", "rightAddOnClicked"],
-  setup(m, { emit: i }) {
-    const l = m, a = i, r = lt(E), o = N(l.items[0].props), t = (d) => {
-      switch (d.type) {
-        case "uiInput":
-          r.value = E;
-          break;
-        case "uiDropdown":
-          r.value = fe;
-          break;
-        case "uiSelect":
-          r.value = Ge;
-          break;
-      }
-      o.value = d.props;
-    };
-    return (d, u) => (s(), n("div", wd, [
-      p(Qe, {
-        items: d.items,
-        loading: d.loading,
-        onFilterSelected: t
-      }, null, 8, ["items", "loading"]),
-      (s(), _(Oe(r.value), rt({ class: "w-full mt-2 lg:mt-0 lg:mx-2 lg:grow" }, o.value, {
-        loading: !1,
-        onInputChanged: u[0] || (u[0] = (f) => a("smartInputChanged", f)),
-        onSelectChanged: u[1] || (u[1] = (f) => a("smartSelectChanged", f)),
-        onOptionSelected: u[2] || (u[2] = (f) => a("smartOptionSelected", f)),
-        onRightAddOnClicked: u[3] || (u[3] = (f) => a("rightAddOnClicked"))
-      }), null, 16)),
-      p(J, {
-        class: "mt-2 lg:mt-0",
-        loading: d.loading
-      }, {
-        default: v(() => [
-          L(g(d.buttonLiteral), 1)
-        ]),
-        _: 1
-      }, 8, ["loading"])
-    ]));
-  }
-}), kd = { class: "flex justify-between" }, _d = {
+}), xd = { class: "flex justify-between" }, kd = {
   key: 0,
   class: "text-[10px] text-gray-500 uppercase justify-self-end place-self-center"
-}, $d = { class: "relative" }, Cd = { class: "block flex flex-wrap gap-2" }, Sd = {
+}, _d = { class: "relative" }, $d = { class: "block flex flex-wrap gap-2" }, Cd = {
   key: 0,
   class: "p-0.5"
-}, Bd = ["onClick"], Md = { class: "absolute mt-1 w-full rounded-md bg-white shadow-lg" }, Dd = {
+}, Sd = ["onClick"], Bd = { class: "absolute mt-1 w-full rounded-md bg-white shadow-lg" }, Md = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full"
-}, jd = /* @__PURE__ */ M({
+}, st = /* @__PURE__ */ M({
   __name: "uiSelectMultiple",
   props: {
     items: {},
@@ -4923,13 +4888,13 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
     function t(d) {
       r.value = r.value.filter((u) => u.id !== d.id);
     }
-    return (d, u) => d.loading ? (s(), n("div", Dd, [
+    return (d, u) => d.loading ? (s(), n("div", Md, [
       u[4] || (u[4] = e("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
       p(c(ue), {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5 text-gray-300 dark:text-gray-400"
       })
-    ])) : (s(), _(c(ut), {
+    ])) : (s(), k(c(gt), {
       key: 0,
       modelValue: c(r),
       "onUpdate:modelValue": [
@@ -4942,17 +4907,17 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       as: "div"
     }, {
       default: v(() => [
-        e("div", kd, [
-          p(c(ct), { class: "block text-sm font-medium" }, {
+        e("div", xd, [
+          p(c(pt), { class: "block text-sm font-medium" }, {
             default: v(() => [
               L(g(d.label), 1)
             ]),
             _: 1
           }),
-          d.requiredText ? (s(), n("span", _d, g(d.requiredText), 1)) : b("", !0)
+          d.requiredText ? (s(), n("span", kd, g(d.requiredText), 1)) : b("", !0)
         ]),
-        e("div", $d, [
-          p(c(gt), {
+        e("div", _d, [
+          p(c(mt), {
             class: h([{
               "mt-1": d.requiredText || d.label,
               "border-gray-300": d.color === "gray",
@@ -4969,9 +4934,9 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
             }, "relative w-full rounded-md border py-2 pl-2 pr-10 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm"])
           }, {
             default: v(() => [
-              e("span", Cd, [
-                c(r).length === 0 ? (s(), n("span", Sd, "...")) : b("", !0),
-                (s(!0), n(k, null, $(c(r), (f) => (s(), n("span", {
+              e("span", $d, [
+                c(r).length === 0 ? (s(), n("span", Cd, "...")) : b("", !0),
+                (s(!0), n(_, null, $(c(r), (f) => (s(), n("span", {
                   key: f.id,
                   class: "flex items-center gap-1 rounded text-xs font-medium bg-indigo-100 text-indigo-800 border border-indigo-200 px-2 py-0.5"
                 }, [
@@ -4990,7 +4955,7 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
                       "stroke-width": "2",
                       d: "M6 18L18 6M6 6l12 12"
                     }, null, -1)
-                  ]), 8, Bd))
+                  ]), 8, Sd))
                 ]))), 128))
               ]),
               u[2] || (u[2] = e("span", { class: "absolute h-full right-0 mr-2 self-center top-0 flex items-center" }, [
@@ -5011,10 +4976,10 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
             ]),
             _: 1
           }, 8, ["class"]),
-          e("div", Md, [
-            p(c(pt), { 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" }, {
+          e("div", Bd, [
+            p(c(ft), { 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: v(() => [
-                (s(!0), n(k, null, $(d.items, (f) => (s(), _(c(mt), {
+                (s(!0), n(_, null, $(d.items, (f) => (s(), k(c(yt), {
                   key: f.id,
                   value: f,
                   as: "template"
@@ -5065,52 +5030,102 @@ const or = /* @__PURE__ */ te(er, [["render", sr]]), lr = /* @__PURE__ */ M({
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
+}), Dd = { class: "flex flex-col lg:flex-row items-center" }, jd = /* @__PURE__ */ M({
+  __name: "uiSmartFilter",
+  props: {
+    items: {},
+    buttonLiteral: {},
+    loading: { type: Boolean, default: !0 }
+  },
+  emits: ["smartFilterSelected", "smartInputChanged", "smartSelectChanged", "smartOptionSelected", "rightAddOnClicked"],
+  setup(m, { emit: i }) {
+    const l = m, a = i, r = nt(E), o = N(l.items[0].props), t = (d) => {
+      switch (d.type) {
+        case "uiInput":
+          r.value = E;
+          break;
+        case "uiDropdown":
+          r.value = fe;
+          break;
+        case "uiSelect":
+          r.value = Qe;
+          break;
+        case "uiSelectMultiple":
+          r.value = st;
+          break;
+      }
+      o.value = d.props;
+    };
+    return (d, u) => (s(), n("div", Dd, [
+      p(Ke, {
+        items: d.items,
+        loading: d.loading,
+        onFilterSelected: t
+      }, null, 8, ["items", "loading"]),
+      (s(), k(Oe(r.value), at({ class: "w-full mt-2 lg:mt-0 lg:mx-2 lg:grow" }, o.value, {
+        loading: !1,
+        onInputChanged: u[0] || (u[0] = (f) => a("smartInputChanged", f)),
+        onSelectChanged: u[1] || (u[1] = (f) => a("smartSelectChanged", f)),
+        onOptionSelected: u[2] || (u[2] = (f) => a("smartOptionSelected", f)),
+        onRightAddOnClicked: u[3] || (u[3] = (f) => a("rightAddOnClicked"))
+      }), null, 16)),
+      p(J, {
+        class: "mt-2 lg:mt-0",
+        loading: d.loading
+      }, {
+        default: v(() => [
+          L(g(d.buttonLiteral), 1)
+        ]),
+        _: 1
+      }, 8, ["loading"])
+    ]));
+  }
 }), Ne = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  uiAlert: Os,
-  uiBreadcrumbs: Us,
+  uiAlert: Is,
+  uiBreadcrumbs: Hs,
   uiButton: J,
-  uiCard: Qs,
-  uiChart: Xl,
+  uiCard: Ks,
+  uiChart: er,
   uiCheckbox: Ue,
-  uiCircleChart: Ai,
-  uiDateRange: Ii,
-  uiDeviceStatus: td,
-  uiDragAndDrop: _i,
+  uiCircleChart: Ni,
+  uiDateRange: Yi,
+  uiDeviceStatus: sd,
+  uiDragAndDrop: $i,
   uiDropdown: fe,
-  uiDynamicStats: bd,
-  uiFilter: Qe,
-  uiFooter: or,
-  uiFunnelChartV2: Ra,
-  uiGallery: fi,
+  uiDynamicStats: wd,
+  uiFilter: Ke,
+  uiFooter: lr,
+  uiFunnelChartV2: Ua,
+  uiGallery: yi,
   uiIcon: j,
   uiInput: E,
-  uiInputFile: cs,
-  uiLoadingScreen: lr,
-  uiModal: Ke,
-  uiNoResults: Ja,
-  uiNotification: yo,
-  uiPagination: vr,
-  uiPriceCalendar: Vl,
-  uiRangeSlider: qi,
-  uiRightSidebar: ri,
-  uiSectionTitle: Ui,
-  uiSelect: Ge,
-  uiSelectMultiple: jd,
-  uiSidebar: Tr,
+  uiInputFile: gs,
+  uiLoadingScreen: rr,
+  uiModal: Xe,
+  uiNoResults: Wa,
+  uiNotification: ho,
+  uiPagination: br,
+  uiPriceCalendar: Fl,
+  uiRangeSlider: Ri,
+  uiRightSidebar: ni,
+  uiSectionTitle: Hi,
+  uiSelect: Qe,
+  uiSelectMultiple: st,
+  uiSidebar: zr,
   uiSidebarV2: he,
-  uiSmartFilter: xd,
-  uiStats: et,
-  uiStripedCard: fn,
-  uiTable: Yn,
-  uiTabs: Hn,
+  uiSmartFilter: jd,
+  uiStats: tt,
+  uiStripedCard: yn,
+  uiTable: Pn,
+  uiTabs: En,
   uiTag: U,
-  uiTaskList: Bo,
-  uiTextArea: _s,
-  uiTimeline: pa,
-  uiToggle: Bs,
-  uiTopbar: Na,
-  uiWrapper: vd
+  uiTaskList: Mo,
+  uiTextArea: $s,
+  uiTimeline: ma,
+  uiToggle: Ms,
+  uiTopbar: Oa,
+  uiWrapper: bd
 }, Symbol.toStringTag, { value: "Module" })), Td = [
   "primary",
   "secondary",
@@ -5141,48 +5156,48 @@ export {
   Ed as Types,
   Rd as UiInputTypes,
   Zd as default,
-  Os as uiAlert,
-  Us as uiBreadcrumbs,
+  Is as uiAlert,
+  Hs as uiBreadcrumbs,
   J as uiButton,
-  Qs as uiCard,
-  Xl as uiChart,
+  Ks as uiCard,
+  er as uiChart,
   Ue as uiCheckbox,
-  Ai as uiCircleChart,
-  Ii as uiDateRange,
-  td as uiDeviceStatus,
-  _i as uiDragAndDrop,
+  Ni as uiCircleChart,
+  Yi as uiDateRange,
+  sd as uiDeviceStatus,
+  $i as uiDragAndDrop,
   fe as uiDropdown,
-  bd as uiDynamicStats,
-  Qe as uiFilter,
-  or as uiFooter,
-  Ra as uiFunnelChartV2,
-  fi as uiGallery,
+  wd as uiDynamicStats,
+  Ke as uiFilter,
+  lr as uiFooter,
+  Ua as uiFunnelChartV2,
+  yi as uiGallery,
   j as uiIcon,
   E as uiInput,
-  cs as uiInputFile,
-  lr as uiLoadingScreen,
-  Ke as uiModal,
-  Ja as uiNoResults,
-  yo as uiNotification,
-  vr as uiPagination,
-  Vl as uiPriceCalendar,
-  qi as uiRangeSlider,
-  ri as uiRightSidebar,
-  Ui as uiSectionTitle,
-  Ge as uiSelect,
-  jd as uiSelectMultiple,
-  Tr as uiSidebar,
+  gs as uiInputFile,
+  rr as uiLoadingScreen,
+  Xe as uiModal,
+  Wa as uiNoResults,
+  ho as uiNotification,
+  br as uiPagination,
+  Fl as uiPriceCalendar,
+  Ri as uiRangeSlider,
+  ni as uiRightSidebar,
+  Hi as uiSectionTitle,
+  Qe as uiSelect,
+  st as uiSelectMultiple,
+  zr as uiSidebar,
   he as uiSidebarV2,
-  xd as uiSmartFilter,
-  et as uiStats,
-  fn as uiStripedCard,
-  Yn as uiTable,
-  Hn as uiTabs,
+  jd as uiSmartFilter,
+  tt as uiStats,
+  yn as uiStripedCard,
+  Pn as uiTable,
+  En as uiTabs,
   U as uiTag,
-  Bo as uiTaskList,
-  _s as uiTextArea,
-  pa as uiTimeline,
-  Bs as uiToggle,
-  Na as uiTopbar,
-  vd as uiWrapper
+  Mo as uiTaskList,
+  $s as uiTextArea,
+  ma as uiTimeline,
+  Ms as uiToggle,
+  Oa as uiTopbar,
+  bd as uiWrapper
 };