@hotelinking/ui 9.41.21 → 9.41.23

package/dist/ui.es.js

@@ -556,10 +556,13 @@ function Wt($, D) {
     })
   ]);
 }
-const xs = {
+const xs = { class: "flex justify-between" }, bs = {
   key: 0,
   class: "block text-sm font-medium text-gray-700 mb-1"
-}, bs = { class: "py-1" }, vs = ["onClick"], ys = {
+}, vs = {
+  key: 1,
+  class: "text-[10px] text-gray-500 uppercase justify-self-end mt-1"
+}, ys = { class: "py-1" }, ws = ["onClick"], ks = {
   key: 1,
   class: "animate-pulse px-4 py-2 bg-gray-200 rounded-md inline-flex items-center relative text-left"
 }, ta = /* @__PURE__ */ Ge({
@@ -569,7 +572,8 @@ const xs = {
     position: { default: "left" },
     disabled: { type: Boolean },
     label: {},
-    loading: { type: Boolean, default: !0 }
+    loading: { type: Boolean, default: !0 },
+    requiredText: {}
   },
   emits: ["optionSelected"],
   setup($, { emit: D }) {
@@ -579,7 +583,7 @@ const xs = {
     }), Y = (M) => {
       I.disabled || P("optionSelected", M);
     };
-    return (M, V) => M.loading ? (E(), O("div", ys, [
+    return (M, V) => M.loading ? (E(), O("div", ks, [
       V[0] || (V[0] = b("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1)),
       Q(K(wi), {
         "aria-hidden": "true",
@@ -592,7 +596,10 @@ const xs = {
     }, {
       default: be(() => [
         b("div", null, [
-          M.label ? (E(), O("label", xs, J(M.label), 1)) : ze("", !0),
+          b("div", xs, [
+            M.label ? (E(), O("label", bs, J(M.label), 1)) : ze("", !0),
+            M.requiredText ? (E(), O("span", vs, J(M.requiredText), 1)) : ze("", !0)
+          ]),
           Q(K(ji), { 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: be(() => [
               st(J(T.value) + " ", 1),
@@ -618,7 +625,7 @@ const xs = {
               class: me([{ "right-0": M.position === "right", "left-0": M.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: be(() => [
-                b("div", bs, [
+                b("div", ys, [
                   (E(!0), O(Re, null, Ne(M.items, (N, ee) => (E(), Fe(K(qi), { key: ee }, {
                     default: be(() => [
                       b("a", {
@@ -627,7 +634,7 @@ const xs = {
                           N.active ? "bg-gray-100 text-gray-900" : "text-gray-700",
                           "block px-4 py-2 text-sm cursor-pointer"
                         ])
-                      }, J(N.name), 11, vs)
+                      }, J(N.name), 11, ws)
                     ]),
                     _: 2
                   }, 1024))), 128))
@@ -642,16 +649,16 @@ const xs = {
       _: 1
     }, 8, ["class"]));
   }
-}), ws = { key: 0 }, ks = { class: "flex justify-between" }, Ss = {
+}), Ss = { key: 0 }, As = { class: "flex justify-between" }, Cs = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
-}, As = {
+}, Ms = {
   key: 1,
   class: "text-[10px] text-gray-500 uppercase justify-self-end"
-}, Cs = ["disabled", "name", "placeholder", "type"], Ms = { class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none" }, Ls = {
+}, Ls = ["disabled", "name", "placeholder", "type"], Ps = { class: "absolute inset-y-0 right-0 pr-3 flex items-center pointer-events-none" }, Ts = {
   key: 1,
   class: "animate-pulse"
-}, Ps = {
+}, zs = {
   key: 0,
   class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5"
 }, Ut = /* @__PURE__ */ Ge({
@@ -680,15 +687,15 @@ const xs = {
     const Y = (M) => {
       M.target.name && P("inputChanged", { value: M.target.value, name: M.target.name });
     };
-    return (M, V) => M.loading ? (E(), O("div", Ls, [
-      M.label !== void 0 ? (E(), O("div", Ps)) : ze("", !0),
+    return (M, V) => M.loading ? (E(), O("div", Ts, [
+      M.label !== void 0 ? (E(), O("div", zs)) : ze("", !0),
       V[3] || (V[3] = b("div", { class: "animate-pulse px-4 py-3.5 bg-gray-200 rounded-md inline-flex items-center relative text-left w-full" }, [
         b("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" })
       ], -1))
-    ])) : (E(), O("div", ws, [
-      b("div", ks, [
-        M.label ? (E(), O("label", Ss, J(M.label), 1)) : ze("", !0),
-        M.requiredText ? (E(), O("span", As, J(M.requiredText), 1)) : ze("", !0)
+    ])) : (E(), O("div", Ss, [
+      b("div", As, [
+        M.label ? (E(), O("label", Cs, J(M.label), 1)) : ze("", !0),
+        M.requiredText ? (E(), O("span", Ms, J(M.requiredText), 1)) : ze("", !0)
       ]),
       b("div", {
         class: me([{ "mt-1": M.label }, "relative flex"])
@@ -721,7 +728,7 @@ const xs = {
           placeholder: M.placeholder,
           type: M.type,
           onInput: Y
-        }, null, 42, Cs), [
+        }, null, 42, Ls), [
           [Ya, T.value]
         ]),
         M.rightAddOn ? (E(), O("span", {
@@ -729,7 +736,7 @@ const xs = {
           onClick: V[2] || (V[2] = (N) => M.$emit("rightAddOnClicked")),
           class: "inline-flex items-center px-3 rounded-r-md border border-l-0 border-gray-300 bg-gray-50 hover:bg-gray-200 text-gray-500 sm:text-sm cursor-pointer"
         }, J(M.rightAddOn), 1)) : ze("", !0),
-        b("div", Ms, [
+        b("div", Ps, [
           M.icon ? (E(), Fe(et, {
             key: 0,
             icon: M.icon,
@@ -771,16 +778,16 @@ const xs = {
       ])
     ]));
   }
-}), Ts = { key: 0 }, zs = { class: "flex justify-between" }, Is = {
+}), Is = { key: 0 }, Es = { class: "flex justify-between" }, Ds = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
-}, Es = {
+}, Ys = {
   key: 1,
   class: "text-[10px] text-gray-500 uppercase"
-}, Ds = { class: "space-y-1 flex flex-col items-center justify-center" }, Ys = { class: "flex text-sm text-gray-600 flex-col sm:flex-row text-center" }, Xs = ["for"], _s = ["id", "name", "accept"], Rs = { class: "pl-1" }, Fs = { class: "text-xs text-gray-500 pb-4" }, Os = { class: "mt-2 text-xs flex flex-row items-center text-red-300" }, Ns = {
+}, Xs = { class: "space-y-1 flex flex-col items-center justify-center" }, _s = { class: "flex text-sm text-gray-600 flex-col sm:flex-row text-center" }, Rs = ["for"], Fs = ["id", "name", "accept"], Os = { class: "pl-1" }, Ns = { class: "text-xs text-gray-500 pb-4" }, Bs = { class: "mt-2 text-xs flex flex-row items-center text-red-300" }, Hs = {
   key: 1,
   class: "animate-pulse"
-}, Bs = /* @__PURE__ */ Ge({
+}, Ws = /* @__PURE__ */ Ge({
   __name: "uiInputFile",
   props: {
     name: {},
@@ -809,16 +816,16 @@ const xs = {
         ee++, P.value += ne.name, ee >= 1 && ee < N.length && (P.value += ", ");
       });
     };
-    return (N, ee) => N.loading ? (E(), O("div", Ns, ee[1] || (ee[1] = [
+    return (N, ee) => N.loading ? (E(), O("div", Hs, ee[1] || (ee[1] = [
       b("div", { class: "flex justify-center items-center flex-col rounded-md border-2 border-dashed px-6 pt-5 pb-6 border-gray-200" }, [
         b("div", { class: "rounded-full h-20 w-20 bg-gray-200 mb-4" }),
         b("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full md:w-1/3 mb-3" }),
         b("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full md:w-1/4 mb-3" })
       ], -1)
-    ]))) : (E(), O("div", Ts, [
-      b("div", zs, [
-        N.label ? (E(), O("label", Is, J(N.label), 1)) : ze("", !0),
-        N.requiredText ? (E(), O("span", Es, J(N.requiredText), 1)) : ze("", !0)
+    ]))) : (E(), O("div", Is, [
+      b("div", Es, [
+        N.label ? (E(), O("label", Ds, J(N.label), 1)) : ze("", !0),
+        N.requiredText ? (E(), O("span", Ys, J(N.requiredText), 1)) : ze("", !0)
       ]),
       b("div", {
         class: me([
@@ -833,7 +840,7 @@ const xs = {
         }, ["prevent"])),
         onDrop: na(Y, ["prevent"])
       }, [
-        b("div", Ds, [
+        b("div", Xs, [
           Q(et, {
             icon: N.icon,
             size: "massive",
@@ -842,7 +849,7 @@ const xs = {
             class: "mb-4",
             loading: N.loading
           }, null, 8, ["icon", "loading"]),
-          b("div", Ys, [
+          b("div", _s, [
             b("label", {
               for: N.id,
               class: "relative cursor-pointer rounded-md font-medium text-indigo-600 focus-within:outline-none focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:text-indigo-500"
@@ -856,17 +863,17 @@ const xs = {
                 accept: N.accept,
                 multiple: "",
                 onChange: M
-              }, null, 40, _s)
-            ], 8, Xs),
-            b("p", Rs, J(N.dragAndDrop), 1)
+              }, null, 40, Fs)
+            ], 8, Rs),
+            b("p", Os, J(N.dragAndDrop), 1)
           ]),
-          b("p", Fs, J(N.fileTypesAndSizes), 1),
+          b("p", Ns, J(N.fileTypesAndSizes), 1),
           We(b("p", { class: "font-bold text-xs uppercase block p-2 bg-gray-200 rounded" }, J(K(P)), 513), [
             [je, K(P) !== null]
           ])
         ])
       ], 34),
-      We(b("p", Os, [
+      We(b("p", Bs, [
         Q(et, {
           icon: K(Ai),
           color: "red",
@@ -879,13 +886,13 @@ const xs = {
       ])
     ]));
   }
-}), Hs = { class: "flex justify-between" }, Ws = {
+}), $s = { class: "flex justify-between" }, Vs = {
   key: 0,
   class: "text-[10px] text-gray-500 uppercase justify-self-end"
-}, $s = { class: "relative mt-1" }, Vs = {
+}, Gs = { class: "relative mt-1" }, js = {
   key: 1,
   class: "animate-pulse px-4 py-2.5 bg-gray-200 rounded-md flex justify-between items-center w-full"
-}, Gs = /* @__PURE__ */ Ge({
+}, Us = /* @__PURE__ */ Ge({
   __name: "uiSelect",
   props: {
     items: {},
@@ -900,7 +907,7 @@ const xs = {
   emits: ["selectChanged"],
   setup($, { emit: D }) {
     const P = dt(""), I = D, T = $, Y = pt(() => P.value === "" ? T.items : T.items.filter((N) => N.name.toLowerCase().includes(P.value.toLowerCase()))), M = (N) => (N == null ? void 0 : N.name) ?? "", V = pt(() => T.select);
-    return (N, ee) => N.loading ? (E(), O("div", Vs, [
+    return (N, ee) => N.loading ? (E(), O("div", js, [
       ee[4] || (ee[4] = b("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)),
       Q(K(Hi), {
         "aria-hidden": "true",
@@ -917,16 +924,16 @@ const xs = {
       as: "div"
     }, {
       default: be(() => [
-        b("div", Hs, [
+        b("div", $s, [
           Q(K($a), { class: "block text-sm font-medium" }, {
             default: be(() => [
               st(J(N.label), 1)
             ]),
             _: 1
           }),
-          N.requiredText ? (E(), O("span", Ws, J(N.requiredText), 1)) : ze("", !0)
+          N.requiredText ? (E(), O("span", Vs, J(N.requiredText), 1)) : ze("", !0)
         ]),
-        b("div", $s, [
+        b("div", Gs, [
           Q(K(xa), {
             onChange: ee[0] || (ee[0] = (ne) => P.value = ne.target.value),
             onBlur: ee[1] || (ee[1] = (ne) => P.value = ""),
@@ -1009,7 +1016,7 @@ const xs = {
       _: 1
     }, 8, ["modelValue", "disabled"]));
   }
-}), js = {
+}), qs = {
   key: 1,
   class: "inline-flex items-center px-3 py-2.5 rounded text-xs font-medium leading-none animate-pulse bg-gray-200"
 }, Yt = /* @__PURE__ */ Ge({
@@ -1027,7 +1034,7 @@ const xs = {
     const P = D, I = $, T = () => {
       I.event != null && P("tagEvent", I.event);
     };
-    return (Y, M) => Y.loading ? (E(), O("div", js, M[0] || (M[0] = [
+    return (Y, M) => Y.loading ? (E(), O("div", qs, M[0] || (M[0] = [
       b("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" }, null, -1)
     ]))) : (E(), O("span", {
       key: 0,
@@ -1051,16 +1058,16 @@ const xs = {
       Ct(Y.$slots, "default")
     ], 2));
   }
-}), Us = { key: 0 }, qs = { class: "flex justify-between" }, Zs = {
+}), Zs = { key: 0 }, Js = { class: "flex justify-between" }, Qs = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
-}, Js = {
+}, Ks = {
   key: 1,
   class: "text-[10px] text-gray-500 uppercase justify-self-end"
-}, Qs = ["disabled", "placeholder"], Ks = {
+}, er = ["disabled", "placeholder"], tr = {
   key: 1,
   class: "animate-pulse"
-}, er = /* @__PURE__ */ Ge({
+}, ir = /* @__PURE__ */ Ge({
   __name: "uiTextArea",
   props: {
     name: {},
@@ -1080,13 +1087,13 @@ const xs = {
     }, Y = dt(I.value);
     return ft(() => I.value, (M) => {
       Y.value = M, P("inputChanged", { name: I.name, value: Y.value });
-    }), (M, V) => M.loading ? (E(), O("div", Ks, V[1] || (V[1] = [
+    }), (M, V) => M.loading ? (E(), O("div", tr, V[1] || (V[1] = [
       b("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 md:w-1/4 mb-1.5" }, null, -1),
       b("div", { class: "h-24 bg-gray-200 rounded-lg flex inline-flex items-center relative inline-block text-left w-full" }, null, -1)
-    ]))) : (E(), O("div", Us, [
-      b("div", qs, [
-        M.label ? (E(), O("label", Zs, J(M.label), 1)) : ze("", !0),
-        M.requiredText ? (E(), O("span", Js, J(M.requiredText), 1)) : ze("", !0)
+    ]))) : (E(), O("div", Zs, [
+      b("div", Js, [
+        M.label ? (E(), O("label", Qs, J(M.label), 1)) : ze("", !0),
+        M.requiredText ? (E(), O("span", Ks, J(M.requiredText), 1)) : ze("", !0)
       ]),
       b("div", {
         class: me({ "mt-1": M.label })
@@ -1108,7 +1115,7 @@ const xs = {
             "text-green-400": M.color === "green"
           }]),
           onChange: T
-        }, null, 42, Qs), [
+        }, null, 42, er), [
           [Xa, Y.value]
         ])
       ], 2),
@@ -1132,13 +1139,13 @@ const xs = {
       ])
     ]));
   }
-}), tr = { class: "text-sm font-medium text-gray-900" }, ir = {
+}), ar = { class: "text-sm font-medium text-gray-900" }, sr = {
   key: 0,
   class: "text-sm text-gray-500 ml-2"
-}, ar = {
+}, rr = {
   key: 1,
   class: "animate-pulse flex items-center"
-}, sr = /* @__PURE__ */ Ge({
+}, nr = /* @__PURE__ */ Ge({
   __name: "uiToggle",
   props: {
     item: {},
@@ -1148,7 +1155,7 @@ const xs = {
   },
   setup($) {
     const D = $, P = dt(D.checked);
-    return ft(() => D.checked, (I) => P.value = I), (I, T) => I.loading ? (E(), O("div", ar, T[3] || (T[3] = [
+    return ft(() => D.checked, (I) => P.value = I), (I, T) => I.loading ? (E(), O("div", rr, T[3] || (T[3] = [
       b("div", { class: "relative bg-gray-200 rounded-full w-12 h-6 p-1 flex items-center" }, [
         b("div", { class: "rounded-full bg-gray-300 dark:bg-gray-400 h-4 w-4" })
       ], -1),
@@ -1186,8 +1193,8 @@ const xs = {
           class: "ml-3"
         }, {
           default: be(() => [
-            b("span", tr, J(I.item.title), 1),
-            I.item.subtitle ? (E(), O("span", ir, J(I.item.subtitle), 1)) : ze("", !0)
+            b("span", ar, J(I.item.title), 1),
+            I.item.subtitle ? (E(), O("span", sr, J(I.item.subtitle), 1)) : ze("", !0)
           ]),
           _: 1
         }),
@@ -1200,13 +1207,13 @@ const xs = {
       _: 1
     }));
   }
-}), rr = {
+}), or = {
   key: 0,
   class: "flex flex-col"
-}, nr = { class: "flex" }, or = { class: "flex-shrink-0" }, lr = { class: "ml-3" }, cr = { class: "mt-4" }, dr = { class: "-mx-2 -my-1.5 flex" }, hr = ["onClick"], ur = {
+}, lr = { class: "flex" }, cr = { class: "flex-shrink-0" }, dr = { class: "ml-3" }, hr = { class: "mt-4" }, ur = { class: "-mx-2 -my-1.5 flex" }, gr = ["onClick"], pr = {
   key: 1,
   class: "flex flex-col animate-pulse"
-}, gr = /* @__PURE__ */ Ge({
+}, fr = /* @__PURE__ */ Ge({
   __name: "uiAlert",
   props: {
     actions: {},
@@ -1219,9 +1226,9 @@ const xs = {
     const P = D, I = (T) => {
       P("alertEvent", T.event);
     };
-    return (T, Y) => T.loading ? (E(), O("div", ur, Y[0] || (Y[0] = [
+    return (T, Y) => T.loading ? (E(), O("div", pr, Y[0] || (Y[0] = [
       Qt('<div class="p-4 border-l-4 bg-gray-100 border-gray-400 rounded"><div class="flex"><div class="flex-shrink-0"><div class="h-6 w-6 animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"></div></div><div class="ml-3 w-full"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-3/5"></div></div></div></div>', 1)
-    ]))) : (E(), O("div", rr, [
+    ]))) : (E(), O("div", or, [
       b("div", {
         class: me([{
           "bg-indigo-50 border-indigo-400": T.type === "info",
@@ -1230,8 +1237,8 @@ const xs = {
           "bg-green-50 border-green-400": T.type === "success"
         }, "p-4 border-l-4 rounded"])
       }, [
-        b("div", nr, [
-          b("div", or, [
+        b("div", lr, [
+          b("div", cr, [
             T.type === "info" ? (E(), Fe(K(Ma), {
               key: 0,
               class: "h-8 w-8 text-indigo-400",
@@ -1253,7 +1260,7 @@ const xs = {
               "aria-hidden": "true"
             })) : ze("", !0)
           ]),
-          b("div", lr, [
+          b("div", dr, [
             b("h3", {
               class: me([{
                 "text-red-800": T.type === "danger",
@@ -1270,8 +1277,8 @@ const xs = {
             }, [
               Ct(T.$slots, "default")
             ], 2),
-            b("div", cr, [
-              b("div", dr, [
+            b("div", hr, [
+              b("div", ur, [
                 (E(!0), O(Re, null, Ne(T.actions, (M, V) => (E(), O("button", {
                   onClick: (N) => I(M),
                   type: "button",
@@ -1285,7 +1292,7 @@ const xs = {
                     },
                     "px-2 py-1.5 text-sm font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2"
                   ])
-                }, J(M.name), 11, hr))), 128))
+                }, J(M.name), 11, gr))), 128))
               ])
             ])
           ])
@@ -1293,35 +1300,35 @@ const xs = {
       ], 2)
     ]));
   }
-}), pr = {
+}), mr = {
   key: 0,
   class: "inline-flex",
   "aria-label": "Breadcrumb"
-}, fr = {
+}, xr = {
   role: "list",
   class: "flex items-center space-x-4 text-xs"
-}, mr = { key: 0 }, xr = ["onClick"], br = {
+}, br = { key: 0 }, vr = ["onClick"], yr = {
   key: 1,
   class: "flex items-center"
-}, vr = ["onClick"], yr = {
+}, wr = ["onClick"], kr = {
   key: 1,
   class: "flex flex-row items-center animate-pulse"
-}, wr = /* @__PURE__ */ Ge({
+}, Sr = /* @__PURE__ */ Ge({
   __name: "uiBreadcrumbs",
   props: {
     pages: {},
     loading: { type: Boolean, default: !0 }
   },
   setup($) {
-    return (D, P) => D.loading ? (E(), O("div", yr, P[0] || (P[0] = [
+    return (D, P) => D.loading ? (E(), O("div", kr, P[0] || (P[0] = [
       b("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1),
       b("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5 mr-4" }, null, -1),
       b("div", { class: "animate-pulse rounded-full bg-gray-200 dark:bg-gray-300 h-4 w-4 mr-4" }, null, -1),
       b("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1)
-    ]))) : (E(), O("nav", pr, [
-      b("ol", fr, [
+    ]))) : (E(), O("nav", mr, [
+      b("ol", xr, [
         (E(!0), O(Re, null, Ne(D.pages, (I, T) => (E(), O("li", { key: T }, [
-          T === 0 ? (E(), O("div", mr, [
+          T === 0 ? (E(), O("div", br, [
             b("p", {
               onClick: (Y) => D.$emit("breadCrumbClicked", I.routeName),
               class: "flex flex-row items-center justify-center text-indigo-600 hover:text-indigo-800 cursor-pointer"
@@ -1331,8 +1338,8 @@ const xs = {
                 "aria-hidden": "true"
               }),
               b("span", null, J(I.name), 1)
-            ], 8, xr)
-          ])) : (E(), O("div", br, [
+            ], 8, vr)
+          ])) : (E(), O("div", yr, [
             Q(K(di), {
               class: "flex-shrink-0 h-3 w-3 text-gray-400",
               "aria-hidden": "true"
@@ -1341,19 +1348,19 @@ const xs = {
               onClick: (Y) => D.$emit("breadCrumbClicked", I.routeName),
               class: me(["cursor-pointer ml-4 text-xs text-gray-400 hover:text-gray-500", { "text-indigo-600 hover:text-indigo-800": !I.current }]),
               "aria-current": "page"
-            }, J(I.name), 11, vr)
+            }, J(I.name), 11, wr)
           ]))
         ]))), 128))
       ])
     ]));
   }
-}), kr = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, Sr = ["src"], Ar = { class: "font-bold text-center sm:text-left" }, Cr = { class: "mt-1 text-xs text-center sm:text-left" }, Mr = {
+}), Ar = { class: "flex items-center flex-col sm:flex-row justify-center sm:justify-start" }, Cr = ["src"], Mr = { class: "font-bold text-center sm:text-left" }, Lr = { class: "mt-1 text-xs text-center sm:text-left" }, Pr = {
   key: 0,
   class: "flex flex-wrap mt-4 justify-center sm:justify-start"
-}, Lr = {
+}, Tr = {
   key: 1,
   class: "rounded-lg bg-white shadow p-6 cursor-pointer animate-pulse"
-}, Pr = /* @__PURE__ */ Ge({
+}, zr = /* @__PURE__ */ Ge({
   __name: "uiCard",
   props: {
     id: {},
@@ -1366,24 +1373,24 @@ const xs = {
   setup($) {
     return (D, P) => {
       var I;
-      return D.loading ? (E(), O("div", Lr, P[1] || (P[1] = [
+      return D.loading ? (E(), O("div", Tr, P[1] || (P[1] = [
         Qt('<div class="flex items-center flex-col sm:flex-row justify-center sm:justify-start w-full"><div class="w-16 h-16 rounded-full bg-gray-200 flex self-center"></div><div class="w-full ml-4"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mt-4 sm:mt-0 sm:w-16 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full sm:w-32"></div></div></div>', 1)
       ]))) : (E(), O("div", {
         key: 0,
         class: "rounded-lg bg-white shadow p-6 cursor-pointer",
         onClick: P[0] || (P[0] = (T) => D.$emit("cardSelected", { id: D.id, name: D.name, type: D.type, tags: D.tags }))
       }, [
-        b("div", kr, [
+        b("div", Ar, [
           b("img", {
             class: "w-16 h-16 rounded-full mb-4 sm:mb-0 sm:mr-4",
             src: D.logo
-          }, null, 8, Sr),
+          }, null, 8, Cr),
           b("div", null, [
-            b("h4", Ar, J(D.name), 1),
-            b("p", Cr, J(D.type), 1)
+            b("h4", Mr, J(D.name), 1),
+            b("p", Lr, J(D.type), 1)
           ])
         ]),
-        D.tags && ((I = D.tags) == null ? void 0 : I.length) > 0 ? (E(), O("div", Mr, [
+        D.tags && ((I = D.tags) == null ? void 0 : I.length) > 0 ? (E(), O("div", Pr, [
           (E(!0), O(Re, null, Ne(D.tags, (T) => (E(), Fe(Yt, {
             class: "mb-1 mr-1",
             key: T.name,
@@ -1399,7 +1406,7 @@ const xs = {
       ]));
     };
   }
-}), Tr = /* @__PURE__ */ Ge({
+}), Ir = /* @__PURE__ */ Ge({
   __name: "uiFilter",
   props: {
     type: {},
@@ -1423,10 +1430,10 @@ const xs = {
       label: M.label
     }, null, 8, ["loading", "position", "items", "label"]));
   }
-}), zr = { class: "fixed inset-0 z-10 overflow-y-auto" }, Ir = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Er = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, Dr = { class: "sm:flex sm:items-start" }, Yr = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left sm:mr-4 sm:w-10/12 break-words" }, Xr = { class: "mt-4 text-gray-500 text-sm" }, _r = {
+}), Er = { class: "fixed inset-0 z-10 overflow-y-auto" }, Dr = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Yr = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, Xr = { class: "sm:flex sm:items-start" }, _r = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left sm:mr-4 sm:w-10/12 break-words" }, Rr = { class: "mt-4 text-gray-500 text-sm" }, Fr = {
   key: 0,
   class: "mt-8"
-}, Rr = ["onClick"], La = /* @__PURE__ */ Ge({
+}, Or = ["onClick"], La = /* @__PURE__ */ Ge({
   __name: "uiModal",
   props: {
     title: {},
@@ -1466,8 +1473,8 @@ const xs = {
               ])),
               _: 1
             }),
-            b("div", zr, [
-              b("div", Ir, [
+            b("div", Er, [
+              b("div", Dr, [
                 Q(K(qt), {
                   as: "template",
                   enter: "ease-out duration-300",
@@ -1480,7 +1487,7 @@ const xs = {
                   default: be(() => [
                     Q(K(Qi), { 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: be(() => [
-                        b("div", Er, [
+                        b("div", Yr, [
                           b("button", {
                             type: "button",
                             class: "rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none",
@@ -1494,7 +1501,7 @@ const xs = {
                             }, null, 8, ["icon", "loading"])
                           ])
                         ]),
-                        b("div", Dr, [
+                        b("div", Xr, [
                           b("div", {
                             class: me(["mx-auto flex h-12 w-12 flex-shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10", {
                               "bg-red-100": Y.type === "danger",
@@ -1528,7 +1535,7 @@ const xs = {
                               [je, Y.type === "default"]
                             ])
                           ], 2),
-                          b("div", Yr, [
+                          b("div", _r, [
                             Q(K(wa), {
                               as: "h3",
                               class: "text-lg font-medium leading-6 text-gray-900"
@@ -1538,16 +1545,16 @@ const xs = {
                               ]),
                               _: 1
                             }),
-                            b("div", Xr, [
+                            b("div", Rr, [
                               Ct(Y.$slots, "default")
                             ]),
-                            Y.actions ? (E(), O("div", _r, [
+                            Y.actions ? (E(), O("div", Fr, [
                               (E(!0), O(Re, null, Ne(Y.actions, (V, N) => (E(), O("button", {
                                 key: N,
                                 type: "button",
                                 class: "inline-flex w-full justify-center rounded-md border border-transparent bg-indigo-600 px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 mb-2 sm:mb-0 mr-2 sm:w-auto sm:text-sm",
                                 onClick: (ee) => T(V.value)
-                              }, J(V.name), 9, Rr))), 128))
+                              }, J(V.name), 9, Or))), 128))
                             ])) : ze("", !0)
                           ])
                         ])
@@ -1566,10 +1573,10 @@ const xs = {
       _: 3
     }, 8, ["show"]));
   }
-}), Fr = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, Or = {
+}), Nr = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, Br = {
   key: 0,
   class: "max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden"
-}, Nr = { class: "p-4" }, Br = { class: "flex items-start" }, Hr = { class: "flex-shrink-0 mt-0.5" }, Wr = { class: "ml-3 w-0 flex-1 pt-0.5" }, $r = { class: "font-medium text-gray-900" }, Vr = { class: "mt-1 text-sm text-gray-500" }, Gr = { class: "ml-4 flex-shrink-0 flex" }, jr = /* @__PURE__ */ Ge({
+}, Hr = { class: "p-4" }, Wr = { class: "flex items-start" }, $r = { class: "flex-shrink-0 mt-0.5" }, Vr = { class: "ml-3 w-0 flex-1 pt-0.5" }, Gr = { class: "font-medium text-gray-900" }, jr = { class: "mt-1 text-sm text-gray-500" }, Ur = { class: "ml-4 flex-shrink-0 flex" }, qr = /* @__PURE__ */ Ge({
   __name: "uiNotification",
   props: {
     type: { default: "info" },
@@ -1584,7 +1591,7 @@ const xs = {
       "aria-live": "assertive",
       class: me([{ fixed: I.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start"])
     }, [
-      b("div", Fr, [
+      b("div", Nr, [
         Q(ki, {
           "enter-active-class": "transform ease-out duration-300 transition",
           "enter-from-class": "translate-y-2 opacity-0 sm:translate-y-0 sm:translate-x-2",
@@ -1594,10 +1601,10 @@ const xs = {
           "leave-to-class": "opacity-0"
         }, {
           default: be(() => [
-            P.value ? (E(), O("div", Or, [
-              b("div", Nr, [
-                b("div", Br, [
-                  b("div", Hr, [
+            P.value ? (E(), O("div", Br, [
+              b("div", Hr, [
+                b("div", Wr, [
+                  b("div", $r, [
                     We(Q(K(Aa), {
                       "aria-hidden": "true",
                       class: "h-6 w-6 text-green-400"
@@ -1623,11 +1630,11 @@ const xs = {
                       [je, I.type === "info"]
                     ])
                   ]),
-                  b("div", Wr, [
-                    b("p", $r, J(I.title), 1),
-                    b("p", Vr, J(I.message), 1)
+                  b("div", Vr, [
+                    b("p", Gr, J(I.title), 1),
+                    b("p", jr, J(I.message), 1)
                   ]),
-                  b("div", Gr, [
+                  b("div", Ur, [
                     b("button", {
                       class: "bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500",
                       type: "button",
@@ -1649,35 +1656,35 @@ const xs = {
       ])
     ], 2));
   }
-}), Ur = {
+}), Zr = {
   key: 0,
   role: "list",
   class: "divide-y divide-gray-100"
-}, qr = { class: "min-w-0" }, Zr = { class: "flex items-start gap-x-3" }, Jr = { class: "text-sm font-semibold leading-6 text-gray-900" }, Qr = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, Kr = { class: "truncate" }, en = { class: "flex flex-none items-center gap-x-4" }, tn = ["href"], an = { class: "sr-only" }, sn = {
+}, Jr = { class: "min-w-0" }, Qr = { class: "flex items-start gap-x-3" }, Kr = { class: "text-sm font-semibold leading-6 text-gray-900" }, en = { class: "mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500" }, tn = { class: "truncate" }, an = { class: "flex flex-none items-center gap-x-4" }, sn = ["href"], rn = { class: "sr-only" }, nn = {
   key: 1,
   class: "divide-y divide-gray-100 animate-pulse"
-}, rn = /* @__PURE__ */ Ge({
+}, on = /* @__PURE__ */ Ge({
   __name: "uiTaskList",
   props: {
     tasks: {},
     loading: { type: Boolean, default: !0 }
   },
   setup($) {
-    return (D, P) => D.loading ? (E(), O("ul", sn, [
+    return (D, P) => D.loading ? (E(), O("ul", nn, [
       (E(!0), O(Re, null, Ne(D.tasks, (I) => (E(), O("li", {
         key: I.id,
         class: "flex items-center justify-between gap-x-6 py-5"
       }, P[0] || (P[0] = [
         Qt('<div class="min-w-0 w-full"><div class="flex items-start gap-x-3"><p class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2"></p></div></div><div class="flex flex-none items-center gap-x-4"><div class="hidden rounded-md bg-gray-200 px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block"><p class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-10"></p></div></div>', 2)
       ])))), 128))
-    ])) : (E(), O("ul", Ur, [
+    ])) : (E(), O("ul", Zr, [
       (E(!0), O(Re, null, Ne(D.tasks, (I) => (E(), O("li", {
         key: I.id,
         class: "flex items-center justify-between gap-x-6 py-5"
       }, [
-        b("div", qr, [
-          b("div", Zr, [
-            b("p", Jr, J(I.name), 1),
+        b("div", Jr, [
+          b("div", Qr, [
+            b("p", Kr, J(I.name), 1),
             b("p", {
               class: me([
                 {
@@ -1689,18 +1696,18 @@ const xs = {
               ])
             }, J(I.statusLiteral), 3)
           ]),
-          b("div", Qr, [
-            b("p", Kr, J(I.description), 1)
+          b("div", en, [
+            b("p", tn, J(I.description), 1)
           ])
         ]),
-        b("div", en, [
+        b("div", an, [
           b("a", {
             href: I.href,
             class: "hidden rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block"
           }, [
             st(J(I.action), 1),
-            b("span", an, ", " + J(I.name), 1)
-          ], 8, tn)
+            b("span", rn, ", " + J(I.name), 1)
+          ], 8, sn)
         ])
       ]))), 128))
     ]));
@@ -1988,7 +1995,7 @@ var Pa = { exports: {} };
 })(Pa);
 var Ci = Pa.exports;
 const yt = /* @__PURE__ */ ia(Ci);
-var nn = { exports: {} };
+var ln = { exports: {} };
 (function($, D) {
   (function(P, I) {
     $.exports = I(Ci);
@@ -2001,8 +2008,8 @@ var nn = { exports: {} };
     } };
     return T.default.locale(Y, null, !0), Y;
   });
-})(nn);
-var on = { exports: {} };
+})(ln);
+var cn = { exports: {} };
 (function($, D) {
   (function(P, I) {
     $.exports = I(Ci);
@@ -2020,8 +2027,8 @@ var on = { exports: {} };
     }, weekStart: 1, yearStart: 4, formats: { LTS: "HH:mm:ss", LT: "HH:mm", L: "DD.MM.YYYY", LL: "D. MMMM YYYY", LLL: "D. MMMM YYYY HH:mm", LLLL: "dddd, D. MMMM YYYY HH:mm" }, relativeTime: { future: "in %s", past: "vor %s", s: M, m: M, mm: M, h: M, hh: M, d: M, dd: M, M, MM: M, y: M, yy: M } };
     return T.default.locale(V, null, !0), V;
   });
-})(on);
-var ln = { exports: {} };
+})(cn);
+var dn = { exports: {} };
 (function($, D) {
   (function(P, I) {
     $.exports = I();
@@ -2031,8 +2038,8 @@ var ln = { exports: {} };
       return "[" + P + (I[(T - 20) % 10] || I[T] || I[0]) + "]";
     } };
   });
-})(ln);
-var cn = { exports: {} };
+})(dn);
+var hn = { exports: {} };
 (function($, D) {
   (function(P, I) {
     $.exports = I(Ci);
@@ -2045,13 +2052,13 @@ var cn = { exports: {} };
     } };
     return T.default.locale(Y, null, !0), Y;
   });
-})(cn);
+})(hn);
 const ei = ($, D) => {
   const P = $.__vccOpts || $;
   for (const [I, T] of D)
     P[I] = T;
   return P;
-}, dn = {
+}, un = {
   name: "dateSelector",
   components: { ChevronLeftIcon: Ca, ChevronRightIcon: di },
   computed: {
@@ -2071,11 +2078,11 @@ const ei = ($, D) => {
       D === "previous" && ($ === "day" && (P = yt(this.selectedDate).subtract(1, "day")), $ === "month" && (P = yt(this.selectedDate).subtract(1, "month")), $ === "year" && (P = yt(this.selectedDate).subtract(1, "year"))), D === "next" && ($ === "day" && (P = yt(this.selectedDate).add(1, "day")), $ === "month" && (P = yt(this.selectedDate).add(1, "month")), $ === "year" && (P = yt(this.selectedDate).add(1, "year"))), this.$emit("dateSelected", P);
     }
   }
-}, hn = { class: "dateSelector flex items-center text-white flex-row" }, un = { class: "pagination flex items-center my-1 md:my-0" }, gn = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, pn = { class: "pagination flex items-center my-1 sm:my-0" };
-function fn($, D, P, I, T, Y) {
+}, gn = { class: "dateSelector flex items-center text-white flex-row" }, pn = { class: "pagination flex items-center my-1 md:my-0" }, fn = { class: "date mx-4 font-bold text-center text-indigo-600 select-none uppercase" }, mn = { class: "pagination flex items-center my-1 sm:my-0" };
+function xn($, D, P, I, T, Y) {
   const M = Bt("ChevronLeftIcon"), V = Bt("ChevronRightIcon");
-  return E(), O("div", hn, [
-    b("div", un, [
+  return E(), O("div", gn, [
+    b("div", pn, [
       b("div", {
         class: "previousYear flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm",
         onClick: D[0] || (D[0] = (N) => Y.selectDate("year", "previous"))
@@ -2098,8 +2105,8 @@ function fn($, D, P, I, T, Y) {
         Q(M, { class: "h-4" })
       ])
     ]),
-    b("div", gn, J(Y.currentDate), 1),
-    b("div", pn, [
+    b("div", fn, J(Y.currentDate), 1),
+    b("div", mn, [
       b("div", {
         class: "previousDay flex items-center cursor-pointer bg-indigo-600 p-1 rounded mx-0.5 hover:bg-indigo-800 shadow-sm",
         onClick: D[3] || (D[3] = (N) => Y.selectDate("day", "next"))
@@ -2124,16 +2131,16 @@ function fn($, D, P, I, T, Y) {
     ])
   ]);
 }
-const mn = /* @__PURE__ */ ei(dn, [["render", fn]]), xn = {
+const bn = /* @__PURE__ */ ei(un, [["render", xn]]), vn = {
   name: "SkeletonTable"
-}, bn = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, vn = { class: "flow-root" }, yn = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, wn = { class: "inline-block min-w-full py-2 align-middle px-1" }, kn = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Sn = { class: "min-w-full divide-y divide-gray-300" }, An = { class: "divide-y divide-gray-200 bg-white" };
-function Cn($, D, P, I, T, Y) {
-  return E(), O("div", bn, [
-    b("div", vn, [
-      b("div", yn, [
-        b("div", wn, [
-          b("div", kn, [
-            b("table", Sn, [
+}, yn = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, wn = { class: "flow-root" }, kn = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Sn = { class: "inline-block min-w-full py-2 align-middle px-1" }, An = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Cn = { class: "min-w-full divide-y divide-gray-300" }, Mn = { class: "divide-y divide-gray-200 bg-white" };
+function Ln($, D, P, I, T, Y) {
+  return E(), O("div", yn, [
+    b("div", wn, [
+      b("div", kn, [
+        b("div", Sn, [
+          b("div", An, [
+            b("table", Cn, [
               D[1] || (D[1] = b("thead", { class: "bg-gray-50" }, [
                 b("tr", null, [
                   b("th", {
@@ -2170,7 +2177,7 @@ function Cn($, D, P, I, T, Y) {
                   ])
                 ])
               ], -1)),
-              b("tbody", An, [
+              b("tbody", Mn, [
                 (E(), O(Re, null, Ne(10, (M) => b("tr", { key: M }, D[0] || (D[0] = [
                   b("td", { class: "whitespace-nowrap py-4 pl-4 pr-3 text-sm font-medium text-gray-900 sm:pl-6" }, [
                     b("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-6" })
@@ -2205,7 +2212,7 @@ function Cn($, D, P, I, T, Y) {
     ])
   ]);
 }
-const Ta = /* @__PURE__ */ ei(xn, [["render", Cn]]);
+const Ta = /* @__PURE__ */ ei(vn, [["render", Ln]]);
 var za = { exports: {} };
 (function($, D) {
   (function(P, I) {
@@ -2219,15 +2226,15 @@ var za = { exports: {} };
     };
   });
 })(za);
-var Mn = za.exports;
-const Ln = /* @__PURE__ */ ia(Mn), Pn = {
+var Pn = za.exports;
+const Tn = /* @__PURE__ */ ia(Pn), zn = {
   name: "calendarDay",
   props: {
     day: Object
   },
   computed: {
     currentDay() {
-      return yt.extend(Ln), {
+      return yt.extend(Tn), {
         dayName: yt(this.day).locale("es").format("ddd"),
         day: yt(this.day).locale("es").format("DD"),
         month: yt(this.day).locale("es").format("MMM."),
@@ -2236,8 +2243,8 @@ const Ln = /* @__PURE__ */ ia(Mn), Pn = {
       };
     }
   }
-}, Tn = { class: "text-xs" }, zn = { class: "font-bold text-lg" }, In = { class: "text-xs font-medium" };
-function En($, D, P, I, T, Y) {
+}, In = { class: "text-xs" }, En = { class: "font-bold text-lg" }, Dn = { class: "text-xs font-medium" };
+function Yn($, D, P, I, T, Y) {
   return E(), O("div", {
     class: me([
       "day select-none text-center",
@@ -2247,12 +2254,12 @@ function En($, D, P, I, T, Y) {
       }
     ])
   }, [
-    b("p", Tn, J(Y.currentDay.dayName), 1),
-    b("p", zn, J(Y.currentDay.day), 1),
-    b("p", In, J(Y.currentDay.month), 1)
+    b("p", In, J(Y.currentDay.dayName), 1),
+    b("p", En, J(Y.currentDay.day), 1),
+    b("p", Dn, J(Y.currentDay.month), 1)
   ], 2);
 }
-const Dn = /* @__PURE__ */ ei(Pn, [["render", En]]), Yn = {
+const Xn = /* @__PURE__ */ ei(zn, [["render", Yn]]), _n = {
   name: "dayPrice",
   props: {
     currency: String,
@@ -2271,9 +2278,9 @@ const Dn = /* @__PURE__ */ ei(Pn, [["render", En]]), Yn = {
       };
     }
   }
-}, Xn = { class: "priceDay" };
-function _n($, D, P, I, T, Y) {
-  return E(), O("div", Xn, [
+}, Rn = { class: "priceDay" };
+function Fn($, D, P, I, T, Y) {
+  return E(), O("div", Rn, [
     b("div", {
       class: me([
         {
@@ -2286,7 +2293,7 @@ function _n($, D, P, I, T, Y) {
     }, J(Y.currentDay.price) + J(P.currency), 3)
   ]);
 }
-const Rn = /* @__PURE__ */ ei(Yn, [["render", _n]]), Fn = {
+const On = /* @__PURE__ */ ei(_n, [["render", Fn]]), Nn = {
   name: "uiPriceCalendar",
   data: () => ({
     today: /* @__PURE__ */ new Date(),
@@ -2316,7 +2323,7 @@ const Rn = /* @__PURE__ */ ei(Yn, [["render", _n]]), Fn = {
       required: !0
     }
   },
-  components: { DateSelector: mn, Day: Dn, Price: Rn, uiButton: Zt, SkeletonTable: Ta },
+  components: { DateSelector: bn, Day: Xn, Price: On, uiButton: Zt, SkeletonTable: Ta },
   computed: {
     days() {
       let $ = [];
@@ -2352,69 +2359,69 @@ const Rn = /* @__PURE__ */ ei(Yn, [["render", _n]]), Fn = {
       this.$emit("changeRoomPrice", $);
     }
   }
-}, On = {
+}, Bn = {
   key: 0,
   class: "px-4 sm:px-6 lg:px-8"
-}, Nn = { class: "flow-root" }, Bn = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Hn = { class: "inline-block min-w-full align-middle" }, Wn = { class: "min-w-full text-sm" }, $n = { class: "bg-white" }, Vn = {
+}, Hn = { class: "flow-root" }, Wn = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, $n = { class: "inline-block min-w-full align-middle" }, Vn = { class: "min-w-full text-sm" }, Gn = { class: "bg-white" }, jn = {
   colspan: "6",
   scope: "colgroup",
   class: "bg-gray-50 py-2 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-3"
-}, Gn = {
+}, Un = {
   colspan: "20",
   scope: "colgroup",
   class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900"
-}, jn = { key: 0 }, Un = {
+}, qn = { key: 0 }, Zn = {
   colspan: "6",
   class: "pl-4"
-}, qn = { key: 1 }, Zn = {
+}, Jn = { key: 1 }, Qn = {
   colspan: "6",
   class: "pl-4"
-}, Jn = { key: 2 }, Qn = {
+}, Kn = { key: 2 }, eo = {
   colspan: "6",
   class: "pl-4"
-}, Kn = {
+}, to = {
   colspan: "20",
   scope: "colgroup",
   class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold text-gray-900 relative"
-}, eo = {
+}, io = {
   key: 0,
   class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-48 bg-white shadow rounded px-4 py-1 z-10"
-}, to = ["onClick"], io = {
+}, ao = ["onClick"], so = {
   colspan: "2",
   scope: "colgroup",
   class: "relative bg-gray-100 py-3.5 pl-4 pr-3 text-left font-semibold text-gray-900"
-}, ao = ["checked", "indeterminate"], so = { class: "pl-6" }, ro = {
+}, ro = ["checked", "indeterminate"], no = { class: "pl-6" }, oo = {
   colspan: "2",
   scope: "colgroup",
   class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900"
-}, no = {
+}, lo = {
   colspan: "2",
   scope: "colgroup",
   class: "bg-gray-100 py-2 pl-4 pr-3 text-left font-semibold text-gray-900"
-}, oo = {
+}, co = {
   colspan: "2",
   class: "relative py-3.5 pl-4 pr-3 text-left text-sm font-semibold text-gray-900 sm:pl-6"
-}, lo = {
+}, ho = {
   key: 0,
   class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600"
-}, co = ["value"], ho = { class: "pl-6" }, uo = {
+}, uo = ["value"], go = { class: "pl-6" }, po = {
   colspan: "2",
   class: "pl-4"
-}, go = {
+}, fo = {
   colspan: "2",
   class: "pl-4"
 };
-function po($, D, P, I, T, Y) {
+function mo($, D, P, I, T, Y) {
   var pe, Pe;
   const M = Bt("DateSelector"), V = Bt("Day"), N = Bt("uiButton"), ee = Bt("Price"), ne = Bt("SkeletonTable");
-  return P.loading ? (E(), Fe(ne, { key: 1 })) : (E(), O("div", On, [
-    b("div", Nn, [
-      b("div", Bn, [
-        b("div", Hn, [
-          b("table", Wn, [
-            b("tbody", $n, [
+  return P.loading ? (E(), Fe(ne, { key: 1 })) : (E(), O("div", Bn, [
+    b("div", Hn, [
+      b("div", Wn, [
+        b("div", $n, [
+          b("table", Vn, [
+            b("tbody", Gn, [
               b("tr", null, [
-                b("th", Vn, [
+                b("th", jn, [
                   Q(M, {
                     selectedDate: $.date,
                     onDateSelected: D[0] || (D[0] = (fe) => Y.changeDate(fe))
@@ -2432,7 +2439,7 @@ function po($, D, P, I, T, Y) {
                 ]))), 128))
               ]),
               b("tr", null, [
-                b("th", Gn, [
+                b("th", Un, [
                   b("span", null, J(P.literals.category) + " " + J(P.category.name), 1),
                   Q(N, {
                     loading: P.loading,
@@ -2447,8 +2454,8 @@ function po($, D, P, I, T, Y) {
                   }, 8, ["loading", "onClick"])
                 ])
               ]),
-              P.type === "discounts" ? (E(), O("tr", jn, [
-                b("td", Un, J(P.literals.pricesDiscount), 1),
+              P.type === "discounts" ? (E(), O("tr", qn, [
+                b("td", Zn, J(P.literals.pricesDiscount), 1),
                 (E(!0), O(Re, null, Ne(P.category.selectionPrices, (fe, H) => (E(), O("td", {
                   key: H,
                   class: "p-0"
@@ -2462,8 +2469,8 @@ function po($, D, P, I, T, Y) {
                   }, null, 8, ["onClick", "price", "currency"])
                 ]))), 128))
               ])) : ze("", !0),
-              P.type === "prices" ? (E(), O("tr", qn, [
-                b("td", Zn, J(P.literals.pricesSelection), 1),
+              P.type === "prices" ? (E(), O("tr", Jn, [
+                b("td", Qn, J(P.literals.pricesSelection), 1),
                 (E(!0), O(Re, null, Ne(P.category.selectionPrices, (fe, H) => (E(), O("td", {
                   key: H,
                   class: "p-0"
@@ -2477,8 +2484,8 @@ function po($, D, P, I, T, Y) {
                   }, null, 8, ["onClick", "price", "currency"])
                 ]))), 128))
               ])) : ze("", !0),
-              P.type === "prices" ? (E(), O("tr", Jn, [
-                b("td", Qn, J(P.literals.pricesUpgrade), 1),
+              P.type === "prices" ? (E(), O("tr", Kn, [
+                b("td", eo, J(P.literals.pricesUpgrade), 1),
                 (E(!0), O(Re, null, Ne(P.category.upgradePrices, (fe, H) => (E(), O("td", {
                   key: H,
                   class: "p-0"
@@ -2493,31 +2500,31 @@ function po($, D, P, I, T, Y) {
                 ]))), 128))
               ])) : ze("", !0),
               b("tr", null, [
-                b("th", Kn, [
-                  ((pe = $.selectedRooms) == null ? void 0 : pe.length) > 0 && ((Pe = P.actions) == null ? void 0 : Pe.length) > 0 ? (E(), O("div", eo, [
+                b("th", to, [
+                  ((pe = $.selectedRooms) == null ? void 0 : pe.length) > 0 && ((Pe = P.actions) == null ? void 0 : Pe.length) > 0 ? (E(), O("div", io, [
                     (E(!0), O(Re, null, Ne(P.actions, (fe, H) => (E(), O("button", {
                       onClick: (ve) => Y.tableAction({ action: fe.id, items: $.selectedRooms }),
                       key: H,
                       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"
-                    }, J(fe.name), 9, to))), 128))
+                    }, J(fe.name), 9, ao))), 128))
                   ])) : ze("", !0),
                   b("span", null, J(P.literals.pricesSelection), 1)
                 ])
               ]),
               b("tr", null, [
-                b("th", io, [
+                b("th", so, [
                   b("input", {
                     type: "checkbox",
                     class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600",
                     checked: Y.indeterminate || $.selectedRooms.length === P.rooms.length,
                     indeterminate: Y.indeterminate,
                     onChange: D[1] || (D[1] = (fe) => $.selectedRooms = fe.target.checked ? P.rooms.map((H) => H.name) : [])
-                  }, null, 40, ao),
-                  b("span", so, J(P.literals.room), 1)
+                  }, null, 40, ro),
+                  b("span", no, J(P.literals.room), 1)
                 ]),
-                b("th", ro, J(P.literals.building), 1),
-                b("th", no, J(P.literals.floor), 1),
+                b("th", oo, J(P.literals.building), 1),
+                b("th", lo, J(P.literals.floor), 1),
                 D[3] || (D[3] = b("th", {
                   colspan: "14",
                   scope: "colgroup",
@@ -2528,20 +2535,20 @@ function po($, D, P, I, T, Y) {
                 key: fe.name,
                 class: me([{ "even:bg-gray-100": P.type === "prices", "odd:bg-gray-100": P.type === "discounts" }])
               }, [
-                b("td", oo, [
-                  $.selectedRooms.includes(fe.name) ? (E(), O("div", lo)) : ze("", !0),
+                b("td", co, [
+                  $.selectedRooms.includes(fe.name) ? (E(), O("div", ho)) : ze("", !0),
                   We(b("input", {
                     type: "checkbox",
                     class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-indigo-600 focus:ring-indigo-600",
                     value: fe.name,
                     "onUpdate:modelValue": D[2] || (D[2] = (H) => $.selectedRooms = H)
-                  }, null, 8, co), [
+                  }, null, 8, uo), [
                     [ga, $.selectedRooms]
                   ]),
-                  b("span", ho, J(fe.name), 1)
+                  b("span", go, J(fe.name), 1)
                 ]),
-                b("td", uo, J(fe.building), 1),
-                b("td", go, J(fe.floor), 1),
+                b("td", po, J(fe.building), 1),
+                b("td", fo, J(fe.floor), 1),
                 (E(!0), O(Re, null, Ne(fe.selectionPrices, (H, ve) => (E(), O("td", {
                   class: "p-0",
                   key: ve
@@ -2562,7 +2569,7 @@ function po($, D, P, I, T, Y) {
     ])
   ]));
 }
-const fo = /* @__PURE__ */ ei(Fn, [["render", po]]);
+const xo = /* @__PURE__ */ ei(Nn, [["render", mo]]);
 var Wi = { exports: {} };
 /*!
  * ApexCharts v3.54.1
@@ -11494,8 +11501,8 @@ rect.legend-mouseover-inactive,
   }();
   $.exports = bi;
 })(Wi, Wi.exports);
-var mo = Wi.exports;
-const oa = /* @__PURE__ */ ia(mo), la = [
+var bo = Wi.exports;
+const oa = /* @__PURE__ */ ia(bo), la = [
   "animationEnd",
   "beforeMount",
   "mounted",
@@ -11652,11 +11659,11 @@ const oa = /* @__PURE__ */ ia(mo), la = [
       class: "vue-apexcharts"
     });
   }
-}), xo = ($) => {
+}), vo = ($) => {
   $.component(Jt.name, Jt);
 };
-Jt.install = xo;
-const bo = { class: "chart-selector flex flex-row items-center justify-center" }, aa = /* @__PURE__ */ Ge({
+Jt.install = vo;
+const yo = { class: "chart-selector flex flex-row items-center justify-center" }, aa = /* @__PURE__ */ Ge({
   __name: "RangeSelector",
   props: { range: { type: String } },
   emits: ["rangeSelected"],
@@ -11666,7 +11673,7 @@ const bo = { class: "chart-selector flex flex-row items-center justify-center" }
     const Y = (M) => {
       T = M, P("rangeSelected", M);
     };
-    return (M, V) => (E(), O("ul", bo, [
+    return (M, V) => (E(), O("ul", yo, [
       b("li", {
         class: me({ selected: K(T) === "24h" }),
         onClick: V[0] || (V[0] = (N) => Y("24h"))
@@ -11685,10 +11692,10 @@ const bo = { class: "chart-selector flex flex-row items-center justify-center" }
       }, "3M", 2)
     ]));
   }
-}), vo = { class: "chart-header flex flex-row items-center w-full justify-between" }, yo = { class: "text-sm font-medium text-gray-500 truncate mr-8" }, wo = {
+}), wo = { class: "chart-header flex flex-row items-center w-full justify-between" }, ko = { class: "text-sm font-medium text-gray-500 truncate mr-8" }, So = {
   key: 0,
   class: "flex items-center gap-x-2 grow"
-}, ko = { class: "self-center ml-2" }, So = { class: "self-center ml-2" }, Ao = { class: "self-center ml-2" }, Co = { class: "chart-content relative" }, Mo = { class: "h-full w-full flex items-center justify-center flex-col" }, Lo = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Po = /* @__PURE__ */ Ge({
+}, Ao = { class: "self-center ml-2" }, Co = { class: "self-center ml-2" }, Mo = { class: "self-center ml-2" }, Lo = { class: "chart-content relative" }, Po = { class: "h-full w-full flex items-center justify-center flex-col" }, To = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, zo = /* @__PURE__ */ Ge({
   __name: "uiChart",
   props: {
     title: {},
@@ -11774,9 +11781,9 @@ const bo = { class: "chart-selector flex flex-row items-center justify-center" }
       We(b("div", {
         class: me(["h-[" + Pe.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
-        b("div", vo, [
-          b("div", yo, J(Pe.title), 1),
-          Pe.isNps && Pe.npsLiterals ? (E(), O("div", wo, [
+        b("div", wo, [
+          b("div", ko, J(Pe.title), 1),
+          Pe.isNps && Pe.npsLiterals ? (E(), O("div", So, [
             Q(Yt, {
               size: "small",
               color: "red",
@@ -11789,7 +11796,7 @@ const bo = { class: "chart-selector flex flex-row items-center justify-center" }
                   color: "red"
                 }, null, 8, ["icon"]),
                 fe[0] || (fe[0] = st()),
-                b("span", ko, J(Pe.npsLiterals.unhappy), 1)
+                b("span", Ao, J(Pe.npsLiterals.unhappy), 1)
               ]),
               _: 1
             }),
@@ -11805,7 +11812,7 @@ const bo = { class: "chart-selector flex flex-row items-center justify-center" }
                   color: "yellow"
                 }, null, 8, ["icon"]),
                 fe[1] || (fe[1] = st()),
-                b("span", So, J(Pe.npsLiterals.neutral), 1)
+                b("span", Co, J(Pe.npsLiterals.neutral), 1)
               ]),
               _: 1
             }),
@@ -11821,7 +11828,7 @@ const bo = { class: "chart-selector flex flex-row items-center justify-center" }
                   color: "green"
                 }, null, 8, ["icon"]),
                 fe[2] || (fe[2] = st()),
-                b("span", Ao, J(Pe.npsLiterals.happy), 1)
+                b("span", Mo, J(Pe.npsLiterals.happy), 1)
               ]),
               _: 1
             })
@@ -11831,7 +11838,7 @@ const bo = { class: "chart-selector flex flex-row items-center justify-center" }
             onRangeSelected: V
           }, null, 8, ["range"])
         ]),
-        We(b("div", Co, [
+        We(b("div", Lo, [
           Q(K(Jt), {
             type: Pe.type,
             series: N.value,
@@ -11845,7 +11852,7 @@ const bo = { class: "chart-selector flex flex-row items-center justify-center" }
         ], 512), [
           [je, !Pe.empty]
         ]),
-        We(b("div", Mo, [
+        We(b("div", Po, [
           Q(et, {
             icon: K(_t),
             color: "gray",
@@ -11859,7 +11866,7 @@ const bo = { class: "chart-selector flex flex-row items-center justify-center" }
       ], 2), [
         [je, !Pe.loading]
       ]),
-      We(b("div", Lo, fe[4] || (fe[4] = [
+      We(b("div", To, fe[4] || (fe[4] = [
         b("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -11890,11 +11897,11 @@ const bo = { class: "chart-selector flex flex-row items-center justify-center" }
       ])
     ], 64));
   }
-}), To = {
+}), Io = {
   name: "uiFooter"
-}, zo = { class: "bg-white" };
-function Io($, D, P, I, T, Y) {
-  return E(), O("footer", zo, D[0] || (D[0] = [
+}, Eo = { class: "bg-white" };
+function Do($, D, P, I, T, Y) {
+  return E(), O("footer", Eo, D[0] || (D[0] = [
     b("div", { class: "mx-auto py-6 px-4 sm:px-6 md:flex md:items-center md:justify-between lg:px-8" }, [
       b("div", { class: "mt-8 md:mt-0 md:order-1" }, [
         b("p", { class: "text-center text-base text-gray-400" }, "© Made by Hotelinking.")
@@ -11902,7 +11909,7 @@ function Io($, D, P, I, T, Y) {
     ], -1)
   ]));
 }
-const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
+const Yo = /* @__PURE__ */ ei(Io, [["render", Do]]), Xo = /* @__PURE__ */ Ge({
   __name: "uiLoadingScreen",
   props: {
     title: {},
@@ -11930,22 +11937,22 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
       ])
     ], 2));
   }
-}), Yo = {
+}), _o = {
   key: 0,
   class: "py-6 flex items-center justify-between"
-}, Xo = { class: "flex-1 flex justify-between sm:hidden" }, _o = {
+}, Ro = { class: "flex-1 flex justify-between sm:hidden" }, Fo = {
   href: "#",
   class: "relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50"
-}, Ro = {
+}, Oo = {
   href: "#",
   class: "ml-3 relative inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50"
-}, Fo = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, Oo = { class: "text-sm text-gray-700" }, No = { class: "font-bold" }, Bo = { class: "font-bold" }, Ho = {
+}, No = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, Bo = { class: "text-sm text-gray-700" }, Ho = { class: "font-bold" }, Wo = { class: "font-bold" }, $o = {
   class: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px",
   "aria-label": "Pagination"
-}, Wo = { class: "sr-only" }, $o = ["onClick"], Vo = { class: "sr-only" }, Go = {
+}, Vo = { class: "sr-only" }, Go = ["onClick"], jo = { class: "sr-only" }, Uo = {
   key: 1,
   class: "py-6 flex flex-row justify-between items-center animate-pulse"
-}, jo = /* @__PURE__ */ Ge({
+}, qo = /* @__PURE__ */ Ge({
   __name: "uiPagination",
   props: {
     current: {},
@@ -11964,36 +11971,36 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
         N.push(ee);
       return N;
     });
-    return (N, ee) => N.loading ? (E(), O("div", Go, ee[4] || (ee[4] = [
+    return (N, ee) => N.loading ? (E(), O("div", Uo, ee[4] || (ee[4] = [
       b("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1),
       b("div", { class: "h-10 w-32 bg-gray-200 rounded dark:bg-gray-300" }, null, -1)
-    ]))) : (E(), O("div", Yo, [
-      b("div", Xo, [
-        b("a", _o, [
+    ]))) : (E(), O("div", _o, [
+      b("div", Ro, [
+        b("a", Fo, [
           Ct(N.$slots, "previous")
         ]),
-        b("a", Ro, [
+        b("a", Oo, [
           Ct(N.$slots, "next")
         ])
       ]),
-      b("div", Fo, [
+      b("div", No, [
         b("div", null, [
-          b("p", Oo, [
+          b("p", Bo, [
             Ct(N.$slots, "showing"),
             ee[2] || (ee[2] = st()),
-            b("span", No, J(N.current + " "), 1),
+            b("span", Ho, J(N.current + " "), 1),
             Ct(N.$slots, "of"),
             ee[3] || (ee[3] = st()),
-            b("span", Bo, J(N.total), 1)
+            b("span", Wo, J(N.total), 1)
           ])
         ]),
         b("div", null, [
-          b("nav", Ho, [
+          b("nav", $o, [
             We(b("button", {
               onClick: ee[0] || (ee[0] = (ne) => P("changePage", N.current - 1)),
               class: "relative inline-flex items-center px-2 py-2 rounded-l-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
             }, [
-              b("span", Wo, [
+              b("span", Vo, [
                 Ct(N.$slots, "previous")
               ]),
               Q(K(Ca), {
@@ -12010,12 +12017,12 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
               class: me([[
                 ne === N.current ? "z-10 bg-indigo-50 border-indigo-500 text-indigo-600" : "bg-white border-gray-300 text-gray-500 hover:bg-gray-50"
               ], "relative inline-flex items-center px-4 py-2 border text-sm font-medium"])
-            }, J(ne), 11, $o))), 128)),
+            }, J(ne), 11, Go))), 128)),
             We(b("button", {
               onClick: ee[1] || (ee[1] = (ne) => P("changePage", N.current + 1)),
               class: "relative inline-flex items-center px-2 py-2 rounded-r-md border border-gray-300 bg-white text-sm font-medium text-gray-500 hover:bg-gray-50"
             }, [
-              b("span", Vo, [
+              b("span", jo, [
                 Ct(N.$slots, "next")
               ]),
               Q(K(di), {
@@ -12030,25 +12037,25 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
       ])
     ]));
   }
-}), Uo = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, qo = { class: "flex flex-col flex-grow overflow-y-auto" }, Zo = { class: "grow flex flex-col" }, Jo = {
+}), Zo = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, Jo = { class: "flex flex-col flex-grow overflow-y-auto" }, Qo = { class: "grow flex flex-col" }, Ko = {
   class: "flex-1 space-y-1",
   "aria-label": "Sidebar"
-}, Qo = { key: 0 }, Ko = ["onClick"], el = {
+}, el = { key: 0 }, tl = ["onClick"], il = {
   key: 1,
   class: "text-left"
-}, tl = {
+}, al = {
   key: 1,
   class: "flex-1 text-left"
-}, il = {
+}, sl = {
   key: 2,
   class: "flex-1"
-}, al = {
+}, rl = {
   key: 0,
   class: "align-left"
-}, sl = {
+}, nl = {
   key: 1,
   class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2"
-}, rl = { class: "h-12 flex flex-row items-center" }, nl = /* @__PURE__ */ Ge({
+}, ol = { class: "h-12 flex flex-row items-center" }, ll = /* @__PURE__ */ Ge({
   __name: "uiSidebar",
   props: {
     navigation: {},
@@ -12060,11 +12067,11 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
   emits: ["sideBarClick"],
   setup($, { emit: D }) {
     const P = D;
-    return (I, T) => (E(), O("div", Uo, [
-      b("div", qo, [
-        b("div", Zo, [
-          b("nav", Jo, [
-            I.loading ? (E(), O(Re, { key: 1 }, Ne(5, (Y) => b("div", rl, T[1] || (T[1] = [
+    return (I, T) => (E(), O("div", Zo, [
+      b("div", Jo, [
+        b("div", Qo, [
+          b("nav", Ko, [
+            I.loading ? (E(), O(Re, { key: 1 }, Ne(5, (Y) => b("div", ol, T[1] || (T[1] = [
               b("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1),
               b("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 grow" }, null, -1)
             ]))), 64)) : (E(!0), O(Re, { key: 0 }, Ne(I.navigation, (Y) => (E(), O(Re, {
@@ -12090,9 +12097,9 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
                         ]),
                         "aria-hidden": "true"
                       }, null, 8, ["loading", "icon", "class"])) : ze("", !0),
-                      I.loading ? (E(), O("div", il, T[0] || (T[0] = [
+                      I.loading ? (E(), O("div", sl, T[0] || (T[0] = [
                         b("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)
-                      ]))) : (E(), O("span", tl, J(Y.name), 1)),
+                      ]))) : (E(), O("span", al, J(Y.name), 1)),
                       Q(K(di), {
                         class: me([M ? "text-black rotate-90" : "text-gray-400", "mr-3 flex-shrink-0 h-3 w-3 transform group-hover:text-gray-400 transition-colors ease-in-out duration-150"])
                       }, null, 8, ["class"])
@@ -12107,7 +12114,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
                         class: me([V.current ? "bg-gray-200" : "hover:text-gray-900 hover:bg-gray-100", "group text-gray-600 w-full flex items-center text-left pl-11 pr-2 py-2 text-sm font-medium rounded-md"])
                       }, {
                         default: be(() => [
-                          I.loading ? (E(), O("div", sl)) : (E(), O("span", al, J(V.name), 1))
+                          I.loading ? (E(), O("div", nl)) : (E(), O("span", rl, J(V.name), 1))
                         ]),
                         _: 2
                       }, 1032, ["onClick", "class"]))), 128))
@@ -12116,7 +12123,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
                   }, 1024)
                 ]),
                 _: 2
-              }, 1024)) : (E(), O("div", Qo, [
+              }, 1024)) : (E(), O("div", el, [
                 b("button", {
                   onClick: (M) => P("sideBarClick", Y.id),
                   class: me([
@@ -12134,8 +12141,8 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
                     ]),
                     "aria-hidden": "true"
                   }, null, 8, ["loading", "icon", "class"])) : ze("", !0),
-                  I.loading ? ze("", !0) : (E(), O("span", el, J(Y.name), 1))
-                ], 10, Ko)
+                  I.loading ? ze("", !0) : (E(), O("span", il, J(Y.name), 1))
+                ], 10, tl)
               ]))
             ], 64))), 128))
           ])
@@ -12143,10 +12150,10 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
       ])
     ]));
   }
-}), ol = { key: 0 }, ll = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, cl = { class: "ml-16 flex items-baseline pb-5" }, dl = { class: "text-2xl font-semibold text-gray-900" }, hl = {
+}), cl = { key: 0 }, dl = { class: "ml-16 text-sm font-medium text-gray-500 truncate" }, hl = { class: "ml-16 flex items-baseline pb-5" }, ul = { class: "text-2xl font-semibold text-gray-900" }, gl = {
   key: 0,
   class: "text-black ml-2 flex items-baseline text-sm font-semibold"
-}, ul = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, gl = { class: "text-sm" }, pl = { key: 1 }, fl = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, ml = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Ia = /* @__PURE__ */ Ge({
+}, pl = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, fl = { class: "text-sm" }, ml = { key: 1 }, xl = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, bl = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Ia = /* @__PURE__ */ Ge({
   __name: "uiStats",
   props: {
     item: {},
@@ -12154,10 +12161,10 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
   },
   emits: ["statClick"],
   setup($, { emit: D }) {
-    return (P, I) => P.loading ? (E(), O("div", pl, [
-      b("div", fl, [
+    return (P, I) => P.loading ? (E(), O("div", ml, [
+      b("div", xl, [
         b("dt", null, [
-          b("div", ml, [
+          b("div", bl, [
             Q(et, {
               loading: P.loading,
               icon: P.item.icon,
@@ -12173,7 +12180,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
           ], -1))
         ])
       ])
-    ])) : (E(), O("div", ol, [
+    ])) : (E(), O("div", cl, [
       b("div", {
         class: me(["relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full", { "pb-12": P.item.showFooter }])
       }, [
@@ -12194,11 +12201,11 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
               loading: P.loading
             }, null, 8, ["icon", "loading"])
           ], 2),
-          b("p", ll, J(P.item.name), 1)
+          b("p", dl, J(P.item.name), 1)
         ]),
-        b("dd", cl, [
-          b("p", dl, J(P.item.stat), 1),
-          P.item.explanation ? (E(), O("p", hl, J(P.item.explanation), 1)) : ze("", !0),
+        b("dd", hl, [
+          b("p", ul, J(P.item.stat), 1),
+          P.item.explanation ? (E(), O("p", gl, J(P.item.explanation), 1)) : ze("", !0),
           P.item.changeType ? (E(), O("p", {
             key: 1,
             class: me([
@@ -12222,8 +12229,8 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
             })) : ze("", !0),
             st(" " + J(P.item.change), 1)
           ], 2)) : ze("", !0),
-          We(b("div", ul, [
-            b("div", gl, [
+          We(b("div", pl, [
+            b("div", fl, [
               b("span", {
                 onClick: I[0] || (I[0] = (T) => P.$emit("statClick", P.item.id)),
                 class: "font-medium text-indigo-600 hover:text-indigo-500 cursor-pointer"
@@ -12236,22 +12243,22 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
       ], 2)
     ]));
   }
-}), xl = {
+}), vl = {
   key: 0,
   class: "overflow-hidden bg-white shadow sm:rounded-lg"
-}, bl = { class: "px-4 py-5 sm:px-6" }, vl = { class: "text-lg font-medium leading-6 text-gray-900" }, yl = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, wl = { class: "border-t border-gray-200" }, kl = { class: "text-sm font-medium text-gray-500" }, Sl = {
+}, yl = { class: "px-4 py-5 sm:px-6" }, wl = { class: "text-lg font-medium leading-6 text-gray-900" }, kl = { class: "mt-1 max-w-2xl text-sm text-gray-500" }, Sl = { class: "border-t border-gray-200" }, Al = { class: "text-sm font-medium text-gray-500" }, Cl = {
   key: 0,
   class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal"
-}, Al = {
+}, Ml = {
   key: 1,
   class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-normal"
-}, Cl = ["onClick"], Ml = {
+}, Ll = ["onClick"], Pl = {
   key: 3,
   class: "mt-1 text-sm text-gray-900 sm:col-span-2 sm:mt-0 break-words"
-}, Ll = {
+}, Tl = {
   key: 1,
   class: "overflow-hidden bg-white shadow sm:rounded-lg"
-}, Pl = { class: "border-t border-gray-200" }, Tl = /* @__PURE__ */ Ge({
+}, zl = { class: "border-t border-gray-200" }, Il = /* @__PURE__ */ Ge({
   __name: "uiStripedCard",
   props: {
     title: {},
@@ -12261,9 +12268,9 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
   },
   emits: ["itemClicked"],
   setup($, { emit: D }) {
-    return (P, I) => P.loading ? (E(), O("div", Ll, [
+    return (P, I) => P.loading ? (E(), O("div", Tl, [
       I[1] || (I[1] = Qt('<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)),
-      b("div", Pl, [
+      b("div", zl, [
         b("dl", null, [
           (E(), O(Re, null, Ne(5, (T) => b("div", {
             key: T,
@@ -12278,19 +12285,19 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
           ]), 2)), 64))
         ])
       ])
-    ])) : (E(), O("div", xl, [
-      b("div", bl, [
-        b("h3", vl, J(P.title), 1),
-        b("p", yl, J(P.subtitle), 1)
+    ])) : (E(), O("div", vl, [
+      b("div", yl, [
+        b("h3", wl, J(P.title), 1),
+        b("p", kl, J(P.subtitle), 1)
       ]),
-      b("div", wl, [
+      b("div", Sl, [
         b("dl", null, [
           (E(!0), O(Re, null, Ne(P.items, (T, Y) => (E(), O("div", {
             key: Y,
             class: me(["px-4 py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6", [Y % 2 === 0 ? "bg-gray-50" : "bg-white"]])
           }, [
-            b("dt", kl, J(T.title), 1),
-            T.type === "tag" ? (E(), O("dd", Sl, [
+            b("dt", Al, J(T.title), 1),
+            T.type === "tag" ? (E(), O("dd", Cl, [
               Q(Yt, {
                 color: T.color
               }, {
@@ -12299,7 +12306,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
                 ]),
                 _: 2
               }, 1032, ["color"])
-            ])) : T.type === "tags" ? (E(), O("dd", Al, [
+            ])) : T.type === "tags" ? (E(), O("dd", Ml, [
               (E(!0), O(Re, null, Ne(T.tags, (M, V) => (E(), Fe(Yt, {
                 loading: P.loading,
                 key: V,
@@ -12315,13 +12322,13 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
               key: 2,
               class: "mt-1 text-sm text-indigo-600 hover:text-indigo-400 sm:col-span-2 sm:mt-0 cursor-pointer",
               onClick: (M) => P.$emit("itemClicked", T.emits)
-            }, J(T.text), 9, Cl)) : (E(), O("dd", Ml, J(T.text), 1))
+            }, J(T.text), 9, Ll)) : (E(), O("dd", Pl, J(T.text), 1))
           ], 2))), 128))
         ])
       ])
     ]));
   }
-}), zl = { 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" }, Il = { class: "ml-2" }, El = {
+}), El = { 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" }, Dl = { class: "ml-2" }, Yl = {
   __name: "tooltip",
   props: {
     tip: {
@@ -12330,7 +12337,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
     }
   },
   setup($) {
-    return (D, P) => (E(), O("div", zl, [
+    return (D, P) => (E(), O("div", El, [
       P[0] || (P[0] = b("svg", {
         class: "absolute -top-3 left-0",
         xmlns: "http://www.w3.org/2000/svg",
@@ -12354,19 +12361,19 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
           size: "big"
         }, null, 8, ["icon"])
       ]),
-      b("span", Il, J($.tip), 1)
+      b("span", Dl, J($.tip), 1)
     ]));
   }
-}, Dl = { key: 0 }, Yl = { class: "flex flex-col" }, Xl = { class: "-my-2 overflow-x-auto" }, _l = { class: "inline-block min-w-full py-2 align-middle px-1" }, Rl = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Fl = {
+}, Xl = { key: 0 }, _l = { class: "flex flex-col" }, Rl = { class: "-my-2 overflow-x-auto" }, Fl = { class: "inline-block min-w-full py-2 align-middle px-1" }, Ol = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Nl = {
   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"
-}, Ol = ["onClick"], Nl = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Bl = { class: "bg-gray-50" }, Hl = ["checked", "indeterminate"], Wl = ["onMouseover", "onMouseleave"], $l = ["onClick"], Vl = {
+}, Bl = ["onClick"], Hl = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Wl = { class: "bg-gray-50" }, $l = ["checked", "indeterminate"], Vl = ["onMouseover", "onMouseleave"], Gl = ["onClick"], jl = {
   key: 2,
   class: "group flex items-center uppercase text-xs"
-}, Gl = { class: "divide-y divide-gray-200 bg-white" }, jl = {
+}, Ul = { class: "divide-y divide-gray-200 bg-white" }, ql = {
   key: 0,
   class: "absolute inset-y-0 left-0 w-0.5 bg-indigo-600"
-}, Ul = ["value"], ql = ["onClick"], Zl = ["href"], Jl = { key: 3 }, Ql = /* @__PURE__ */ Ge({
+}, Zl = ["value"], Jl = ["onClick"], Ql = ["href"], Kl = { key: 3 }, ec = /* @__PURE__ */ Ge({
   __name: "uiTable",
   props: {
     orderedBy: {},
@@ -12392,21 +12399,21 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
     };
     return (ne, pe) => {
       var Pe, fe;
-      return ne.loading ? (E(), Fe(Ta, { key: 1 })) : (E(), O("div", Dl, [
-        b("div", Yl, [
-          b("div", Xl, [
-            b("div", _l, [
-              b("div", Rl, [
-                ((Pe = K(P)) == null ? void 0 : Pe.length) > 0 && ((fe = ne.actions) == null ? void 0 : fe.length) > 0 ? (E(), O("div", Fl, [
+      return ne.loading ? (E(), Fe(Ta, { key: 1 })) : (E(), O("div", Xl, [
+        b("div", _l, [
+          b("div", Rl, [
+            b("div", Fl, [
+              b("div", Ol, [
+                ((Pe = K(P)) == null ? void 0 : Pe.length) > 0 && ((fe = ne.actions) == null ? void 0 : fe.length) > 0 ? (E(), O("div", Nl, [
                   (E(!0), O(Re, null, Ne(ne.actions, (H, ve) => (E(), O("button", {
                     onClick: (Ae) => ne.$emit("tableAction", { action: H.id, items: K(P) }),
                     key: ve,
                     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"
-                  }, J(H.name), 9, Ol))), 128))
+                  }, J(H.name), 9, Bl))), 128))
                 ])) : ze("", !0),
-                b("table", Nl, [
-                  b("thead", Bl, [
+                b("table", Hl, [
+                  b("thead", Wl, [
                     b("tr", null, [
                       b("th", {
                         scope: "col",
@@ -12419,7 +12426,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
                           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: N
-                        }, null, 40, Hl)) : ze("", !0)
+                        }, null, 40, $l)) : ze("", !0)
                       ], 2),
                       (E(!0), O(Re, null, Ne(ne.header, (H, ve) => (E(), O("th", {
                         key: ve,
@@ -12428,7 +12435,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
                         onMouseover: (Ae) => V(H.name, !0),
                         onMouseleave: (Ae) => V(H.name, !1)
                       }, [
-                        H.tooltip ? We((E(), Fe(El, {
+                        H.tooltip ? We((E(), Fe(Yl, {
                           key: 0,
                           tip: H.tooltip
                         }, null, 8, ["tip"])), [
@@ -12451,13 +12458,13 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
                               color: H.value === ne.orderedBy ? "white" : "primary"
                             }, null, 8, ["icon", "loading", "color"])
                           ], 2)
-                        ], 8, $l)) : (E(), O("p", Vl, [
+                        ], 8, Gl)) : (E(), O("p", jl, [
                           b("span", null, J(H.name), 1)
                         ]))
-                      ], 40, Wl))), 128))
+                      ], 40, Vl))), 128))
                     ])
                   ]),
-                  b("tbody", Gl, [
+                  b("tbody", Ul, [
                     (E(!0), O(Re, null, Ne(ne.items, (H, ve) => {
                       var Ae, Ye;
                       return E(), O("tr", {
@@ -12470,14 +12477,14 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
                         b("td", {
                           class: me([((Ae = ne.actions) == null ? void 0 : Ae.length) > 0 ? "w-2" : "w-0", "relative"])
                         }, [
-                          K(P).includes(H.id) ? (E(), O("div", jl)) : ze("", !0),
+                          K(P).includes(H.id) ? (E(), O("div", ql)) : ze("", !0),
                           ((Ye = ne.actions) == null ? void 0 : Ye.length) > 0 ? We((E(), O("input", {
                             key: 1,
                             "onUpdate:modelValue": pe[0] || (pe[0] = (Xe) => pa(P) ? P.value = Xe : P = Xe),
                             value: H.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, Ul)), [
+                          }, null, 8, Zl)), [
                             [ga, K(P)]
                           ]) : ze("", !0)
                         ], 2),
@@ -12501,12 +12508,12 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
                             key: 1,
                             class: "text-indigo-600 hover:text-indigo-400 cursor-pointer",
                             onClick: (xt) => ee(Xe)
-                          }, J(Xe.content), 9, ql)) : typeof Xe == "object" && Xe.type === "href" ? (E(), O("a", {
+                          }, J(Xe.content), 9, Jl)) : typeof Xe == "object" && Xe.type === "href" ? (E(), O("a", {
                             key: 2,
                             class: "text-indigo-600 hover:text-indigo-400 cursor-pointer",
                             href: Xe.href,
                             target: "_blank"
-                          }, J(Xe.content), 9, Zl)) : (E(), O("span", Jl, J(Xe), 1))
+                          }, J(Xe.content), 9, Ql)) : (E(), O("span", Kl, J(Xe), 1))
                         ], 2))), 128))
                       ], 2);
                     }), 128))
@@ -12519,10 +12526,10 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
       ]));
     };
   }
-}), Kl = { class: "lg:hidden" }, ec = ["value"], tc = { class: "hidden lg:block" }, ic = { class: "border-b border-gray-200" }, ac = {
+}), tc = { class: "lg:hidden" }, ic = ["value"], ac = { class: "hidden lg:block" }, sc = { class: "border-b border-gray-200" }, rc = {
   class: "-mb-px flex space-x-8",
   "aria-label": "Tabs"
-}, sc = ["onClick", "aria-current"], rc = /* @__PURE__ */ Ge({
+}, nc = ["onClick", "aria-current"], oc = /* @__PURE__ */ Ge({
   __name: "uiTabs",
   props: {
     tabs: {}
@@ -12534,7 +12541,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
       Y.value && P("tabClicked", Y.value);
     };
     return (T, Y) => (E(), O("div", null, [
-      b("div", Kl, [
+      b("div", tc, [
         b("select", {
           onChange: Y[0] || (Y[0] = (M) => I(M)),
           id: "tabs",
@@ -12544,12 +12551,12 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
           (E(!0), O(Re, null, Ne(T.tabs, (M) => (E(), O("option", {
             value: M.id,
             key: M.name
-          }, J(M.name), 9, ec))), 128))
+          }, J(M.name), 9, ic))), 128))
         ], 32)
       ]),
-      b("div", tc, [
-        b("div", ic, [
-          b("nav", ac, [
+      b("div", ac, [
+        b("div", sc, [
+          b("nav", rc, [
             (E(!0), O(Re, null, Ne(T.tabs, (M) => (E(), O("a", {
               key: M.name,
               onClick: (V) => P("tabClicked", M.id),
@@ -12567,36 +12574,36 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
                   "hidden ml-3 py-0.5 px-2.5 rounded-full text-xs font-medium md:inline-block"
                 ])
               }, J(M.count), 3)) : ze("", !0)
-            ], 10, sc))), 128))
+            ], 10, nc))), 128))
           ])
         ])
       ])
     ]));
   }
-}), nc = { class: "px-4 py-5 sm:px-6" }, oc = { class: "text-xl font-bold" }, lc = {
+}), lc = { class: "px-4 py-5 sm:px-6" }, cc = { class: "text-xl font-bold" }, dc = {
   key: 0,
   class: "px-4 py-5 sm:p-6"
-}, cc = { class: "flow-root" }, dc = { class: "relative pb-8" }, hc = {
+}, hc = { class: "flow-root" }, uc = { class: "relative pb-8" }, gc = {
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, uc = { class: "relative flex space-x-3" }, gc = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, pc = { class: "text-sm text-gray-500" }, fc = ["onClick"], mc = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, xc = ["datetime"], bc = {
+}, pc = { class: "relative flex space-x-3" }, fc = { class: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4 items-center" }, mc = { class: "text-sm text-gray-500" }, xc = ["onClick"], bc = { class: "text-right text-sm whitespace-nowrap text-gray-500" }, vc = ["datetime"], yc = {
   key: 1,
   class: "bg-gray-50 px-4 py-4 sm:px-6 z-10"
-}, vc = { class: "text-sm" }, yc = {
+}, wc = { class: "text-sm" }, kc = {
   key: 2,
   class: "h-full w-full flex items-center justify-center flex-col mb-5"
-}, wc = {
+}, Sc = {
   key: 1,
   class: "bg-white overflow-hidden shadow rounded-lg"
-}, kc = { class: "px-4 py-5 sm:p-6 animate-pulse" }, Sc = { class: "flow-root" }, Ac = {
+}, Ac = { class: "px-4 py-5 sm:p-6 animate-pulse" }, Cc = { class: "flow-root" }, Mc = {
   class: "-mb-8",
   role: "list"
-}, Cc = { class: "relative pb-8" }, Mc = {
+}, Lc = { class: "relative pb-8" }, Pc = {
   key: 0,
   class: "absolute left-4 top-4 -ml-px h-full w-0.5 bg-gray-200",
   "aria-hidden": "true"
-}, Lc = /* @__PURE__ */ Ge({
+}, Tc = /* @__PURE__ */ Ge({
   __name: "uiTimeline",
   props: {
     name: {},
@@ -12607,18 +12614,18 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
   },
   setup($) {
     const P = fa($.timeline);
-    return (I, T) => I.loading ? (E(), O("div", wc, [
+    return (I, T) => I.loading ? (E(), O("div", Sc, [
       T[3] || (T[3] = b("div", { class: "px-4 py-5 sm:px-6 animate-pulse" }, [
         b("h1", { class: "text-xl font-bold" }, [
           b("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/4" })
         ])
       ], -1)),
-      b("div", kc, [
-        b("div", Sc, [
-          b("ul", Ac, [
+      b("div", Ac, [
+        b("div", Cc, [
+          b("ul", Mc, [
             (E(), O(Re, null, Ne(10, (Y, M) => b("li", { key: M }, [
-              b("div", Cc, [
-                Y !== 10 ? (E(), O("span", Mc)) : ze("", !0),
+              b("div", Lc, [
+                Y !== 10 ? (E(), O("span", Pc)) : ze("", !0),
                 T[2] || (T[2] = Qt('<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))
@@ -12634,11 +12641,11 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
       key: 0,
       class: me(["h-[" + I.height + "px]", "bg-white overflow-hidden shadow rounded-lg"])
     }, [
-      b("div", nc, [
-        b("h1", oc, J(I.name), 1)
+      b("div", lc, [
+        b("h1", cc, J(I.name), 1)
       ]),
-      P.items ? (E(), O("div", lc, [
-        b("div", cc, [
+      P.items ? (E(), O("div", dc, [
+        b("div", hc, [
           Q(Ba, {
             name: "list",
             tag: "ul",
@@ -12648,9 +12655,9 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
               (E(!0), O(Re, null, Ne(P.items, (Y, M) => {
                 var V;
                 return E(), O("li", { key: M }, [
-                  b("div", dc, [
-                    M < ((V = P.items) == null ? void 0 : V.length) - 1 ? (E(), O("span", hc)) : ze("", !0),
-                    b("div", uc, [
+                  b("div", uc, [
+                    M < ((V = P.items) == null ? void 0 : V.length) - 1 ? (E(), O("span", gc)) : ze("", !0),
+                    b("div", pc, [
                       b("div", null, [
                         b("span", {
                           class: me([(Y == null ? void 0 : Y.iconBackground) || "bg-indigo-600", "h-8 w-8 rounded-full flex items-center justify-center ring-4 ring-white"])
@@ -12664,20 +12671,20 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
                           }, null, 8, ["loading", "icon"])
                         ], 2)
                       ]),
-                      b("div", gc, [
+                      b("div", fc, [
                         b("div", null, [
-                          b("p", pc, [
+                          b("p", mc, [
                             b("a", {
                               onClick: (N) => I.$emit("timelineEventClicked", Y == null ? void 0 : Y.linkId),
                               class: "font-medium text-indigo-600 hover:text-indigo-800 cursor-pointer"
-                            }, J(Y == null ? void 0 : Y.target), 9, fc),
+                            }, J(Y == null ? void 0 : Y.target), 9, xc),
                             st(" " + J(Y == null ? void 0 : Y.content), 1)
                           ])
                         ]),
-                        b("div", mc, [
+                        b("div", bc, [
                           b("time", {
                             datetime: Y == null ? void 0 : Y.datetime
-                          }, J(Y == null ? void 0 : Y.date), 9, xc)
+                          }, J(Y == null ? void 0 : Y.date), 9, vc)
                         ])
                       ])
                     ])
@@ -12689,14 +12696,14 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
           })
         ])
       ])) : ze("", !0),
-      P.items ? (E(), O("div", bc, [
-        b("div", vc, [
+      P.items ? (E(), O("div", yc, [
+        b("div", wc, [
           b("a", {
             class: "cursor-pointer font-medium text-indigo-600 hover:text-indigo-500",
             onClick: T[0] || (T[0] = (Y) => I.$emit("timelineFooterClicked", I.timeline.id))
           }, J(I.timeline.footerText), 1)
         ])
-      ])) : (E(), O("div", yc, [
+      ])) : (E(), O("div", kc, [
         Q(et, {
           icon: K(_t),
           color: "gray",
@@ -12707,10 +12714,10 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
       ]))
     ], 2));
   }
-}), Pc = { class: "mx-auto px-6 lg:px-8" }, Tc = { class: "flex justify-between h-20" }, zc = { class: "flex" }, Ic = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, Ec = ["src"], Dc = { class: "flex items-center" }, Yc = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, Xc = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, _c = ["src"], Rc = ["onClick"], Fc = { class: "pt-2 pb-3 space-y-1" }, Oc = ["onClick"], Nc = { class: "pt-4 pb-3 border-t border-gray-200" }, Bc = { class: "flex items-center px-4 sm:px-6" }, Hc = { class: "flex-shrink-0" }, Wc = ["src"], $c = {
+}), zc = { class: "mx-auto px-6 lg:px-8" }, Ic = { class: "flex justify-between h-20" }, Ec = { class: "flex" }, Dc = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, Yc = ["src"], Xc = { class: "flex items-center" }, _c = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, Rc = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Fc = ["src"], Oc = ["onClick"], Nc = { class: "pt-2 pb-3 space-y-1" }, Bc = ["onClick"], Hc = { class: "pt-4 pb-3 border-t border-gray-200" }, Wc = { class: "flex items-center px-4 sm:px-6" }, $c = { class: "flex-shrink-0" }, Vc = ["src"], Gc = {
   key: 0,
   class: "ml-3"
-}, Vc = { class: "text-base font-medium text-gray-800" }, Gc = { class: "text-sm font-medium text-gray-500" }, jc = { class: "mt-3 space-y-1" }, Uc = ["onClick"], qc = /* @__PURE__ */ Ge({
+}, jc = { class: "text-base font-medium text-gray-800" }, Uc = { class: "text-sm font-medium text-gray-500" }, qc = { class: "mt-3 space-y-1" }, Zc = ["onClick"], Jc = /* @__PURE__ */ Ge({
   __name: "uiTopbar",
   props: {
     logo: {},
@@ -12727,10 +12734,10 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
       class: "bg-white shadow z-10"
     }, {
       default: be(({ open: T }) => [
-        b("div", Pc, [
-          b("div", Tc, [
-            b("div", zc, [
-              b("div", Ic, [
+        b("div", zc, [
+          b("div", Ic, [
+            b("div", Ec, [
+              b("div", Dc, [
                 Q(K(Ht), { 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: be(() => [
                     I[1] || (I[1] = b("span", { class: "sr-only" }, "Open main menu", -1)),
@@ -12755,11 +12762,11 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
                   class: "h-10",
                   src: P.logo,
                   alt: "Hotelinking suite product logo"
-                }, null, 8, Ec)
+                }, null, 8, Yc)
               ])
             ]),
-            b("div", Dc, [
-              b("div", Yc, [
+            b("div", Xc, [
+              b("div", _c, [
                 Q(K(Gi), {
                   as: "div",
                   class: "ml-3 relative"
@@ -12768,7 +12775,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
                     b("div", null, [
                       We(Q(K(ji), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
                         default: be(() => [
-                          We(b("div", Xc, I[2] || (I[2] = [
+                          We(b("div", Rc, I[2] || (I[2] = [
                             b("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                           ]), 512), [
                             [je, P.alerted]
@@ -12776,7 +12783,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
                           b("img", {
                             class: "h-10 w-10 rounded-full",
                             src: P.accountLogo
-                          }, null, 8, _c)
+                          }, null, 8, Fc)
                         ]),
                         _: 1
                       }, 512), [
@@ -12804,7 +12811,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
                                     M ? "bg-gray-100" : "",
                                     "block px-4 py-2 text-sm text-gray-700"
                                   ]])
-                                }, J(Y.name), 11, Rc)
+                                }, J(Y.name), 11, Oc)
                               ]),
                               _: 2
                             }, 1024))), 128))
@@ -12823,7 +12830,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
         ]),
         Q(K(ea), { class: "lg:hidden" }, {
           default: be(() => [
-            b("div", Fc, [
+            b("div", Nc, [
               (E(!0), O(Re, null, Ne(P.navigation, (Y) => (E(), Fe(K(Ht), {
                 as: "template",
                 key: Y.name,
@@ -12835,25 +12842,25 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
                 default: be(() => [
                   b("p", {
                     onClick: (M) => P.$emit("topBarClick", Y.id)
-                  }, J(Y.name), 9, Oc)
+                  }, J(Y.name), 9, Bc)
                 ]),
                 _: 2
               }, 1032, ["class"]))), 128))
             ]),
-            b("div", Nc, [
-              b("div", Bc, [
-                b("div", Hc, [
+            b("div", Hc, [
+              b("div", Wc, [
+                b("div", $c, [
                   b("img", {
                     class: "h-10 w-10 rounded-full",
                     src: P.accountLogo
-                  }, null, 8, Wc)
+                  }, null, 8, Vc)
                 ]),
-                P.brand ? (E(), O("div", $c, [
-                  b("div", Vc, J(P.brand.title), 1),
-                  b("div", Gc, J(P.brand.subtitle), 1)
+                P.brand ? (E(), O("div", Gc, [
+                  b("div", jc, J(P.brand.title), 1),
+                  b("div", Uc, J(P.brand.subtitle), 1)
                 ])) : ze("", !0)
               ]),
-              b("div", jc, [
+              b("div", qc, [
                 (E(!0), O(Re, null, Ne(P.profileMenu, (Y) => (E(), Fe(K(Ht), {
                   as: "template",
                   key: Y.name,
@@ -12862,7 +12869,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
                   default: be(() => [
                     b("p", {
                       onClick: (M) => P.$emit("topBarClick", Y.id)
-                    }, J(Y.name), 9, Uc)
+                    }, J(Y.name), 9, Zc)
                   ]),
                   _: 2
                 }, 1024))), 128))
@@ -12875,7 +12882,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
       _: 1
     }));
   }
-}), Zc = { class: "chart-header flex flex-row justify-between" }, Jc = { class: "text-sm font-medium text-gray-500 truncate" }, Qc = { class: "chart-content" }, Kc = { class: "h-full w-full flex items-center justify-center flex-col" }, ed = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, td = /* @__PURE__ */ Ge({
+}), Qc = { class: "chart-header flex flex-row justify-between" }, Kc = { class: "text-sm font-medium text-gray-500 truncate" }, ed = { class: "chart-content" }, td = { class: "h-full w-full flex items-center justify-center flex-col" }, id = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, ad = /* @__PURE__ */ Ge({
   __name: "uiFunnelChartV2",
   props: {
     title: {},
@@ -12938,14 +12945,14 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
       We(b("div", {
         class: me(["h-[" + ee.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
-        b("div", Zc, [
-          b("div", Jc, J(ee.title), 1),
+        b("div", Qc, [
+          b("div", Kc, J(ee.title), 1),
           Q(aa, {
             range: ee.range,
             onRangeSelected: ne[0] || (ne[0] = (pe) => ee.$emit("selectedRange", { range: pe, chartId: ee.id }))
           }, null, 8, ["range"])
         ]),
-        We(b("div", Qc, [
+        We(b("div", ed, [
           Q(K(Jt), {
             type: ee.type,
             series: M.value,
@@ -12959,7 +12966,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
         ], 512), [
           [je, !ee.empty]
         ]),
-        We(b("div", Kc, [
+        We(b("div", td, [
           Q(et, {
             icon: K(_t),
             color: "gray",
@@ -12973,7 +12980,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
       ], 2), [
         [je, !ee.loading]
       ]),
-      We(b("div", ed, ne[2] || (ne[2] = [
+      We(b("div", id, ne[2] || (ne[2] = [
         b("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -13004,7 +13011,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
       ])
     ], 64));
   }
-}), id = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, ad = { class: "text-2xl mt-4 font-bold" }, sd = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, rd = /* @__PURE__ */ Ge({
+}), sd = { class: "w-full flex flex-col items-center justify-center p-10 grow" }, rd = { class: "text-2xl mt-4 font-bold" }, nd = { class: "buttons flex flex-row items-center justify-center mt-8 gap-x-1" }, od = /* @__PURE__ */ Ge({
   __name: "uiNoResults",
   props: {
     title: {},
@@ -13015,16 +13022,16 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
   },
   emits: ["action", "noResultsOptionSelected"],
   setup($) {
-    return (D, P) => (E(), O("div", id, [
+    return (D, P) => (E(), O("div", sd, [
       Q(et, {
         loading: !1,
         icon: K(_t),
         size: "massive",
         color: "gray"
       }, null, 8, ["icon"]),
-      b("h2", ad, J(D.title), 1),
+      b("h2", rd, J(D.title), 1),
       b("p", null, J(D.message), 1),
-      b("div", sd, [
+      b("div", nd, [
         (E(!0), O(Re, null, Ne(D.actions, (I, T) => (E(), Fe(Zt, {
           key: T,
           loading: !1,
@@ -13044,7 +13051,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
       ])
     ]));
   }
-}), nd = { class: "fixed inset-0 overflow-hidden" }, od = { class: "absolute inset-0 overflow-hidden" }, ld = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, cd = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, dd = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, hd = { class: "flex items-center justify-between" }, ud = { class: "ml-3 flex h-7 items-center" }, gd = { class: "mt-1" }, pd = { class: "text-sm text-indigo-300" }, fd = { class: "relative flex-1 px-4 py-6 sm:px-6" }, md = /* @__PURE__ */ Ge({
+}), ld = { class: "fixed inset-0 overflow-hidden" }, cd = { class: "absolute inset-0 overflow-hidden" }, dd = { class: "pointer-events-none fixed inset-y-0 right-0 flex max-w-full pl-10" }, hd = { class: "flex h-full flex-col overflow-y-scroll bg-white shadow-xl" }, ud = { class: "bg-indigo-700 px-4 py-6 sm:px-6" }, gd = { class: "flex items-center justify-between" }, pd = { class: "ml-3 flex h-7 items-center" }, fd = { class: "mt-1" }, md = { class: "text-sm text-indigo-300" }, xd = { class: "relative flex-1 px-4 py-6 sm:px-6" }, bd = /* @__PURE__ */ Ge({
   __name: "uiRightSidebar",
   props: {
     title: {},
@@ -13065,9 +13072,9 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
         }, {
           default: be(() => [
             I[4] || (I[4] = b("div", { class: "fixed inset-0" }, null, -1)),
-            b("div", nd, [
-              b("div", od, [
-                b("div", ld, [
+            b("div", ld, [
+              b("div", cd, [
+                b("div", dd, [
                   Q(K(qt), {
                     as: "template",
                     enter: "transform transition ease-in-out duration-500 sm:duration-700",
@@ -13080,16 +13087,16 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
                     default: be(() => [
                       Q(K(Qi), { class: "pointer-events-auto w-screen max-w-md" }, {
                         default: be(() => [
-                          b("div", cd, [
-                            b("div", dd, [
-                              b("div", hd, [
+                          b("div", hd, [
+                            b("div", ud, [
+                              b("div", gd, [
                                 Q(K(wa), { class: "text-base font-semibold leading-6 text-white" }, {
                                   default: be(() => [
                                     st(J(P.title), 1)
                                   ]),
                                   _: 1
                                 }),
-                                b("div", ud, [
+                                b("div", pd, [
                                   b("button", {
                                     type: "button",
                                     class: "relative rounded-md bg-indigo-700 text-indigo-200 hover:text-white outline-none",
@@ -13104,11 +13111,11 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
                                   ])
                                 ])
                               ]),
-                              b("div", gd, [
-                                b("p", pd, J(P.description), 1)
+                              b("div", fd, [
+                                b("p", md, J(P.description), 1)
                               ])
                             ]),
-                            b("div", fd, [
+                            b("div", xd, [
                               Ct(P.$slots, "default")
                             ])
                           ])
@@ -13128,15 +13135,15 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
       _: 3
     }, 8, ["show"]));
   }
-}), xd = { class: "uiGallery" }, bd = {
+}), vd = { class: "uiGallery" }, yd = {
   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"
-}, vd = { 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" }, yd = ["src"], wd = ["onClick"], kd = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Sd = { class: "flex items-center justify-between" }, Ad = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, Cd = {
+}, wd = { 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" }, kd = ["src"], Sd = ["onClick"], Ad = { class: "pointer-events-none mt-2 block truncate text-sm font-medium text-gray-900" }, Cd = { class: "flex items-center justify-between" }, Md = { class: "pointer-events-none block text-sm font-medium text-gray-500" }, Ld = {
   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"
-}, Md = /* @__PURE__ */ Ge({
+}, Pd = /* @__PURE__ */ Ge({
   __name: "uiGallery",
   props: {
     galleryId: {},
@@ -13149,7 +13156,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
     const P = D, I = dt(!1), T = (Y) => {
       I.value = !1, P("modalAction", Y);
     };
-    return (Y, M) => (E(), O("div", xd, [
+    return (Y, M) => (E(), O("div", vd, [
       Y.loading ? ze("", !0) : (E(), Fe(La, {
         key: 0,
         open: I.value,
@@ -13164,32 +13171,32 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
         ]),
         _: 1
       }, 8, ["open", "title", "actions"])),
-      Y.loading ? (E(), O("ul", Cd, [
+      Y.loading ? (E(), O("ul", Ld, [
         (E(), O(Re, null, Ne(4, (V) => b("li", null, M[2] || (M[2] = [
           b("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),
           b("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28 mt-4" }, null, -1),
           b("p", { class: "animate-pulse h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-14 mt-2" }, null, -1)
         ]))), 64))
-      ])) : (E(), O("ul", bd, [
+      ])) : (E(), O("ul", yd, [
         (E(!0), O(Re, null, Ne(Y.gallery, (V) => (E(), O("li", {
           key: V.source,
           class: "relative"
         }, [
-          b("div", vd, [
+          b("div", wd, [
             b("img", {
               src: V.source,
               alt: "",
               class: "pointer-events-none object-cover group-hover:opacity-75"
-            }, null, 8, yd),
+            }, null, 8, kd),
             b("button", {
               type: "button",
               class: "absolute inset-0 focus:outline-none",
               onClick: (N) => Y.$emit("imgClicked", V)
-            }, null, 8, wd)
+            }, null, 8, Sd)
           ]),
-          b("p", kd, J(V.title), 1),
-          b("div", Sd, [
-            b("p", Ad, J(V.size), 1),
+          b("p", Ad, J(V.title), 1),
+          b("div", Cd, [
+            b("p", Md, J(V.size), 1),
             Q(et, {
               class: "cursor-pointer",
               icon: K(ms),
@@ -13215,10 +13222,10 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
       })) : ze("", !0)
     ]));
   }
-}), Ld = { 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" }, Pd = { class: "flex flex-row items-center w-full" }, Td = { class: "content text-sm grow" }, zd = { class: "font-bold" }, Id = { key: 0 }, Ed = { class: "font-bold text-gray-400" }, Dd = {
+}), Td = { 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" }, zd = { class: "flex flex-row items-center w-full" }, Id = { class: "content text-sm grow" }, Ed = { class: "font-bold" }, Dd = { key: 0 }, Yd = { class: "font-bold text-gray-400" }, Xd = {
   key: 1,
   class: "animate-pulse"
-}, Yd = /* @__PURE__ */ Ge({
+}, _d = /* @__PURE__ */ Ge({
   __name: "uiDragAndDrop",
   props: {
     elements: {},
@@ -13234,7 +13241,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
     const Y = (M) => {
       P("dragAndDropUpdated", M);
     };
-    return (M, V) => M.loading ? (E(), O("div", Dd, V[2] || (V[2] = [
+    return (M, V) => M.loading ? (E(), O("div", Xd, V[2] || (V[2] = [
       Qt('<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)
     ]))) : (E(), Fe(K(Ua), {
       key: 0,
@@ -13245,8 +13252,8 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
       ]
     }, {
       item: be(({ item: N }) => [
-        b("div", Ld, [
-          b("div", Pd, [
+        b("div", Td, [
+          b("div", zd, [
             Q(et, {
               icon: K(ns),
               loading: !1,
@@ -13254,18 +13261,18 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
               class: "mr-4",
               size: "big"
             }, null, 8, ["icon"]),
-            b("div", Td, [
-              b("p", zd, J(N.name), 1),
-              N.description ? (E(), O("p", Id, J(N.description), 1)) : ze("", !0)
+            b("div", Id, [
+              b("p", Ed, J(N.name), 1),
+              N.description ? (E(), O("p", Dd, J(N.description), 1)) : ze("", !0)
             ]),
-            b("div", Ed, J(K(T).indexOf(N) + 1), 1)
+            b("div", Yd, J(K(T).indexOf(N) + 1), 1)
           ])
         ])
       ]),
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Xd = { class: "chart-header flex flex-row justify-between" }, _d = { class: "text-sm font-medium text-gray-500 truncate" }, Rd = { class: "chart-content" }, Fd = { class: "h-full w-full flex items-center justify-center flex-col" }, Od = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Nd = /* @__PURE__ */ Ge({
+}), Rd = { class: "chart-header flex flex-row justify-between" }, Fd = { class: "text-sm font-medium text-gray-500 truncate" }, Od = { class: "chart-content" }, Nd = { class: "h-full w-full flex items-center justify-center flex-col" }, Bd = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, Hd = /* @__PURE__ */ Ge({
   __name: "uiCircleChart",
   props: {
     title: {},
@@ -13325,14 +13332,14 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
       We(b("div", {
         class: me(["h-[" + ne.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
-        b("div", Xd, [
-          b("div", _d, J(ne.title), 1),
+        b("div", Rd, [
+          b("div", Fd, J(ne.title), 1),
           Q(aa, {
             range: ne.range,
             onRangeSelected: pe[0] || (pe[0] = (Pe) => ne.$emit("selectedRange", { range: Pe, chartId: ne.id }))
           }, null, 8, ["range"])
         ]),
-        We(b("div", Rd, [
+        We(b("div", Od, [
           Q(K(Jt), {
             class: "flex items-center justify-center",
             type: "donut",
@@ -13346,7 +13353,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
         ], 512), [
           [je, !ne.empty]
         ]),
-        We(b("div", Fd, [
+        We(b("div", Nd, [
           Q(et, {
             icon: K(_t),
             color: "gray",
@@ -13360,7 +13367,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
       ], 2), [
         [je, !ne.loading]
       ]),
-      We(b("div", Od, pe[2] || (pe[2] = [
+      We(b("div", Bd, pe[2] || (pe[2] = [
         b("div", {
           role: "status",
           class: "w-full animate-pulse h-full flex flex-col"
@@ -13391,13 +13398,13 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
       ])
     ], 64));
   }
-}), Bd = {
+}), Wd = {
   key: 0,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, Hd = {
+}, $d = {
   key: 1,
   class: "flex flex-col lg:flex-row w-full gap-y-4 gap-x-2"
-}, Wd = /* @__PURE__ */ Ge({
+}, Vd = /* @__PURE__ */ Ge({
   __name: "uiDateRange",
   props: {
     id: {},
@@ -13417,7 +13424,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
     };
     return (I, T) => {
       var Y, M, V, N;
-      return I.loading ? (E(), O("div", Hd, [
+      return I.loading ? (E(), O("div", $d, [
         Q(Ut, {
           name: "dateFrom",
           loading: !0
@@ -13432,7 +13439,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
           ])),
           _: 1
         })
-      ])) : (E(), O("div", Bd, [
+      ])) : (E(), O("div", Wd, [
         Q(Ut, {
           type: "date",
           loading: !1,
@@ -13477,7 +13484,7 @@ const Eo = /* @__PURE__ */ ei(To, [["render", Io]]), Do = /* @__PURE__ */ Ge({
 function yi($) {
   return [null, void 0, !1].indexOf($) !== -1;
 }
-function $d($) {
+function Gd($) {
   return $ && $.__esModule && Object.prototype.hasOwnProperty.call($, "default") ? $.default : $;
 }
 function Ea($) {
@@ -13543,7 +13550,7 @@ var ca = Ea(function($, D) {
     }
     return fe;
   }();
-}), Vd = $d(Ea(function($, D) {
+}), jd = Gd(Ea(function($, D) {
   (function(P) {
     function I(B) {
       return T(B) && typeof B.from == "function";
@@ -14320,7 +14327,7 @@ var $i = { name: "Slider", emits: ["input", "update:modelValue", "start", "slide
     }, Ue = (we) => {
       V.emit("input", we), V.emit("update:modelValue", we), V.emit("update", we);
     }, tt = () => {
-      re.value = Vd.create(ce.value, Object.assign({}, ke.value, Xe.value)), pe.value && Te.value && ve.value >= 0 && le(ce.value, ve.value, " - "), re.value.on("set", () => {
+      re.value = jd.create(ce.value, Object.assign({}, ke.value, Xe.value)), pe.value && Te.value && ve.value >= 0 && le(ce.value, ve.value, " - "), re.value.on("set", () => {
         const we = Ce();
         V.emit("change", we), V.emit("set", we), F.value && Ue(we);
       }), re.value.on("update", () => {
@@ -14366,16 +14373,16 @@ var $i = { name: "Slider", emits: ["input", "update:modelValue", "start", "slide
 $i.render = function($, D, P, I, T, Y) {
   return E(), O("div", Wa($.sliderProps, { ref: "slider" }), null, 16);
 }, $i.__file = "src/Slider.vue";
-const Gd = { class: "flex justify-between items-center" }, jd = {
+const Ud = { class: "flex justify-between items-center" }, qd = {
   key: 0,
   class: "block text-sm font-medium text-gray-700"
-}, Ud = {
+}, Zd = {
   key: 1,
   class: "text-[10px] text-gray-500 uppercase justify-self-end"
-}, qd = {
+}, Jd = {
   key: 1,
   class: "h-2 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 w-full"
-}, Zd = /* @__PURE__ */ Ge({
+}, Qd = /* @__PURE__ */ Ge({
   __name: "uiRangeSlider",
   props: {
     loading: { type: Boolean, default: !0 },
@@ -14390,14 +14397,14 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
   setup($, { emit: D }) {
     const P = D, T = dt($.sliderValue);
     return (Y, M) => (E(), O("div", null, [
-      b("div", Gd, [
-        Y.label ? (E(), O("label", jd, J(Y.label), 1)) : ze("", !0),
-        Y.requiredText ? (E(), O("span", Ud, J(Y.requiredText), 1)) : ze("", !0)
+      b("div", Ud, [
+        Y.label ? (E(), O("label", qd, J(Y.label), 1)) : ze("", !0),
+        Y.requiredText ? (E(), O("span", Zd, J(Y.requiredText), 1)) : ze("", !0)
       ]),
       b("div", {
         class: me([{ "mt-1": Y.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"])
       }, [
-        Y.loading ? (E(), O("p", qd)) : (E(), Fe(K($i), {
+        Y.loading ? (E(), O("p", Jd)) : (E(), Fe(K($i), {
           key: 0,
           modelValue: T.value,
           "onUpdate:modelValue": M[0] || (M[0] = (V) => T.value = V),
@@ -14413,7 +14420,7 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
       ], 2)
     ]));
   }
-}), Jd = { class: "mt-1 mb-8 text-sm text-gray-500" }, Qd = /* @__PURE__ */ Ge({
+}), Kd = { class: "mt-1 mb-8 text-sm text-gray-500" }, eh = /* @__PURE__ */ Ge({
   __name: "uiSectionTitle",
   props: {
     title: {},
@@ -14424,16 +14431,16 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
       b("h3", {
         class: me(["text-lg font-medium leading-6 text-gray-900", { "mb-8": D.description === void 0 }])
       }, J(D.title), 3),
-      b("p", Jd, J(D.description), 1)
+      b("p", Kd, J(D.description), 1)
     ], 64));
   }
-}), Kd = {
+}), th = {
   key: 0,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, eh = { class: "flex flex-1 flex-col p-8" }, th = { class: "text-2xl font-bold text-gray-900" }, ih = { class: "mt-1 flex flex-grow flex-col justify-between" }, ah = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, sh = {
+}, ih = { class: "flex flex-1 flex-col p-8" }, ah = { class: "text-2xl font-bold text-gray-900" }, sh = { class: "mt-1 flex flex-grow flex-col justify-between" }, rh = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, nh = {
   key: 1,
   class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, rh = { class: "flex flex-1 flex-col p-8" }, nh = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, oh = { class: "mt-1 flex flex-grow flex-col justify-between" }, lh = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, ch = /* @__PURE__ */ Ge({
+}, oh = { class: "flex flex-1 flex-col p-8" }, lh = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, ch = { class: "mt-1 flex flex-grow flex-col justify-between" }, dh = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, hh = /* @__PURE__ */ Ge({
   __name: "uiDeviceStatus",
   props: {
     id: {},
@@ -14445,9 +14452,9 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
     loading: { type: Boolean, default: !0 }
   },
   setup($) {
-    return (D, P) => D.loading ? (E(), O("div", sh, [
-      b("div", rh, [
-        b("div", nh, [
+    return (D, P) => D.loading ? (E(), O("div", nh, [
+      b("div", oh, [
+        b("div", lh, [
           Q(et, {
             icon: D.icon,
             size: "huge",
@@ -14457,8 +14464,8 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
           }, null, 8, ["icon", "loading"])
         ]),
         P[3] || (P[3] = b("div", { class: "h-4 bg-gray-200 rounded-full dark:bg-gray-300 w-1/3 mx-auto" }, null, -1)),
-        b("dl", oh, [
-          b("dd", lh, [
+        b("dl", ch, [
+          b("dd", dh, [
             (E(!0), O(Re, null, Ne(D.tags, (I, T) => (E(), Fe(Yt, {
               key: T,
               loading: D.loading,
@@ -14474,8 +14481,8 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
           ])
         ])
       ])
-    ])) : (E(), O("div", Kd, [
-      b("div", eh, [
+    ])) : (E(), O("div", th, [
+      b("div", ih, [
         b("div", {
           class: me(["rounded-md p-3 flex items-center justify-center mx-auto mb-4", {
             "bg-green-500": !D.color || D.color === "green",
@@ -14494,7 +14501,7 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
             loading: !1
           }, null, 8, ["icon"])
         ], 2),
-        b("h3", th, [
+        b("h3", ah, [
           st(J(D.name) + " ", 1),
           We(b("span", {
             class: "text-indigo-600 hover:text-indigo-900 cursor-pointer",
@@ -14503,8 +14510,8 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
             [je, D.qty > 0]
           ])
         ]),
-        b("dl", ih, [
-          b("dd", ah, [
+        b("dl", sh, [
+          b("dd", rh, [
             (E(!0), O(Re, null, Ne(D.tags, (I, T) => (E(), Fe(Yt, {
               key: T,
               loading: !1,
@@ -14522,24 +14529,24 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
       ])
     ]));
   }
-}), dh = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6" }, hh = { class: "bg-indigo-600 w-16 mr-6" }, uh = ["onClick"], gh = {
+}), uh = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6" }, gh = { class: "bg-indigo-600 w-16 mr-6" }, ph = ["onClick"], fh = {
   key: 0,
   class: "flex flex-col grow gap-y-5 overflow-y-auto pr-6"
-}, ph = { class: "flex h-16 shrink-0 items-center" }, fh = ["src"], mh = { class: "flex flex-1 flex-col" }, xh = {
+}, mh = { class: "flex h-16 shrink-0 items-center" }, xh = ["src"], bh = { class: "flex flex-1 flex-col" }, vh = {
   key: 0,
   role: "list",
   class: "flex flex-1 flex-col gap-y-7 mb-4"
-}, bh = {
+}, yh = {
   role: "list",
   class: "ml-2 space-y-1"
-}, vh = ["onClick"], yh = {
+}, wh = ["onClick"], kh = {
   key: 1,
   role: "list",
   class: "flex flex-1 flex-col gap-y-7 mb-4"
-}, wh = { class: "ml-2 space-y-1" }, kh = { class: "font-bold mb-4" }, Sh = {
+}, Sh = { class: "ml-2 space-y-1" }, Ah = { class: "font-bold mb-4" }, Ch = {
   key: 1,
   class: "flex flex-col grow gap-y-5 overflow-y-auto pr-6"
-}, Ah = { class: "h-12 flex flex-row items-center" }, ha = /* @__PURE__ */ Ge({
+}, Mh = { class: "h-12 flex flex-row items-center" }, ha = /* @__PURE__ */ Ge({
   __name: "uiSidebarV2",
   props: {
     navigation: {},
@@ -14551,8 +14558,8 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
   },
   emits: ["sideBarClick", "productBarClick"],
   setup($, { emit: D }) {
-    return (P, I) => (E(), O("div", dh, [
-      b("div", hh, [
+    return (P, I) => (E(), O("div", uh, [
+      b("div", gh, [
         b("ul", null, [
           (E(!0), O(Re, null, Ne(P.productsSidebar, (T, Y) => (E(), O("li", {
             key: Y,
@@ -14565,26 +14572,26 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
               color: "white",
               size: "bigger"
             }, null, 8, ["icon"])
-          ], 10, uh))), 128))
+          ], 10, ph))), 128))
         ])
       ]),
-      P.loading ? (E(), O("div", Sh, [
-        (E(), O(Re, null, Ne(5, (T) => b("div", Ah, I[0] || (I[0] = [
+      P.loading ? (E(), O("div", Ch, [
+        (E(), O(Re, null, Ne(5, (T) => b("div", Mh, I[0] || (I[0] = [
           b("div", { class: "w-6 h-6 animate-pulse bg-gray-200 rounded-full dark:bg-gray-300 mr-4" }, null, -1),
           b("div", { class: "h-3 animate-pulse bg-gray-200 rounded-full w-1/2 dark:bg-gray-300" }, null, -1)
         ]))), 64))
-      ])) : (E(), O("div", gh, [
-        b("div", ph, [
+      ])) : (E(), O("div", fh, [
+        b("div", mh, [
           b("img", {
             class: "h-8 w-auto",
             src: P.logo,
             alt: "Your Company"
-          }, null, 8, fh)
+          }, null, 8, xh)
         ]),
-        b("nav", mh, [
-          P.isFilterNavigation ? ze("", !0) : (E(), O("ul", xh, [
+        b("nav", bh, [
+          P.isFilterNavigation ? ze("", !0) : (E(), O("ul", vh, [
             b("li", null, [
-              b("ul", bh, [
+              b("ul", yh, [
                 (E(!0), O(Re, null, Ne(P.navigation, (T) => (E(), O("li", {
                   key: T.name
                 }, [
@@ -14657,13 +14664,13 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
                       class: "shrink-0"
                     }, null, 8, ["icon"]),
                     st(" " + J(T.name), 1)
-                  ], 10, vh))
+                  ], 10, wh))
                 ]))), 128))
               ])
             ])
           ])),
-          P.isFilterNavigation && P.filterNavigation ? (E(), O("ul", yh, [
-            b("li", wh, [
+          P.isFilterNavigation && P.filterNavigation ? (E(), O("ul", kh, [
+            b("li", Sh, [
               P.filterNavigation.hasSearch && P.filterNavigation.search ? (E(), Fe(Ut, {
                 key: 0,
                 name: P.filterNavigation.search.name,
@@ -14677,7 +14684,7 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
               class: "ml-2",
               key: Y
             }, [
-              b("p", kh, J(T.label), 1),
+              b("p", Ah, J(T.label), 1),
               (E(!0), O(Re, null, Ne(T.filters, (M, V) => (E(), Fe(ka, {
                 class: "mb-2",
                 value: M.value,
@@ -14694,14 +14701,14 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
       ]))
     ]));
   }
-}), Ch = { class: "fixed inset-0 flex" }, Mh = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, Lh = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, Ph = { class: "lg:pl-[25rem]" }, Th = { 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" }, zh = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, Ih = {
+}), Lh = { class: "fixed inset-0 flex" }, Ph = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, Th = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, zh = { class: "lg:pl-[25rem]" }, Ih = { 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" }, Eh = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, Dh = {
   class: "relative flex flex-1",
   action: "#",
   method: "GET"
-}, Eh = { class: "relative block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm" }, Dh = { class: "flex items-center gap-x-4 lg:gap-x-6" }, Yh = {
+}, Yh = { class: "relative block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm" }, Xh = { class: "flex items-center gap-x-4 lg:gap-x-6" }, _h = {
   type: "button",
   class: "-m-2.5 p-2.5 text-gray-400 hover:text-gray-500 relative"
-}, Xh = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, _h = ["src"], Rh = { class: "hidden lg:flex lg:items-center" }, Fh = ["onClick"], Oh = { class: "py-7" }, Nh = { class: "px-7 lg:px-10" }, Bh = /* @__PURE__ */ Ge({
+}, Rh = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, Fh = ["src"], Oh = { class: "hidden lg:flex lg:items-center" }, Nh = ["onClick"], Bh = { class: "py-7" }, Hh = { class: "px-7 lg:px-10" }, Wh = /* @__PURE__ */ Ge({
   __name: "uiWrapper",
   props: {
     topbar: {},
@@ -14734,7 +14741,7 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
                 ])),
                 _: 1
               }),
-              b("div", Ch, [
+              b("div", Lh, [
                 Q(K(qt), {
                   as: "template",
                   enter: "transition ease-in-out duration-300 transform",
@@ -14757,7 +14764,7 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
                           "leave-to": "opacity-0"
                         }, {
                           default: be(() => [
-                            b("div", Mh, [
+                            b("div", Ph, [
                               b("button", {
                                 type: "button",
                                 class: "-m-2.5 p-2.5",
@@ -14796,7 +14803,7 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
         ]),
         _: 1
       }, 8, ["show"]),
-      b("div", Lh, [
+      b("div", Th, [
         Q(ha, {
           productsSidebar: V.sidebar.productsSidebar,
           isFilterNavigation: V.sidebar.isFilterNavigation,
@@ -14808,8 +14815,8 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
           onProductBarClick: N[5] || (N[5] = (ee) => V.$emit("productBarClick", ee))
         }, null, 8, ["productsSidebar", "isFilterNavigation", "navigation", "filterNavigation", "logo"])
       ]),
-      b("div", Ph, [
-        b("div", Th, [
+      b("div", zh, [
+        b("div", Ih, [
           b("button", {
             type: "button",
             class: "-m-2.5 p-2.5 text-gray-700 lg:hidden",
@@ -14825,8 +14832,8 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
             class: "h-6 w-px bg-gray-200 lg:hidden",
             "aria-hidden": "true"
           }, null, -1)),
-          b("div", zh, [
-            b("form", Ih, [
+          b("div", Eh, [
+            b("form", Dh, [
               N[14] || (N[14] = b("label", {
                 for: "search-field",
                 class: "sr-only"
@@ -14845,7 +14852,7 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
                 ]
               }, {
                 default: be(() => [
-                  b("div", Eh, [
+                  b("div", Yh, [
                     Q(K(xa), {
                       class: "block h-full w-full border-0 py-0 pl-8 pr-0 text-gray-900 placeholder:text-gray-400 focus:ring-0 sm:text-sm",
                       onChange: N[7] || (N[7] = (ee) => P.value = ee.target.value),
@@ -14893,10 +14900,10 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
                 _: 1
               }, 8, ["modelValue"])
             ]),
-            b("div", Dh, [
-              b("button", Yh, [
+            b("div", Xh, [
+              b("button", _h, [
                 N[16] || (N[16] = b("span", { class: "sr-only" }, "View notifications", -1)),
-                We(b("div", Xh, N[15] || (N[15] = [
+                We(b("div", Rh, N[15] || (N[15] = [
                   b("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
                 ]), 512), [
                   [je, V.topbar.alerted]
@@ -14922,8 +14929,8 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
                         class: "h-8 w-8 rounded-full bg-gray-50",
                         src: V.topbar.accountLogo,
                         alt: ""
-                      }, null, 8, _h),
-                      b("span", Rh, [
+                      }, null, 8, Fh),
+                      b("span", Oh, [
                         Q(K(wi), {
                           class: "ml-2 h-5 w-5 text-gray-400",
                           "aria-hidden": "true"
@@ -14950,7 +14957,7 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
                               b("a", {
                                 onClick: (pe) => V.$emit("topBarClick", ee.id),
                                 class: me([ne ? "bg-gray-50" : "", "block px-3 py-1 text-sm leading-6 text-gray-900"])
-                              }, J(ee.name), 11, Fh)
+                              }, J(ee.name), 11, Nh)
                             ]),
                             _: 2
                           }, 1024))), 128))
@@ -14966,15 +14973,15 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
             ])
           ])
         ]),
-        b("main", Oh, [
-          b("div", Nh, [
+        b("main", Bh, [
+          b("div", Hh, [
             Ct(V.$slots, "default")
           ])
         ])
       ])
     ]));
   }
-}), Hh = /* @__PURE__ */ Ge({
+}), $h = /* @__PURE__ */ Ge({
   __name: "uiDynamicStats",
   props: {
     dynamicStats: {},
@@ -14995,94 +15002,94 @@ const Gd = { class: "flex justify-between items-center" }, jd = {
   }
 }), ua = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  uiAlert: gr,
-  uiBreadcrumbs: wr,
+  uiAlert: fr,
+  uiBreadcrumbs: Sr,
   uiButton: Zt,
-  uiCard: Pr,
-  uiChart: Po,
+  uiCard: zr,
+  uiChart: zo,
   uiCheckbox: ka,
-  uiCircleChart: Nd,
-  uiDateRange: Wd,
-  uiDeviceStatus: ch,
-  uiDragAndDrop: Yd,
+  uiCircleChart: Hd,
+  uiDateRange: Vd,
+  uiDeviceStatus: hh,
+  uiDragAndDrop: _d,
   uiDropdown: ta,
-  uiDynamicStats: Hh,
-  uiFilter: Tr,
-  uiFooter: Eo,
-  uiFunnelChartV2: td,
-  uiGallery: Md,
+  uiDynamicStats: $h,
+  uiFilter: Ir,
+  uiFooter: Yo,
+  uiFunnelChartV2: ad,
+  uiGallery: Pd,
   uiIcon: et,
   uiInput: Ut,
-  uiInputFile: Bs,
-  uiLoadingScreen: Do,
+  uiInputFile: Ws,
+  uiLoadingScreen: Xo,
   uiModal: La,
-  uiNoResults: rd,
-  uiNotification: jr,
-  uiPagination: jo,
-  uiPriceCalendar: fo,
-  uiRangeSlider: Zd,
-  uiRightSidebar: md,
-  uiSectionTitle: Qd,
-  uiSelect: Gs,
-  uiSidebar: nl,
+  uiNoResults: od,
+  uiNotification: qr,
+  uiPagination: qo,
+  uiPriceCalendar: xo,
+  uiRangeSlider: Qd,
+  uiRightSidebar: bd,
+  uiSectionTitle: eh,
+  uiSelect: Us,
+  uiSidebar: ll,
   uiStats: Ia,
-  uiStripedCard: Tl,
-  uiTable: Ql,
-  uiTabs: rc,
+  uiStripedCard: Il,
+  uiTable: ec,
+  uiTabs: oc,
   uiTag: Yt,
-  uiTaskList: rn,
-  uiTextArea: er,
-  uiTimeline: Lc,
-  uiToggle: sr,
-  uiTopbar: qc,
-  uiWrapper: Bh
+  uiTaskList: on,
+  uiTextArea: ir,
+  uiTimeline: Tc,
+  uiToggle: nr,
+  uiTopbar: Jc,
+  uiWrapper: Wh
 }, Symbol.toStringTag, { value: "Module" }));
-function Wh($) {
+function Vh($) {
   for (const D in ua)
     $.component(D, ua[D]);
 }
-const jh = { install: Wh };
+const qh = { install: Vh };
 export {
-  jh as default,
-  gr as uiAlert,
-  wr as uiBreadcrumbs,
+  qh as default,
+  fr as uiAlert,
+  Sr as uiBreadcrumbs,
   Zt as uiButton,
-  Pr as uiCard,
-  Po as uiChart,
+  zr as uiCard,
+  zo as uiChart,
   ka as uiCheckbox,
-  Nd as uiCircleChart,
-  Wd as uiDateRange,
-  ch as uiDeviceStatus,
-  Yd as uiDragAndDrop,
+  Hd as uiCircleChart,
+  Vd as uiDateRange,
+  hh as uiDeviceStatus,
+  _d as uiDragAndDrop,
   ta as uiDropdown,
-  Hh as uiDynamicStats,
-  Tr as uiFilter,
-  Eo as uiFooter,
-  td as uiFunnelChartV2,
-  Md as uiGallery,
+  $h as uiDynamicStats,
+  Ir as uiFilter,
+  Yo as uiFooter,
+  ad as uiFunnelChartV2,
+  Pd as uiGallery,
   et as uiIcon,
   Ut as uiInput,
-  Bs as uiInputFile,
-  Do as uiLoadingScreen,
+  Ws as uiInputFile,
+  Xo as uiLoadingScreen,
   La as uiModal,
-  rd as uiNoResults,
-  jr as uiNotification,
-  jo as uiPagination,
-  fo as uiPriceCalendar,
-  Zd as uiRangeSlider,
-  md as uiRightSidebar,
-  Qd as uiSectionTitle,
-  Gs as uiSelect,
-  nl as uiSidebar,
+  od as uiNoResults,
+  qr as uiNotification,
+  qo as uiPagination,
+  xo as uiPriceCalendar,
+  Qd as uiRangeSlider,
+  bd as uiRightSidebar,
+  eh as uiSectionTitle,
+  Us as uiSelect,
+  ll as uiSidebar,
   Ia as uiStats,
-  Tl as uiStripedCard,
-  Ql as uiTable,
-  rc as uiTabs,
+  Il as uiStripedCard,
+  ec as uiTable,
+  oc as uiTabs,
   Yt as uiTag,
-  rn as uiTaskList,
-  er as uiTextArea,
-  Lc as uiTimeline,
-  sr as uiToggle,
-  qc as uiTopbar,
-  Bh as uiWrapper
+  on as uiTaskList,
+  ir as uiTextArea,
+  Tc as uiTimeline,
+  nr as uiToggle,
+  Jc as uiTopbar,
+  Wh as uiWrapper
 };