@hotelinking/ui 10.42.24 → 10.43.0

package/dist/ui.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as M, createBlock as _, createElementBlock as n, openBlock as s, resolveDynamicComponent as Ae, normalizeClass as y, createCommentVNode as b, renderSlot as R, createElementVNode as e, ref as O, watch as q, computed as F, unref as c, withCtx as v, createVNode as m, toDisplayString as g, createTextVNode as L, Transition as ue, Fragment as k, renderList as $, withDirectives as C, vModelDynamic as tt, vShow as D, withModifiers as Se, vModelText as X, createStaticVNode as Q, resolveComponent as Be, vModelCheckbox as Oe, reactive as ce, isRef as Ye, TransitionGroup as st, onMounted as ot, shallowRef as lt, mergeProps as rt } from "vue";
-import { Menu as he, MenuButton as ye, MenuItems as ve, MenuItem as be, Combobox as Ie, ComboboxLabel as nt, ComboboxInput as Pe, ComboboxButton as Fe, ComboboxOptions as Ve, ComboboxOption as Re, SwitchGroup as at, Switch as it, SwitchLabel as dt, TransitionRoot as we, Dialog as xe, TransitionChild as G, DialogPanel as ke, DialogTitle as qe, Disclosure as _e, DisclosureButton as Z, DisclosurePanel as $e } from "@headlessui/vue";
+import { defineComponent as M, createBlock as _, createElementBlock as n, openBlock as s, resolveDynamicComponent as Ae, normalizeClass as y, createCommentVNode as b, renderSlot as R, createElementVNode as e, ref as O, watch as q, computed as F, unref as c, withCtx as v, createVNode as m, toDisplayString as g, createTextVNode as L, Transition as ue, Fragment as k, renderList as $, withDirectives as C, vModelDynamic as tt, vShow as D, withModifiers as Be, vModelText as X, createStaticVNode as Q, resolveComponent as Me, vModelCheckbox as Oe, reactive as ce, isRef as Ye, TransitionGroup as st, onMounted as ot, shallowRef as lt, mergeProps as rt } from "vue";
+import { Menu as ye, MenuButton as ve, MenuItems as be, MenuItem as we, Combobox as Ie, ComboboxLabel as nt, ComboboxInput as Pe, ComboboxButton as Fe, ComboboxOptions as Ve, ComboboxOption as Re, SwitchGroup as at, Switch as it, SwitchLabel as dt, TransitionRoot as xe, Dialog as ke, TransitionChild as G, DialogPanel as _e, DialogTitle as qe, Disclosure as $e, DisclosureButton as Z, DisclosurePanel as Ce } from "@headlessui/vue";
 import z from "dayjs";
