@hotelinking/ui 12.45.0 → 12.45.1

package/dist/ui.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as B, createBlock as x, createElementBlock as a, openBlock as s, resolveDynamicComponent as Ie, normalizeClass as f, createCommentVNode as b, renderSlot as V, createElementVNode as e, ref as A, watch as R, computed as Y, unref as c, withCtx as v, createVNode as m, toDisplayString as g, createTextVNode as T, Transition as ue, Fragment as $, renderList as _, withDirectives as C, vModelDynamic as lt, vShow as D, withModifiers as pe, vModelText as X, createStaticVNode as K, resolveComponent as je, vModelCheckbox as Ye, reactive as ce, isRef as he, TransitionGroup as rt, onMounted as nt, shallowRef as at, mergeProps as it } from "vue";
+import { defineComponent as B, createBlock as x, createElementBlock as a, openBlock as s, resolveDynamicComponent as Ie, normalizeClass as f, createCommentVNode as b, renderSlot as V, createElementVNode as e, ref as A, watch as R, computed as Y, unref as c, withCtx as v, createVNode as m, toDisplayString as g, createTextVNode as T, Transition as ue, Fragment as $, renderList as _, withDirectives as C, vModelDynamic as lt, vShow as j, withModifiers as pe, vModelText as X, createStaticVNode as K, resolveComponent as De, vModelCheckbox as Ye, reactive as ce, isRef as he, TransitionGroup as rt, onMounted as nt, shallowRef as at, mergeProps as it } from "vue";
 import { Menu as ve, MenuButton as be, MenuItems as we, MenuItem as xe, Combobox as Pe, ComboboxLabel as Fe, ComboboxInput as qe, ComboboxButton as Ve, ComboboxOptions as Re, ComboboxOption as Ue, SwitchGroup as dt, Switch as ut, SwitchLabel as ct, TransitionRoot as ke, Dialog as $e, TransitionChild as G, DialogPanel as _e, DialogTitle as He, Disclosure as Ce, DisclosureButton as Z, DisclosurePanel as Se, Listbox as gt, ListboxLabel as mt, ListboxButton as pt, ListboxOptions as ft, ListboxOption as yt } from "@headlessui/vue";
 import z from "dayjs";
 import Be from "vue3-apexcharts";
 import ht from "vue3-draggable";
 import vt from "@vueform/slider";
-const j = /* @__PURE__ */ B({
+const D = /* @__PURE__ */ B({
   __name: "uiIcon",
   props: {
     icon: {},
@@ -56,7 +56,7 @@ const j = /* @__PURE__ */ B({
   },
   setup(p) {
     return (u, n) => u.loading ? (s(), a("button", wt, [
-      u.icon ? (s(), x(j, {
+      u.icon ? (s(), x(D, {
         key: 0,
         icon: u.icon,
         color: "white",
@@ -80,7 +80,7 @@ const j = /* @__PURE__ */ B({
       }, "inline-flex items-center border border-transparent font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25"]),
       type: "button"
     }, [
-      u.icon ? (s(), x(j, {
+      u.icon ? (s(), x(D, {
         key: 0,
         icon: u.icon,
         color: "white",
@@ -168,7 +168,7 @@ function Mt(p, u) {
     })
   ]);
 }
-function Dt(p, u) {
+function jt(p, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -219,7 +219,7 @@ function Je(p, u) {
     })
   ]);
 }
-function jt(p, u) {
+function Dt(p, u) {
   return s(), a("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
@@ -755,32 +755,32 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
           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(), x(j, {
+          t.icon ? (s(), x(D, {
             key: 0,
             icon: t.icon,
             color: t.color,
             loading: t.loading
           }, null, 8, ["icon", "color", "loading"])) : b("", !0),
-          C(m(j, {
+          C(m(D, {
             icon: c(Me),
             color: "green",
             loading: t.loading
           }, null, 8, ["icon", "loading"]), [
-            [D, t.color === "green"]
+            [j, t.color === "green"]
           ]),
-          C(m(j, {
+          C(m(D, {
             icon: c(H),
             color: "yellow",
             loading: t.loading
           }, null, 8, ["icon", "loading"]), [
-            [D, t.color === "yellow"]
+            [j, t.color === "yellow"]
           ]),
-          C(m(j, {
+          C(m(D, {
             icon: c(W),
             color: "red",
             loading: t.loading
           }, null, 8, ["icon", "loading"]), [
-            [D, t.color === "red"]
+            [j, t.color === "red"]
           ])
         ])
       ], 2),
@@ -792,7 +792,7 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
           "text-green-400": t.color === "green"
         }, "mt-2 text-xs flex flex-row items-center"])
       }, g(t.error), 3), [
-        [D, t.error]
+        [j, t.error]
       ])
     ]));
   }
@@ -859,7 +859,7 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
         onDrop: pe(o, ["prevent"])
       }, [
         e("div", os, [
-          m(j, {
+          m(D, {
             icon: d.icon,
             size: "massive",
             color: "gray",
@@ -887,12 +887,12 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
           ]),
           e("p", is, g(d.fileTypesAndSizes), 1),
           C(e("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, g(c(n)), 513), [
-            [D, c(n) !== null]
+            [j, c(n) !== null]
           ])
         ])
       ], 34),
       C(e("p", ds, [
-        m(j, {
+        m(D, {
           icon: c(ge),
           color: "red",
           class: "mr-2",
@@ -900,7 +900,7 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
         }, null, 8, ["icon", "loading"]),
         T(" " + g(d.error), 1)
       ], 512), [
-        [D, d.error]
+        [j, d.error]
       ])
     ]));
   }
@@ -1039,7 +1039,7 @@ const Pt = { class: "flex justify-between sha" }, Ft = {
             "text-green-400": h.color === "green"
           }, "mt-2 text-xs flex flex-row items-center"])
         }, g(h.error), 3), [
-          [D, h.error]
+          [j, h.error]
         ])
       ]),
       _: 1
@@ -1079,7 +1079,7 @@ function vs(p, u) {
 const bs = { class: "flex justify-between" }, ws = {
   key: 0,
   class: "text-[10px] text-gray-500 uppercase justify-self-end self-center"
-}, De = /* @__PURE__ */ B({
+}, je = /* @__PURE__ */ B({
   __name: "uiSelect_v2",
   props: {
     items: {},
@@ -1190,7 +1190,7 @@ const bs = { class: "flex justify-between" }, ws = {
             "text-green-400": d.color === "green"
           }, "mt-2 text-xs flex flex-row items-center"])
         }, g(d.error), 3), [
-          [D, d.error]
+          [j, d.error]
         ])
       ]),
       _: 1
@@ -1307,7 +1307,7 @@ const bs = { class: "flex justify-between" }, ws = {
           "text-green-400": t.color === "green"
         }, "mt-2 text-xs flex flex-row items-center"])
       }, [
-        m(j, {
+        m(D, {
           icon: c(ge),
           color: "red",
           class: "mr-2",
@@ -1315,11 +1315,11 @@ const bs = { class: "flex justify-between" }, ws = {
         }, null, 8, ["icon"]),
         T(" " + g(t.error), 1)
       ], 2), [
-        [D, t.error]
+        [j, t.error]
       ])
     ]));
   }
