@hotelinking/ui 16.49.24 → 17.49.0

package/dist/ui.es.js

@@ -38,7 +38,7 @@ const P = /* @__PURE__ */ T({
       })
     }, null, 8, ["class"]));
   }
-}), Tl = ["disabled"], Dl = "group inline-flex items-center border border-transparent font-medium focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25 text-nowrap", U = /* @__PURE__ */ T({
+}), Tl = ["disabled"], Dl = "group inline-flex items-center border border-transparent font-medium focus:outline-hidden focus:ring-2 focus:ring-offset-2 disabled:opacity-25 text-nowrap", U = /* @__PURE__ */ T({
   __name: "uiButton",
   props: {
     block: { type: Boolean },
@@ -50,20 +50,20 @@ const P = /* @__PURE__ */ T({
   },
   setup(e) {
     const g = e, i = {
-      primary: "bg-black hover:bg-lime-400 group-hover:text-black text-white shadow-sm",
-      secondary: "bg-lime-400 hover:bg-black hover:text-white shadow-sm group:text-black",
-      red: "bg-red-600 hover:bg-red-900 text-white shadow-sm",
-      yellow: "bg-yellow-400 hover:bg-yellow-600 text-white shadow-sm",
-      green: "bg-green-600 hover:bg-green-900 text-white shadow-sm"
+      primary: "bg-black hover:bg-lime-400 group-hover:text-black text-white shadow-xs",
+      secondary: "bg-lime-400 hover:bg-black hover:text-white shadow-xs group:text-black",
+      red: "bg-red-600 hover:bg-red-900 text-white shadow-xs",
+      yellow: "bg-yellow-400 hover:bg-yellow-600 text-white shadow-xs",
+      green: "bg-green-600 hover:bg-green-900 text-white shadow-xs"
     }, o = {
-      small: "px-2.5 py-1.5 text-xs rounded leading-none",
+      small: "px-2.5 py-1.5 text-xs rounded-sm leading-none",
       medium: "px-4 py-2 text-sm rounded-md",
       big: "px-6 py-3 text-base rounded-md"
     }, n = A(() => {
       const a = [Dl];
       return g.color && i[g.color] && a.push(i[g.color]), g.size && o[g.size] && a.push(o[g.size]), g.block && a.push("w-full flex items-center justify-center"), a.join(" ");
     }), r = A(() => [
-      "animate-pulse px-4 py-2.5 text-sm rounded-md inline-flex items-center border border-transparent font-medium shadow-sm text-white focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-25 bg-gray-200"
+      "animate-pulse px-4 py-2.5 text-sm rounded-md inline-flex items-center border border-transparent font-medium shadow-xs text-white focus:outline-hidden focus:ring-2 focus:ring-offset-2 disabled:opacity-25 bg-gray-200"
     ].join(" "));
     return (a, d) => e.loading ? (l(), s("button", {
       key: 1,
@@ -117,7 +117,7 @@ const P = /* @__PURE__ */ T({
     return Z(() => o.check, (a) => {
       a && (n.value = a);
     }), (a, d) => e.loading ? (l(), s("div", Il, [...d[1] || (d[1] = [
-      t("div", { class: "w-5 h-5 rounded bg-gray-200" }, null, -1),
+      t("div", { class: "w-5 h-5 rounded-sm bg-gray-200" }, null, -1),
       t("div", { class: "ml-3 h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-28" }, null, -1)
     ])])) : (l(), s("div", Ll, [
       t("div", Pl, [
@@ -125,7 +125,7 @@ const P = /* @__PURE__ */ T({
           checked: e.check,
           value: e.value,
           disabled: e.disabled,
-          class: "focus:ring-black h-4 w-4 text-black border-gray-300 rounded disabled:opacity-25",
+          class: "focus:ring-black h-4 w-4 text-black border-gray-300 rounded-sm disabled:opacity-25",
           type: "checkbox",
           onChange: d[0] || (d[0] = (c) => r())
         }, null, 40, Fl)
@@ -752,7 +752,7 @@ const ts = {
             e.label ? (l(), s("label", ts, u(e.label), 1)) : b("", !0),
             e.requiredText ? (l(), s("span", ls, u(e.requiredText), 1)) : b("", !0)
           ], 2),
-          m(f(We), { class: "text-black inline-flex justify-between w-full rounded-md border border-gray-300 shadow-sm px-4 py-2 bg-white text-sm font-medium hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-black" }, {
+          m(f(We), { class: "text-black inline-flex justify-between w-full rounded-md border border-gray-300 shadow-xs px-4 py-2 bg-white text-sm font-medium hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-black" }, {
             default: y(() => [
               B(u(n.value) + " ", 1),
               e.verticalPosition === "bottom" ? (l(), w(f(oe), {
@@ -785,7 +785,7 @@ const ts = {
                 "left-0": e.position === "left",
                 "bottom-10 mb-1.5 shadow-[0_-4px_10px_rgba(0,0,0,.1)] ": e.verticalPosition === "top",
                 "mt-2 shadow-lg": e.verticalPosition === "bottom"
-              }, "origin-top-right absolute w-56 rounded-md bg-white ring-1 ring-black ring-opacity-5 focus:outline-none z-20"])
+              }, "origin-top-right absolute w-56 rounded-md bg-white ring-1 ring-black/5 focus:outline-hidden z-20"])
             }, {
               default: y(() => [
                 t("div", ss, [
@@ -889,7 +889,7 @@ const ts = {
             "rounded-l-none": e.addOn,
             "rounded-l-md": e.rightAddOn,
             "rounded-r-none": e.rightAddOn
-          }, "shadow-sm focus:ring-lime-400 focus:border-lime-400 disabled:border-gray-300 w-full sm:text-sm placeholder-gray-300"]),
+          }, "shadow-xs focus:ring-lime-400 focus:border-lime-400 disabled:border-gray-300 w-full sm:text-sm placeholder-gray-300"]),
           disabled: e.disabled,
           name: e.name,
           placeholder: e.placeholder,
@@ -1019,7 +1019,7 @@ const ts = {
           t("div", xs, [
             t("label", {
               for: e.id,
-              class: "relative cursor-pointer rounded-md font-medium text-black underline hover:text-lime-400 focus-within:outline-none focus-within:ring-2 focus-within:ring-lime-400 focus-within:ring-offset-2"
+              class: "relative cursor-pointer rounded-md font-medium text-black underline hover:text-lime-400 focus-within:outline-hidden focus-within:ring-2 focus-within:ring-lime-400 focus-within:ring-offset-2"
             }, [
               t("span", null, u(e.placeholder), 1),
               t("input", {
@@ -1035,7 +1035,7 @@ const ts = {
             t("p", ks, u(e.dragAndDrop), 1)
           ]),
           t("p", $s, u(e.fileTypesAndSizes), 1),
-          L(t("p", { class: "font-bold text-xs uppercase block p-2 bg-lime-50 rounded" }, u(f(i)), 513), [
+          L(t("p", { class: "font-bold text-xs uppercase block p-2 bg-lime-50 rounded-sm" }, u(f(i)), 513), [
             [O, f(i) !== null]
           ])
         ])
@@ -1129,9 +1129,9 @@ const ts = {
               "text-red-600": e.color === "red",
               "text-yellow-400": e.color === "yellow",
               "text-green-600": e.color === "green"
-            }, "w-full rounded-md border py-2 pl-3 pr-10 shadow-sm focus:border-indigo-500 focus:outline-none focus:ring-1 focus:ring-indigo-500 sm:text-sm"])
+            }, "w-full rounded-md border py-2 pl-3 pr-10 shadow-xs focus:border-indigo-500 focus:outline-hidden focus:ring-1 focus:ring-indigo-500 sm:text-sm"])
           }, null, 8, ["class"]),
-          m(f(wt), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none" }, {
+          m(f(wt), { class: "absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-hidden" }, {
             default: y(() => [
               m(f(He), {
                 "aria-hidden": "true",
@@ -1142,7 +1142,7 @@ const ts = {
           }),
           a.value.length > 0 ? (l(), w(f(kt), {
             key: 0,
-            class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"
+            class: "absolute z-10 mt-1 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden sm:text-sm"
           }, {
             default: y(() => [
               (l(!0), s(k, null, S(a.value, (N) => (l(), w(f($t), {
@@ -1278,7 +1278,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
             disabled: e.disabled,
             class: x([{
               // Estilos condicionales basados en props
-              "!border-transparent !shadow-none": e.isWrapped,
+              "border-transparent! shadow-none!": e.isWrapped,
               // Sin borde si está envuelto
               // Colores de borde según la prop color
               "border-gray-300": e.color === "gray",
@@ -1295,14 +1295,14 @@ const Ds = { class: "flex justify-between" }, Ls = {
               "text-red-600": e.color === "red",
               "text-yellow-400": e.color === "yellow",
               "text-green-600": e.color === "green"
-            }, "w-full rounded-md border py-2 pl-3 pr-10 shadow-sm focus:border-lime-400 focus:outline-none focus:ring-1 focus:ring-lime-400 sm:text-sm"]),
+            }, "w-full rounded-md border py-2 pl-3 pr-10 shadow-xs focus:border-lime-400 focus:outline-hidden focus:ring-1 focus:ring-lime-400 sm:text-sm"]),
             onChange: v[0] || (v[0] = (p) => n.value = p.target.value),
             onBlur: v[1] || (v[1] = (p) => n.value = ""),
             "display-value": (p) => p.label || p.name
           }, null, 8, ["disabled", "class", "display-value"]),
           m(f(wt), {
             disabled: e.disabled,
-            class: "h-full absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-none"
+            class: "h-full absolute inset-y-0 right-0 flex items-center rounded-r-md px-2 focus:outline-hidden"
           }, {
             default: y(() => [
               m(f(Ts), {
@@ -1314,7 +1314,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
           }, 8, ["disabled"]),
           a.value.length > 0 ? (l(), w(f(kt), {
             key: 0,
-            class: "absolute z-10 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none sm:text-sm"
+            class: "absolute z-10 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-hidden sm:text-sm"
           }, {
             default: y(() => [
               (l(!0), s(k, null, S(a.value, (p) => (l(), w(f($t), {
@@ -1323,7 +1323,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
               }, {
                 default: y(({ active: C, selected: N }) => [
                   t("li", {
-                    class: x(["relative cursor-default select-none py-2 pl-3 pr-9", C ? "bg-lime-400 outline-none" : "text-gray-900"])
+                    class: x(["relative cursor-default select-none py-2 pl-3 pr-9", C ? "bg-lime-400 outline-hidden" : "text-gray-900"])
                   }, [
                     t("span", {
                       class: x(["block truncate", N && "font-semibold"])
@@ -1362,7 +1362,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
   }
 }), Ps = {
   key: 1,
-  class: "inline-flex items-center px-3 py-2.5 rounded text-xs font-medium leading-none animate-pulse bg-gray-200"
+  class: "inline-flex items-center px-3 py-2.5 rounded-sm text-xs font-medium leading-none animate-pulse bg-gray-200"
 }, J = /* @__PURE__ */ T({
   __name: "uiTag",
   props: {
@@ -1396,7 +1396,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
         "px-3 py-2": e.size === "medium",
         "px-2 pt-1 pb-0.5": e.size === "small",
         "px-4 py-3": e.size === "big"
-      }, "inline-flex items-center rounded text-xs font-medium leading-none"])
+      }, "inline-flex items-center rounded-sm text-xs font-medium leading-none"])
     }, [
       G(r.$slots, "default")
     ], 2));
@@ -1447,7 +1447,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
           rows: "4",
           "onUpdate:modelValue": d[0] || (d[0] = (c) => r.value = c),
           placeholder: e.placeholder,
-          class: x(["shadow-sm focus:ring-lime-400 focus:border-lime-400 block w-full sm:text-sm rounded-md", {
+          class: x(["shadow-xs focus:ring-lime-400 focus:border-lime-400 block w-full sm:text-sm rounded-md", {
             "border-gray-300": e.color === "gray",
             "border-black": e.color === "black",
             "border-red-600": e.color === "red",
@@ -1519,8 +1519,8 @@ const Ds = { class: "flex justify-between" }, Ls = {
           "onUpdate:modelValue": r[1] || (r[1] = (a) => o.value = a),
           class: x([
             o.value ? "bg-lime-400" : "bg-black",
-            e.disabled ? "!bg-gray-100" : "",
-            "relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-lime-400 focus:ring-offset-2"
+            e.disabled ? "bg-gray-100!" : "",
+            "relative inline-flex h-6 w-11 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-hidden focus:ring-2 focus:ring-lime-400 focus:ring-offset-2"
           ])
         }, {
           default: y(() => [
@@ -1529,7 +1529,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
               class: x([
                 o.value ? "translate-x-5" : "translate-x-0",
                 e.disabled ? "bg-gray-300" : "",
-                "pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow ring-0 transition duration-200 ease-in-out"
+                "pointer-events-none inline-block h-5 w-5 transform rounded-full bg-white shadow-sm ring-0 transition duration-200 ease-in-out"
               ])
             }, null, 2)
           ]),
@@ -1589,14 +1589,14 @@ const Ds = { class: "flex justify-between" }, Ls = {
               class: "flex flex-row items-center justify-center text-black hover:text-lime-400 underline font-bold cursor-pointer"
             }, [
               m(f(Ql), {
-                class: "flex-shrink-0 h-3 w-3 text-gray-400 mr-4",
+                class: "shrink-0 h-3 w-3 text-gray-400 mr-4",
                 "aria-hidden": "true"
               }),
               t("span", null, u(n.name), 1)
             ], 8, Gs)
           ])) : (l(), s("div", Js, [
             m(f($e), {
-              class: "flex-shrink-0 h-3 w-3 text-gray-400",
+              class: "shrink-0 h-3 w-3 text-gray-400",
               "aria-hidden": "true"
             }),
             t("span", {
@@ -1680,7 +1680,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
 }), un = {
   key: 0,
   class: "flex flex-col"
-}, gn = { class: "flex" }, mn = { class: "flex-shrink-0" }, fn = { class: "ml-3" }, hn = { class: "mt-4" }, yn = { class: "-my-1.5 -mx-2 gap-x-2 flex" }, bn = ["onClick"], vn = {
+}, gn = { class: "flex" }, mn = { class: "shrink-0" }, fn = { class: "ml-3" }, hn = { class: "mt-4" }, yn = { class: "-my-1.5 -mx-2 gap-x-2 flex" }, bn = ["onClick"], vn = {
   key: 1,
   class: "flex flex-col animate-pulse"
 }, xn = /* @__PURE__ */ T({
@@ -1697,7 +1697,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
       i("alertEvent", n.event);
     };
     return (n, r) => e.loading ? (l(), s("div", vn, [...r[0] || (r[0] = [
-      ee('<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)
+      ee('<div class="p-4 border-l-4 bg-gray-100 border-gray-400 rounded-sm"><div class="flex"><div class="shrink-0"><div class="h-6 w-6 animate-pulse rounded-full bg-gray-200 dark:bg-gray-300"></div></div><div class="ml-3 w-full"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-2/3 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-3/5"></div></div></div></div>', 1)
     ])])) : (l(), s("div", un, [
       t("div", {
         class: x([{
@@ -1705,7 +1705,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
           "bg-red-50 border-red-600": e.type === "danger",
           "bg-yellow-50 border-yellow-400": e.type === "warning",
           "bg-green-50 border-green-600": e.type === "success"
-        }, "p-4 border-l-4 rounded"])
+        }, "p-4 border-l-4 rounded-sm"])
       }, [
         t("div", gn, [
           t("div", mn, [
@@ -1760,7 +1760,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
                       "bg-red-50 text-red-800 hover:bg-red-100 focus:ring-red-600 focus:ring-offset-red-50": e.type === "danger",
                       "bg-yellow-50 text-yellow-800 hover:bg-yellow-100 focus:ring-yellow-600 focus:ring-offset-yellow-50": e.type === "warning"
                     },
-                    "px-2 py-1.5 text-sm font-medium rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 underline"
+                    "px-2 py-1.5 text-sm font-medium rounded-md focus:outline-hidden focus:ring-2 focus:ring-offset-2 underline"
                   ])
                 }, u(a.name), 11, bn))), 128))
               ])
@@ -1775,7 +1775,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
   class: "flex flex-wrap mt-2 justify-center sm:justify-start"
 }, Sn = {
   key: 1,
-  class: "rounded-lg bg-white shadow p-6 cursor-pointer animate-pulse h-full flex flex-col"
+  class: "rounded-lg bg-white shadow-sm p-6 cursor-pointer animate-pulse h-full flex flex-col"
 }, Bn = /* @__PURE__ */ T({
   __name: "uiCard",
   props: {
@@ -1792,7 +1792,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
       ee('<div class="flex items-center flex-col sm:flex-row justify-center sm:justify-start w-full"><div class="w-16 h-16 rounded-full bg-gray-200 flex self-center"></div><div class="w-full ml-4"><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full mt-4 sm:mt-0 sm:w-16 mb-2"></div><div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-full sm:w-32"></div></div></div>', 1)
     ])])) : (l(), s("div", {
       key: 0,
-      class: "rounded-lg bg-white shadow p-6 cursor-pointer h-full flex flex-col",
+      class: "rounded-lg bg-white shadow-sm p-6 cursor-pointer h-full flex flex-col",
       onClick: o[0] || (o[0] = (n) => i.$emit("cardSelected", { id: e.id, name: e.name, type: e.type, tags: e.tags }))
     }, [
       t("div", pn, [
@@ -1822,7 +1822,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
   }
 }), Mn = {
   key: 0,
-  class: "rounded-lg bg-white shadow p-6 h-full flex flex-col"
+  class: "rounded-lg bg-white shadow-sm p-6 h-full flex flex-col"
 }, zn = { class: "flex items-center justify-between mb-4" }, jn = { class: "flex items-center gap-3" }, An = { class: "mb-4" }, Tn = { class: "font-bold text-lg mb-1" }, Dn = {
   key: 0,
   class: "text-sm text-gray-500"
@@ -1831,7 +1831,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
   class: "w-full h-36 bg-gray-200 rounded-lg animate-pulse flex items-center justify-center"
 }, Fn = ["src", "alt"], On = {
   key: 1,
-  class: "absolute bottom-2 right-2 p-1.5 bg-white rounded shadow-sm"
+  class: "absolute bottom-2 right-2 p-1.5 bg-white rounded-sm shadow-xs"
 }, _n = {
   key: 0,
   class: "text-sm text-gray-600 mb-4 line-clamp-3"
@@ -1840,7 +1840,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
   class: "text-xs text-gray-500 mb-3"
 }, Nn = { class: "flex flex-col xl:flex-row xl:flex-wrap items-stretch xl:items-center gap-2" }, Rn = {
   key: 1,
-  class: "rounded-lg bg-white shadow p-6 animate-pulse h-full flex flex-col"
+  class: "rounded-lg bg-white shadow-sm p-6 animate-pulse h-full flex flex-col"
 }, qn = { class: "flex items-center justify-between mb-4" }, Hn = { class: "flex items-center gap-3" }, Yn = { class: "flex flex-col pt-4 border-t border-gray-200 mt-auto" }, En = { class: "flex flex-col xl:flex-row xl:flex-wrap items-stretch xl:items-center gap-2" }, Un = /* @__PURE__ */ T({
   __name: "uiCardWithImage",
   props: {
@@ -1876,9 +1876,9 @@ const Ds = { class: "flex justify-between" }, Ls = {
         ]),
         r[7] || (r[7] = t("div", { class: "w-4 h-4 rounded-full bg-gray-200" }, null, -1))
       ]),
-      r[9] || (r[9] = ee('<div class="mb-4"><div class="h-6 bg-gray-200 rounded w-3/4 mb-2"></div><div class="h-4 bg-gray-200 rounded w-1/2"></div></div><div class="mb-4"><div class="w-full h-48 bg-gray-200 rounded-lg"></div></div><div class="mb-4"><div class="h-4 bg-gray-200 rounded w-full mb-2"></div><div class="h-4 bg-gray-200 rounded w-5/6"></div></div>', 3)),
+      r[9] || (r[9] = ee('<div class="mb-4"><div class="h-6 bg-gray-200 rounded-sm w-3/4 mb-2"></div><div class="h-4 bg-gray-200 rounded-sm w-1/2"></div></div><div class="mb-4"><div class="w-full h-48 bg-gray-200 rounded-lg"></div></div><div class="mb-4"><div class="h-4 bg-gray-200 rounded-sm w-full mb-2"></div><div class="h-4 bg-gray-200 rounded-sm w-5/6"></div></div>', 3)),
       t("div", Yn, [
-        r[8] || (r[8] = t("div", { class: "h-3 bg-gray-200 rounded w-24 mb-3" }, null, -1)),
+        r[8] || (r[8] = t("div", { class: "h-3 bg-gray-200 rounded-sm w-24 mb-3" }, null, -1)),
         t("div", En, [
           e.showActions ? (l(), w(U, {
             key: 0,
@@ -1933,7 +1933,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
         e.showMenu ? (l(), s("button", {
           key: 0,
           onClick: r[0] || (r[0] = ne((a) => n.$emit("menuClick", e.id), ["stop"])),
-          class: "p-1 hover:bg-gray-100 rounded transition-colors",
+          class: "p-1 hover:bg-gray-100 rounded-sm transition-colors",
           type: "button"
         }, [
           m(P, {
@@ -2045,7 +2045,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
       label: e.label
     }, null, 8, ["loading", "position", "items", "label"]));
   }
-}), Wn = { class: "fixed inset-0 z-10 overflow-y-auto" }, Gn = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Jn = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, Kn = { class: "sm:flex sm:items-start" }, Qn = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full break-words" }, Xn = { class: "mt-4 text-gray-500 text-sm" }, ea = {
+}), Wn = { class: "fixed inset-0 z-10 overflow-y-auto" }, Gn = { class: "flex min-h-full items-end justify-center p-4 text-center sm:items-center sm:p-0" }, Jn = { class: "absolute top-0 right-0 hidden pt-4 pr-4 sm:block" }, Kn = { class: "sm:flex sm:items-start" }, Qn = { class: "mt-3 text-center sm:mt-0 sm:ml-4 sm:text-left w-full wrap-break-word" }, Xn = { class: "mt-4 text-gray-500 text-sm" }, ea = {
   key: 0,
   class: "mt-8"
 }, ta = ["onClick"], Pe = /* @__PURE__ */ T({
@@ -2112,7 +2112,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
                         t("div", Jn, [
                           t("button", {
                             type: "button",
-                            class: "rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-none",
+                            class: "rounded-md bg-white text-gray-400 hover:text-gray-500 focus:outline-hidden",
                             onClick: a[0] || (a[0] = (d) => n("close"))
                           }, [
                             a[3] || (a[3] = t("span", { class: "sr-only" }, "X", -1)),
@@ -2125,7 +2125,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
                         ]),
                         t("div", Kn, [
                           t("div", {
-                            class: x(["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", {
+                            class: x(["mx-auto flex h-12 w-12 shrink-0 items-center justify-center rounded-full sm:mx-0 sm:h-10 sm:w-10", {
                               "bg-red-100": e.type === "danger",
                               "bg-green-100": e.type === "success",
                               "bg-lime-100": e.type === "default",
@@ -2168,13 +2168,13 @@ const Ds = { class: "flex justify-between" }, Ls = {
                               _: 1
                             }),
                             t("div", Xn, [
-                              G(r.$slots, "default", { class: "break-words" })
+                              G(r.$slots, "default", { class: "wrap-break-word" })
                             ]),
                             e.actions ? (l(), s("div", ea, [
                               (l(!0), s(k, null, S(e.actions, (d, c) => (l(), s("button", {
                                 key: c,
                                 type: "button",
-                                class: "inline-flex w-full justify-center rounded-md border border-transparent bg-black px-4 py-2 text-base font-medium text-white shadow-sm hover:bg-lime-400 hover:text-black focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 mb-2 sm:mb-0 mr-2 sm:w-auto sm:text-sm",
+                                class: "inline-flex w-full justify-center rounded-md border border-transparent bg-black px-4 py-2 text-base font-medium text-white shadow-xs hover:bg-lime-400 hover:text-black focus:outline-hidden 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: (v) => n(d.value)
                               }, u(d.name), 9, ta))), 128))
                             ])) : b("", !0)
@@ -2197,8 +2197,8 @@ const Ds = { class: "flex justify-between" }, Ls = {
   }
 }), la = { class: "w-full flex flex-col items-center space-y-4 sm:items-end" }, sa = {
   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"
-}, na = { class: "p-4" }, aa = { class: "flex items-start" }, oa = { class: "flex-shrink-0 mt-0.5" }, ia = { class: "ml-3 w-0 flex-1 pt-0.5" }, ra = { class: "font-medium text-gray-900" }, da = { class: "mt-1 text-sm text-gray-500" }, ca = { class: "ml-4 flex-shrink-0 flex" }, ua = /* @__PURE__ */ T({
+  class: "max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black/5 overflow-hidden"
+}, na = { class: "p-4" }, aa = { class: "flex items-start" }, oa = { class: "shrink-0 mt-0.5" }, ia = { class: "ml-3 w-0 flex-1 pt-0.5" }, ra = { class: "font-medium text-gray-900" }, da = { class: "mt-1 text-sm text-gray-500" }, ca = { class: "ml-4 shrink-0 flex" }, ua = /* @__PURE__ */ T({
   __name: "uiNotification",
   props: {
     type: { default: "info" },
@@ -2212,7 +2212,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
     const i = e, o = A(() => i.show);
     return (n, r) => (l(), s("div", {
       "aria-live": "assertive",
-      class: x([{ fixed: e.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start z-[9999]"])
+      class: x([{ fixed: e.fixed }, "inset-0 flex items-end px-4 py-6 pointer-events-none sm:p-6 sm:items-start z-9999"])
     }, [
       t("div", la, [
         m(we, {
@@ -2259,7 +2259,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
                   ]),
                   t("div", ca, [
                     t("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",
+                      class: "bg-white rounded-md inline-flex text-gray-400 hover:text-gray-500 focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500",
                       type: "button",
                       onClick: r[0] || (r[0] = (a) => n.$emit("closeNotification"))
                     }, [
@@ -2298,7 +2298,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
         key: o.id,
         class: "flex items-center justify-between gap-x-6 py-5"
       }, [...i[0] || (i[0] = [
-        ee('<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)
+        ee('<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-xs ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block"><p class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-10"></p></div></div>', 2)
       ])]))), 128))
     ])) : (l(), s("ul", ga, [
       (l(!0), s(k, null, S(e.tasks, (o) => (l(), s("li", {
@@ -2326,7 +2326,7 @@ const Ds = { class: "flex justify-between" }, Ls = {
         t("div", va, [
           t("a", {
             href: o.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"
+            class: "hidden rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-xs ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block"
           }, [
             B(u(o.action), 1),
             t("span", pa, ", " + u(o.name), 1)
@@ -2453,7 +2453,7 @@ function _a(e, g, i, o, n, r) {
         class: x([{
           "bg-lime-400 text-black hover:text-white hover:bg-black cursor-pointer": r.currentDate > r.today,
           "bg-lime-300": r.currentDate <= r.today
-        }, "previousYear flex items-center p-1 rounded mx-0.5 shadow-sm"]),
+        }, "previousYear flex items-center p-1 rounded-sm mx-0.5 shadow-xs"]),
         onClick: g[0] || (g[0] = (c) => r.selectDate("year", "previous"))
       }, [
         m(a, { class: "h-4" }),
@@ -2464,7 +2464,7 @@ function _a(e, g, i, o, n, r) {
         class: x([{
           "bg-lime-400 text-black hover:text-white hover:bg-black cursor-pointer": r.currentDate > r.today,
           "bg-lime-300": r.currentDate <= r.today
-        }, "previousYear flex items-center p-1 rounded mx-0.5 shadow-sm"]),
+        }, "previousYear flex items-center p-1 rounded-sm mx-0.5 shadow-xs"]),
         onClick: g[1] || (g[1] = (c) => r.selectDate("month", "previous"))
       }, [
         m(a, { class: "h-4" }),
@@ -2474,7 +2474,7 @@ function _a(e, g, i, o, n, r) {
         class: x([{
           "bg-lime-400 text-black hover:text-white hover:bg-black cursor-pointer": r.currentDate > r.today,
           "bg-lime-300": r.currentDate <= r.today
-        }, "previousYear flex items-center p-1 rounded mx-0.5 shadow-sm"]),
+        }, "previousYear flex items-center p-1 rounded-sm mx-0.5 shadow-xs"]),
         onClick: g[2] || (g[2] = (c) => r.selectDate("day", "previous"))
       }, [
         m(a, { class: "h-4" })
@@ -2483,20 +2483,20 @@ function _a(e, g, i, o, n, r) {
     t("div", Fa, u(r.formatedDate), 1),
     t("div", Oa, [
       t("div", {
-        class: "previousDay flex items-center cursor-pointer p-1 rounded mx-0.5 shadow-sm bg-lime-400 text-black hover:text-white hover:bg-black",
+        class: "previousDay flex items-center cursor-pointer p-1 rounded-sm mx-0.5 shadow-xs bg-lime-400 text-black hover:text-white hover:bg-black",
         onClick: g[3] || (g[3] = (c) => r.selectDate("day", "next"))
       }, [
         m(d, { class: "h-4" })
       ]),
       t("div", {
-        class: "previousMonth flex items-center cursor-pointer p-1 rounded mx-0.5 shadow-sm bg-lime-400 text-black hover:text-white hover:bg-black",
+        class: "previousMonth flex items-center cursor-pointer p-1 rounded-sm mx-0.5 shadow-xs bg-lime-400 text-black hover:text-white hover:bg-black",
         onClick: g[4] || (g[4] = (c) => r.selectDate("month", "next"))
       }, [
         m(d, { class: "h-4" }),
         m(d, { class: "h-4 -ml-3" })
       ]),
       t("div", {
-        class: "previousYear flex items-center cursor-pointer p-1 rounded mx-0.5 shadow-sm bg-lime-400 text-black hover:text-white hover:bg-black",
+        class: "previousYear flex items-center cursor-pointer p-1 rounded-sm mx-0.5 shadow-xs bg-lime-400 text-black hover:text-white hover:bg-black",
         onClick: g[5] || (g[5] = (c) => r.selectDate("year", "next"))
       }, [
         m(d, { class: "h-4" }),
@@ -2508,7 +2508,7 @@ function _a(e, g, i, o, n, r) {
 }
 const Ia = /* @__PURE__ */ Ce(Da, [["render", _a]]), Va = {
   name: "SkeletonTable"
-}, Na = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Ra = { class: "flow-root" }, qa = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Ha = { class: "inline-block min-w-full py-2 align-middle px-1" }, Ya = { class: "overflow-hidden shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Ea = { class: "min-w-full divide-y divide-gray-300" }, Ua = { class: "divide-y divide-gray-200 bg-white" };
+}, Na = { class: "px-4 sm:px-6 lg:px-8 animate-pulse" }, Ra = { class: "flow-root" }, qa = { class: "-mx-4 -my-2 overflow-x-auto sm:-mx-6 lg:-mx-8" }, Ha = { class: "inline-block min-w-full py-2 align-middle px-1" }, Ya = { class: "overflow-hidden shadow-sm ring-1 ring-black/5 sm:rounded-lg" }, Ea = { class: "min-w-full divide-y divide-gray-300" }, Ua = { class: "divide-y divide-gray-200 bg-white" };
 function Za(e, g, i, o, n, r) {
   return l(), s("div", Na, [
     t("div", Ra, [
@@ -2655,8 +2655,8 @@ function io(e, g, i, o, n, r) {
           "bg-lime-400 text-black": r.currentDay.isWeekend,
           "bg-green-600 text-black": i.price.price > i.basePrice,
           "bg-yellow-400 text-black": i.price.price < i.basePrice,
-          "!bg-lime-400 text-black border-4 border-yellow-400": i.price.price < i.basePrice && r.currentDay.isWeekend,
-          "!bg-lime-400 text-black border-4 border-green-600": i.price.price > i.basePrice && r.currentDay.isWeekend
+          "bg-lime-400! text-black border-4 border-yellow-400": i.price.price < i.basePrice && r.currentDay.isWeekend,
+          "bg-lime-400! text-black border-4 border-green-600": i.price.price > i.basePrice && r.currentDay.isWeekend
         },
         "select-none text-center rounded-lg p-1"
       ])
@@ -2675,7 +2675,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
   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"
 }, mo = { class: "hidden sm:flex-1 sm:flex sm:items-center sm:justify-between" }, fo = { class: "text-sm text-gray-700" }, ho = { class: "font-bold mx-1" }, yo = { class: "font-bold mx-1" }, bo = { class: "font-bold mx-1" }, vo = {
-  class: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px",
+  class: "relative z-0 inline-flex rounded-md shadow-xs -space-x-px",
   "aria-label": "Pagination"
 }, xo = { class: "sr-only" }, po = ["onClick"], wo = { class: "sr-only" }, ko = {
   key: 1,
@@ -2702,7 +2702,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
     });
     return (c, v) => e.loading ? (l(), s("div", ko, [...v[3] || (v[3] = [
       t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/5" }, null, -1),
-      t("div", { class: "h-10 w-32 bg-gray-200 rounded dark:bg-gray-300" }, null, -1)
+      t("div", { class: "h-10 w-32 bg-gray-200 rounded-sm dark:bg-gray-300" }, null, -1)
     ])])) : (l(), s("div", ro, [
       t("div", co, [
         t("a", uo, [
@@ -2773,7 +2773,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
 }), $o = {
   key: 0,
   class: "px-4 sm:px-6 lg:px-8"
-}, Co = { class: "flow-root" }, So = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow ring-1 ring-black ring-opacity-5 sm:rounded-lg" }, Bo = { class: "inline-block min-w-full align-middle" }, Mo = { class: "min-w-full text-sm" }, zo = { class: "bg-white" }, jo = {
+}, Co = { class: "flow-root" }, So = { class: "overflow-x-auto sm:-mx-6 lg:-mx-8 shadow-sm ring-1 ring-black/5 sm:rounded-lg" }, Bo = { class: "inline-block min-w-full align-middle" }, Mo = { class: "min-w-full text-sm" }, zo = { class: "bg-white" }, jo = {
   colspan: "6",
   scope: "colgroup",
   class: "bg-gray-50 py-2 pl-4 pr-3 text-left text-sm font-semibold sm:pl-3"
@@ -2796,7 +2796,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
   class: "bg-gray-200 py-2 pl-4 pr-3 text-left font-semibold relative"
 }, 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"
+  class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-48 bg-white shadow-sm rounded-sm px-4 py-1 z-10"
 }, Vo = ["onClick"], No = {
   colspan: "2",
   scope: "colgroup",
@@ -2967,7 +2967,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                           onClick: (le) => fe({ action: I.id, items: a.value }),
                           key: W,
                           type: "button",
-                          class: "inline-flex items-center rounded bg-lime-400 hover:bg-black hover:text-white px-2.5 py-1.5 text-xs font-medium shadow-sm disabled:cursor-not-allowed disabled:opacity-30"
+                          class: "inline-flex items-center rounded-sm bg-lime-400 hover:bg-black hover:text-white px-2.5 py-1.5 text-xs font-medium shadow-xs disabled:cursor-not-allowed disabled:opacity-30"
                         }, u(I.name), 9, Vo))), 128))
                       ])) : b("", !0),
                       t("span", null, u(e.literals.pricesSelection), 1)
@@ -2977,7 +2977,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                     t("th", No, [
                       t("input", {
                         type: "checkbox",
-                        class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-lime-400 focus:ring-lime-400",
+                        class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded-sm border-gray-300 text-lime-400 focus:ring-lime-400",
                         checked: c.value || a.value.length === e.rooms.length,
                         indeterminate: c.value,
                         onChange: R
@@ -3000,7 +3000,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                       a.value.length > 0 ? (l(), s("div", Uo)) : b("", !0),
                       L(t("input", {
                         type: "checkbox",
-                        class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-lime-400 focus:ring-lime-400",
+                        class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded-sm border-gray-300 text-lime-400 focus:ring-lime-400",
                         value: I.name,
                         "onUpdate:modelValue": F[1] || (F[1] = (W) => a.value = W)
                       }, null, 8, Zo), [
@@ -3098,7 +3098,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
 }), ei = { class: "chart-header flex flex-row items-center w-full justify-between" }, ti = { class: "text-lg font-bold truncate mr-8" }, li = {
   key: 0,
   class: "flex items-center gap-x-2 grow"
-}, si = { class: "self-center ml-2" }, ni = { class: "self-center ml-2" }, ai = { class: "self-center ml-2" }, oi = { class: "hidden sm:flex items-center" }, ii = { class: "w-1/2 min-w-0 flex-1" }, ri = ["max"], di = { class: "min-w-0 flex-1" }, ci = ["max"], ui = { class: "chart-content pb-6" }, gi = { class: "'w-full h-full flex items-center justify-center flex-col" }, mi = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, fi = /* @__PURE__ */ T({
+}, si = { class: "self-center ml-2" }, ni = { class: "self-center ml-2" }, ai = { class: "self-center ml-2" }, oi = { class: "hidden sm:flex items-center" }, ii = { class: "w-1/2 min-w-0 flex-1" }, ri = ["max"], di = { class: "min-w-0 flex-1" }, ci = ["max"], ui = { class: "chart-content pb-6" }, gi = { class: "'w-full h-full flex items-center justify-center flex-col" }, mi = { class: "card chart apex-chart px-4 py-5 bg-white shadow-sm rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, fi = /* @__PURE__ */ T({
   __name: "uiChart",
   props: {
     labels: {},
@@ -3247,7 +3247,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
     };
     return (M, R) => (l(), s(k, null, [
       L(t("div", {
-        class: "card chart apex-chart p-4 bg-white shadow rounded-lg overflow-hidden flex grow",
+        class: "card chart apex-chart p-4 bg-white shadow-sm rounded-lg overflow-hidden flex grow",
         style: qe({ height: e.height + "px" })
       }, [
         t("div", ei, [
@@ -3308,7 +3308,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                 onChange: v,
                 name: "from",
                 id: "from",
-                class: "text-xs relative block w-full rounded rounded-r-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
+                class: "text-xs relative block w-full rounded-sm rounded-r-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
               }, null, 40, ri), [
                 [xe, f(r).from]
               ])
@@ -3321,7 +3321,7 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
                 onChange: v,
                 name: "to",
                 id: "to",
-                class: "text-xs relative block w-full -mr-2 rounded rounded-l-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
+                class: "text-xs relative block w-full -mr-2 rounded-sm rounded-l-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
               }, null, 40, ci), [
                 [xe, f(r).to]
               ])
@@ -3371,22 +3371,22 @@ const Me = /* @__PURE__ */ Ce(no, [["render", io]]), ro = {
           t("div", { class: "h-2.5 w-36 bg-gray-200 rounded-full mb-2.5" }),
           t("div", { class: "w-48 h-2 mb-6 bg-gray-200 rounded-full" }),
           t("div", { class: "flex flex-row justify-between items-baseline grow gap-x-1" }, [
-            t("div", { class: "w-full bg-gray-200 rounded h-full" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/2" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/3" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-4/5" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-full" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/2" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/3" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/2" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/3" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-4/5" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-full" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-4/5" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-full" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/2" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/3" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/2" })
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-full" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/2" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/3" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-4/5" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-full" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/2" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/3" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/2" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/3" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-4/5" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-full" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-4/5" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-full" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/2" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/3" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/2" })
           ])
         ], -1)
       ])], 512), [
@@ -3417,7 +3417,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
     return (g, i) => (l(), s("div", {
       class: x([
         { fixed: e.fixed },
-        "load-screen h-full w-full top-0 left-0 z-[100] flex flex-col items-center justify-center bg-white"
+        "load-screen h-full w-full top-0 left-0 z-100 flex flex-col items-center justify-center bg-white"
       ])
     }, [
       i[0] || (i[0] = t("div", { class: "spinner h-12 w-12 mb-6" }, [
@@ -3434,7 +3434,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ])
     ], 2));
   }
-}), pi = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, wi = { class: "flex flex-col flex-grow overflow-y-auto" }, ki = { class: "grow flex flex-col" }, $i = {
+}), pi = { class: "hidden md:flex md:flex-col sticky md:inset-y-0" }, wi = { class: "flex flex-col grow overflow-y-auto" }, ki = { class: "grow flex flex-col" }, $i = {
   class: "flex-1 space-y-1",
   "aria-label": "Sidebar"
 }, Ci = { key: 0 }, Si = ["onClick"], Bi = {
@@ -3481,7 +3481,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
               }, {
                 default: y(({ open: c }) => [
                   m(f(se), {
-                    class: x([d.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900", "group w-full flex items-center pl-2 pr-1 py-2 text-left text-sm font-medium rounded-md focus:outline-none"])
+                    class: x([d.current ? "bg-indigo-600 text-white" : "text-gray-600 hover:bg-gray-50 hover:text-gray-900", "group w-full flex items-center pl-2 pr-1 py-2 text-left text-sm font-medium rounded-md focus:outline-hidden"])
                   }, {
                     default: y(() => [
                       d.icon ? (l(), w(P, {
@@ -3490,7 +3490,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                         icon: d.icon,
                         class: x([
                           d.current ? "text-white" : "text-gray-400 group-hover:text-gray-500",
-                          "mr-3 flex-shrink-0 h-6 w-6"
+                          "mr-3 shrink-0 h-6 w-6"
                         ]),
                         "aria-hidden": "true"
                       }, null, 8, ["loading", "icon", "class"])) : b("", !0),
@@ -3498,7 +3498,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                         t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-1/2" }, null, -1)
                       ])])) : (l(), s("span", Mi, u(d.name), 1)),
                       m(f($e), {
-                        class: x([c ? "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"])
+                        class: x([c ? "text-black rotate-90" : "text-gray-400", "mr-3 shrink-0 h-3 w-3 transform group-hover:text-gray-400 transition-colors ease-in-out duration-150"])
                       }, null, 8, ["class"])
                     ]),
                     _: 2
@@ -3534,7 +3534,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                     icon: d.icon,
                     class: x([
                       d.current ? "text-white" : "text-gray-400 group-hover:text-gray-500",
-                      "mr-3 flex-shrink-0 h-6 w-6"
+                      "mr-3 shrink-0 h-6 w-6"
                     ]),
                     "aria-hidden": "true"
                   }, null, 8, ["loading", "icon", "class"])) : b("", !0),
@@ -3547,7 +3547,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ])
     ]));
   }
-}), Li = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6 h-screen" }, Pi = { class: "bg-black w-16 mr-6 flex-shrink-0" }, Fi = ["onClick"], Oi = ["src", "alt"], _i = {
+}), Li = { class: "flex flex-row grow border-r border-gray-200 bg-white pr-6 h-screen" }, Pi = { class: "bg-black w-16 mr-6 shrink-0" }, Fi = ["onClick"], Oi = ["src", "alt"], _i = {
   key: 0,
   class: "flex flex-col grow h-full"
 }, Ii = ["src"], Vi = { class: "flex flex-1 flex-col overflow-hidden mt-8" }, Ni = { class: "flex-1 overflow-y-auto pr-6" }, Ri = {
@@ -3582,7 +3582,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         t("ul", null, [
           (l(!0), s(k, null, S(e.productsSidebar, (a, d) => (l(), s("li", {
             key: d,
-            class: x([{ "!bg-lime-400": a.active }, "w-full h-16 p-4 flex items-center justify-center cursor-pointer hover:bg-lime-400 hover:text-black"]),
+            class: x([{ "bg-lime-400!": a.active }, "w-full h-16 p-4 flex items-center justify-center cursor-pointer hover:bg-lime-400 hover:text-black"]),
             onClick: (c) => n.$emit("productBarClick", a.name)
           }, [
             t("img", {
@@ -3729,7 +3729,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
 }), Ji = { key: 0 }, Ki = ["title"], Qi = { class: "ml-16 flex items-baseline pb-5" }, Xi = { class: "text-2xl font-semibold" }, er = {
   key: 0,
   class: "text-black ml-2 flex items-baseline text-sm font-semibold"
-}, tr = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, lr = { class: "text-sm" }, sr = { key: 1 }, nr = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full pb-6" }, ar = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Ft = /* @__PURE__ */ T({
+}, tr = { class: "absolute bottom-0 inset-x-0 bg-gray-50 px-4 py-4 sm:px-6" }, lr = { class: "text-sm" }, sr = { key: 1 }, nr = { class: "relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow-sm rounded-lg overflow-hidden h-full pb-6" }, ar = { class: "absolute bg-gray-200 rounded-md p-3 animate-pulse" }, Ft = /* @__PURE__ */ T({
   __name: "uiStats",
   props: {
     item: {},
@@ -3758,7 +3758,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ])
     ])) : (l(), s("div", Ji, [
       t("div", {
-        class: x(["relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow rounded-lg overflow-hidden h-full", { "pb-12": e.item.showFooter }])
+        class: x(["relative bg-white pt-5 px-4 sm:pt-6 sm:px-6 shadow-sm rounded-lg overflow-hidden h-full", { "pb-12": e.item.showFooter }])
       }, [
         t("dt", null, [
           t("div", {
@@ -3796,12 +3796,12 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           }, [
             e.item.changeType === "increase" ? (l(), w(f(ql), {
               key: 0,
-              class: "self-center flex-shrink-0 h-3 w-3 text-green-500",
+              class: "self-center shrink-0 h-3 w-3 text-green-500",
               "aria-hidden": "true"
             })) : b("", !0),
             e.item.changeType === "decrease" ? (l(), w(f(Nl), {
               key: 1,
-              class: "self-center flex-shrink-0 h-3 w-3 text-red-500",
+              class: "self-center shrink-0 h-3 w-3 text-red-500",
               "aria-hidden": "true"
             })) : b("", !0),
             B(" " + u(e.item.change), 1)
@@ -3822,16 +3822,16 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   }
 }), or = {
   key: 0,
-  class: "overflow-hidden bg-white shadow sm:rounded-lg"
+  class: "overflow-hidden bg-white shadow-sm sm:rounded-lg"
 }, ir = { class: "px-4 py-5 sm:px-6" }, rr = { class: "text-lg font-medium leading-6" }, dr = { class: "mt-1 max-w-2xl text-sm" }, cr = { class: "border-t border-gray-200" }, ur = { class: "text-sm font-medium" }, gr = {
   key: 0,
   class: "mt-1 text-sm sm:col-span-2 sm:mt-0 break-normal"
 }, mr = ["onClick"], fr = {
   key: 2,
-  class: "mt-1 text-sm sm:col-span-2 sm:mt-0 break-words"
+  class: "mt-1 text-sm sm:col-span-2 sm:mt-0 wrap-break-word"
 }, hr = {
   key: 1,
-  class: "overflow-hidden bg-white shadow sm:rounded-lg"
+  class: "overflow-hidden bg-white shadow-sm sm:rounded-lg"
 }, yr = { class: "border-t border-gray-200" }, br = /* @__PURE__ */ T({
   __name: "uiStripedCard",
   props: {
@@ -3853,7 +3853,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             t("dt", { class: "text-sm font-medium text-gray-500" }, [
               t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" })
             ], -1),
-            t("dd", { class: "mt-1 text-sm sm:col-span-2 sm:mt-0 break-words" }, [
+            t("dd", { class: "mt-1 text-sm sm:col-span-2 sm:mt-0 wrap-break-word" }, [
               t("div", { class: "h-2.5 bg-gray-200 rounded-full dark:bg-gray-300 w-12" })
             ], -1)
           ])], 2)), 64))
@@ -3893,7 +3893,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ])
     ]));
   }
-}), vr = { class: "absolute top-10 bg-black text-white text-xs p-2 rounded z-10 font-light w-60 flex flex-row items-start" }, xr = { class: "ml-2" }, pr = {
+}), vr = { class: "absolute top-10 bg-black text-white text-xs p-2 rounded-sm z-10 font-light w-60 flex flex-row items-start" }, xr = { class: "ml-2" }, pr = {
   __name: "tooltip",
   props: {
     tip: {
@@ -3929,10 +3929,10 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       t("span", xr, u(e.tip), 1)
     ]));
   }
-}, wr = { class: "hidden py-0.5 px-2.5 rounded text-xs font-medium md:inline-block bg-lime-400 text-gray-900" }, kr = {
+}, wr = { class: "hidden py-0.5 px-2.5 rounded-sm text-xs font-medium md:inline-block bg-lime-400 text-gray-900" }, kr = {
   key: 0,
-  class: "hidden py-0.5 px-2.5 rounded text-xs font-medium md:inline-block bg-gray-100 text-gray-900 uppercase"
-}, $r = { class: "w-screen max-w-md flex-auto rounded bg-white text-sm/6 shadow-lg ring-1 ring-gray-900/5 lg:max-w-3xl" }, Cr = { class: "p-6 gap-y-2 flex flex-col" }, Sr = { class: "flex items-center gap-x-2 w-full" }, Br = { class: "px-6 pb-6 gap-x-2 flex justify-end" }, Mr = {
+  class: "hidden py-0.5 px-2.5 rounded-sm text-xs font-medium md:inline-block bg-gray-100 text-gray-900 uppercase"
+}, $r = { class: "w-screen max-w-md flex-auto rounded-sm bg-white text-sm/6 shadow-lg ring-1 ring-gray-900/5 lg:max-w-3xl" }, Cr = { class: "p-6 gap-y-2 flex flex-col" }, Sr = { class: "flex items-center gap-x-2 w-full" }, Br = { class: "px-6 pb-6 gap-x-2 flex justify-end" }, Mr = {
   key: 1,
   class: "relative animate-pulse"
 }, zr = /* @__PURE__ */ T({
@@ -4039,13 +4039,13 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       o("smartFiltersSent", H), j();
     };
     return (j, q) => e.loading ? (l(), s("div", Mr, [...q[1] || (q[1] = [
-      ee('<div class="inline-flex items-center gap-x-2 text-sm/6 font-semibold text-gray-900 outline-none flex-wrap gap-y-1"><div class="h-4 bg-gray-200 rounded-lg w-32"></div><div class="h-4 bg-gray-200 rounded-lg w-20"></div><div class="h-4 bg-gray-200 rounded-lg w-16"></div><div class="h-5 w-5 bg-gray-200 rounded-lg"></div></div>', 1)
+      ee('<div class="inline-flex items-center gap-x-2 text-sm/6 font-semibold text-gray-900 outline-hidden flex-wrap gap-y-1"><div class="h-4 bg-gray-200 rounded-lg w-32"></div><div class="h-4 bg-gray-200 rounded-lg w-20"></div><div class="h-4 bg-gray-200 rounded-lg w-16"></div><div class="h-5 w-5 bg-gray-200 rounded-lg"></div></div>', 1)
     ])])) : (l(), w(f(kl), {
       key: 0,
       class: "relative w-full max-w-full"
     }, {
       default: y(() => [
-        m(f($l), { class: "inline-flex items-center gap-x-2 text-sm/6 font-semibold text-gray-900 outline-none flex-wrap gap-y-1 w-full max-w-full" }, {
+        m(f($l), { class: "inline-flex items-center gap-x-2 text-sm/6 font-semibold text-gray-900 outline-hidden flex-wrap gap-y-1 w-full max-w-full" }, {
           default: y(() => [
             t("span", null, u(i.literals.filters) + ": ", 1),
             (l(!0), s(k, null, S(N.value, (H, $) => (l(), s(k, { key: $ }, [
@@ -4245,16 +4245,16 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   class: "w-full lg:flex-1 lg:min-w-0 lg:max-w-full"
 }, _r = {
   key: 1,
-  class: "w-full lg:w-auto lg:flex-shrink-0 flex flex-col sm:flex-row items-stretch sm:items-center gap-3 lg:gap-2"
+  class: "w-full lg:w-auto lg:shrink-0 flex flex-col sm:flex-row items-stretch sm:items-center gap-3 lg:gap-2"
 }, Ir = {
   key: 0,
   class: "flex flex-col sm:flex-row gap-2 flex-wrap sm:flex-nowrap"
 }, Vr = {
   key: 1,
   class: "w-auto"
-}, Nr = { class: "-my-2 overflow-x-auto" }, Rr = { class: "inline-block min-w-full py-2 align-middle px-1" }, qr = { class: "relative overflow-hidden shadow ring-1 ring-black ring-opacity-5 md:rounded-lg" }, Hr = {
+}, Nr = { class: "-my-2 overflow-x-auto" }, Rr = { class: "inline-block min-w-full py-2 align-middle px-1" }, qr = { class: "relative overflow-hidden shadow-sm ring-1 ring-black/5 md:rounded-lg" }, Hr = {
   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-50"
+  class: "absolute top-0 left-12 flex h-12 items-center space-x-3 sm:left-16 bg-white shadow-sm rounded-sm px-4 py-1 z-50"
 }, Yr = ["onClick"], Er = { class: "min-w-full table-fixed divide-y divide-gray-300" }, Ur = ["checked", "indeterminate"], Zr = ["onMouseover"], Wr = ["onClick"], Gr = {
   key: 2,
   class: "group flex items-center uppercase text-xs"
@@ -4356,7 +4356,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         "-mt-2",
         "h-4",
         "w-4",
-        "rounded",
+        "rounded-sm",
         "border-gray-300",
         "text-black",
         "focus:ring-lime-400",
@@ -4380,7 +4380,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       class: "flex flex-col"
     } : typeof h == "object" && h.type === "action" ? {
       type: "button",
-      class: "inline-flex items-center gap-2 px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-lime-400 focus:ring-offset-2"
+      class: "inline-flex items-center gap-2 px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-lime-400 focus:ring-offset-2"
     } : {}, ot = (h) => typeof h == "object" ? h.content || "" : h || "", Et = (h) => h === n.orderedBy ? n.orderDirection === "asc" ? oe : jt : oe, Ut = (h) => h === n.orderedBy ? "white" : "primary", Zt = (h) => {
       o("tableAction", { action: h.id, items: r.value });
     }, Wt = (h) => {
@@ -4567,7 +4567,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                 (l(!0), s(k, null, S(e.actions, (z, Q) => (l(), s("button", {
                   key: Q,
                   type: "button",
-                  class: "inline-flex items-center rounded bg-lime-400 hover:bg-black px-2.5 py-1.5 text-xs font-medium text-white shadow-sm disabled:cursor-not-allowed disabled:opacity-30",
+                  class: "inline-flex items-center rounded-sm bg-lime-400 hover:bg-black px-2.5 py-1.5 text-xs font-medium text-white shadow-xs disabled:cursor-not-allowed disabled:opacity-30",
                   onClick: (_) => Zt(z)
                 }, u(z.name), 9, Yr))), 128))
               ])) : b("", !0),
@@ -4590,7 +4590,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                           key: 0,
                           checked: K.value,
                           indeterminate: re.value,
-                          class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded border-gray-300 text-black focus:ring-lime-400",
+                          class: "absolute left-4 top-1/2 -mt-2 h-4 w-4 rounded-sm border-gray-300 text-black focus:ring-lime-400",
                           type: "checkbox",
                           onChange: Wt
                         }, null, 40, Ur)) : b("", !0)
@@ -4613,7 +4613,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                         }, [
                           t("span", null, u(z.name), 1),
                           t("span", {
-                            class: x([Ht(z.value), "ml-2 flex-none rounded group-hover:bg-lime-200 group-hover:text-white"])
+                            class: x([Ht(z.value), "ml-2 flex-none rounded-sm group-hover:bg-lime-200 group-hover:text-white"])
                           }, [
                             m(P, {
                               icon: Et(z.value),
@@ -4657,7 +4657,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                         ])) : typeof _ == "object" && _.type === "action" ? (l(), s("button", {
                           key: 1,
                           type: "button",
-                          class: "inline-flex items-center gap-2 px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-lime-400 focus:ring-offset-2",
+                          class: "inline-flex items-center gap-2 px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-lime-400 focus:ring-offset-2",
                           onClick: (X) => de(_, z.id)
                         }, [
                           _.icon ? (l(), w(P, {
@@ -4688,7 +4688,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                           t("button", {
                             type: "button",
                             onClick: (X) => de({ type: "action", action: "reveal", value: _.value }, z.id),
-                            class: "inline-flex items-center p-1 text-gray-500 hover:text-gray-700 focus:outline-none"
+                            class: "inline-flex items-center p-1 text-gray-500 hover:text-gray-700 focus:outline-hidden"
                           }, [
                             m(P, {
                               loading: e.loading,
@@ -4700,7 +4700,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                           t("button", {
                             type: "button",
                             onClick: (X) => de({ type: "action", action: "copy", value: _.value }, z.id),
-                            class: "inline-flex items-center p-1 text-gray-500 hover:text-gray-700 focus:outline-none"
+                            class: "inline-flex items-center p-1 text-gray-500 hover:text-gray-700 focus:outline-hidden"
                           }, [
                             m(P, {
                               loading: e.loading,
@@ -4714,7 +4714,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                             key: hl,
                             type: "button",
                             onClick: (kg) => de({ type: "action", action: X.action }, z.id),
-                            class: x(X.action === "viewCode" ? "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-lime-400 focus:ring-offset-2" : "inline-flex items-center p-1 text-gray-500 hover:text-gray-700 focus:outline-none")
+                            class: x(X.action === "viewCode" ? "inline-flex items-center gap-1 px-3 py-1.5 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md hover:bg-gray-50 focus:outline-hidden focus:ring-2 focus:ring-lime-400 focus:ring-offset-2" : "inline-flex items-center p-1 text-gray-500 hover:text-gray-700 focus:outline-hidden")
                           }, [
                             m(P, {
                               loading: e.loading,
@@ -4818,7 +4818,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           onChange: r[0] || (r[0] = (a) => o(a)),
           id: "tabs",
           name: "tabs",
-          class: "block w-full rounded-md border-black py-2 pl-3 pr-10 text-base focus:border-lime-400 focus:outline-none focus:ring-lime-400 sm:text-sm"
+          class: "block w-full rounded-md border-black py-2 pl-3 pr-10 text-base focus:border-lime-400 focus:outline-hidden focus:ring-lime-400 sm:text-sm"
         }, [
           (l(!0), s(k, null, S(e.tabs, (a) => (l(), s("option", {
             value: a.id,
@@ -4867,7 +4867,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   class: "h-full w-full flex items-center justify-center flex-col px-4 py-5 sm:p-6"
 }, Fd = {
   key: 1,
-  class: "bg-white overflow-hidden shadow rounded-lg"
+  class: "bg-white overflow-hidden shadow-sm rounded-lg"
 }, Od = { class: "px-4 py-5 sm:p-6 animate-pulse" }, _d = { class: "flow-root" }, Id = {
   class: "-mb-8",
   role: "list"
@@ -4912,7 +4912,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ], -1))
     ])) : (l(), s("div", {
       key: 0,
-      class: x(["h-[" + e.height + "px]", "bg-white overflow-hidden shadow rounded-lg"])
+      class: x(["h-[" + e.height + "px]", "bg-white overflow-hidden shadow-sm rounded-lg"])
     }, [
       t("div", pd, [
         t("h1", wd, u(e.name), 1)
@@ -4988,7 +4988,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ]))
     ], 2));
   }
-}), qd = { class: "mx-auto px-6 lg:px-8" }, Hd = { class: "flex justify-between h-20" }, Yd = { class: "flex" }, Ed = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, Ud = ["src"], Zd = { class: "flex items-center" }, Wd = { class: "lg:ml-4 lg:flex-shrink-0 lg:flex lg:items-center hidden" }, Gd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute -top-0 -left-1" }, Jd = ["src"], Kd = ["onClick"], Qd = { class: "pt-2 pb-3 space-y-1" }, Xd = ["onClick"], ec = { class: "pt-4 pb-3 border-t border-gray-200" }, tc = { class: "flex items-center px-4 sm:px-6" }, lc = { class: "flex-shrink-0" }, sc = ["src"], nc = {
+}), qd = { class: "mx-auto px-6 lg:px-8" }, Hd = { class: "flex justify-between h-20" }, Yd = { class: "flex" }, Ed = { class: "-ml-2 mr-2 flex items-center lg:hidden" }, Ud = ["src"], Zd = { class: "flex items-center" }, Wd = { class: "lg:ml-4 lg:shrink-0 lg:flex lg:items-center hidden" }, Gd = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-0 -left-1" }, Jd = ["src"], Kd = ["onClick"], Qd = { class: "pt-2 pb-3 space-y-1" }, Xd = ["onClick"], ec = { class: "pt-4 pb-3 border-t border-gray-200" }, tc = { class: "flex items-center px-4 sm:px-6" }, lc = { class: "shrink-0" }, sc = ["src"], nc = {
   key: 0,
   class: "ml-3"
 }, ac = { class: "text-base font-medium text-gray-800" }, oc = { class: "text-sm font-medium text-gray-500" }, ic = { class: "mt-3 space-y-1" }, rc = ["onClick"], dc = /* @__PURE__ */ T({
@@ -5006,14 +5006,14 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
     const i = e, o = A(() => i.navigation ? Array.isArray(i.navigation) ? i.navigation : [i.navigation] : []);
     return (n, r) => (l(), w(f(_e), {
       as: "nav",
-      class: "bg-white shadow z-10"
+      class: "bg-white shadow-sm z-10"
     }, {
       default: y(({ open: a }) => [
         t("div", qd, [
           t("div", Hd, [
             t("div", Yd, [
               t("div", Ed, [
-                m(f(se), { 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" }, {
+                m(f(se), { class: "inline-flex items-center justify-center p-2 rounded-md text-gray-400 hover:text-gray-500 hover:bg-gray-100 focus:outline-hidden focus:ring-2 focus:ring-inset focus:ring-indigo-500" }, {
                   default: y(() => [
                     r[1] || (r[1] = t("span", { class: "sr-only" }, "Open main menu", -1)),
                     a ? (l(), w(f(ie), {
@@ -5030,7 +5030,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                 }, 1024)
               ]),
               t("div", {
-                class: "flex-shrink-0 flex items-center cursor-pointer",
+                class: "shrink-0 flex items-center cursor-pointer",
                 onClick: r[0] || (r[0] = (d) => n.$emit("topBarClick", "logo"))
               }, [
                 t("img", {
@@ -5048,7 +5048,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                 }, {
                   default: y(() => [
                     t("div", null, [
-                      L(m(f(We), { class: "bg-white rounded-full flex text-sm focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
+                      L(m(f(We), { class: "bg-white rounded-full flex text-sm focus:outline-hidden focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 relative" }, {
                         default: y(() => [
                           L(t("div", Gd, [...r[2] || (r[2] = [
                             t("span", { class: "animate-ping absolute inline-flex h-4 w-4 bg-red-500 rounded-full opacity-75" }, null, -1)
@@ -5074,7 +5074,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                       "leave-to-class": "transform opacity-0 scale-95"
                     }, {
                       default: y(() => [
-                        m(f(Ge), { class: "origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none" }, {
+                        m(f(Ge), { class: "origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black/5 focus:outline-hidden" }, {
                           default: y(() => [
                             (l(!0), s(k, null, S(e.profileMenu, (d) => (l(), w(f(Je), {
                               key: d.name
@@ -5186,7 +5186,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       }, "3M", 2)
     ]));
   }
-}), gc = { class: "chart-header flex flex-row justify-between" }, mc = { class: "text-sm font-medium text-gray-500 truncate" }, fc = { class: "chart-content" }, hc = { class: "h-full w-full flex items-center justify-center flex-col" }, yc = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, bc = /* @__PURE__ */ T({
+}), gc = { class: "chart-header flex flex-row justify-between" }, mc = { class: "text-sm font-medium text-gray-500 truncate" }, fc = { class: "chart-content" }, hc = { class: "h-full w-full flex items-center justify-center flex-col" }, yc = { class: "card chart apex-chart px-4 py-5 bg-white shadow-sm rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, bc = /* @__PURE__ */ T({
   __name: "uiFunnelChartV2",
   props: {
     labels: {},
@@ -5249,7 +5249,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
     };
     return (v, p) => (l(), s(k, null, [
       L(t("div", {
-        class: x(["h-[" + e.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
+        class: x(["h-[" + e.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow-sm rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
         t("div", gc, [
           t("div", mc, u(e.title), 1),
@@ -5294,22 +5294,22 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           t("div", { class: "h-2.5 w-36 bg-gray-200 rounded-full mb-2.5" }),
           t("div", { class: "w-48 h-2 mb-6 bg-gray-200 rounded-full" }),
           t("div", { class: "flex flex-row justify-between items-baseline grow gap-x-1" }, [
-            t("div", { class: "w-full bg-gray-200 rounded h-full" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/2" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/3" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-4/5" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-full" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/2" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/3" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/2" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/3" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-4/5" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-full" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-4/5" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-full" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/2" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/3" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/2" })
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-full" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/2" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/3" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-4/5" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-full" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/2" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/3" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/2" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/3" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-4/5" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-full" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-4/5" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-full" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/2" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/3" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/2" })
           ])
         ], -1)
       ])], 512), [
@@ -5365,7 +5365,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                                 t("div", Cc, [
                                   t("button", {
                                     type: "button",
-                                    class: "relative rounded-md hover:bg-black hover:text-white outline-none",
+                                    class: "relative rounded-md hover:bg-black hover:text-white outline-hidden",
                                     onClick: o[0] || (o[0] = (n) => i.$emit("closeRightBar"))
                                   }, [
                                     o[2] || (o[2] = t("span", { class: "absolute -inset-2.5" }, null, -1)),
@@ -5456,7 +5456,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
             }, null, 8, Dc),
             t("button", {
               type: "button",
-              class: "absolute inset-0 focus:outline-none",
+              class: "absolute inset-0 focus:outline-hidden",
               onClick: (c) => r.$emit("imgClicked", d)
             }, null, 8, Lc)
           ]),
@@ -5513,13 +5513,13 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         ]),
         _: 3
       }, 16)) : (l(), s("div", Vc, [...o[1] || (o[1] = [
-        t("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" }, null, -1),
-        t("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" }, null, -1),
-        t("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" }, null, -1)
+        t("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-xs" }, null, -1),
+        t("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-xs" }, null, -1),
+        t("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-xs" }, null, -1)
       ])]))
     ]));
   }
-}), Rc = { 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" }, qc = { class: "flex flex-row items-center w-full" }, Hc = { class: "content text-sm grow" }, Yc = { class: "font-bold" }, Ec = { key: 0 }, Uc = { class: "font-bold text-gray-400" }, Zc = {
+}), Rc = { class: "cursor-move mb-1 relative flex items-center space-x-3 rounded-lg border border-gray-300 bg-white p-4 shadow-xs focus-within:ring-2 focus-within:ring-indigo-500 focus-within:ring-offset-2 hover:border-gray-400" }, qc = { class: "flex flex-row items-center w-full" }, Hc = { class: "content text-sm grow" }, Yc = { class: "font-bold" }, Ec = { key: 0 }, Uc = { class: "font-bold text-gray-400" }, Zc = {
   key: 1,
   class: "animate-pulse"
 }, Wc = /* @__PURE__ */ T({
@@ -5539,7 +5539,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       i("dragAndDropUpdated", a);
     };
     return (a, d) => e.loading ? (l(), s("div", Zc, [...d[2] || (d[2] = [
-      ee('<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)
+      ee('<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-xs"></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-xs"></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-xs"></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-xs"></div><div class="h-16 relative flex items-center space-x-3 rounded-lg bg-gray-200 dark:bg-gray-300 p-4 shadow-xs"></div>', 5)
     ])])) : (l(), w(Nc, {
       key: 0,
       modelValue: f(n),
@@ -5569,7 +5569,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Gc = { class: "chart-header flex flex-row justify-between" }, Jc = { class: "text-sm font-medium text-gray-500 truncate" }, Kc = { class: "hidden sm:flex items-center" }, Qc = { class: "w-1/2 min-w-0 flex-1" }, Xc = ["max"], eu = { class: "min-w-0 flex-1" }, tu = ["max"], lu = { class: "chart-content" }, su = { class: "h-full w-full flex items-center justify-center flex-col" }, nu = { class: "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, au = /* @__PURE__ */ T({
+}), Gc = { class: "chart-header flex flex-row justify-between" }, Jc = { class: "text-sm font-medium text-gray-500 truncate" }, Kc = { class: "hidden sm:flex items-center" }, Qc = { class: "w-1/2 min-w-0 flex-1" }, Xc = ["max"], eu = { class: "min-w-0 flex-1" }, tu = ["max"], lu = { class: "chart-content" }, su = { class: "h-full w-full flex items-center justify-center flex-col" }, nu = { class: "card chart apex-chart px-4 py-5 bg-white shadow-sm rounded-lg overflow-hidden sm:p-6 flex grow h-80" }, au = /* @__PURE__ */ T({
   __name: "uiCircleChart",
   props: {
     labels: {},
@@ -5635,7 +5635,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
     };
     return (E, M) => (l(), s(k, null, [
       L(t("div", {
-        class: x(["h-[" + e.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow rounded-lg overflow-hidden sm:p-6 flex grow"])
+        class: x(["h-[" + e.height + "px]", "card chart apex-chart px-4 py-5 bg-white shadow-sm rounded-lg overflow-hidden sm:p-6 flex grow"])
       }, [
         t("div", Gc, [
           t("div", Jc, u(e.title), 1),
@@ -5648,7 +5648,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                 onChange: N,
                 name: "from",
                 id: "from",
-                class: "text-xs relative block w-full rounded rounded-r-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
+                class: "text-xs relative block w-full rounded-sm rounded-r-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
               }, null, 40, Xc), [
                 [xe, f(r).from]
               ])
@@ -5661,7 +5661,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                 onChange: N,
                 name: "to",
                 id: "to",
-                class: "text-xs relative block w-full -mr-2 rounded rounded-l-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
+                class: "text-xs relative block w-full -mr-2 rounded-sm rounded-l-none border-0 bg-transparent py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:z-10 focus:ring-2 focus:ring-inset focus:ring-indigo-600"
               }, null, 40, tu), [
                 [xe, f(r).to]
               ])
@@ -5711,22 +5711,22 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           t("div", { class: "h-2.5 w-36 bg-gray-200 rounded-full mb-2.5" }),
           t("div", { class: "w-48 h-2 mb-6 bg-gray-200 rounded-full" }),
           t("div", { class: "flex flex-row justify-between items-baseline grow gap-x-1" }, [
-            t("div", { class: "w-full bg-gray-200 rounded h-full" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/2" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/3" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-4/5" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-full" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/2" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/3" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/2" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/3" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-4/5" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-full" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-4/5" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-full" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/2" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/3" }),
-            t("div", { class: "w-full bg-gray-200 rounded h-1/2" })
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-full" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/2" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/3" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-4/5" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-full" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/2" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/3" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/2" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/3" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-4/5" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-full" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-4/5" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-full" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/2" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/3" }),
+            t("div", { class: "w-full bg-gray-200 rounded-sm h-1/2" })
           ])
         ], -1)
       ])], 512), [
@@ -5851,7 +5851,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
         e.requiredText ? (l(), s("span", uu, u(e.requiredText), 1)) : b("", !0)
       ]),
       t("div", {
-        class: x([{ "mt-1": e.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"])
+        class: x([{ "mt-1": e.label }, "pt-16 px-6 pb-6 bg-gray-50 border border-gray-300 rounded-lg shadow-xs"])
       }, [
         e.loading ? (l(), s("p", gu)) : (l(), w(f(Al), {
           key: 0,
@@ -5862,8 +5862,8 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
           disabled: e.disabled,
           onChange: a[1] || (a[1] = (d) => i("sliderUpdated", d)),
           classes: {
-            base: "w-full h-full relative z-1 bg-gray-300 rounded",
-            tooltip: "absolute block text-sm font-semibold whitespace-nowrap py-1 px-1.5 min-w-5 text-center text-white rounded border border-black bg-black transform h:-translate-x-1/2 h:left-1/2 v:-translate-y-1/2 v:top-1/2 slider-disabled:bg-gray-400 slider-disabled:border-gray-400 merge-h:translate-x-1/2 merge-h:left-auto merge-v:-translate-x-4 merge-v:top-auto tt-focus:hidden tt-focused:block tt-drag:hidden tt-dragging:block"
+            base: "w-full h-full relative z-1 bg-gray-300 rounded-sm",
+            tooltip: "absolute block text-sm font-semibold whitespace-nowrap py-1 px-1.5 min-w-5 text-center text-white rounded-sm border border-black bg-black transform h:-translate-x-1/2 h:left-1/2 v:-translate-y-1/2 v:top-1/2 slider-disabled:bg-gray-400 slider-disabled:border-gray-400 merge-h:translate-x-1/2 merge-h:left-auto merge-v:-translate-x-4 merge-v:top-auto tt-focus:hidden tt-focused:block tt-drag:hidden tt-dragging:block"
           }
         }, null, 8, ["modelValue", "min", "max", "disabled"]))
       ], 2)
@@ -5894,7 +5894,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   class: "text-lg font-semibold text-gray-900"
 }, pu = {
   key: 2,
-  class: "h-6 bg-gray-200 rounded animate-pulse"
+  class: "h-6 bg-gray-200 rounded-sm animate-pulse"
 }, wu = {
   key: 0,
   class: "border-t border-gray-200"
@@ -5903,16 +5903,16 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   class: "text-sm font-semibold text-gray-900 mb-2"
 }, Cu = {
   key: 1,
-  class: "h-4 bg-gray-200 rounded animate-pulse w-24 mb-2"
+  class: "h-4 bg-gray-200 rounded-sm animate-pulse w-24 mb-2"
 }, Su = ["onClick"], Bu = {
   key: 1,
   class: "flex-1 text-left"
 }, Mu = {
   key: 2,
-  class: "flex-1 h-4 bg-gray-200 rounded animate-pulse"
+  class: "flex-1 h-4 bg-gray-200 rounded-sm animate-pulse"
 }, zu = {
   key: 4,
-  class: "h-3 w-8 bg-gray-200 rounded animate-pulse"
+  class: "h-3 w-8 bg-gray-200 rounded-sm animate-pulse"
 }, ju = /* @__PURE__ */ T({
   __name: "uiSecondarySidebar",
   props: {
@@ -5984,11 +5984,11 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
   }
 }), Au = {
   key: 0,
-  class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, Tu = { class: "flex flex-1 flex-col p-8" }, Du = { class: "text-2xl font-bold" }, Lu = { class: "mt-1 flex flex-grow flex-col justify-between" }, Pu = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Fu = {
+  class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow-sm"
+}, Tu = { class: "flex flex-1 flex-col p-8" }, Du = { class: "text-2xl font-bold" }, Lu = { class: "mt-1 flex grow flex-col justify-between" }, Pu = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Fu = {
   key: 1,
-  class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow"
-}, Ou = { class: "flex flex-1 flex-col p-8" }, _u = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, Iu = { class: "mt-1 flex flex-grow flex-col justify-between" }, Vu = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Nu = /* @__PURE__ */ T({
+  class: "col-span-1 flex flex-col divide-y divide-gray-200 rounded-lg bg-white text-center shadow-sm"
+}, Ou = { class: "flex flex-1 flex-col p-8" }, _u = { class: "rounded-md p-3 flex items-center justify-center mx-auto mb-4 bg-gray-200" }, Iu = { class: "mt-1 flex grow flex-col justify-between" }, Vu = { class: "mt-3 flex flex-wrap gap-x-1 gap-y-1 justify-center" }, Nu = /* @__PURE__ */ T({
   __name: "uiDeviceStatus",
   props: {
     id: {},
@@ -6077,7 +6077,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       ])
     ]));
   }
-}), Ru = { class: "fixed inset-0 flex" }, qu = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, Hu = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-[25rem] lg:flex-col" }, Yu = { class: "lg:pl-[25rem] flex flex-col h-screen" }, Eu = { 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" }, Uu = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, Zu = { class: "flex items-center gap-x-4 lg:gap-x-6 ml-auto" }, Wu = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, Gu = ["src"], Ju = { class: "hidden lg:flex lg:items-center" }, Ku = ["onClick"], Qu = { class: "bg-gray-50 flex-1 overflow-auto" }, Xu = { class: "p-7 lg:p-10" }, e0 = /* @__PURE__ */ T({
+}), Ru = { class: "fixed inset-0 flex" }, qu = { class: "absolute left-full top-0 flex w-16 justify-center pt-5" }, Hu = { class: "hidden lg:fixed lg:inset-y-0 lg:z-50 lg:flex lg:w-100 lg:flex-col" }, Yu = { class: "lg:pl-100 flex flex-col h-screen" }, Eu = { 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-xs sm:gap-x-6 sm:px-6 lg:px-8" }, Uu = { class: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" }, Zu = { class: "flex items-center gap-x-4 lg:gap-x-6 ml-auto" }, Wu = { class: "redCircle flex items-center justify-center h-4 w-4 bg-red-500 rounded-full absolute top-1 left-2" }, Gu = ["src"], Ju = { class: "hidden lg:flex lg:items-center" }, Ku = ["onClick"], Qu = { class: "bg-gray-50 flex-1 overflow-auto" }, Xu = { class: "p-7 lg:p-10" }, e0 = /* @__PURE__ */ T({
   __name: "uiWrapper",
   props: {
     topbar: {},
@@ -6270,7 +6270,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
                     "leave-to-class": "transform opacity-0 scale-95"
                   }, {
                     default: y(() => [
-                      m(f(Ge), { class: "absolute right-0 z-10 mt-2.5 w-52 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-none" }, {
+                      m(f(Ge), { class: "absolute right-0 z-10 mt-2.5 w-52 origin-top-right rounded-md bg-white py-2 shadow-lg ring-1 ring-gray-900/5 focus:outline-hidden" }, {
                         default: y(() => [
                           (l(!0), s(k, null, S(e.topbar.profileMenu, (c) => (l(), w(f(Je), {
                             key: c.name
@@ -6407,14 +6407,14 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
               "text-red-600": e.color === "red",
               "text-yellow-400": e.color === "yellow",
               "text-green-600": e.color === "green"
-            }, "relative w-full rounded-md border py-1.5 pl-2 pr-10 shadow-sm focus:border-lime-400 focus:outline-none focus:ring-1 focus:ring-lime-400 sm:text-sm"])
+            }, "relative w-full rounded-md border py-1.5 pl-2 pr-10 shadow-xs focus:border-lime-400 focus:outline-hidden focus:ring-1 focus:ring-lime-400 sm:text-sm"])
           }, {
             default: y(() => [
               t("span", a0, [
                 f(n).length === 0 ? (l(), s("span", o0, "...")) : b("", !0),
                 (l(!0), s(k, null, S(f(n), (v) => (l(), s("span", {
                   key: v.id,
-                  class: "flex items-center gap-1 rounded text-xs font-medium bg-lime-400 text-black border border-lime-200 px-2 py-0.5"
+                  class: "flex items-center gap-1 rounded-sm text-xs font-medium bg-lime-400 text-black border border-lime-200 px-2 py-0.5"
                 }, [
                   t("span", null, u(v.name), 1),
                   (l(), s("svg", {
@@ -6583,7 +6583,7 @@ const vi = /* @__PURE__ */ Ce(hi, [["render", bi]]), xi = /* @__PURE__ */ T({
       t("div", h0, [
         n.value ? (l(!0), s(k, { key: 0 }, S(r.value, (C) => (l(), s("div", {
           key: C.name,
-          class: "p-6 bg-gray-50 border border-gray-300 rounded-lg shadow-sm"
+          class: "p-6 bg-gray-50 border border-gray-300 rounded-lg shadow-xs"
         }, [
           m(f(_e), null, {
             default: y(({ open: N }) => [