-import Ce from "vue3-apexcharts";
+import Se from "vue3-apexcharts";
 import ut from "vue3-draggable";
 import ct from "@vueform/slider";
 const j = /* @__PURE__ */ M({
@@ -609,7 +609,7 @@ const Nt = { class: "flex justify-between" }, At = {
         "aria-hidden": "true",
         class: "-mr-1 ml-2 h-5 w-5 text-gray-200 dark:text-gray-300"
       })
-    ])) : (s(), _(c(he), {
+    ])) : (s(), _(c(ye), {
       key: 0,
       as: "div",
       class: y(["relative inline-block text-left", { "opacity-25": t.disabled }])
@@ -620,7 +620,7 @@ const Nt = { class: "flex justify-between" }, At = {
             t.label ? (s(), n("label", At, g(t.label), 1)) : b("", !0),
             t.requiredText ? (s(), n("span", Ot, g(t.requiredText), 1)) : b("", !0)
           ]),
-          m(c(ye), { 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" }, {
+          m(c(ve), { 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),
               m(c(de), {
@@ -640,13 +640,13 @@ const Nt = { class: "flex justify-between" }, At = {
           "leave-to-class": "transform opacity-0 scale-95"
         }, {
           default: v(() => [
-            t.disabled ? b("", !0) : (s(), _(c(ve), {
+            t.disabled ? b("", !0) : (s(), _(c(be), {
               key: 0,
               class: y([{ "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"])
             }, {
               default: v(() => [
                 e("div", Yt, [
-                  (s(!0), n(k, null, $(t.items, (d, f) => (s(), _(c(be), { key: f }, {
+                  (s(!0), n(k, null, $(t.items, (d, f) => (s(), _(c(we), { key: f }, {
                     default: v(() => [
                       e("a", {
                         onClick: (h) => o(d),
@@ -859,9 +859,9 @@ const Nt = { class: "flex justify-between" }, At = {
           ],
           "dropArea flex justify-center rounded-md border-2 border-dashed px-6 pt-5 pb-6"
         ]),
-        onDragover: f[0] || (f[0] = Se(() => {
+        onDragover: f[0] || (f[0] = Be(() => {
         }, ["prevent"])),
-        onDrop: Se(o, ["prevent"])
+        onDrop: Be(o, ["prevent"])
       }, [
         e("div", Kt, [
           m(j, {
@@ -1484,12 +1484,12 @@ const Nt = { class: "flex justify-between" }, At = {
     const l = p, a = i, r = (o) => {
       a("modalAction", { modal: l.modalName, action: o });
     };
-    return (o, t) => (s(), _(c(we), {
+    return (o, t) => (s(), _(c(xe), {
       as: "template",
       show: o.open
     }, {
       default: v(() => [
-        m(c(xe), {
+        m(c(ke), {
           as: "div",
           class: "relative z-10",
           onClose: t[1] || (t[1] = (u) => r("close"))
@@ -1521,7 +1521,7 @@ const Nt = { class: "flex justify-between" }, At = {
                   "leave-to": "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
                 }, {
                   default: v(() => [
-                    m(c(ke), { 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" }, {
+                    m(c(_e), { 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", Ws, [
                           e("button", {
@@ -1753,9 +1753,9 @@ const Nt = { class: "flex justify-between" }, At = {
 function _o(p) {
   return p && p.__esModule && Object.prototype.hasOwnProperty.call(p, "default") ? p.default : p;
 }
-var le = { exports: {} }, $o = le.exports, Me;
+var le = { exports: {} }, $o = le.exports, De;
 function Co() {
-  return Me || (Me = 1, function(p, i) {
+  return De || (De = 1, function(p, i) {
     (function(l, a) {
       p.exports = a(z);
     })($o, function(l) {
@@ -1770,9 +1770,9 @@ function Co() {
   }(le)), le.exports;
 }
 Co();
-var re = { exports: {} }, So = re.exports, De;
+var re = { exports: {} }, So = re.exports, je;
 function Bo() {
-  return De || (De = 1, function(p, i) {
+  return je || (je = 1, function(p, i) {
     (function(l, a) {
       p.exports = a(z);
     })(So, function(l) {
@@ -1792,9 +1792,9 @@ function Bo() {
   }(re)), re.exports;
 }
 Bo();
-var ne = { exports: {} }, Mo = ne.exports, je;
+var ne = { exports: {} }, Mo = ne.exports, Te;
 function Do() {
-  return je || (je = 1, function(p, i) {
+  return Te || (Te = 1, function(p, i) {
     (function(l, a) {
       p.exports = a();
     })(Mo, function() {
@@ -1806,9 +1806,9 @@ function Do() {
   }(ne)), ne.exports;
 }
 Do();
-var ae = { exports: {} }, jo = ae.exports, Te;
+var ae = { exports: {} }, jo = ae.exports, ze;
 function To() {
-  return Te || (Te = 1, function(p, i) {
+  return ze || (ze = 1, function(p, i) {
     (function(l, a) {
       p.exports = a(z);
     })(jo, function(l) {
@@ -1860,7 +1860,7 @@ const te = (p, i) => {
   }
 }, Lo = { class: "dateSelector flex items-center text-white flex-row" }, No = { class: "pagination flex items-center my-1 md:my-0" }, Ao = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, Oo = { class: "pagination flex items-center my-1 sm:my-0" };
 function Yo(p, i, l, a, r, o) {
-  const t = Be("ChevronLeftIcon"), u = Be("ChevronRightIcon");
+  const t = Me("ChevronLeftIcon"), u = Me("ChevronRightIcon");
   return s(), n("div", Lo, [
     e("div", No, [
       e("div", {
@@ -2002,9 +2002,9 @@ function Zo(p, i, l, a, r, o) {
   ]);
 }
 const Xe = /* @__PURE__ */ te(Po, [["render", Zo]]);
-var ie = { exports: {} }, Jo = ie.exports, ze;
+var ie = { exports: {} }, Jo = ie.exports, Le;
 function Wo() {
-  return ze || (ze = 1, function(p, i) {
+  return Le || (Le = 1, function(p, i) {
     (function(l, a) {
       p.exports = a();
     })(Jo, function() {
@@ -2505,7 +2505,7 @@ const oe = /* @__PURE__ */ te(ll, [["render", nl]]), al = {
           ])
         ]),
         C(e("div", Zl, [
-          m(c(Ce), {
+          m(c(Se), {
             class: "chart",
             type: S.type,
             series: h.value,
@@ -2747,7 +2747,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
             ]))), 64)) : (s(!0), n(k, { key: 0 }, $(a.navigation, (o) => (s(), n(k, {
               key: o.name
             }, [
-              o.children ? (s(), _(c(_e), {
+              o.children ? (s(), _(c($e), {
                 key: 1,
                 as: "div",
                 class: "space-y-1"
@@ -2776,7 +2776,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                     ]),
                     _: 2
                   }, 1032, ["class"]),
-                  m(c($e), { class: "space-y-1" }, {
+                  m(c(Ce), { class: "space-y-1" }, {
                     default: v(() => [
                       (s(!0), n(k, null, $(o.children, (u) => (s(), _(c(Z), {
                         onClick: (d) => l("sideBarClick", u.id),
@@ -2820,10 +2820,182 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       ])
     ]));
   }
-}), Br = { key: 0 }, Mr = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, Dr = { class: "ml-16 flex items-baseline pb-5" }, jr = { class: "text-2xl font-semibold text-gray-900" }, Tr = {
+}), Br = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6" }, Mr = { class: "bg-indigo-600 w-16 mr-6" }, Dr = ["onClick"], jr = {
+  key: 0,
+  class: "flex flex-col grow gap-y-5 overflow-y-auto pr-6"
+}, Tr = { class: "flex h-16 shrink-0 items-center" }, zr = ["src"], Lr = { class: "flex flex-1 flex-col" }, Nr = {
+  key: 0,
+  role: "list",
+  class: "flex flex-1 flex-col gap-y-7 mb-4"
+}, Ar = {
+  role: "list",
+  class: "ml-2 space-y-1"
+}, Or = ["onClick"], Yr = {
+  key: 1,
+  role: "list",
+  class: "flex flex-1 flex-col gap-y-7 mb-4"
+}, Ir = { class: "ml-2 space-y-1" }, Pr = { class: "font-bold mb-4" }, Fr = {
+  key: 1,
+  class: "flex flex-col grow gap-y-5 overflow-y-auto pr-6"
+}, Vr = { class: "h-12 flex flex-row items-center" }, he = /* @__PURE__ */ M({
+  __name: "uiSidebarV2",
+  props: {
+    navigation: {},
+    filterNavigation: {},
+    isFilterNavigation: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !0 },
+    logo: {},
+    productsSidebar: {}
+  },
+  emits: ["productBarClick", "sideBarClick"],
+  setup(p, { emit: i }) {
+    return (l, a) => (s(), n("div", Br, [
+      e("div", Mr, [
+        e("ul", null, [
+          (s(!0), n(k, null, $(l.productsSidebar, (r, o) => (s(), n("li", {
+            key: o,
+            class: y([{ "!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)
+          }, [
+            m(j, {
+              icon: r.icon,
+              loading: !1,
+              color: "white",
+              size: "bigger"
+            }, null, 8, ["icon"])
+          ], 10, Dr))), 128))
+        ])
+      ]),
+      l.loading ? (s(), n("div", Fr, [
+        (s(), n(k, null, $(5, (r) => e("div", Vr, 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", jr, [
+        e("div", Tr, [
+          e("img", {
+            class: "h-8 w-auto",
+            src: l.logo,
+            alt: "Your Company"
+          }, null, 8, zr)
+        ]),
+        e("nav", Lr, [
+          l.isFilterNavigation ? b("", !0) : (s(), n("ul", Nr, [
+            e("li", null, [
+              e("ul", Ar, [
+                (s(!0), n(k, null, $(l.navigation, (r) => (s(), n("li", {
+                  key: r.name
+                }, [
+                  r.children ? (s(), _(c($e), {
+                    key: 1,
+                    as: "div"
+                  }, {
+                    default: v(() => [
+                      m(c(Z), {
+                        onClick: (o) => l.$emit("sideBarClick", r.id),
+                        class: y([r.current ? "bg-gray-100" : "hover:bg-gray-100", "flex w-full items-center gap-x-3 rounded-md p-2 text-left text-sm font-semibold leading-6 text-gray-700"])
+                      }, {
+                        default: v(() => [
+                          m(j, {
+                            icon: r.icon,
+                            color: "primary",
+                            size: "big",
+                            loading: !1,
+                            "aria-hidden": "true",
+                            class: "shrink-0"
+                          }, null, 8, ["icon"]),
+                          L(" " + g(r.name) + " ", 1),
+                          m(c(ee), {
+                            class: y([r.children.some((o) => o.current) || r.current ? "rotate-90 text-primary-500" : "text-gray-400", "ml-auto h-5 w-5 shrink-0"]),
+                            "aria-hidden": "true"
+                          }, null, 8, ["class"])
+                        ]),
+                        _: 2
+                      }, 1032, ["onClick", "class"]),
+                      C(e("div", null, [
+                        m(c(Ce), {
+                          as: "ul",
+                          class: "mt-1 px-2",
+                          static: ""
+                        }, {
+                          default: v(() => [
+                            (s(!0), n(k, null, $(r.children, (o) => (s(), n("li", {
+                              key: o.name
+                            }, [
+                              m(c(Z), {
+                                as: "a",
+                                onClick: (t) => l.$emit("sideBarClick", o.id),
+                                class: y([o.current ? "bg-gray-100" : "hover:bg-gray-100", "block rounded-md py-2 pl-9 pr-2 text-sm leading-6 text-gray-700 cursor-pointer"])
+                              }, {
+                                default: v(() => [
+                                  L(g(o.name), 1)
+                                ]),
+                                _: 2
+                              }, 1032, ["onClick", "class"])
+                            ]))), 128))
+                          ]),
+                          _: 2
+                        }, 1024)
+                      ], 512), [
+                        [D, r.children.some((o) => o.current) || r.current]
+                      ])
+                    ]),
+                    _: 2
+                  }, 1024)) : (s(), n("div", {
+                    key: 0,
+                    onClick: (o) => l.$emit("sideBarClick", r.id),
+                    class: y([r.current ? "bg-gray-100" : "hover:bg-gray-100", "group flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-6 text-gray-700 cursor-pointer"])
+                  }, [
+                    m(j, {
+                      icon: r.icon,
+                      color: "primary",
+                      size: "big",
+                      loading: !1,
+                      "aria-hidden": "true",
+                      class: "shrink-0"
+                    }, null, 8, ["icon"]),
+                    L(" " + g(r.name), 1)
+                  ], 10, Or))
+                ]))), 128))
+              ])
+            ])
+          ])),
+          l.isFilterNavigation && l.filterNavigation ? (s(), n("ul", Yr, [
+            e("li", Ir, [
+              l.filterNavigation.hasSearch && l.filterNavigation.search ? (s(), _(E, {
+                key: 0,
+                name: l.filterNavigation.search.name,
+                label: l.filterNavigation.search.label,
+                placeholder: l.filterNavigation.search.placeholder,
+                value: l.filterNavigation.search.value,
+                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", {
+              class: "ml-2",
+              key: o
+            }, [
+              e("p", Pr, g(r.label), 1),
+              (s(!0), n(k, null, $(r.filters, (t, u) => (s(), _(He, {
+                class: "mb-2",
+                value: t.value,
+                loading: t.loading
+              }, {
+                default: v(() => [
+                  L(g(t.text), 1)
+                ]),
+                _: 2
+              }, 1032, ["value", "loading"]))), 256))
+            ]))), 128))
+          ])) : b("", !0)
+        ])
+      ]))
+    ]));
+  }
+}), Rr = { key: 0 }, qr = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, Hr = { class: "ml-16 flex items-baseline pb-5" }, Ur = { class: "text-2xl font-semibold text-gray-900" }, Er = {
   key: 0,
   class: "text-black ml-2 flex items-baseline text-sm font-semibold"
-}, zr = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, Lr = { class: "text-sm" }, Nr = { key: 1 }, Ar = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, Or = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, et = /* @__PURE__ */ M({
+}, Zr = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, Jr = { class: "text-sm" }, Wr = { key: 1 }, Gr = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, Qr = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, et = /* @__PURE__ */ M({
   __name: "uiStats",
   props: {
     item: {},
@@ -2831,10 +3003,10 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
   },
   emits: ["statClick"],
   setup(p, { emit: i }) {
-    return (l, a) => l.loading ? (s(), n("div", Nr, [
-      e("div", Ar, [
+    return (l, a) => l.loading ? (s(), n("div", Wr, [
+      e("div", Gr, [
         e("dt", null, [
-          e("div", Or, [
+          e("div", Qr, [
             m(j, {
               loading: l.loading,
               icon: l.item.icon,
@@ -2850,7 +3022,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
           ], -1))
         ])
       ])
-    ])) : (s(), n("div", Br, [
+    ])) : (s(), n("div", Rr, [
       e("div", {
         class: y(["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 }])
       }, [
@@ -2871,11 +3043,11 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
               loading: l.loading
             }, null, 8, ["icon", "loading"])
           ], 2),
-          e("p", Mr, g(l.item.name), 1)
+          e("p", qr, g(l.item.name), 1)
         ]),
-        e("dd", Dr, [
-          e("p", jr, g(l.item.stat), 1),
-          l.item.explanation ? (s(), n("p", Tr, g(l.item.explanation), 1)) : b("", !0),
+        e("dd", Hr, [
+          e("p", Ur, g(l.item.stat), 1),
+          l.item.explanation ? (s(), n("p", Er, g(l.item.explanation), 1)) : b("", !0),
           l.item.changeType ? (s(), n("p", {
             key: 1,
             class: y([
@@ -2899,8 +3071,8 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
             })) : b("", !0),
             L(" " + g(l.item.change), 1)
           ], 2)) : b("", !0),
-          C(e("div", zr, [
-            e("div", Lr, [
+          C(e("div", Zr, [
+            e("div", Jr, [
               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"
@@ -2913,19 +3085,19 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       ], 2)
     ]));
   }
-}), Yr = {
+}), Kr = {
   key: 0,
   class: "overflow-hidden bg-white shadow sm:rounded-lg"
-}, Ir = { class: "px-4 py-5 sm:px-6" }, Pr = { class: "text-lg font-medium leading-6 text-gray-900" }, Fr = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, Vr = { class: "border-t border-gray-200" }, Rr = { class: "text-sm font-medium text-gray-500" }, qr = {
+}, Xr = { class: "px-4 py-5 sm:px-6" }, en = { class: "text-lg font-medium leading-6 text-gray-900" }, tn = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, sn = { class: "border-t border-gray-200" }, on = { class: "text-sm font-medium text-gray-500" }, ln = {
   key: 0,
   class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal"
-}, Hr = ["onClick"], Ur = {
+}, rn = ["onClick"], nn = {
   key: 2,
   class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words"
-}, Er = {
+}, an = {
   key: 1,
   class: "overflow-hidden bg-white shadow sm:rounded-lg"
-}, Zr = { class: "border-t border-gray-200" }, Jr = /* @__PURE__ */ M({
+}, dn = { class: "border-t border-gray-200" }, un = /* @__PURE__ */ M({
   __name: "uiStripedCard",
   props: {
     title: {},
@@ -2935,9 +3107,9 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
   },
   emits: ["itemClicked"],
   setup(p) {
-    return (i, l) => i.loading ? (s(), n("div", Er, [
+    return (i, l) => i.loading ? (s(), n("div", an, [
       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", Zr, [
+      e("div", dn, [
         e("dl", null, [
           (s(), n(k, null, $(5, (a) => e("div", {
             key: a,
@@ -2952,19 +3124,19 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
           ]), 2)), 64))
         ])
       ])
-    ])) : (s(), n("div", Yr, [
-      e("div", Ir, [
-        e("h3", Pr, g(i.title), 1),
-        e("p", Fr, g(i.subtitle), 1)
+    ])) : (s(), n("div", Kr, [
+      e("div", Xr, [
+        e("h3", en, g(i.title), 1),
+        e("p", tn, g(i.subtitle), 1)
       ]),
-      e("div", Vr, [
+      e("div", sn, [
         e("dl", null, [
           (s(!0), n(k, null, $(i.items, (a, r) => (s(), n("div", {
             key: r,
             class: y(["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", Rr, g(a.title), 1),
-            a.type === "tags" ? (s(), n("dd", qr, [
+            e("dt", on, g(a.title), 1),
+            a.type === "tags" ? (s(), n("dd", ln, [
               (s(!0), n(k, null, $(a.tags, (o, t) => (s(), _(H, {
                 loading: i.loading,
                 key: t,
@@ -2980,13 +3152,13 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__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, Hr)) : (s(), n("dd", Ur, g(a.text), 1))
+            }, g(a.text), 9, rn)) : (s(), n("dd", nn, g(a.text), 1))
           ], 2))), 128))
         ])
       ])
     ]));
   }
-}), Wr = { 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" }, Gr = { class: "ml-2" }, Qr = {
+}), cn = { 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" }, gn = { class: "ml-2" }, mn = {
   __name: "tooltip",
   props: {
     tip: {
@@ -2995,7 +3167,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
     }
   },
   setup(p) {
-    return (i, l) => (s(), n("div", Wr, [
+    return (i, l) => (s(), n("div", cn, [
       l[0] || (l[0] = e("svg", {
         class: "absolute -top-3 left-0",
         xmlns: "http://www.w3.org/2000/svg",
@@ -3019,19 +3191,19 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
           size: "big"
         }, null, 8, ["icon"])
       ]),
-      e("span", Gr, g(p.tip), 1)
+      e("span", gn, g(p.tip), 1)
     ]));
   }
-}, Kr = { key: 0 }, Xr = { class: "flex flex-col" }, en = { class: "-my-2 overflow-x-auto" }, tn = { class: "inline-block min-w-full py-2 align-middle px-1" }, sn = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, on = {
+}, pn = { key: 0 }, fn = { class: "flex flex-col" }, hn = { class: "-my-2 overflow-x-auto" }, yn = { class: "inline-block min-w-full py-2 align-middle px-1" }, vn = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, bn = {
   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"
-}, ln = ["onClick"], rn = { class: "min-w-full table-fixed divide-y divide-gray-300" }, nn = { class: "bg-gray-50" }, an = ["checked", "indeterminate"], dn = ["onMouseover", "onMouseleave"], un = ["onClick"], cn = {
+}, wn = ["onClick"], xn = { class: "min-w-full table-fixed divide-y divide-gray-300" }, kn = { class: "bg-gray-50" }, _n = ["checked", "indeterminate"], $n = ["onMouseover", "onMouseleave"], Cn = ["onClick"], Sn = {
   key: 2,
   class: "group flex items-center uppercase text-xs"
-}, gn = { class: "divide-y divide-gray-200 bg-white" }, mn = {
+}, Bn = { class: "divide-y divide-gray-200 bg-white" }, Mn = {
   key: 0,
   class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600"
-}, pn = ["value"], fn = ["onClick"], hn = ["href"], yn = { key: 3 }, vn = /* @__PURE__ */ M({
+}, Dn = ["value"], jn = ["onClick"], Tn = ["href"], zn = { key: 3 }, Ln = /* @__PURE__ */ M({
   __name: "uiTable",
   props: {
     resetSelected: { type: Boolean, default: !1 },
@@ -3058,21 +3230,21 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       r.value = w, w && r.value && (l.value = [], r.value = !w, o("selectedItemsDeleted"));
     }), (w, T) => {
       var N, S;
-      return w.loading ? (s(), _(Xe, { key: 1 })) : (s(), n("div", Kr, [
-        e("div", Xr, [
-          e("div", en, [
-            e("div", tn, [
-              e("div", sn, [
-                ((N = c(l)) == null ? void 0 : N.length) > 0 && ((S = w.actions) == null ? void 0 : S.length) > 0 ? (s(), n("div", on, [
+      return w.loading ? (s(), _(Xe, { key: 1 })) : (s(), n("div", pn, [
+        e("div", fn, [
+          e("div", hn, [
+            e("div", yn, [
+              e("div", vn, [
+                ((N = c(l)) == null ? void 0 : N.length) > 0 && ((S = w.actions) == null ? void 0 : S.length) > 0 ? (s(), n("div", bn, [
                   (s(!0), n(k, 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, ln))), 128))
+                  }, g(B.name), 9, wn))), 128))
                 ])) : b("", !0),
-                e("table", rn, [
-                  e("thead", nn, [
+                e("table", xn, [
+                  e("thead", kn, [
                     e("tr", null, [
                       e("th", {
                         scope: "col",
@@ -3085,7 +3257,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__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, an)) : b("", !0)
+                        }, null, 40, _n)) : b("", !0)
                       ], 2),
                       (s(!0), n(k, null, $(w.header, (B, P) => (s(), n("th", {
                         key: P,
@@ -3094,7 +3266,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                         onMouseover: (x) => d(B.name, !0),
                         onMouseleave: (x) => d(B.name, !1)
                       }, [
-                        B.tooltip ? C((s(), _(Qr, {
+                        B.tooltip ? C((s(), _(mn, {
                           key: 0,
                           tip: B.tooltip
                         }, null, 8, ["tip"])), [
@@ -3117,13 +3289,13 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                               color: B.value === w.orderedBy ? "white" : "primary"
                             }, null, 8, ["icon", "loading", "color"])
                           ], 2)
-                        ], 8, un)) : (s(), n("p", cn, [
+                        ], 8, Cn)) : (s(), n("p", Sn, [
                           e("span", null, g(B.name), 1)
                         ]))
-                      ], 40, dn))), 128))
+                      ], 40, $n))), 128))
                     ])
                   ]),
-                  e("tbody", gn, [
+                  e("tbody", Bn, [
                     (s(!0), n(k, null, $(w.items, (B, P) => {
                       var x, I;
                       return s(), n("tr", {
@@ -3136,14 +3308,14 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                         e("td", {
                           class: y([((x = w.actions) == null ? void 0 : x.length) > 0 ? "w-2" : "w-0", "relative"])
                         }, [
-                          c(l).includes(B.id) ? (s(), n("div", mn)) : b("", !0),
+                          c(l).includes(B.id) ? (s(), n("div", Mn)) : b("", !0),
                           ((I = w.actions) == null ? void 0 : I.length) > 0 ? C((s(), n("input", {
                             key: 1,
                             "onUpdate:modelValue": T[0] || (T[0] = (Y) => Ye(l) ? l.value = Y : l = Y),
                             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, pn)), [
+                          }, null, 8, Dn)), [
                             [Oe, c(l)]
                           ]) : b("", !0)
                         ], 2),
@@ -3167,11 +3339,11 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                             key: 1,
                             class: "text-indigo-600 hover:text-indigo-400 cursor-pointer",
                             onClick: (A) => h(Y)
-                          }, g(Y.content), 9, fn)) : typeof Y == "object" && Y.type === "href" ? (s(), n("a", {
+                          }, g(Y.content), 9, jn)) : typeof Y == "object" && Y.type === "href" ? (s(), n("a", {
                             key: 2,
                             class: "text-indigo-600 hover:text-indigo-400 cursor-pointer",
                             href: Y.href
-                          }, g(Y.content), 9, hn)) : (s(), n("span", yn, g(Y), 1))
+                          }, g(Y.content), 9, Tn)) : (s(), n("span", zn, g(Y), 1))
                         ], 2))), 128))
                       ], 2);
                     }), 128))
@@ -3184,10 +3356,10 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       ]));
     };
   }
-}), bn = { class: "lg:hidden" }, wn = ["value"], xn = { class: "hidden lg:block" }, kn = { class: "border-b border-gray-200" }, _n = {
+}), Nn = { class: "lg:hidden" }, An = ["value"], On = { class: "hidden lg:block" }, Yn = { class: "border-b border-gray-200" }, In = {
   class: "-mb-px flex space-x-8",
   "aria-label": "Tabs"
-}, $n = ["onClick", "aria-current"], Cn = /* @__PURE__ */ M({
+}, Pn = ["onClick", "aria-current"], Fn = /* @__PURE__ */ M({
   __name: "uiTabs",
   props: {
     tabs: {}
@@ -3199,7 +3371,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       o.value && l("tabClicked", o.value);
     };
     return (r, o) => (s(), n("div", null, [
-      e("div", bn, [
+      e("div", Nn, [
         e("select", {
           onChange: o[0] || (o[0] = (t) => a(t)),
           id: "tabs",
@@ -3209,12 +3381,12 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
           (s(!0), n(k, null, $(r.tabs, (t) => (s(), n("option", {
             value: t.id,
             key: t.name
-          }, g(t.name), 9, wn))), 128))
+          }, g(t.name), 9, An))), 128))
         ], 32)
       ]),
-      e("div", xn, [
-        e("div", kn, [
-          e("nav", _n, [
+      e("div", On, [
+        e("div", Yn, [
+          e("nav", In, [
             (s(!0), n(k, null, $(r.tabs, (t) => (s(), n("a", {
               key: t.name,
               onClick: (u) => l("tabClicked", t.id),
@@ -3232,36 +3404,36 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__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, $n))), 128))
+            ], 10, Pn))), 128))
           ])
         ])
       ])
     ]));
   }
-}), Sn = { class: "px-4 py-5 sm:px-6" }, Bn = { class: "text-xl font-bold" }, Mn = {
+}), Vn = { class: "px-4 py-5 sm:px-6" }, Rn = { class: "text-xl font-bold" }, qn = {
   key: 0,
   class: "px-4 py-5 sm:p-6"
-}, Dn = { class: "flow-root" }, jn = { class: "relative pb-8" }, Tn = {
+}, Hn = { class: "flow-root" }, Un = { class: "relative pb-8" }, En = {
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, zn = { class: "relative flex space-x-3" }, Ln = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, Nn = { class: "text-sm text-gray-500" }, An = ["onClick"], On = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, Yn = ["datetime"], In = {
+}, Zn = { class: "relative flex space-x-3" }, Jn = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, Wn = { class: "text-sm text-gray-500" }, Gn = ["onClick"], Qn = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, Kn = ["datetime"], Xn = {
   key: 1,
   class: "bg-gray-50 px-4 py-4 sm:px-6 z-10"
-}, Pn = { class: "text-sm" }, Fn = {
+}, ea = { class: "text-sm" }, ta = {
   key: 2,
   class: "h-full w-full flex items-center justify-center flex-col mb-5"
-}, Vn = {
+}, sa = {
   key: 1,
   class: "bg-white overflow-hidden shadow rounded-lg"
-}, Rn = { class: "px-4 py-5 sm:p-6 animate-pulse" }, qn = { class: "flow-root" }, Hn = {
+}, oa = { class: "px-4 py-5 sm:p-6 animate-pulse" }, la = { class: "flow-root" }, ra = {
   class: "-mb-8",
   role: "list"
-}, Un = { class: "relative pb-8" }, En = {
+}, na = { class: "relative pb-8" }, aa = {
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, Zn = /* @__PURE__ */ M({
+}, ia = /* @__PURE__ */ M({
   __name: "uiTimeline",
   props: {
     name: {},
@@ -3273,18 +3445,18 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
   emits: ["timelineEventClicked", "timelineFooterClicked"],
   setup(p, { emit: i }) {
     const a = ce(p.timeline);
-    return (r, o) => r.loading ? (s(), n("div", Vn, [
+    return (r, o) => r.loading ? (s(), n("div", sa, [
       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", Rn, [
-        e("div", qn, [
-          e("ul", Hn, [
+      e("div", oa, [
+        e("div", la, [
+          e("ul", ra, [
             (s(), n(k, null, $(10, (t, u) => e("li", { key: u }, [
-              e("div", Un, [
-                t !== 10 ? (s(), n("span", En)) : b("", !0),
+              e("div", na, [
+                t !== 10 ? (s(), n("span", aa)) : 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))
@@ -3300,11 +3472,11 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       key: 0,
       class: y(["h-[" + r.height + "px]", "bg-white overflow-hidden shadow rounded-lg"])
     }, [
-      e("div", Sn, [
-        e("h1", Bn, g(r.name), 1)
+      e("div", Vn, [
+        e("h1", Rn, g(r.name), 1)
       ]),
-      a.items ? (s(), n("div", Mn, [
-        e("div", Dn, [
+      a.items ? (s(), n("div", qn, [
+        e("div", Hn, [
           m(st, {
             name: "list",
             tag: "ul",
@@ -3312,9 +3484,9 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
           }, {
             default: v(() => [
               (s(!0), n(k, null, $(a.items, (t, u) => (s(), n("li", { key: u }, [
-                e("div", jn, [
-                  u < a.items.length - 1 ? (s(), n("span", Tn)) : b("", !0),
-                  e("div", zn, [
+                e("div", Un, [
+                  u < a.items.length - 1 ? (s(), n("span", En)) : b("", !0),
+                  e("div", Zn, [
                     e("div", null, [
                       e("span", {
                         class: y([(t == null ? void 0 : t.iconBackground) || "bg-indigo-600", "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"])
@@ -3328,20 +3500,20 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                         }, null, 8, ["loading", "icon"])
                       ], 2)
                     ]),
-                    e("div", Ln, [
+                    e("div", Jn, [
                       e("div", null, [
-                        e("p", Nn, [
+                        e("p", Wn, [
                           e("a", {
                             onClick: (d) => 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, An),
+                          }, g(t == null ? void 0 : t.target), 9, Gn),
                           L(" " + g(t == null ? void 0 : t.content), 1)
                         ])
                       ]),
-                      e("div", On, [
+                      e("div", Qn, [
                         e("time", {
                           datetime: t == null ? void 0 : t.datetime
-                        }, g(t == null ? void 0 : t.date), 9, Yn)
+                        }, g(t == null ? void 0 : t.date), 9, Kn)
                       ])
                     ])
                   ])
@@ -3352,14 +3524,14 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
           })
         ])
       ])) : b("", !0),
-      a.items ? (s(), n("div", In, [
-        e("div", Pn, [
+      a.items ? (s(), n("div", Xn, [
+        e("div", ea, [
           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", Fn, [
+      ])) : (s(), n("div", ta, [
         m(j, {
           icon: c(U),
           color: "gray",
@@ -3370,10 +3542,10 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       ]))
     ], 2));
   }
-}), Jn = { class: "mx-auto px-6 lg:px-8" }, Wn = { class: "flex justify-between h-20" }, Gn = { class: "flex" }, Qn = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, Kn = ["src"], Xn = { class: "flex items-center" }, ea = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, ta = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, sa = ["src"], oa = ["onClick"], la = { class: "pt-2 pb-3 space-y-1" }, ra = ["onClick"], na = { class: "pt-4 pb-3 border-t border-gray-200" }, aa = { class: "flex items-center px-4 sm:px-6" }, ia = { class: "flex-shrink-0" }, da = ["src"], ua = {
+}), da = { class: "mx-auto px-6 lg:px-8" }, ua = { class: "flex justify-between h-20" }, ca = { class: "flex" }, ga = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, ma = ["src"], pa = { class: "flex items-center" }, fa = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, ha = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, ya = ["src"], va = ["onClick"], ba = { class: "pt-2 pb-3 space-y-1" }, wa = ["onClick"], xa = { class: "pt-4 pb-3 border-t border-gray-200" }, ka = { class: "flex items-center px-4 sm:px-6" }, _a = { class: "flex-shrink-0" }, $a = ["src"], Ca = {
   key: 0,
   class: "ml-3"
-}, ca = { class: "text-base font-medium text-gray-800" }, ga = { class: "text-sm font-medium text-gray-500" }, ma = { class: "mt-3 space-y-1" }, pa = ["onClick"], fa = /* @__PURE__ */ M({
+}, Sa = { class: "text-base font-medium text-gray-800" }, Ba = { class: "text-sm font-medium text-gray-500" }, Ma = { class: "mt-3 space-y-1" }, Da = ["onClick"], ja = /* @__PURE__ */ M({
   __name: "uiTopbar",
   props: {
     logo: {},
@@ -3385,15 +3557,15 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
   },
   emits: ["topBarClick"],
   setup(p, { emit: i }) {
-    return (l, a) => (s(), _(c(_e), {
+    return (l, a) => (s(), _(c($e), {
       as: "nav",
       class: "bg-white shadow z-10"
     }, {
       default: v(({ open: r }) => [
-        e("div", Jn, [
-          e("div", Wn, [
-            e("div", Gn, [
-              e("div", Qn, [
+        e("div", da, [
+          e("div", ua, [
+            e("div", ca, [
+              e("div", ga, [
                 m(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)),
@@ -3418,20 +3590,20 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                   class: "h-10",
                   src: l.logo,
                   alt: "Hotelinking suite product logo"
-                }, null, 8, Kn)
+                }, null, 8, ma)
               ])
             ]),
-            e("div", Xn, [
-              e("div", ea, [
-                m(c(he), {
+            e("div", pa, [
+              e("div", fa, [
+                m(c(ye), {
                   as: "div",
                   class: "ml-3 relative"
                 }, {
                   default: v(() => [
                     e("div", null, [
-                      C(m(c(ye), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
+                      C(m(c(ve), { 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", ta, a[2] || (a[2] = [
+                          C(e("div", ha, 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]
@@ -3439,7 +3611,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                           e("img", {
                             class: "h-10 w-10 rounded-full",
                             src: l.accountLogo
-                          }, null, 8, sa)
+                          }, null, 8, ya)
                         ]),
                         _: 1
                       }, 512), [
@@ -3455,9 +3627,9 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                       "leave-to-class": "transform opacity-0 scale-95"
                     }, {
                       default: v(() => [
-                        m(c(ve), { class: "origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, {
+                        m(c(be), { 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(be), {
+                            (s(!0), n(k, null, $(l.profileMenu, (o) => (s(), _(c(we), {
                               key: o.name
                             }, {
                               default: v(({ active: t }) => [
@@ -3467,7 +3639,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                                     t ? "bg-gray-100" : "",
                                     "block px-4 py-2 text-sm text-gray-700"
                                   ]])
-                                }, g(o.name), 11, oa)
+                                }, g(o.name), 11, va)
                               ]),
                               _: 2
                             }, 1024))), 128))
@@ -3484,9 +3656,9 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
             ])
           ])
         ]),
-        m(c($e), { class: "lg:hidden" }, {
+        m(c(Ce), { class: "lg:hidden" }, {
           default: v(() => [
-            e("div", la, [
+            e("div", ba, [
               (s(!0), n(k, null, $(l.navigation, (o) => (s(), _(c(Z), {
                 as: "template",
                 key: o.name,
@@ -3498,25 +3670,25 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                 default: v(() => [
                   e("p", {
                     onClick: (t) => l.$emit("topBarClick", o.id)
-                  }, g(o.name), 9, ra)
+                  }, g(o.name), 9, wa)
                 ]),
                 _: 2
               }, 1032, ["class"]))), 128))
             ]),
-            e("div", na, [
-              e("div", aa, [
-                e("div", ia, [
+            e("div", xa, [
+              e("div", ka, [
+                e("div", _a, [
                   e("img", {
                     class: "h-10 w-10 rounded-full",
                     src: l.accountLogo
-                  }, null, 8, da)
+                  }, null, 8, $a)
                 ]),
-                l.brand ? (s(), n("div", ua, [
-                  e("div", ca, g(l.brand.title), 1),
-                  e("div", ga, g(l.brand.subtitle), 1)
+                l.brand ? (s(), n("div", Ca, [
+                  e("div", Sa, g(l.brand.title), 1),
+                  e("div", Ba, g(l.brand.subtitle), 1)
                 ])) : b("", !0)
               ]),
-              e("div", ma, [
+              e("div", Ma, [
                 (s(!0), n(k, null, $(l.profileMenu, (o) => (s(), _(c(Z), {
                   as: "template",
                   key: o.name,
@@ -3525,7 +3697,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                   default: v(() => [
                     e("p", {
                       onClick: (t) => l.$emit("topBarClick", o.id)
-                    }, g(o.name), 9, pa)
+                    }, g(o.name), 9, Da)
                   ]),
                   _: 2
                 }, 1024))), 128))
@@ -3538,7 +3710,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       _: 1
     }));
   }
-}), ha = { class: "chart-selector flex flex-row items-center justify-center" }, ya = /* @__PURE__ */ M({
+}), Ta = { class: "chart-selector flex flex-row items-center justify-center" }, za = /* @__PURE__ */ M({
   __name: "RangeSelector",
   props: { range: { type: String } },
   emits: ["rangeSelected"],
@@ -3548,7 +3720,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
     const o = (t) => {
       r = t, l("rangeSelected", t);
     };
-    return (t, u) => (s(), n("ul", ha, [
+    return (t, u) => (s(), n("ul", Ta, [
       e("li", {
         class: y({ selected: c(r) === "24h" }),
         onClick: u[0] || (u[0] = (d) => o("24h"))
@@ -3567,7 +3739,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       }, "3M", 2)
     ]));
   }
-}), va = { class: "chart-header flex flex-row justify-between" }, ba = { class: "text-sm font-medium text-gray-500 truncate" }, wa = { class: "chart-content" }, xa = { class: "h-full w-full flex items-center justify-center flex-col" }, ka = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, _a = /* @__PURE__ */ M({
+}), La = { class: "chart-header flex flex-row justify-between" }, Na = { class: "text-sm font-medium text-gray-500 truncate" }, Aa = { class: "chart-content" }, Oa = { class: "h-full w-full flex items-center justify-center flex-col" }, Ya = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Ia = /* @__PURE__ */ M({
   __name: "uiFunnelChartV2",
   props: {
     labels: {},
@@ -3632,15 +3804,15 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       C(e("div", {
         class: y(["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", va, [
-          e("div", ba, g(f.title), 1),
-          m(ya, {
+        e("div", La, [
+          e("div", Na, g(f.title), 1),
+          m(za, {
             range: f.range,
             onRangeSelected: h[0] || (h[0] = (w) => f.$emit("selectedRange", { range: w, chartId: f.id }))
           }, null, 8, ["range"])
         ]),
-        C(e("div", wa, [
-          m(c(Ce), {
+        C(e("div", Aa, [
+          m(c(Se), {
             type: f.type,
             series: t.value,
             width: "100%",
@@ -3653,7 +3825,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
         ], 512), [
           [D, !f.empty]
         ]),
-        C(e("div", xa, [
+        C(e("div", Oa, [
           m(j, {
             icon: c(U),
             color: "gray",
@@ -3667,7 +3839,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       ], 2), [
         [D, !f.loading]
       ]),
-      C(e("div", ka, h[2] || (h[2] = [
+      C(e("div", Ya, h[2] || (h[2] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -3698,7 +3870,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       ])
     ], 64));
   }
-}), $a = { class: "w-full flex flex-col justify-center p-10 grow" }, Ca = { class: "text-2xl mt-4 font-bold" }, Sa = { class: "mt-4" }, Ba = { class: "buttons flex mt-8 gap-x-1" }, Ma = /* @__PURE__ */ M({
+}), Pa = { class: "w-full flex flex-col justify-center p-10 grow" }, Fa = { class: "text-2xl mt-4 font-bold" }, Va = { class: "mt-4" }, Ra = { class: "buttons flex mt-8 gap-x-1" }, qa = /* @__PURE__ */ M({
   __name: "uiNoResults",
   props: {
     title: {},
@@ -3709,7 +3881,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
   },
   emits: ["action", "noResultsOptionSelected"],
   setup(p) {
-    return (i, l) => (s(), n("div", $a, [
+    return (i, l) => (s(), n("div", Pa, [
       m(j, {
         class: "mx-auto",
         loading: !1,
@@ -3718,9 +3890,9 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
         color: "gray"
       }, null, 8, ["icon"]),
       e("div", null, [
-        e("h2", Ca, g(i.title), 1),
-        e("p", Sa, g(i.message), 1),
-        e("div", Ba, [
+        e("h2", Fa, g(i.title), 1),
+        e("p", Va, g(i.message), 1),
+        e("div", Ra, [
           (s(!0), n(k, null, $(i.actions, (a, r) => (s(), _(J, {
             key: r,
             loading: !1,
@@ -3741,7 +3913,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       ])
     ]));
   }
-}), Da = { class: "fixed inset-0 overflow-hidden" }, ja = { class: "absolute inset-0 overflow-hidden" }, Ta = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, za = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, La = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, Na = { class: "flex items-center justify-between" }, Aa = { class: "ml-3 flex h-7 items-center" }, Oa = { class: "mt-1" }, Ya = { class: "text-sm text-indigo-300" }, Ia = { class: "relative flex-1 px-4 py-6 sm:px-6" }, Pa = /* @__PURE__ */ M({
+}), Ha = { class: "fixed inset-0 overflow-hidden" }, Ua = { class: "absolute inset-0 overflow-hidden" }, Ea = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, Za = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, Ja = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, Wa = { class: "flex items-center justify-between" }, Ga = { class: "ml-3 flex h-7 items-center" }, Qa = { class: "mt-1" }, Ka = { class: "text-sm text-indigo-300" }, Xa = { class: "relative flex-1 px-4 py-6 sm:px-6" }, ei = /* @__PURE__ */ M({
   __name: "uiRightSidebar",
   props: {
     title: {},
@@ -3750,21 +3922,21 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
   },
   emits: ["closeRightBar"],
   setup(p, { emit: i }) {
-    return (l, a) => (s(), _(c(we), {
+    return (l, a) => (s(), _(c(xe), {
       as: "template",
       show: l.open
     }, {
       default: v(() => [
-        m(c(xe), {
+        m(c(ke), {
           as: "div",
           class: "relative z-10",
           onClose: a[1] || (a[1] = (r) => l.$emit("closeRightBar"))
         }, {
           default: v(() => [
             a[4] || (a[4] = e("div", { class: "fixed inset-0" }, null, -1)),
-            e("div", Da, [
-              e("div", ja, [
-                e("div", Ta, [
+            e("div", Ha, [
+              e("div", Ua, [
+                e("div", Ea, [
                   m(c(G), {
                     as: "template",
                     enter: "transform transition ease-in-out duration-500 sm:duration-700",
@@ -3775,18 +3947,18 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                     "leave-to": "translate-x-full"
                   }, {
                     default: v(() => [
-                      m(c(ke), { class: "pointer-events-auto w-screen max-w-md" }, {
+                      m(c(_e), { class: "pointer-events-auto w-screen max-w-md" }, {
                         default: v(() => [
-                          e("div", za, [
-                            e("div", La, [
-                              e("div", Na, [
+                          e("div", Za, [
+                            e("div", Ja, [
+                              e("div", Wa, [
                                 m(c(qe), { class: "text-base font-semibold leading-6 text-white" }, {
                                   default: v(() => [
                                     L(g(l.title), 1)
                                   ]),
                                   _: 1
                                 }),
-                                e("div", Aa, [
+                                e("div", Ga, [
                                   e("button", {
                                     type: "button",
                                     class: "relative rounded-md bg-indigo-700 text-indigo-200 hover:text-white outline-none",
@@ -3801,11 +3973,11 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                                   ])
                                 ])
                               ]),
-                              e("div", Oa, [
-                                e("p", Ya, g(l.description), 1)
+                              e("div", Qa, [
+                                e("p", Ka, g(l.description), 1)
                               ])
                             ]),
-                            e("div", Ia, [
+                            e("div", Xa, [
                               R(l.$slots, "default")
                             ])
                           ])
@@ -3825,15 +3997,15 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       _: 3
     }, 8, ["show"]));
   }
-}), Fa = { class: "uiGallery" }, Va = {
+}), ti = { class: "uiGallery" }, si = {
   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"
-}, Ra = { 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" }, qa = ["src"], Ha = ["onClick"], Ua = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Ea = { class: "flex items-center justify-between" }, Za = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, Ja = {
+}, oi = { 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" }, li = ["src"], ri = ["onClick"], ni = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, ai = { class: "flex items-center justify-between" }, ii = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, di = {
   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"
-}, Wa = /* @__PURE__ */ M({
+}, ui = /* @__PURE__ */ M({
   __name: "uiGallery",
   props: {
     galleryId: {},
@@ -3846,7 +4018,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
     const l = i, a = O(!1), r = (o) => {
       a.value = !1, l("modalAction", o);
     };
-    return (o, t) => (s(), n("div", Fa, [
+    return (o, t) => (s(), n("div", ti, [
       o.loading ? b("", !0) : (s(), _(Ke, {
         key: 0,
         open: a.value,
@@ -3861,32 +4033,32 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
         ]),
         _: 1
       }, 8, ["open", "title", "actions"])),
-      o.loading ? (s(), n("ul", Ja, [
+      o.loading ? (s(), n("ul", di, [
         (s(), n(k, null, $(4, (u) => 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", Va, [
+      ])) : (s(), n("ul", si, [
         (s(!0), n(k, null, $(o.gallery, (u) => (s(), n("li", {
           key: u.source,
           class: "relative"
         }, [
-          e("div", Ra, [
+          e("div", oi, [
             e("img", {
               src: u.source,
               alt: "",
               class: "pointer-events-none object-cover group-hover:opacity-75"
-            }, null, 8, qa),
+            }, null, 8, li),
             e("button", {
               type: "button",
               class: "absolute inset-0 focus:outline-none",
               onClick: (d) => o.$emit("imgClicked", u)
-            }, null, 8, Ha)
+            }, null, 8, ri)
           ]),
-          e("p", Ua, g(u.title), 1),
-          e("div", Ea, [
-            e("p", Za, g(u.size), 1),
+          e("p", ni, g(u.title), 1),
+          e("div", ai, [
+            e("p", ii, g(u.size), 1),
             m(j, {
               class: "cursor-pointer",
               icon: c(Lt),
@@ -3912,10 +4084,10 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       })) : b("", !0)
     ]));
   }
-}), Ga = { 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" }, Qa = { class: "flex flex-row items-center w-full" }, Ka = { class: "content text-sm grow" }, Xa = { class: "font-bold" }, ei = { key: 0 }, ti = { class: "font-bold text-gray-400" }, si = {
+}), ci = { 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" }, gi = { class: "flex flex-row items-center w-full" }, mi = { class: "content text-sm grow" }, pi = { class: "font-bold" }, fi = { key: 0 }, hi = { class: "font-bold text-gray-400" }, yi = {
   key: 1,
   class: "animate-pulse"
-}, oi = /* @__PURE__ */ M({
+}, vi = /* @__PURE__ */ M({
   __name: "uiDragAndDrop",
   props: {
     elements: {},
@@ -3931,7 +4103,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
     const o = (t) => {
       l("dragAndDropUpdated", t);
     };
-    return (t, u) => t.loading ? (s(), n("div", si, u[2] || (u[2] = [
+    return (t, u) => t.loading ? (s(), n("div", yi, u[2] || (u[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(ut), {
       key: 0,
@@ -3942,8 +4114,8 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       ]
     }, {
       item: v(({ item: d }) => [
-        e("div", Ga, [
-          e("div", Qa, [
+        e("div", ci, [
+          e("div", gi, [
             m(j, {
               icon: c(_t),
               loading: !1,
@@ -3951,18 +4123,18 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
               class: "mr-4",
               size: "big"
             }, null, 8, ["icon"]),
-            e("div", Ka, [
-              e("p", Xa, g(d.name), 1),
-              d.description ? (s(), n("p", ei, g(d.description), 1)) : b("", !0)
+            e("div", mi, [
+              e("p", pi, g(d.name), 1),
+              d.description ? (s(), n("p", fi, g(d.description), 1)) : b("", !0)
             ]),
-            e("div", ti, g(c(r).indexOf(d) + 1), 1)
+            e("div", hi, g(c(r).indexOf(d) + 1), 1)
           ])
         ])
       ]),
       _: 1
     }, 8, ["modelValue"]));
   }
-}), li = { class: "chart-header flex flex-row justify-between" }, ri = { class: "text-sm font-medium text-gray-500 truncate" }, ni = { class: "hidden sm:flex items-center" }, ai = { class: "w-1/2 min-w-0 flex-1" }, ii = ["max"], di = { class: "min-w-0 flex-1" }, ui = ["max"], ci = { class: "chart-content" }, gi = { class: "h-full w-full flex items-center justify-center flex-col" }, mi = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, pi = /* @__PURE__ */ M({
+}), bi = { class: "chart-header flex flex-row justify-between" }, wi = { class: "text-sm font-medium text-gray-500 truncate" }, xi = { class: "hidden sm:flex items-center" }, ki = { class: "w-1/2 min-w-0 flex-1" }, _i = ["max"], $i = { class: "min-w-0 flex-1" }, Ci = ["max"], Si = { class: "chart-content" }, Bi = { class: "h-full w-full flex items-center justify-center flex-col" }, Mi = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Di = /* @__PURE__ */ M({
   __name: "uiCircleChart",
   props: {
     labels: {},
@@ -4030,10 +4202,10 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       C(e("div", {
         class: y(["h-[" + N.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
-        e("div", li, [
-          e("div", ri, g(N.title), 1),
-          e("div", ni, [
-            e("div", ai, [
+        e("div", bi, [
+          e("div", wi, g(N.title), 1),
+          e("div", xi, [
+            e("div", ki, [
               C(e("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": S[0] || (S[0] = (B) => c(o).from = B),
@@ -4042,11 +4214,11 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__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, ii), [
+              }, null, 40, _i), [
                 [X, c(o).from]
               ])
             ]),
-            e("div", di, [
+            e("div", $i, [
               C(e("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": S[1] || (S[1] = (B) => c(o).to = B),
@@ -4055,7 +4227,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__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, ui), [
+              }, null, 40, Ci), [
                 [X, c(o).to]
               ])
             ]),
@@ -4068,8 +4240,8 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
             }, null, 8, ["loading", "icon"])
           ])
         ]),
-        C(e("div", ci, [
-          m(c(Ce), {
+        C(e("div", Si, [
+          m(c(Se), {
             class: "flex items-center justify-center mt-4",
             type: "donut",
             series: d.value,
@@ -4082,7 +4254,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
         ], 512), [
           [D, !N.empty]
         ]),
-        C(e("div", gi, [
+        C(e("div", Bi, [
           m(j, {
             icon: c(U),
             color: "gray",
@@ -4096,7 +4268,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       ], 2), [
         [D, !N.loading]
       ]),
-      C(e("div", mi, S[4] || (S[4] = [
+      C(e("div", Mi, S[4] || (S[4] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -4127,13 +4299,13 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       ])
     ], 64));
   }
-}), fi = {
+}), ji = {
   key: 0,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, hi = {
+}, Ti = {
   key: 1,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, yi = /* @__PURE__ */ M({
+}, zi = /* @__PURE__ */ M({
   __name: "uiDateRange",
   props: {
     id: {},
@@ -4157,7 +4329,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
     const t = () => {
       o("uiDateRangeButtonClicked", r);
     };
-    return (u, d) => u.loading ? (s(), n("div", hi, [
+    return (u, d) => u.loading ? (s(), n("div", Ti, [
       m(E, {
         name: "dateFrom",
         loading: !0
@@ -4172,7 +4344,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
         ])),
         _: 1
       })
-    ])) : (s(), n("div", fi, [
+    ])) : (s(), n("div", ji, [
       m(E, {
         type: "datetime-local",
         loading: !1,
@@ -4214,16 +4386,16 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       }, 8, ["disabled", "class"])
     ]));
   }
-}), vi = { class: "flex justify-between items-center" }, bi = {
+}), Li = { class: "flex justify-between items-center" }, Ni = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
-}, wi = {
+}, Ai = {
   key: 1,
   class: "text-[10px] text-gray-500 uppercase justify-self-end"
-}, xi = {
+}, Oi = {
   key: 1,
   class: "h-2 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 w-full"
-}, ki = /* @__PURE__ */ M({
+}, Yi = /* @__PURE__ */ M({
   __name: "uiRangeSlider",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -4238,14 +4410,14 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
   setup(p, { emit: i }) {
     const l = i, r = O(p.sliderValue);
     return (o, t) => (s(), n("div", null, [
-      e("div", vi, [
-        o.label ? (s(), n("label", bi, g(o.label), 1)) : b("", !0),
-        o.requiredText ? (s(), n("span", wi, g(o.requiredText), 1)) : b("", !0)
+      e("div", Li, [
+        o.label ? (s(), n("label", Ni, g(o.label), 1)) : b("", !0),
+        o.requiredText ? (s(), n("span", Ai, g(o.requiredText), 1)) : b("", !0)
       ]),
       e("div", {
         class: y([{ "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", xi)) : (s(), _(c(ct), {
+        o.loading ? (s(), n("p", Oi)) : (s(), _(c(ct), {
           key: 0,
           modelValue: r.value,
           "onUpdate:modelValue": t[0] || (t[0] = (u) => r.value = u),
@@ -4261,7 +4433,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       ], 2)
     ]));
   }
-}), _i = { class: "mt-1 mb-8 text-sm text-gray-500" }, $i = /* @__PURE__ */ M({
+}), Ii = { class: "mt-1 mb-8 text-sm text-gray-500" }, Pi = /* @__PURE__ */ M({
   __name: "uiSectionTitle",
   props: {
     title: {},
@@ -4272,16 +4444,16 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       e("h3", {
         class: y(["text-lg font-medium leading-6 text-gray-900", { "mb-8": i.description === void 0 }])
       }, g(i.title), 3),
-      e("p", _i, g(i.description), 1)
+      e("p", Ii, g(i.description), 1)
     ], 64));
   }
-}), Ci = {
+}), Fi = {
   key: 0,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, Si = { class: "flex flex-1 flex-col p-8" }, Bi = { class: "text-2xl font-bold text-gray-900" }, Mi = { class: "mt-1 flex flex-grow flex-col justify-between" }, Di = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, ji = {
+}, Vi = { class: "flex flex-1 flex-col p-8" }, Ri = { class: "text-2xl font-bold text-gray-900" }, qi = { class: "mt-1 flex flex-grow flex-col justify-between" }, Hi = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Ui = {
   key: 1,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, Ti = { class: "flex flex-1 flex-col p-8" }, zi = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, Li = { class: "mt-1 flex flex-grow flex-col justify-between" }, Ni = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Ai = /* @__PURE__ */ M({
+}, Ei = { class: "flex flex-1 flex-col p-8" }, Zi = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, 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 = /* @__PURE__ */ M({
   __name: "uiDeviceStatus",
   props: {
     id: {},
@@ -4294,9 +4466,9 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
   },
   emits: ["deviceStatusTagClicked", "deviceStatusQtyClicked"],
   setup(p, { emit: i }) {
-    return (l, a) => l.loading ? (s(), n("div", ji, [
-      e("div", Ti, [
-        e("div", zi, [
+    return (l, a) => l.loading ? (s(), n("div", Ui, [
+      e("div", Ei, [
+        e("div", Zi, [
           m(j, {
             icon: l.icon,
             size: "huge",
@@ -4306,8 +4478,8 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__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", Li, [
-          e("dd", Ni, [
+        e("dl", Ji, [
+          e("dd", Wi, [
             (s(!0), n(k, null, $(l.tags, (r, o) => (s(), _(H, {
               key: o,
               loading: l.loading,
@@ -4323,8 +4495,8 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
           ])
         ])
       ])
-    ])) : (s(), n("div", Ci, [
-      e("div", Si, [
+    ])) : (s(), n("div", Fi, [
+      e("div", Vi, [
         e("div", {
           class: y(["rounded-md p-3 flex items-center justify-center mx-auto mb-4", {
             "bg-green-500": !l.color || l.color === "green",
@@ -4343,7 +4515,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
             loading: !1
           }, null, 8, ["icon"])
         ], 2),
-        e("h3", Bi, [
+        e("h3", Ri, [
           L(g(l.name) + " ", 1),
           C(e("span", {
             class: "text-indigo-600 hover:text-indigo-900 cursor-pointer",
@@ -4352,8 +4524,8 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
             [D, l.qty > 0]
           ])
         ]),
-        e("dl", Mi, [
-          e("dd", Di, [
+        e("dl", qi, [
+          e("dd", Hi, [
             (s(!0), n(k, null, $(l.tags, (r, o) => (s(), _(H, {
               key: o,
               loading: !1,
@@ -4371,178 +4543,6 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
       ])
     ]));
   }
-}), Oi = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6" }, Yi = { class: "bg-indigo-600 w-16 mr-6" }, Ii = ["onClick"], Pi = {
-  key: 0,
-  class: "flex flex-col grow gap-y-5 overflow-y-auto pr-6"
-}, Fi = { class: "flex h-16 shrink-0 items-center" }, Vi = ["src"], Ri = { class: "flex flex-1 flex-col" }, qi = {
-  key: 0,
-  role: "list",
-  class: "flex flex-1 flex-col gap-y-7 mb-4"
-}, Hi = {
-  role: "list",
-  class: "ml-2 space-y-1"
-}, Ui = ["onClick"], Ei = {
-  key: 1,
-  role: "list",
-  class: "flex flex-1 flex-col gap-y-7 mb-4"
-}, Zi = { class: "ml-2 space-y-1" }, Ji = { class: "font-bold mb-4" }, Wi = {
-  key: 1,
-  class: "flex flex-col grow gap-y-5 overflow-y-auto pr-6"
-}, Gi = { class: "h-12 flex flex-row items-center" }, Le = /* @__PURE__ */ M({
-  __name: "uiSidebarV2",
-  props: {
-    navigation: {},
-    filterNavigation: {},
-    isFilterNavigation: { type: Boolean, default: !1 },
-    loading: { type: Boolean, default: !0 },
-    logo: {},
-    productsSidebar: {}
-  },
-  emits: ["productBarClick", "sideBarClick"],
-  setup(p, { emit: i }) {
-    return (l, a) => (s(), n("div", Oi, [
-      e("div", Yi, [
-        e("ul", null, [
-          (s(!0), n(k, null, $(l.productsSidebar, (r, o) => (s(), n("li", {
-            key: o,
-            class: y([{ "!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)
-          }, [
-            m(j, {
-              icon: r.icon,
-              loading: !1,
-              color: "white",
-              size: "bigger"
-            }, null, 8, ["icon"])
-          ], 10, Ii))), 128))
-        ])
-      ]),
-      l.loading ? (s(), n("div", Wi, [
-        (s(), n(k, null, $(5, (r) => e("div", Gi, 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", Pi, [
-        e("div", Fi, [
-          e("img", {
-            class: "h-8 w-auto",
-            src: l.logo,
-            alt: "Your Company"
-          }, null, 8, Vi)
-        ]),
-        e("nav", Ri, [
-          l.isFilterNavigation ? b("", !0) : (s(), n("ul", qi, [
-            e("li", null, [
-              e("ul", Hi, [
-                (s(!0), n(k, null, $(l.navigation, (r) => (s(), n("li", {
-                  key: r.name
-                }, [
-                  r.children ? (s(), _(c(_e), {
-                    key: 1,
-                    as: "div"
-                  }, {
-                    default: v(() => [
-                      m(c(Z), {
-                        onClick: (o) => l.$emit("sideBarClick", r.id),
-                        class: y([r.current ? "bg-gray-100" : "hover:bg-gray-100", "flex w-full items-center gap-x-3 rounded-md p-2 text-left text-sm font-semibold leading-6 text-gray-700"])
-                      }, {
-                        default: v(() => [
-                          m(j, {
-                            icon: r.icon,
-                            color: "primary",
-                            size: "big",
-                            loading: !1,
-                            "aria-hidden": "true",
-                            class: "shrink-0"
-                          }, null, 8, ["icon"]),
-                          L(" " + g(r.name) + " ", 1),
-                          m(c(ee), {
-                            class: y([r.children.some((o) => o.current) || r.current ? "rotate-90 text-primary-500" : "text-gray-400", "ml-auto h-5 w-5 shrink-0"]),
-                            "aria-hidden": "true"
-                          }, null, 8, ["class"])
-                        ]),
-                        _: 2
-                      }, 1032, ["onClick", "class"]),
-                      C(e("div", null, [
-                        m(c($e), {
-                          as: "ul",
-                          class: "mt-1 px-2",
-                          static: ""
-                        }, {
-                          default: v(() => [
-                            (s(!0), n(k, null, $(r.children, (o) => (s(), n("li", {
-                              key: o.name
-                            }, [
-                              m(c(Z), {
-                                as: "a",
-                                onClick: (t) => l.$emit("sideBarClick", o.id),
-                                class: y([o.current ? "bg-gray-100" : "hover:bg-gray-100", "block rounded-md py-2 pl-9 pr-2 text-sm leading-6 text-gray-700 cursor-pointer"])
-                              }, {
-                                default: v(() => [
-                                  L(g(o.name), 1)
-                                ]),
-                                _: 2
-                              }, 1032, ["onClick", "class"])
-                            ]))), 128))
-                          ]),
-                          _: 2
-                        }, 1024)
-                      ], 512), [
-                        [D, r.children.some((o) => o.current) || r.current]
-                      ])
-                    ]),
-                    _: 2
-                  }, 1024)) : (s(), n("div", {
-                    key: 0,
-                    onClick: (o) => l.$emit("sideBarClick", r.id),
-                    class: y([r.current ? "bg-gray-100" : "hover:bg-gray-100", "group flex gap-x-3 rounded-md p-2 text-sm font-semibold leading-6 text-gray-700 cursor-pointer"])
-                  }, [
-                    m(j, {
-                      icon: r.icon,
-                      color: "primary",
-                      size: "big",
-                      loading: !1,
-                      "aria-hidden": "true",
-                      class: "shrink-0"
-                    }, null, 8, ["icon"]),
-                    L(" " + g(r.name), 1)
-                  ], 10, Ui))
-                ]))), 128))
-              ])
-            ])
-          ])),
-          l.isFilterNavigation && l.filterNavigation ? (s(), n("ul", Ei, [
-            e("li", Zi, [
-              l.filterNavigation.hasSearch && l.filterNavigation.search ? (s(), _(E, {
-                key: 0,
-                name: l.filterNavigation.search.name,
-                label: l.filterNavigation.search.label,
-                placeholder: l.filterNavigation.search.placeholder,
-                value: l.filterNavigation.search.value,
-                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", {
-              class: "ml-2",
-              key: o
-            }, [
-              e("p", Ji, g(r.label), 1),
-              (s(!0), n(k, null, $(r.filters, (t, u) => (s(), _(He, {
-                class: "mb-2",
-                value: t.value,
-                loading: t.loading
-              }, {
-                default: v(() => [
-                  L(g(t.text), 1)
-                ]),
-                _: 2
-              }, 1032, ["value", "loading"]))), 256))
-            ]))), 128))
-          ])) : b("", !0)
-        ])
-      ]))
-    ]));
-  }
 }), Qi = { class: "fixed inset-0 flex" }, Ki = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, Xi = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, ed = { class: "lg:pl-[25rem]" }, td = { 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" }, sd = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, od = {
   class: "relative flex flex-1",
   action: "#",
@@ -4560,12 +4560,12 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
   setup(p, { emit: i }) {
     const l = p, a = O(""), r = F(() => a.value === "" ? l.topbar.selectItems : l.topbar.selectItems.filter((d) => d.name.toLowerCase().includes(a.value.toLowerCase()))), o = (d) => (d == null ? void 0 : d.name) ?? "", t = F(() => l.topbar.selectedItem), u = O(!1);
     return (d, f) => (s(), n("div", null, [
-      m(c(we), {
+      m(c(xe), {
         as: "template",
         show: u.value
       }, {
         default: v(() => [
-          m(c(xe), {
+          m(c(ke), {
             class: "relative z-50 lg:hidden",
             onClose: f[3] || (f[3] = (h) => u.value = !1)
           }, {
@@ -4595,7 +4595,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                   "leave-to": "-translate-x-full"
                 }, {
                   default: v(() => [
-                    m(c(ke), { class: "relative mr-16 flex w-full max-w-xs flex-1" }, {
+                    m(c(_e), { class: "relative mr-16 flex w-full max-w-xs flex-1" }, {
                       default: v(() => [
                         m(c(G), {
                           as: "template",
@@ -4623,7 +4623,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                           ]),
                           _: 1
                         }),
-                        m(Le, {
+                        m(he, {
                           productsSidebar: d.sidebar.productsSidebar,
                           isFilterNavigation: d.sidebar.isFilterNavigation,
                           navigation: d.sidebar.navigation,
@@ -4647,7 +4647,7 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
         _: 1
       }, 8, ["show"]),
       e("div", Xi, [
-        m(Le, {
+        m(he, {
           productsSidebar: d.sidebar.productsSidebar,
           isFilterNavigation: d.sidebar.isFilterNavigation,
           navigation: d.sidebar.navigation,
@@ -4760,12 +4760,12 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                 class: "hidden lg:block lg:h-6 lg:w-px lg:bg-gray-200",
                 "aria-hidden": "true"
               }, null, -1)),
-              m(c(he), {
+              m(c(ye), {
                 as: "div",
                 class: "relative"
               }, {
                 default: v(() => [
-                  m(c(ye), { class: "-m-1.5 flex items-center p-1.5" }, {
+                  m(c(ve), { class: "-m-1.5 flex items-center p-1.5" }, {
                     default: v(() => [
                       f[17] || (f[17] = e("span", { class: "sr-only" }, "Open user menu", -1)),
                       e("img", {
@@ -4791,9 +4791,9 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
                     "leave-to-class": "transform opacity-0 scale-95"
                   }, {
                     default: v(() => [
-                      m(c(ve), { class: "absolute right-0 z-10 mt-2.5 w-52 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none" }, {
+                      m(c(be), { 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, $(d.topbar.profileMenu, (h) => (s(), _(c(be), {
+                          (s(!0), n(k, null, $(d.topbar.profileMenu, (h) => (s(), _(c(we), {
                             key: h.name
                           }, {
                             default: v(({ active: w }) => [
@@ -4898,41 +4898,42 @@ const Kl = /* @__PURE__ */ te(Wl, [["render", Ql]]), Xl = /* @__PURE__ */ M({
   uiCard: Es,
   uiChart: Jl,
   uiCheckbox: He,
-  uiCircleChart: pi,
-  uiDateRange: yi,
-  uiDeviceStatus: Ai,
-  uiDragAndDrop: oi,
+  uiCircleChart: Di,
+  uiDateRange: zi,
+  uiDeviceStatus: Gi,
+  uiDragAndDrop: vi,
   uiDropdown: pe,
   uiDynamicStats: pd,
   uiFilter: Qe,
   uiFooter: Kl,
-  uiFunnelChartV2: _a,
-  uiGallery: Wa,
+  uiFunnelChartV2: Ia,
+  uiGallery: ui,
   uiIcon: j,
   uiInput: E,
   uiInputFile: ns,
   uiLoadingScreen: Xl,
   uiModal: Ke,
-  uiNoResults: Ma,
+  uiNoResults: qa,
   uiNotification: co,
   uiPagination: mr,
   uiPriceCalendar: Al,
-  uiRangeSlider: ki,
-  uiRightSidebar: Pa,
-  uiSectionTitle: $i,
+  uiRangeSlider: Yi,
+  uiRightSidebar: ei,
+  uiSectionTitle: Pi,
   uiSelect: Ge,
   uiSidebar: Sr,
+  uiSidebarV2: he,
   uiSmartFilter: hd,
   uiStats: et,
-  uiStripedCard: Jr,
-  uiTable: vn,
-  uiTabs: Cn,
+  uiStripedCard: un,
+  uiTable: Ln,
+  uiTabs: Fn,
   uiTag: H,
   uiTaskList: ko,
   uiTextArea: vs,
-  uiTimeline: Zn,
+  uiTimeline: ia,
   uiToggle: ks,
-  uiTopbar: fa,
+  uiTopbar: ja,
   uiWrapper: md
 }, Symbol.toStringTag, { value: "Module" }));
 function yd(p) {
@@ -4948,40 +4949,41 @@ export {
   Es as uiCard,
   Jl as uiChart,
   He as uiCheckbox,
-  pi as uiCircleChart,
-  yi as uiDateRange,
-  Ai as uiDeviceStatus,
-  oi as uiDragAndDrop,
+  Di as uiCircleChart,
+  zi as uiDateRange,
+  Gi as uiDeviceStatus,
+  vi as uiDragAndDrop,
   pe as uiDropdown,
   pd as uiDynamicStats,
   Qe as uiFilter,
   Kl as uiFooter,
-  _a as uiFunnelChartV2,
-  Wa as uiGallery,
+  Ia as uiFunnelChartV2,
+  ui as uiGallery,
   j as uiIcon,
   E as uiInput,
   ns as uiInputFile,
   Xl as uiLoadingScreen,
   Ke as uiModal,
-  Ma as uiNoResults,
+  qa as uiNoResults,
   co as uiNotification,
   mr as uiPagination,
   Al as uiPriceCalendar,
-  ki as uiRangeSlider,
-  Pa as uiRightSidebar,
-  $i as uiSectionTitle,
+  Yi as uiRangeSlider,
+  ei as uiRightSidebar,
+  Pi as uiSectionTitle,
   Ge as uiSelect,
   Sr as uiSidebar,
+  he as uiSidebarV2,
   hd as uiSmartFilter,
   et as uiStats,
-  Jr as uiStripedCard,
-  vn as uiTable,
-  Cn as uiTabs,
+  un as uiStripedCard,
+  Ln as uiTable,
+  Fn as uiTabs,
   H as uiTag,
   ko as uiTaskList,
   vs as uiTextArea,
-  Zn as uiTimeline,
+  ia as uiTimeline,
   ks as uiToggle,
-  fa as uiTopbar,
+  ja as uiTopbar,
   md as uiWrapper
 };