-}), Ds = { class: "text-sm font-medium text-gray-900" }, js = {
+}), js = { class: "text-sm font-medium text-gray-900" }, Ds = {
   key: 0,
   class: "text-sm text-gray-500 ml-2"
 }, Ts = {
@@ -1374,8 +1374,8 @@ const bs = { class: "flex justify-between" }, ws = {
           class: "ml-3"
         }, {
           default: v(() => [
-            e("span", Ds, g(l.item.title), 1),
-            l.item.subtitle ? (s(), a("span", js, g(l.item.subtitle), 1)) : b("", !0)
+            e("span", js, g(l.item.title), 1),
+            l.item.subtitle ? (s(), a("span", Ds, g(l.item.subtitle), 1)) : b("", !0)
           ]),
           _: 1
         }),
@@ -1684,7 +1684,7 @@ const bs = { class: "flex justify-between" }, ws = {
                             onClick: t[0] || (t[0] = (r) => l("close"))
                           }, [
                             t[3] || (t[3] = e("span", { class: "sr-only" }, "X", -1)),
-                            m(j, {
+                            m(D, {
                               icon: c(W),
                               "aria-hidden": "true",
                               loading: o.loading
@@ -1704,25 +1704,25 @@ const bs = { class: "flex justify-between" }, ws = {
                               class: "h-6 w-6 text-red-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [D, o.type === "danger"]
+                              [j, o.type === "danger"]
                             ]),
                             C(m(c(Me), {
                               class: "h-6 w-6 text-green-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [D, o.type === "success"]
+                              [j, o.type === "success"]
                             ]),
                             C(m(c(H), {
                               class: "h-6 w-6 text-yellow-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [D, o.type === "warning"]
+                              [j, o.type === "warning"]
                             ]),
                             C(m(c(Ot), {
                               class: "h-6 w-6 text-indigo-600",
                               "aria-hidden": "true"
                             }, null, 512), [
-                              [D, o.type === "default"]
+                              [j, o.type === "default"]
                             ])
                           ], 2),
                           e("div", ao, [
@@ -1800,25 +1800,25 @@ const bs = { class: "flex justify-between" }, ws = {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-green-400"
                     }, null, 512), [
-                      [D, l.type === "success"]
+                      [j, l.type === "success"]
                     ]),
                     C(m(c(ge), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-red-400"
                     }, null, 512), [
-                      [D, l.type === "danger"]
+                      [j, l.type === "danger"]
                     ]),
                     C(m(c(H), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-yellow-400"
                     }, null, 512), [
-                      [D, l.type === "warning"]
+                      [j, l.type === "warning"]
                     ]),
                     C(m(c(Qe), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-indigo-600"
                     }, null, 512), [
-                      [D, l.type === "info"]
+                      [j, l.type === "info"]
                     ])
                   ]),
                   e("div", ho, [
@@ -1851,7 +1851,7 @@ const bs = { class: "flex justify-between" }, ws = {
   key: 0,
   role: "list",
   class: "divide-y divide-gray-100"
-}, $o = { class: "min-w-0" }, _o = { class: "flex items-start gap-x-3" }, Co = { class: "text-sm font-semibold leading-6 text-gray-900" }, So = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, Bo = { class: "truncate" }, Mo = { class: "flex flex-none items-center gap-x-4" }, Do = ["href"], jo = { class: "sr-only" }, To = {
+}, $o = { class: "min-w-0" }, _o = { class: "flex items-start gap-x-3" }, Co = { class: "text-sm font-semibold leading-6 text-gray-900" }, So = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, Bo = { class: "truncate" }, Mo = { class: "flex flex-none items-center gap-x-4" }, jo = ["href"], Do = { class: "sr-only" }, To = {
   key: 1,
   class: "divide-y divide-gray-100 animate-pulse"
 }, zo = /* @__PURE__ */ B({
@@ -1897,8 +1897,8 @@ const bs = { class: "flex justify-between" }, ws = {
             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"
           }, [
             T(g(i.action), 1),
-            e("span", jo, ", " + g(i.name), 1)
-          ], 8, Do)
+            e("span", Do, ", " + g(i.name), 1)
+          ], 8, jo)
         ])
       ]))), 128))
     ]));
@@ -2014,7 +2014,7 @@ const te = (p, u) => {
   }
 }, Ro = { class: "dateSelector flex items-center text-white flex-row" }, Uo = { class: "pagination flex items-center my-1 md:my-0" }, Ho = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, Eo = { class: "pagination flex items-center my-1 sm:my-0" };
 function Zo(p, u, n, i, l, o) {
-  const t = je("ChevronLeftIcon"), r = je("ChevronRightIcon");
+  const t = De("ChevronLeftIcon"), r = De("ChevronRightIcon");
   return s(), a("div", Ro, [
     e("div", Uo, [
       e("div", {
@@ -2255,7 +2255,7 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
 }, Bl = { key: 1 }, Ml = {
   colspan: "6",
   class: "pl-4"
-}, Dl = { key: 2 }, jl = {
+}, jl = { key: 2 }, Dl = {
   colspan: "6",
   class: "pl-4"
 }, Tl = {
@@ -2392,8 +2392,8 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
                       }, null, 8, ["onClick", "price", "currency"])
                     ]))), 128))
                   ])) : b("", !0),
-                  k.type === "prices" ? (s(), a("tr", Dl, [
-                    e("td", jl, g(k.literals.pricesUpgrade), 1),
+                  k.type === "prices" ? (s(), a("tr", jl, [
+                    e("td", Dl, g(k.literals.pricesUpgrade), 1),
                     (s(!0), a($, null, _(k.category.upgradePrices, (N, q) => (s(), a("td", {
                       key: q,
                       class: "p-0"
@@ -2462,7 +2462,7 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
                       key: Q
                     }, [
                       m(oe, {
-                        onClick: (Id) => F(q, N.id, N.name),
+                        onClick: (Yd) => F(q, N.id, N.name),
                         class: "border-l border-gray-200 px-6 py-3 text-indigo-600 hover:text-indigo-400 cursor-pointer",
                         price: q,
                         currency: k.currency.symbol,
@@ -2582,7 +2582,7 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
               loading: !1
             }, {
               default: v(() => [
-                m(j, {
+                m(D, {
                   icon: c(Lt),
                   loading: !1,
                   color: "red"
@@ -2597,7 +2597,7 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
               loading: !1
             }, {
               default: v(() => [
-                m(j, {
+                m(D, {
                   icon: c(zt),
                   loading: !1,
                   color: "yellow"
@@ -2612,7 +2612,7 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
               loading: !1
             }, {
               default: v(() => [
-                m(j, {
+                m(D, {
                   icon: c(At),
                   loading: !1,
                   color: "green"
@@ -2649,7 +2649,7 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
                 [X, c(o).to]
               ])
             ]),
-            m(j, {
+            m(D, {
               class: "ml-4 cursor-pointer",
               size: "big",
               loading: S.loading,
@@ -2670,12 +2670,12 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
             onDataPointSelection: O
           }, null, 8, ["type", "series", "height", "options"])
         ], 512), [
-          [D, !S.empty]
+          [j, !S.empty]
         ]),
         C(e("div", {
           class: f(["h-[" + S.height + "px]", "w-full flex items-center justify-center flex-col"])
         }, [
-          m(j, {
+          m(D, {
             icon: c(H),
             color: "gray",
             loading: !1,
@@ -2683,10 +2683,10 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
           }, null, 8, ["icon"]),
           M[3] || (M[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data for this time frame", -1))
         ], 2), [
-          [D, S.empty]
+          [j, S.empty]
         ])
       ], 2), [
-        [D, !S.loading]
+        [j, !S.loading]
       ]),
       C(e("div", {
         class: f(["h-[" + S.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80"])
@@ -2717,7 +2717,7 @@ const oe = /* @__PURE__ */ te(pl, [["render", yl]]), hl = {
           ])
         ], -1)
       ]), 2), [
-        [D, S.loading]
+        [j, S.loading]
       ])
     ], 64));
   }
@@ -2754,10 +2754,10 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         })
       ], -1)),
       C(e("h2", { class: "text-xs font-bold text-center uppercase mb-2" }, g(u.title), 513), [
-        [D, u.title]
+        [j, u.title]
       ]),
       C(e("p", { class: "text-xs text-center uppercase md:w-1/4" }, g(u.message), 513), [
-        [D, u.message]
+        [j, u.message]
       ])
     ], 2));
   }
@@ -2831,7 +2831,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                 "aria-hidden": "true"
               })
             ], 512), [
-              [D, d.current !== 1]
+              [j, d.current !== 1]
             ]),
             (s(!0), a($, null, _(r.value, (h) => (s(), a("button", {
               onClick: (w) => n("changePage", h),
@@ -2854,7 +2854,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                 "aria-hidden": "true"
               })
             ], 512), [
-              [D, d.current !== d.total]
+              [j, d.current !== d.total]
             ])
           ])
         ])
@@ -2864,7 +2864,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
 }), _r = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, Cr = { class: "flex flex-col flex-grow overflow-y-auto" }, Sr = { class: "grow flex flex-col" }, Br = {
   class: "flex-1 space-y-1",
   "aria-label": "Sidebar"
-}, Mr = { key: 0 }, Dr = ["onClick"], jr = {
+}, Mr = { key: 0 }, jr = ["onClick"], Dr = {
   key: 1,
   class: "text-left"
 }, Tr = {
@@ -2911,7 +2911,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                     class: f([r.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(() => [
-                      r.icon ? (s(), x(j, {
+                      r.icon ? (s(), x(D, {
                         key: 0,
                         loading: o.loading,
                         icon: r.icon,
@@ -2955,7 +2955,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                     "group w-full flex items-center pl-2 py-2 text-sm font-medium rounded-md"
                   ])
                 }, [
-                  r.icon ? (s(), x(j, {
+                  r.icon ? (s(), x(D, {
                     key: 0,
                     loading: o.loading,
                     icon: r.icon,
@@ -2965,8 +2965,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                     ]),
                     "aria-hidden": "true"
                   }, null, 8, ["loading", "icon", "class"])) : b("", !0),
-                  o.loading ? b("", !0) : (s(), a("span", jr, g(r.name), 1))
-                ], 10, Dr)
+                  o.loading ? b("", !0) : (s(), a("span", Dr, g(r.name), 1))
+                ], 10, jr)
               ]))
             ], 64))), 128))
           ])
@@ -3012,7 +3012,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             class: f([{ "!bg-indigo-900": t.active }, "w-full h-16 flex items-center justify-center cursor-pointer bg-indigo-600 hover:bg-indigo-700"]),
             onClick: (d) => l.$emit("productBarClick", t.name)
           }, [
-            m(j, {
+            m(D, {
               icon: t.icon,
               loading: !1,
               color: "white",
@@ -3054,7 +3054,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                         class: f([t.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, {
+                          m(D, {
                             icon: t.icon,
                             color: "primary",
                             size: "big",
@@ -3095,7 +3095,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                           _: 2
                         }, 1024)
                       ], 512), [
-                        [D, t.children.some((r) => r.current) || t.current]
+                        [j, t.children.some((r) => r.current) || t.current]
                       ])
                     ]),
                     _: 2
@@ -3104,7 +3104,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                     onClick: (r) => l.$emit("sideBarClick", t.id),
                     class: f([t.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, {
+                    m(D, {
                       icon: t.icon,
                       color: "primary",
                       size: "big",
@@ -3165,7 +3165,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       e("div", rn, [
         e("dt", null, [
           e("div", nn, [
-            m(j, {
+            m(D, {
               loading: n.loading,
               icon: n.item.icon,
               class: "h-6 w-6 text-white",
@@ -3194,7 +3194,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
               "bg-cyan-300": n.item.color === "secondary"
             }])
           }, [
-            m(j, {
+            m(D, {
               icon: n.item.icon,
               class: "h-6 w-6 text-white",
               "aria-hidden": "true",
@@ -3217,7 +3217,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
               "ml-2 flex items-baseline text-sm font-semibold"
             ])
           }, [
-            n.item.changeType === "increase" ? (s(), x(c(Dt), {
+            n.item.changeType === "increase" ? (s(), x(c(jt), {
               key: 0,
               class: "self-center flex-shrink-0 h-3 w-3 text-green-500",
               "aria-hidden": "true"
@@ -3237,7 +3237,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
               }, g(n.item.actionText), 1)
             ])
           ], 512), [
-            [D, n.item.showFooter]
+            [j, n.item.showFooter]
           ])
         ])
       ], 2)
@@ -3342,7 +3342,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         })
       ], -1)),
       e("div", null, [
-        m(j, {
+        m(D, {
           icon: c(It),
           loading: !1,
           color: "white",
@@ -3355,7 +3355,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
 }, $n = { key: 0 }, _n = { class: "flex flex-col" }, Cn = { class: "-my-2 overflow-x-auto" }, Sn = { class: "inline-block min-w-full py-2 align-middle px-1" }, Bn = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Mn = {
   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"
-}, Dn = ["onClick"], jn = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Tn = { class: "bg-gray-50" }, zn = ["checked", "indeterminate"], Ln = ["onMouseover", "onMouseleave"], An = ["onClick"], On = {
+}, jn = ["onClick"], Dn = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Tn = { class: "bg-gray-50" }, zn = ["checked", "indeterminate"], Ln = ["onMouseover", "onMouseleave"], An = ["onClick"], On = {
   key: 2,
   class: "group flex items-center uppercase text-xs"
 }, Nn = { class: "divide-y divide-gray-200 bg-white" }, In = {
@@ -3399,9 +3399,9 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                     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(M.name), 9, Dn))), 128))
+                  }, g(M.name), 9, jn))), 128))
                 ])) : b("", !0),
-                e("table", jn, [
+                e("table", Dn, [
                   e("thead", Tn, [
                     e("tr", null, [
                       e("th", {
@@ -3428,7 +3428,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                           key: 0,
                           tip: M.tooltip
                         }, null, 8, ["tip"])), [
-                          [D, c(i) === M.name]
+                          [j, c(i) === M.name]
                         ]) : b("", !0),
                         M.value ? (s(), a("button", {
                           key: 1,
@@ -3441,7 +3441,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                               M.value === w.orderedBy ? "bg-indigo-600 text-white group-hover:bg-gray-300" : "text-gray-400 group-hover:visible group-focus:visible"
                             ], "ml-2 flex-none rounded group-hover:bg-indigo-200 group-hover:text-white"])
                           }, [
-                            m(j, {
+                            m(D, {
                               icon: w.orderDirection === "asc" ? c(de) : c(Ke),
                               loading: w.loading,
                               color: M.value === w.orderedBy ? "white" : "primary"
@@ -3649,7 +3649,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                       e("span", {
                         class: f([(t == null ? void 0 : t.iconBackground) || "bg-indigo-600", "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"])
                       }, [
-                        m(j, {
+                        m(D, {
                           loading: l.loading,
                           icon: t == null ? void 0 : t.icon,
                           "aria-hidden": "true",
@@ -3690,7 +3690,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           }, g(l.timeline.footerText), 1)
         ])
       ])) : (s(), a("div", ua, [
-        m(j, {
+        m(D, {
           icon: c(H),
           color: "gray",
           loading: !1,
@@ -3700,7 +3700,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       ]))
     ], 2));
   }
-}), va = { class: "mx-auto px-6 lg:px-8" }, ba = { class: "flex justify-between h-20" }, wa = { class: "flex" }, xa = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, ka = ["src"], $a = { class: "flex items-center" }, _a = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, Ca = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Sa = ["src"], Ba = ["onClick"], Ma = { class: "pt-2 pb-3 space-y-1" }, Da = ["onClick"], ja = { class: "pt-4 pb-3 border-t border-gray-200" }, Ta = { class: "flex items-center px-4 sm:px-6" }, za = { class: "flex-shrink-0" }, La = ["src"], Aa = {
+}), va = { class: "mx-auto px-6 lg:px-8" }, ba = { class: "flex justify-between h-20" }, wa = { class: "flex" }, xa = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, ka = ["src"], $a = { class: "flex items-center" }, _a = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, Ca = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Sa = ["src"], Ba = ["onClick"], Ma = { class: "pt-2 pb-3 space-y-1" }, ja = ["onClick"], Da = { class: "pt-4 pb-3 border-t border-gray-200" }, Ta = { class: "flex items-center px-4 sm:px-6" }, za = { class: "flex-shrink-0" }, La = ["src"], Aa = {
   key: 0,
   class: "ml-3"
 }, Oa = { class: "text-base font-medium text-gray-800" }, Na = { class: "text-sm font-medium text-gray-500" }, Ia = { class: "mt-3 space-y-1" }, Ya = ["onClick"], Pa = /* @__PURE__ */ B({
@@ -3766,7 +3766,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                           C(e("div", Ca, o[2] || (o[2] = [
                             e("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                           ]), 512), [
-                            [D, l.alerted]
+                            [j, l.alerted]
                           ]),
                           e("img", {
                             class: "h-10 w-10 rounded-full",
@@ -3775,7 +3775,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                         ]),
                         _: 1
                       }, 512), [
-                        [D, l.accountLogo]
+                        [j, l.accountLogo]
                       ])
                     ]),
                     m(ue, {
@@ -3830,12 +3830,12 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                 default: v(() => [
                   e("p", {
                     onClick: (d) => l.$emit("topBarClick", r.id)
-                  }, g(r.name), 9, Da)
+                  }, g(r.name), 9, ja)
                 ]),
                 _: 2
               }, 1032, ["class"]))), 128))
             ]),
-            e("div", ja, [
+            e("div", Da, [
               e("div", Ta, [
                 e("div", za, [
                   e("img", {
@@ -3983,10 +3983,10 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             onDataPointSelection: d
           }, null, 8, ["type", "series", "height", "options"])
         ], 512), [
-          [D, !y.empty]
+          [j, !y.empty]
         ]),
         C(e("div", Ha, [
-          m(j, {
+          m(D, {
             icon: c(H),
             color: "gray",
             loading: !1,
@@ -3994,10 +3994,10 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           }, null, 8, ["icon"]),
           h[1] || (h[1] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
         ], 512), [
-          [D, y.empty]
+          [j, y.empty]
         ])
       ], 2), [
-        [D, !y.loading]
+        [j, !y.loading]
       ]),
       C(e("div", Ea, h[2] || (h[2] = [
         e("div", {
@@ -4026,11 +4026,11 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           ])
         ], -1)
       ]), 512), [
-        [D, y.loading]
+        [j, y.loading]
       ])
     ], 64));
   }
-}), Ja = { class: "w-full flex flex-col justify-center p-10 grow" }, Wa = { class: "text-2xl mt-4 font-bold" }, Ga = { class: "mt-4" }, Ka = { class: "buttons flex mt-8 gap-x-1" }, Qa = /* @__PURE__ */ B({
+}), Ja = { class: "w-full flex flex-col justify-center p-10 grow" }, Wa = { class: "text-center" }, Ga = { class: "text-2xl mt-4 font-bold" }, Ka = { class: "mt-4" }, Qa = { class: "buttons flex mt-8 gap-x-1 justify-center flex-col gap-y-2 md:flex-row md:gap-y-0" }, Xa = /* @__PURE__ */ B({
   __name: "uiNoResults",
   props: {
     title: {},
@@ -4042,17 +4042,17 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   emits: ["action", "noResultsOptionSelected"],
   setup(p) {
     return (u, n) => (s(), a("div", Ja, [
-      m(j, {
+      m(D, {
         class: "mx-auto",
         loading: !1,
         icon: c(H),
         size: "massive",
         color: "gray"
       }, null, 8, ["icon"]),
-      e("div", null, [
-        e("h2", Wa, g(u.title), 1),
-        e("p", Ga, g(u.message), 1),
-        e("div", Ka, [
+      e("div", Wa, [
+        e("h2", Ga, g(u.title), 1),
+        e("p", Ka, g(u.message), 1),
+        e("div", Qa, [
           (s(!0), a($, null, _(u.actions, (i, l) => (s(), x(J, {
             key: l,
             loading: !1,
@@ -4073,7 +4073,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), Xa = { class: "fixed inset-0 overflow-hidden" }, ei = { class: "absolute inset-0 overflow-hidden" }, ti = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, si = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, oi = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, li = { class: "flex items-center justify-between" }, ri = { class: "ml-3 flex h-7 items-center" }, ni = { class: "mt-1" }, ai = { class: "text-sm text-indigo-300" }, ii = { class: "relative flex-1 px-4 py-6 sm:px-6" }, di = /* @__PURE__ */ B({
+}), ei = { class: "fixed inset-0 overflow-hidden" }, ti = { class: "absolute inset-0 overflow-hidden" }, si = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, oi = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, li = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, ri = { class: "flex items-center justify-between" }, ni = { class: "ml-3 flex h-7 items-center" }, ai = { class: "mt-1" }, ii = { class: "text-sm text-indigo-300" }, di = { class: "relative flex-1 px-4 py-6 sm:px-6" }, ui = /* @__PURE__ */ B({
   __name: "uiRightSidebar",
   props: {
     title: {},
@@ -4094,9 +4094,9 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         }, {
           default: v(() => [
             i[4] || (i[4] = e("div", { class: "fixed inset-0" }, null, -1)),
-            e("div", Xa, [
-              e("div", ei, [
-                e("div", ti, [
+            e("div", ei, [
+              e("div", ti, [
+                e("div", si, [
                   m(c(G), {
                     as: "template",
                     enter: "transform transition ease-in-out duration-500 sm:duration-700",
@@ -4109,16 +4109,16 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                     default: v(() => [
                       m(c(_e), { class: "pointer-events-auto w-screen max-w-md" }, {
                         default: v(() => [
-                          e("div", si, [
-                            e("div", oi, [
-                              e("div", li, [
+                          e("div", oi, [
+                            e("div", li, [
+                              e("div", ri, [
                                 m(c(He), { class: "text-base font-semibold leading-6 text-white" }, {
                                   default: v(() => [
                                     T(g(n.title), 1)
                                   ]),
                                   _: 1
                                 }),
-                                e("div", ri, [
+                                e("div", ni, [
                                   e("button", {
                                     type: "button",
                                     class: "relative rounded-md bg-indigo-700 text-indigo-200 hover:text-white outline-none",
@@ -4133,11 +4133,11 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                                   ])
                                 ])
                               ]),
-                              e("div", ni, [
-                                e("p", ai, g(n.description), 1)
+                              e("div", ai, [
+                                e("p", ii, g(n.description), 1)
                               ])
                             ]),
-                            e("div", ii, [
+                            e("div", di, [
                               V(n.$slots, "default")
                             ])
                           ])
@@ -4158,15 +4158,15 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       _: 3
     }, 8, ["show"]));
   }
-}), ui = { class: "uiGallery" }, ci = {
+}), ci = { class: "uiGallery" }, gi = {
   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"
-}, gi = { 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" }, mi = ["src"], pi = ["onClick"], fi = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, yi = { class: "flex items-center justify-between" }, hi = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, vi = {
+}, mi = { 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" }, pi = ["src"], fi = ["onClick"], yi = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, hi = { class: "flex items-center justify-between" }, vi = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, bi = {
   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"
-}, bi = /* @__PURE__ */ B({
+}, wi = /* @__PURE__ */ B({
   __name: "uiGallery",
   props: {
     galleryId: {},
@@ -4179,7 +4179,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     const n = u, i = A(!1), l = (o) => {
       i.value = !1, n("modalAction", o);
     };
-    return (o, t) => (s(), a("div", ui, [
+    return (o, t) => (s(), a("div", ci, [
       o.loading ? b("", !0) : (s(), x(et, {
         key: 0,
         open: i.value,
@@ -4194,33 +4194,33 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         ]),
         _: 1
       }, 8, ["open", "title", "actions"])),
-      o.loading ? (s(), a("ul", vi, [
+      o.loading ? (s(), a("ul", bi, [
         (s(), a($, null, _(4, (r) => 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(), a("ul", ci, [
+      ])) : (s(), a("ul", gi, [
         (s(!0), a($, null, _(o.gallery, (r) => (s(), a("li", {
           key: r.source,
           class: "relative"
         }, [
-          e("div", gi, [
+          e("div", mi, [
             e("img", {
               src: r.source,
               alt: "",
               class: "pointer-events-none object-cover group-hover:opacity-75"
-            }, null, 8, mi),
+            }, null, 8, pi),
             e("button", {
               type: "button",
               class: "absolute inset-0 focus:outline-none",
               onClick: (d) => o.$emit("imgClicked", r)
-            }, null, 8, pi)
+            }, null, 8, fi)
           ]),
-          e("p", fi, g(r.title), 1),
-          e("div", yi, [
-            e("p", hi, g(r.size), 1),
-            m(j, {
+          e("p", yi, g(r.title), 1),
+          e("div", hi, [
+            e("p", vi, g(r.size), 1),
+            m(D, {
               class: "cursor-pointer",
               icon: c(Yt),
               color: "red",
@@ -4245,10 +4245,10 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       })) : b("", !0)
     ]));
   }
-}), wi = { 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" }, xi = { class: "flex flex-row items-center w-full" }, ki = { class: "content text-sm grow" }, $i = { class: "font-bold" }, _i = { key: 0 }, Ci = { class: "font-bold text-gray-400" }, Si = {
+}), xi = { 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" }, ki = { class: "flex flex-row items-center w-full" }, $i = { class: "content text-sm grow" }, _i = { class: "font-bold" }, Ci = { key: 0 }, Si = { class: "font-bold text-gray-400" }, Bi = {
   key: 1,
   class: "animate-pulse"
-}, Bi = /* @__PURE__ */ B({
+}, Mi = /* @__PURE__ */ B({
   __name: "uiDragAndDrop",
   props: {
     elements: {},
@@ -4264,7 +4264,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     const o = (t) => {
       n("dragAndDropUpdated", t);
     };
-    return (t, r) => t.loading ? (s(), a("div", Si, r[2] || (r[2] = [
+    return (t, r) => t.loading ? (s(), a("div", Bi, r[2] || (r[2] = [
       K('<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(), x(c(ht), {
       key: 0,
@@ -4275,27 +4275,27 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       ]
     }, {
       item: v(({ item: d }) => [
-        e("div", wi, [
-          e("div", xi, [
-            m(j, {
-              icon: c(jt),
+        e("div", xi, [
+          e("div", ki, [
+            m(D, {
+              icon: c(Dt),
               loading: !1,
               color: "gray",
               class: "mr-4",
               size: "big"
             }, null, 8, ["icon"]),
-            e("div", ki, [
-              e("p", $i, g(d.name), 1),
-              d.description ? (s(), a("p", _i, g(d.description), 1)) : b("", !0)
+            e("div", $i, [
+              e("p", _i, g(d.name), 1),
+              d.description ? (s(), a("p", Ci, g(d.description), 1)) : b("", !0)
             ]),
-            e("div", Ci, g(c(l).indexOf(d) + 1), 1)
+            e("div", Si, g(c(l).indexOf(d) + 1), 1)
           ])
         ])
       ]),
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Mi = { class: "chart-header flex flex-row justify-between" }, Di = { class: "text-sm font-medium text-gray-500 truncate" }, ji = { class: "hidden sm:flex items-center" }, Ti = { class: "w-1/2 min-w-0 flex-1" }, zi = ["max"], Li = { class: "min-w-0 flex-1" }, Ai = ["max"], Oi = { class: "chart-content" }, Ni = { class: "h-full w-full flex items-center justify-center flex-col" }, Ii = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Yi = /* @__PURE__ */ B({
+}), ji = { class: "chart-header flex flex-row justify-between" }, Di = { class: "text-sm font-medium text-gray-500 truncate" }, Ti = { class: "hidden sm:flex items-center" }, zi = { class: "w-1/2 min-w-0 flex-1" }, Li = ["max"], Ai = { class: "min-w-0 flex-1" }, Oi = ["max"], Ni = { class: "chart-content" }, Ii = { class: "h-full w-full flex items-center justify-center flex-col" }, Yi = { 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__ */ B({
   __name: "uiCircleChart",
   props: {
     labels: {},
@@ -4363,10 +4363,10 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       C(e("div", {
         class: f(["h-[" + O.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
-        e("div", Mi, [
+        e("div", ji, [
           e("div", Di, g(O.title), 1),
-          e("div", ji, [
-            e("div", Ti, [
+          e("div", Ti, [
+            e("div", zi, [
               C(e("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": S[0] || (S[0] = (M) => c(o).from = M),
@@ -4375,11 +4375,11 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                 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, zi), [
+              }, null, 40, Li), [
                 [X, c(o).from]
               ])
             ]),
-            e("div", Li, [
+            e("div", Ai, [
               C(e("input", {
                 type: "datetime-local",
                 "onUpdate:modelValue": S[1] || (S[1] = (M) => c(o).to = M),
@@ -4388,11 +4388,11 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                 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, Ai), [
+              }, null, 40, Oi), [
                 [X, c(o).to]
               ])
             ]),
-            m(j, {
+            m(D, {
               class: "ml-4 cursor-pointer",
               size: "big",
               loading: O.loading,
@@ -4401,7 +4401,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             }, null, 8, ["loading", "icon"])
           ])
         ]),
-        C(e("div", Oi, [
+        C(e("div", Ni, [
           m(c(Be), {
             class: "flex items-center justify-center mt-4",
             type: "donut",
@@ -4413,10 +4413,10 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             onDataPointSelection: w
           }, null, 8, ["series", "options", "height"])
         ], 512), [
-          [D, !O.empty]
+          [j, !O.empty]
         ]),
-        C(e("div", Ni, [
-          m(j, {
+        C(e("div", Ii, [
+          m(D, {
             icon: c(H),
             color: "gray",
             loading: !1,
@@ -4424,12 +4424,12 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           }, null, 8, ["icon"]),
           S[3] || (S[3] = e("p", { class: "text-xs uppercase text-gray-300 font-bold" }, "No data", -1))
         ], 512), [
-          [D, O.empty]
+          [j, O.empty]
         ])
       ], 2), [
-        [D, !O.loading]
+        [j, !O.loading]
       ]),
-      C(e("div", Ii, S[4] || (S[4] = [
+      C(e("div", Yi, S[4] || (S[4] = [
         e("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -4456,17 +4456,17 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           ])
         ], -1)
       ]), 512), [
-        [D, O.loading]
+        [j, O.loading]
       ])
     ], 64));
   }
-}), Pi = {
+}), Fi = {
   key: 0,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, Fi = {
+}, qi = {
   key: 1,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, qi = /* @__PURE__ */ B({
+}, Vi = /* @__PURE__ */ B({
   __name: "uiDateRange",
   props: {
     id: {},
@@ -4490,7 +4490,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
     const t = () => {
       o("uiDateRangeButtonClicked", l);
     };
-    return (r, d) => r.loading ? (s(), a("div", Fi, [
+    return (r, d) => r.loading ? (s(), a("div", qi, [
       m(E, {
         name: "dateFrom",
         loading: !0
@@ -4506,7 +4506,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         _: 1,
         __: [2]
       })
-    ])) : (s(), a("div", Pi, [
+    ])) : (s(), a("div", Fi, [
       m(E, {
         type: "datetime-local",
         loading: !1,
@@ -4548,16 +4548,16 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       }, 8, ["disabled", "class"])
     ]));
   }
-}), Vi = { class: "flex justify-between items-center" }, Ri = {
+}), Ri = { class: "flex justify-between items-center" }, Ui = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
-}, Ui = {
+}, Hi = {
   key: 1,
   class: "place-self-center text-[10px] text-gray-500 uppercase justify-self-end"
-}, Hi = {
+}, Ei = {
   key: 1,
   class: "h-2 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 w-full"
-}, Ei = /* @__PURE__ */ B({
+}, Zi = /* @__PURE__ */ B({
   __name: "uiRangeSlider",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -4572,14 +4572,14 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   setup(p, { emit: u }) {
     const n = u, l = A(p.sliderValue);
     return (o, t) => (s(), a("div", null, [
-      e("div", Vi, [
-        o.label ? (s(), a("label", Ri, g(o.label), 1)) : b("", !0),
-        o.requiredText ? (s(), a("span", Ui, g(o.requiredText), 1)) : b("", !0)
+      e("div", Ri, [
+        o.label ? (s(), a("label", Ui, g(o.label), 1)) : b("", !0),
+        o.requiredText ? (s(), a("span", Hi, g(o.requiredText), 1)) : b("", !0)
       ]),
       e("div", {
         class: f([{ "mt-1": o.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"])
       }, [
-        o.loading ? (s(), a("p", Hi)) : (s(), x(c(vt), {
+        o.loading ? (s(), a("p", Ei)) : (s(), x(c(vt), {
           key: 0,
           modelValue: l.value,
           "onUpdate:modelValue": t[0] || (t[0] = (r) => l.value = r),
@@ -4595,7 +4595,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       ], 2)
     ]));
   }
-}), Zi = { class: "mt-1 mb-8 text-sm text-gray-500" }, Ji = /* @__PURE__ */ B({
+}), Ji = { class: "mt-1 mb-8 text-sm text-gray-500" }, Wi = /* @__PURE__ */ B({
   __name: "uiSectionTitle",
   props: {
     title: {},
@@ -4606,16 +4606,16 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       e("h3", {
         class: f(["text-lg font-medium leading-6 text-gray-900", { "mb-8": u.description === void 0 }])
       }, g(u.title), 3),
-      e("p", Zi, g(u.description), 1)
+      e("p", Ji, g(u.description), 1)
     ], 64));
   }
-}), Wi = {
+}), Gi = {
   key: 0,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, Gi = { class: "flex flex-1 flex-col p-8" }, Ki = { class: "text-2xl font-bold text-gray-900" }, Qi = { class: "mt-1 flex flex-grow flex-col justify-between" }, Xi = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, ed = {
+}, Ki = { class: "flex flex-1 flex-col p-8" }, Qi = { class: "text-2xl font-bold text-gray-900" }, 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 = {
   key: 1,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, td = { class: "flex flex-1 flex-col p-8" }, sd = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, od = { class: "mt-1 flex flex-grow flex-col justify-between" }, ld = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, rd = /* @__PURE__ */ B({
+}, sd = { class: "flex flex-1 flex-col p-8" }, od = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, ld = { class: "mt-1 flex flex-grow flex-col justify-between" }, rd = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, nd = /* @__PURE__ */ B({
   __name: "uiDeviceStatus",
   props: {
     id: {},
@@ -4628,10 +4628,10 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   },
   emits: ["deviceStatusTagClicked", "deviceStatusQtyClicked"],
   setup(p, { emit: u }) {
-    return (n, i) => n.loading ? (s(), a("div", ed, [
-      e("div", td, [
-        e("div", sd, [
-          m(j, {
+    return (n, i) => n.loading ? (s(), a("div", td, [
+      e("div", sd, [
+        e("div", od, [
+          m(D, {
             icon: n.icon,
             size: "huge",
             class: "text-white",
@@ -4640,8 +4640,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           }, null, 8, ["icon", "loading"])
         ]),
         i[3] || (i[3] = e("div", { class: "h-4 bg-gray-200 rounded-full dark:bg-gray-300 w-1/3 mx-auto" }, null, -1)),
-        e("dl", od, [
-          e("dd", ld, [
+        e("dl", ld, [
+          e("dd", rd, [
             (s(!0), a($, null, _(n.tags, (l, o) => (s(), x(U, {
               key: o,
               loading: n.loading,
@@ -4657,8 +4657,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           ])
         ])
       ])
-    ])) : (s(), a("div", Wi, [
-      e("div", Gi, [
+    ])) : (s(), a("div", Gi, [
+      e("div", Ki, [
         e("div", {
           class: f(["rounded-md p-3 flex items-center justify-center mx-auto mb-4", {
             "bg-green-500": !n.color || n.color === "green",
@@ -4669,7 +4669,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             "bg-gray-100": n.color === "light"
           }])
         }, [
-          m(j, {
+          m(D, {
             icon: n.icon,
             size: "huge",
             class: "text-white",
@@ -4677,17 +4677,17 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             loading: !1
           }, null, 8, ["icon"])
         ], 2),
-        e("h3", Ki, [
+        e("h3", Qi, [
           T(g(n.name) + " ", 1),
           C(e("span", {
             class: "text-indigo-600 hover:text-indigo-900 cursor-pointer",
             onClick: i[0] || (i[0] = (l) => n.$emit("deviceStatusQtyClicked", n.id))
           }, "(" + g(n.qty) + ")", 513), [
-            [D, n.qty > 0]
+            [j, n.qty > 0]
           ])
         ]),
-        e("dl", Qi, [
-          e("dd", Xi, [
+        e("dl", Xi, [
+          e("dd", ed, [
             (s(!0), a($, null, _(n.tags, (l, o) => (s(), x(U, {
               key: o,
               loading: !1,
@@ -4705,10 +4705,10 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       ])
     ]));
   }
-}), nd = { class: "fixed inset-0 flex" }, ad = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, id = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, dd = { class: "lg:pl-[25rem]" }, ud = { 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" }, cd = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, gd = { class: "flex items-center gap-x-4 lg:gap-x-6" }, md = {
+}), ad = { class: "fixed inset-0 flex" }, id = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, dd = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, ud = { class: "lg:pl-[25rem]" }, cd = { 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" }, gd = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, md = { class: "flex items-center gap-x-4 lg:gap-x-6" }, pd = {
   type: "button",
   class: "-m-2.5 p-2.5 text-gray-400 hover:text-gray-500 relative"
-}, pd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, fd = ["src"], yd = { class: "hidden lg:flex lg:items-center" }, hd = ["onClick"], vd = { class: "py-7" }, bd = { class: "px-7 lg:px-10" }, wd = /* @__PURE__ */ B({
+}, fd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, yd = ["src"], hd = { class: "hidden lg:flex lg:items-center" }, vd = ["onClick"], bd = { class: "py-7" }, wd = { class: "px-7 lg:px-10" }, xd = /* @__PURE__ */ B({
   __name: "uiWrapper",
   props: {
     topbar: {},
@@ -4746,7 +4746,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                 _: 1,
                 __: [9]
               }),
-              e("div", nd, [
+              e("div", ad, [
                 m(c(G), {
                   as: "template",
                   enter: "transition ease-in-out duration-300 transform",
@@ -4769,7 +4769,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                           "leave-to": "opacity-0"
                         }, {
                           default: v(() => [
-                            e("div", ad, [
+                            e("div", id, [
                               e("button", {
                                 type: "button",
                                 class: "-m-2.5 p-2.5",
@@ -4810,7 +4810,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
         ]),
         _: 1
       }, 8, ["show"]),
-      e("div", id, [
+      e("div", dd, [
         m(ye, {
           productsSidebar: t.sidebar.productsSidebar,
           isFilterNavigation: t.sidebar.isFilterNavigation,
@@ -4824,8 +4824,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           onInputChanged: r[7] || (r[7] = (d) => t.$emit("inputChanged", d))
         }, null, 8, ["productsSidebar", "isFilterNavigation", "navigation", "filterNavigation", "logo"])
       ]),
-      e("div", dd, [
-        e("div", ud, [
+      e("div", ud, [
+        e("div", cd, [
           e("button", {
             type: "button",
             class: "-m-2.5 p-2.5 text-gray-700 lg:hidden",
@@ -4841,20 +4841,20 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             class: "h-6 w-px bg-gray-200 lg:hidden",
             "aria-hidden": "true"
           }, null, -1)),
-          e("div", cd, [
-            m(De, {
+          e("div", gd, [
+            m(je, {
               class: "w-full self-center relative",
               items: t.topbar.selectItems,
               select: t.topbar.selectedItem,
               onSelectChanged: r[8] || (r[8] = (d) => t.$emit("selectChanged", d))
             }, null, 8, ["items", "select"]),
-            e("div", gd, [
-              e("button", md, [
+            e("div", md, [
+              e("button", pd, [
                 r[13] || (r[13] = e("span", { class: "sr-only" }, "View notifications", -1)),
-                C(e("div", pd, r[12] || (r[12] = [
+                C(e("div", fd, r[12] || (r[12] = [
                   e("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                 ]), 512), [
-                  [D, t.topbar.alerted]
+                  [j, t.topbar.alerted]
                 ]),
                 m(c(Tt), {
                   class: "h-6 w-6",
@@ -4877,8 +4877,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                         class: "h-8 w-8 rounded-full bg-gray-50",
                         src: t.topbar.accountLogo,
                         alt: ""
-                      }, null, 8, fd),
-                      e("span", yd, [
+                      }, null, 8, yd),
+                      e("span", hd, [
                         m(c(de), {
                           class: "ml-2 h-5 w-5 text-gray-400",
                           "aria-hidden": "true"
@@ -4906,7 +4906,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                               e("a", {
                                 onClick: (h) => t.$emit("topBarClick", d.id),
                                 class: f([y ? "bg-gray-50" : "", "block px-3 py-1 text-sm leading-6 text-gray-900"])
-                              }, g(d.name), 11, hd)
+                              }, g(d.name), 11, vd)
                             ]),
                             _: 2
                           }, 1024))), 128))
@@ -4922,15 +4922,15 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             ])
           ])
         ]),
-        e("main", vd, [
-          e("div", bd, [
+        e("main", bd, [
+          e("div", wd, [
             V(t.$slots, "default")
           ])
         ])
       ])
     ]));
   }
-}), xd = /* @__PURE__ */ B({
+}), kd = /* @__PURE__ */ B({
   __name: "uiDynamicStats",
   props: {
     dynamicStats: {},
@@ -4949,13 +4949,13 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       }, null, 8, ["item", "loading"]))), 128))
     ], 2));
   }
-}), kd = { class: "flex justify-between" }, $d = {
+}), $d = { class: "flex justify-between" }, _d = {
   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 = {
+}, Cd = { class: "relative" }, Sd = { class: "block flex flex-wrap gap-2" }, Bd = {
   key: 0,
   class: "p-0.5"
-}, Bd = ["onClick"], Md = { class: "absolute mt-1 w-full rounded-md bg-white shadow-lg z-50" }, Dd = {
+}, Md = ["onClick"], jd = { class: "absolute mt-1 w-full rounded-md bg-white shadow-lg z-50" }, Dd = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full"
 }, ot = /* @__PURE__ */ B({
@@ -5000,16 +5000,16 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       as: "div"
     }, {
       default: v(() => [
-        e("div", kd, [
+        e("div", $d, [
           m(c(mt), { class: "block text-sm font-medium" }, {
             default: v(() => [
               T(g(r.label), 1)
             ]),
             _: 1
           }),
-          r.requiredText ? (s(), a("span", $d, g(r.requiredText), 1)) : b("", !0)
+          r.requiredText ? (s(), a("span", _d, g(r.requiredText), 1)) : b("", !0)
         ]),
-        e("div", _d, [
+        e("div", Cd, [
           m(c(pt), {
             class: f([{
               "mt-1": r.requiredText || r.label,
@@ -5027,8 +5027,8 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             }, "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(l).length === 0 ? (s(), a("span", Sd, "...")) : b("", !0),
+              e("span", Sd, [
+                c(l).length === 0 ? (s(), a("span", Bd, "...")) : b("", !0),
                 (s(!0), a($, null, _(c(l), (y) => (s(), a("span", {
                   key: y.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"
@@ -5048,7 +5048,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
                       "stroke-width": "2",
                       d: "M6 18L18 6M6 6l12 12"
                     }, null, -1)
-                  ]), 8, Bd))
+                  ]), 8, Md))
                 ]))), 128))
               ]),
               d[2] || (d[2] = e("span", { class: "absolute h-full right-0 mr-2 self-center top-0 flex items-center" }, [
@@ -5070,7 +5070,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
             _: 1,
             __: [2]
           }, 8, ["class"]),
-          e("div", Md, [
+          e("div", jd, [
             m(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), a($, null, _(r.items, (y) => (s(), x(c(yt), {
@@ -5117,14 +5117,14 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
               "text-green-400": r.color === "green"
             }, "mt-2 text-xs flex flex-row items-center"])
           }, g(r.error), 3), [
-            [D, r.error]
+            [j, r.error]
           ])
         ])
       ]),
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
-}), jd = { class: "flex flex-col lg:flex-row items-center" }, Td = /* @__PURE__ */ B({
+}), Td = { class: "flex flex-col lg:flex-row items-center" }, zd = /* @__PURE__ */ B({
   __name: "uiSmartFilter",
   props: {
     items: {},
@@ -5145,7 +5145,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
           l.value = me, i("smartFilterSelected", r.value);
           break;
         case "uiSelect":
-          l.value = De, i("smartFilterSelected", r.value);
+          l.value = je, i("smartFilterSelected", r.value);
           break;
         case "uiSelectMultiple":
           l.value = ot, i("smartFilterSelected", r.value);
@@ -5153,7 +5153,7 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
       }
       o.value = r.props;
     };
-    return (r, d) => (s(), a("div", jd, [
+    return (r, d) => (s(), a("div", Td, [
       m(Xe, {
         items: r.items,
         loading: r.loading,
@@ -5187,34 +5187,34 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   uiCard: so,
   uiChart: lr,
   uiCheckbox: Ee,
-  uiCircleChart: Yi,
-  uiDateRange: qi,
-  uiDeviceStatus: rd,
-  uiDragAndDrop: Bi,
+  uiCircleChart: Pi,
+  uiDateRange: Vi,
+  uiDeviceStatus: nd,
+  uiDragAndDrop: Mi,
   uiDropdown: me,
-  uiDynamicStats: xd,
+  uiDynamicStats: kd,
   uiFilter: Xe,
   uiFooter: ir,
   uiFunnelChartV2: Za,
-  uiGallery: bi,
-  uiIcon: j,
+  uiGallery: wi,
+  uiIcon: D,
   uiInput: E,
   uiInputFile: cs,
   uiLoadingScreen: dr,
   uiModal: et,
-  uiNoResults: Qa,
+  uiNoResults: Xa,
   uiNotification: xo,
   uiPagination: $r,
   uiPriceCalendar: Hl,
-  uiRangeSlider: Ei,
-  uiRightSidebar: di,
-  uiSectionTitle: Ji,
+  uiRangeSlider: Zi,
+  uiRightSidebar: ui,
+  uiSectionTitle: Wi,
   uiSelect: ys,
   uiSelectMultiple: ot,
-  uiSelect_v2: De,
+  uiSelect_v2: je,
   uiSidebar: Nr,
   uiSidebarV2: ye,
-  uiSmartFilter: Td,
+  uiSmartFilter: zd,
   uiStats: st,
   uiStripedCard: bn,
   uiTable: Vn,
@@ -5225,71 +5225,71 @@ const ir = /* @__PURE__ */ te(rr, [["render", ar]]), dr = /* @__PURE__ */ B({
   uiTimeline: ha,
   uiToggle: zs,
   uiTopbar: Pa,
-  uiWrapper: wd
-}, Symbol.toStringTag, { value: "Module" })), zd = [
+  uiWrapper: xd
+}, Symbol.toStringTag, { value: "Module" })), Ld = [
   "primary",
   "secondary",
   "light",
   "green",
   "yellow",
   "red"
-], Ud = [
+], Hd = [
   "text",
   "email",
   "password",
   "number",
   "date",
   "datetime-local"
-], Ld = ["black", "gray", "white"], Hd = [...zd, ...Ld], Ad = ["small", "medium", "big"], Od = ["bigger", "huge", "massive"], Ed = [...Ad, ...Od], Zd = ["default", "success", "warning", "danger"];
-function Nd(p) {
+], Ad = ["black", "gray", "white"], Ed = [...Ld, ...Ad], Od = ["small", "medium", "big"], Nd = ["bigger", "huge", "massive"], Zd = [...Od, ...Nd], Jd = ["default", "success", "warning", "danger"];
+function Id(p) {
   for (const u in Ne)
     p.component(u, Ne[u]);
 }
-const Jd = { install: Nd };
+const Wd = { install: Id };
 export {
-  Hd as AllColors,
-  Ed as AllSizes,
-  Od as BiggerSizes,
-  zd as Colors,
-  Ld as MonoColors,
-  Ad as Sizes,
-  Zd as Types,
-  Ud as UiInputTypes,
-  Jd as default,
+  Ed as AllColors,
+  Zd as AllSizes,
+  Nd as BiggerSizes,
+  Ld as Colors,
+  Ad as MonoColors,
+  Od as Sizes,
+  Jd as Types,
+  Hd as UiInputTypes,
+  Wd as default,
   qs as uiAlert,
   Ws as uiBreadcrumbs,
   J as uiButton,
   so as uiCard,
   lr as uiChart,
   Ee as uiCheckbox,
-  Yi as uiCircleChart,
-  qi as uiDateRange,
-  rd as uiDeviceStatus,
-  Bi as uiDragAndDrop,
+  Pi as uiCircleChart,
+  Vi as uiDateRange,
+  nd as uiDeviceStatus,
+  Mi as uiDragAndDrop,
   me as uiDropdown,
-  xd as uiDynamicStats,
+  kd as uiDynamicStats,
   Xe as uiFilter,
   ir as uiFooter,
   Za as uiFunnelChartV2,
-  bi as uiGallery,
-  j as uiIcon,
+  wi as uiGallery,
+  D as uiIcon,
   E as uiInput,
   cs as uiInputFile,
   dr as uiLoadingScreen,
   et as uiModal,
-  Qa as uiNoResults,
+  Xa as uiNoResults,
   xo as uiNotification,
   $r as uiPagination,
   Hl as uiPriceCalendar,
-  Ei as uiRangeSlider,
-  di as uiRightSidebar,
-  Ji as uiSectionTitle,
+  Zi as uiRangeSlider,
+  ui as uiRightSidebar,
+  Wi as uiSectionTitle,
   ys as uiSelect,
   ot as uiSelectMultiple,
-  De as uiSelect_v2,
+  je as uiSelect_v2,
   Nr as uiSidebar,
   ye as uiSidebarV2,
-  Td as uiSmartFilter,
+  zd as uiSmartFilter,
   st as uiStats,
   bn as uiStripedCard,
   Vn as uiTable,
@@ -5300,5 +5300,5 @@ export {
   ha as uiTimeline,
   zs as uiToggle,
   Pa as uiTopbar,
-  wd as uiWrapper
+  xd as uiWrapper
 };