mgv-backoffice 1.0.8 → 1.0.10

package/dist/{ui-lib.mjs → ui-lib.js}

@@ -1,26 +1,26 @@
-import { defineComponent as h, openBlock as l, createElementBlock as i, normalizeClass as m, createVNode as p, unref as d, createElementVNode as a, toDisplayString as y, useSlots as F, computed as k, renderSlot as $, createCommentVNode as g, resolveComponent as G, withCtx as S, createTextVNode as C, Fragment as T, renderList as q, createBlock as D, ref as U, watch as Y } from "vue";
+import { defineComponent as y, openBlock as l, createElementBlock as i, normalizeClass as h, createVNode as m, unref as d, createElementVNode as s, toDisplayString as b, useSlots as F, computed as k, renderSlot as $, createCommentVNode as g, resolveComponent as G, withCtx as S, createTextVNode as C, Fragment as T, renderList as q, createBlock as D, ref as U, watch as Y } from "vue";
 import { InformationCircleIcon as j, ChevronRightIcon as X, ExclamationCircleIcon as z, CheckCircleIcon as K, ExclamationTriangleIcon as V, XMarkIcon as Q, ArrowDownIcon as Z, ArrowUpIcon as J } from "@heroicons/vue/24/outline";
 import { HomeIcon as ee } from "@heroicons/vue/24/solid";
-var R = /* @__PURE__ */ ((e) => (e.WARNING = "WARNING", e.ERROR = "ERROR", e.SUCCESS = "SUCCESS", e.INFROM = "INFROM", e))(R || {}), f = /* @__PURE__ */ ((e) => (e.NONE = "NONE", e.RED = "RED", e.YELLOW = "YELLOW", e.BLACK = "BLACK", e.GRAY = "GRAY", e.GREEN = "GREEN", e.BLUE = "BLUE", e))(f || {});
+var E = /* @__PURE__ */ ((e) => (e.WARNING = "WARNING", e.ERROR = "ERROR", e.SUCCESS = "SUCCESS", e.INFROM = "INFROM", e))(E || {}), f = /* @__PURE__ */ ((e) => (e.NONE = "NONE", e.RED = "RED", e.YELLOW = "YELLOW", e.BLACK = "BLACK", e.GRAY = "GRAY", e.GREEN = "GREEN", e.BLUE = "BLUE", e))(f || {});
 function te(e) {
   let t = "red";
   switch (e) {
-    case R.ERROR:
+    case E.ERROR:
       t = "red";
       break;
-    case R.SUCCESS:
+    case E.SUCCESS:
       t = "green";
       break;
-    case R.INFROM:
+    case E.INFROM:
       t = "gray";
       break;
-    case R.WARNING:
+    case E.WARNING:
       t = "yellow";
       break;
   }
   return t;
 }
-function He(e) {
+function Ve(e) {
   let t = "red";
   switch (e) {
     case f.GREEN: {
@@ -46,36 +46,37 @@ function He(e) {
   }
   return t;
 }
-const re = { class: "font-medium pl-1" }, Fe = /* @__PURE__ */ h({
+const re = { class: "font-medium pl-1" }, Qe = /* @__PURE__ */ y({
   __name: "BaseAlert",
   props: {
     title: {
       type: String,
       required: !1,
-      default: R.ERROR
+      default: E.ERROR
     },
     color: {
       type: Object,
-      required: !1
+      required: !1,
+      default: E.ERROR
     }
   },
   setup(e) {
     const t = e;
-    function n() {
-      let o = te(t.color);
-      return "flex items-center p-4 mb-4 text-sm text-" + o + "-800 border border-" + o + "-300 rounded-lg bg-" + o + "-50 dark:bg-gray-800 dark:text-" + o + "-400 dark:border-" + o + "-800";
+    function a() {
+      let n = te(t.color);
+      return "flex items-center p-4 mb-4 text-sm text-" + n + "-800 border border-" + n + "-300 rounded-lg bg-" + n + "-50 dark:bg-gray-800 dark:text-" + n + "-400 dark:border-" + n + "-800";
     }
-    return (o, r) => (l(), i("div", {
-      class: m(n()),
+    return (n, r) => (l(), i("div", {
+      class: h(a()),
       role: "alert"
     }, [
-      p(d(j), { class: "w-6 h-6 text-gray-400" }),
-      a("div", null, [
-        a("span", re, y(e.title), 1)
+      m(d(j), { class: "w-6 h-6 text-gray-400" }),
+      s("div", null, [
+        s("span", re, b(e.title), 1)
       ])
     ], 2));
   }
-}), se = "bg-red-100 text-red-700 border-red-200", M = /* @__PURE__ */ h({
+}), se = "bg-red-100 text-red-700 border-red-200", M = /* @__PURE__ */ y({
   __name: "BaseBadge",
   props: {
     color: {
@@ -84,28 +85,28 @@ const re = { class: "font-medium pl-1" }, Fe = /* @__PURE__ */ h({
     }
   },
   setup(e) {
-    const t = F(), n = k(() => !!t.default), o = e, r = {
+    const t = F(), a = k(() => !!t.default), n = e, r = {
       [f.RED]: "bg-red-100 text-red-700 border-red-200",
       [f.GREEN]: "bg-green-100 text-green-700 border-green-200",
       [f.BLUE]: "bg-blue-100 text-blue-700 border-blue-200",
       [f.YELLOW]: "bg-yellow-100 text-yellow-700 border-yellow-200",
       [f.GRAY]: "bg-gray-100 text-gray-700 border-gray-200",
       [f.NONE]: "bg-gray-50 text-gray-600 border-gray-200"
-    }, s = k(() => `inline-flex items-center gap-1 font-semibold text-xs leading-none px-3 py-1.5 rounded-full border ${o.color && r[o.color] || se}`);
-    return (c, b) => n.value ? (l(), i("span", {
+    }, o = k(() => `inline-flex items-center gap-1 font-semibold text-xs leading-none px-3 py-1.5 rounded-full border ${n.color && r[n.color] || se}`);
+    return (c, p) => a.value ? (l(), i("span", {
       key: 0,
-      class: m(s.value)
+      class: h(o.value)
     }, [
       $(c.$slots, "default")
     ], 2)) : g("", !0);
   }
-}), ae = {
+}), oe = {
   class: "flex px-5 py-3 text-gray-700 border border-gray-200 rounded-lg bg-gray-50 dark:bg-gray-800 dark:border-gray-700",
   "aria-label": "Breadcrumb"
-}, oe = { class: "inline-flex items-center space-x-1 md:space-x-3" }, ne = {
+}, ae = { class: "inline-flex items-center space-x-1 md:space-x-3" }, ne = {
   class: "inline-flex items-center",
   style: { "margin-left": "0" }
-}, Ye = /* @__PURE__ */ h({
+}, Ze = /* @__PURE__ */ y({
   __name: "BaseBreadcrumb",
   props: {
     items: {
@@ -120,41 +121,41 @@ const re = { class: "font-medium pl-1" }, Fe = /* @__PURE__ */ h({
     }
   },
   setup(e) {
-    const t = e, n = k(() => {
+    const t = e, a = k(() => {
       if (t.items && t.items.length > 0)
         return t.items;
       const r = (t.path ?? (typeof window < "u" ? window.location.pathname : "/")).split("/").filter((c) => c !== "");
-      let s = "";
-      return r.map((c) => (s += "/" + c, { name: Number(c) ? c : (c.charAt(0).toUpperCase() + c.slice(1)).replaceAll("-", " "), url: s }));
+      let o = "";
+      return r.map((c) => (o += "/" + c, { name: Number(c) ? c : (c.charAt(0).toUpperCase() + c.slice(1)).replaceAll("-", " "), url: o }));
     });
-    return (o, r) => {
-      const s = G("router-link");
-      return l(), i("nav", ae, [
-        a("ol", oe, [
-          a("li", ne, [
-            p(s, {
+    return (n, r) => {
+      const o = G("router-link");
+      return l(), i("nav", oe, [
+        s("ol", ae, [
+          s("li", ne, [
+            m(o, {
               to: "/",
               class: "inline-flex items-center text-sm font-medium text-gray-700 hover:text-blue-600 dark:text-gray-400 dark:hover:text-white"
             }, {
               default: S(() => [
-                p(d(ee), { class: "h-4 w-4 text-gray-500 mr-2" }),
+                m(d(ee), { class: "h-4 w-4 text-gray-500 mr-2" }),
                 r[0] || (r[0] = C(" Home ", -1))
               ]),
               _: 1
             })
           ]),
-          (l(!0), i(T, null, q(n.value, (c, b) => (l(), i("li", {
-            key: b,
+          (l(!0), i(T, null, q(a.value, (c, p) => (l(), i("li", {
+            key: p,
             class: "inline-flex items-center",
             style: { "margin-left": "0" }
           }, [
-            p(d(X), { class: "h-4 w-4 text-gray-500" }),
-            p(s, {
+            m(d(X), { class: "h-4 w-4 text-gray-500" }),
+            m(o, {
               to: c.url,
               class: "ml-1 text-sm font-medium text-gray-700 hover:text-blue-600 md:ml-2 dark:text-gray-400 dark:hover:text-white"
             }, {
               default: S(() => [
-                C(y(c.name), 1)
+                C(b(c.name), 1)
               ]),
               _: 2
             }, 1032, ["to"])
@@ -164,8 +165,8 @@ const re = { class: "font-medium pl-1" }, Fe = /* @__PURE__ */ h({
     };
   }
 });
-var v = /* @__PURE__ */ ((e) => (e.RED = "RED", e.BLUE = "BLUE", e.WHITE = "WHITE", e.DARK = "DARK", e.GREEN = "GREEN", e.YELLOW = "YELLOW", e.PURPLE = "PURPLE", e))(v || {}), w = /* @__PURE__ */ ((e) => (e.EXTRA_SMALL = "EXTRA SMALL", e.SMALL = "SMALL", e.BASE = "BASE", e.LARGE = "LARGE", e.EXTRA_LARGE = "EXTRA_LARGE", e))(w || {});
-const le = ["type", "disabled"], ie = { key: 0 }, ce = { key: 1 }, ue = ["type", "disabled"], de = { key: 0 }, ge = { key: 1 }, fe = { key: 2 }, je = /* @__PURE__ */ h({
+var v = /* @__PURE__ */ ((e) => (e.RED = "RED", e.BLUE = "BLUE", e.WHITE = "WHITE", e.DARK = "DARK", e.GREEN = "GREEN", e.YELLOW = "YELLOW", e.PURPLE = "PURPLE", e))(v || {}), R = /* @__PURE__ */ ((e) => (e.EXTRA_SMALL = "EXTRA SMALL", e.SMALL = "SMALL", e.BASE = "BASE", e.LARGE = "LARGE", e.EXTRA_LARGE = "EXTRA_LARGE", e))(R || {});
+const le = ["type", "disabled"], ie = { key: 0 }, ce = { key: 1 }, ue = ["type", "disabled"], de = { key: 0 }, ge = { key: 1 }, fe = { key: 2 }, Je = /* @__PURE__ */ y({
   __name: "BaseButton",
   props: {
     description: {
@@ -217,8 +218,8 @@ const le = ["type", "disabled"], ie = { key: 0 }, ce = { key: 1 }, ue = ["type",
   },
   setup(e) {
     const t = e;
-    function n() {
-      let o = "inline-flex items-center", r;
+    function a() {
+      let n = "inline-flex items-center", r;
       switch (t.color) {
         case v.BLUE: {
           r = "focus:outline-none text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300", t.isDisable && (r += " bg-blue-400");
@@ -249,58 +250,58 @@ const le = ["type", "disabled"], ie = { key: 0 }, ce = { key: 1 }, ue = ["type",
           break;
         }
       }
-      let s = "px-5 py-2.5 mr-2 mb-2 text-sm";
+      let o = "px-5 py-2.5 mr-2 mb-2 text-sm";
       switch (t.size) {
-        case w.EXTRA_SMALL: {
-          s = "px-3 py-2 text-xs";
+        case R.EXTRA_SMALL: {
+          o = "px-3 py-2 text-xs";
           break;
         }
-        case w.SMALL: {
-          s = "px-3 py-2 text-sm";
+        case R.SMALL: {
+          o = "px-3 py-2 text-sm";
           break;
         }
-        case w.BASE: {
-          s = "px-5 py-2.5 text-sm";
+        case R.BASE: {
+          o = "px-5 py-2.5 text-sm";
           break;
         }
-        case w.LARGE: {
-          s = "px-5 py-3 text-base";
+        case R.LARGE: {
+          o = "px-5 py-3 text-base";
           break;
         }
-        case w.EXTRA_LARGE: {
-          s = "px-6 py-3.5 text-base";
+        case R.EXTRA_LARGE: {
+          o = "px-6 py-3.5 text-base";
           break;
         }
       }
       let c = "rounded-lg";
-      return t.isRounded && (c = "rounded-full"), t.isDisable && (r += " cursor-not-allowed"), o + " " + s + " " + r + " " + "font-medium" + " " + c;
+      return t.isRounded && (c = "rounded-full"), t.isDisable && (r += " cursor-not-allowed"), n + " " + o + " " + r + " " + "font-medium" + " " + c;
     }
-    return (o, r) => {
-      const s = G("router-link");
-      return e.to ? (l(), D(s, {
+    return (n, r) => {
+      const o = G("router-link");
+      return e.to ? (l(), D(o, {
         key: 0,
         to: e.to
       }, {
         default: S(() => [
-          a("button", {
+          s("button", {
             type: t.type,
-            class: m(n()),
+            class: h(a()),
             disabled: e.isDisable
           }, [
-            e.iconLeft ? g("", !0) : (l(), i("span", ie, y(e.description), 1)),
-            $(o.$slots, "default"),
-            e.iconLeft ? (l(), i("span", ce, y(e.description), 1)) : g("", !0)
+            e.iconLeft ? g("", !0) : (l(), i("span", ie, b(e.description), 1)),
+            $(n.$slots, "default"),
+            e.iconLeft ? (l(), i("span", ce, b(e.description), 1)) : g("", !0)
           ], 10, le)
         ]),
         _: 3
       }, 8, ["to"])) : (l(), i("button", {
         key: 1,
         type: t.type,
-        class: m(n()),
+        class: h(a()),
         disabled: e.isDisable
       }, [
         e.isLoading ? (l(), i("div", de, [...r[0] || (r[0] = [
-          a("svg", {
+          s("svg", {
             "aria-hidden": "true",
             role: "status",
             class: "inline w-4 h-4 me-3 text-white animate-spin",
@@ -308,19 +309,19 @@ const le = ["type", "disabled"], ie = { key: 0 }, ce = { key: 1 }, ue = ["type",
             fill: "none",
             xmlns: "http://www.w3.org/2000/svg"
           }, [
-            a("path", {
+            s("path", {
               d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z",
               fill: "#E5E7EB"
             }),
-            a("path", {
+            s("path", {
               d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z",
               fill: "currentColor"
             })
           ], -1)
         ])])) : g("", !0),
-        e.iconLeft ? g("", !0) : (l(), i("span", ge, y(e.description), 1)),
-        $(o.$slots, "default"),
-        e.iconLeft ? (l(), i("span", fe, y(e.description), 1)) : g("", !0)
+        e.iconLeft ? g("", !0) : (l(), i("span", ge, b(e.description), 1)),
+        $(n.$slots, "default"),
+        e.iconLeft ? (l(), i("span", fe, b(e.description), 1)) : g("", !0)
       ], 10, ue));
     };
   }
@@ -332,10 +333,10 @@ const be = {
 }, pe = {
   key: 1,
   class: "w-48 h-1 mx-auto my-4 bg-gray-100 border-0 rounded md:my-10 dark:bg-gray-700"
-}, ye = {
+}, me = {
   key: 2,
   class: "w-8 h-8 mx-auto my-8 bg-gray-200 border-0 rounded md:my-12 dark:bg-gray-700"
-}, Xe = /* @__PURE__ */ h({
+}, et = /* @__PURE__ */ y({
   __name: "BaseLine",
   props: {
     mode: {
@@ -345,15 +346,15 @@ const be = {
     }
   },
   setup(e) {
-    return (t, n) => (l(), i(T, null, [
+    return (t, a) => (l(), i(T, null, [
       e.mode === d(L).BASE ? (l(), i("hr", be)) : g("", !0),
       e.mode === d(L).BASE_SHORTER ? (l(), i("hr", pe)) : g("", !0),
-      e.mode === d(L).SQUARE ? (l(), i("hr", ye)) : g("", !0)
+      e.mode === d(L).SQUARE ? (l(), i("hr", me)) : g("", !0)
     ], 64));
   }
 });
 var A = /* @__PURE__ */ ((e) => (e.SMALL = "SMALL", e.MEDIUM = "MEDIUM", e.LARGE = "LARGE", e))(A || {});
-const me = ["height", "width"], Ke = /* @__PURE__ */ h({
+const ye = ["height", "width"], tt = /* @__PURE__ */ y({
   __name: "BaseLogo",
   props: {
     size: {
@@ -364,49 +365,49 @@ const me = ["height", "width"], Ke = /* @__PURE__ */ h({
   },
   setup(e) {
     const t = e;
-    function n() {
-      let o = "";
+    function a() {
+      let n = "";
       switch (t.size) {
         case A.SMALL: {
-          o = "50px";
+          n = "50px";
           break;
         }
         case A.MEDIUM: {
-          o = "100px";
+          n = "100px";
           break;
         }
         case A.LARGE: {
-          o = "150px";
+          n = "150px";
           break;
         }
       }
-      return o;
+      return n;
     }
-    return (o, r) => {
-      const s = G("router-link");
-      return l(), D(s, {
+    return (n, r) => {
+      const o = G("router-link");
+      return l(), D(o, {
         to: "/",
         class: "flex items-center mb-6 text-2xl font-semibold text-gray-900 dark:text-white"
       }, {
         default: S(() => [
           (l(), i("svg", {
-            height: n(),
-            width: n(),
+            height: a(),
+            width: a(),
             viewBox: "33.6 130.6 499.7 242.9",
             xmlns: "http://www.w3.org/2000/svg",
             "xmlns:xlink": "http://www.w3.org/1999/xlink"
           }, [...r[0] || (r[0] = [
-            a("linearGradient", { id: "a" }, [
-              a("stop", {
+            s("linearGradient", { id: "a" }, [
+              s("stop", {
                 offset: ".085",
                 "stop-color": "#469e43"
               }),
-              a("stop", {
+              s("stop", {
                 offset: "1",
                 "stop-color": "#132d13"
               })
             ], -1),
-            a("linearGradient", {
+            s("linearGradient", {
               id: "b",
               gradientUnits: "userSpaceOnUse",
               x1: "64.863",
@@ -415,7 +416,7 @@ const me = ["height", "width"], Ke = /* @__PURE__ */ h({
               y1: "288.291",
               y2: "369.4"
             }, null, -1),
-            a("linearGradient", {
+            s("linearGradient", {
               id: "c",
               gradientUnits: "userSpaceOnUse",
               x1: "138.367",
@@ -424,7 +425,7 @@ const me = ["height", "width"], Ke = /* @__PURE__ */ h({
               y1: "308.454",
               y2: "370.601"
             }, null, -1),
-            a("linearGradient", {
+            s("linearGradient", {
               id: "d",
               gradientUnits: "userSpaceOnUse",
               x1: "195.475",
@@ -433,7 +434,7 @@ const me = ["height", "width"], Ke = /* @__PURE__ */ h({
               y1: "288.291",
               y2: "369.85"
             }, null, -1),
-            a("linearGradient", {
+            s("linearGradient", {
               id: "e",
               gradientUnits: "userSpaceOnUse",
               x1: "249.634",
@@ -442,7 +443,7 @@ const me = ["height", "width"], Ke = /* @__PURE__ */ h({
               y1: "307.312",
               y2: "369.511"
             }, null, -1),
-            a("linearGradient", {
+            s("linearGradient", {
               id: "f",
               gradientUnits: "userSpaceOnUse",
               x1: "302.884",
@@ -451,7 +452,7 @@ const me = ["height", "width"], Ke = /* @__PURE__ */ h({
               y1: "288.291",
               y2: "367.857"
             }, null, -1),
-            a("linearGradient", {
+            s("linearGradient", {
               id: "g",
               gradientUnits: "userSpaceOnUse",
               x1: "354.118",
@@ -460,7 +461,7 @@ const me = ["height", "width"], Ke = /* @__PURE__ */ h({
               y1: "307.312",
               y2: "369.511"
             }, null, -1),
-            a("linearGradient", {
+            s("linearGradient", {
               id: "h",
               gradientUnits: "userSpaceOnUse",
               x1: "428.02",
@@ -469,7 +470,7 @@ const me = ["height", "width"], Ke = /* @__PURE__ */ h({
               y1: "306.156",
               y2: "367.742"
             }, null, -1),
-            a("linearGradient", {
+            s("linearGradient", {
               id: "i",
               gradientUnits: "userSpaceOnUse",
               x1: "502.066",
@@ -478,7 +479,7 @@ const me = ["height", "width"], Ke = /* @__PURE__ */ h({
               y1: "288.291",
               y2: "369.4"
             }, null, -1),
-            a("linearGradient", {
+            s("linearGradient", {
               id: "j",
               gradientUnits: "userSpaceOnUse",
               x1: "283.264",
@@ -487,7 +488,7 @@ const me = ["height", "width"], Ke = /* @__PURE__ */ h({
               y1: "131.629",
               y2: "232.559"
             }, null, -1),
-            a("linearGradient", {
+            s("linearGradient", {
               id: "k",
               gradientUnits: "userSpaceOnUse",
               x1: "283.46",
@@ -495,57 +496,57 @@ const me = ["height", "width"], Ke = /* @__PURE__ */ h({
               y1: "202.275",
               y2: "183.785"
             }, [
-              a("stop", {
+              s("stop", {
                 offset: "0",
                 "stop-color": "#969799",
                 "stop-opacity": "0"
               }),
-              a("stop", {
+              s("stop", {
                 offset: "1",
                 "stop-color": "#808183"
               })
             ], -1),
-            a("path", {
+            s("path", {
               d: "m65 307.2c-6.8 0-13.1 2.2-18.2 5.9v-24.8h-13.2v81.1h31.4c17.2 0 31.1-13.9 31.1-31.1s-13.9-31.1-31.1-31.1zm0 49.3h-18.2v-18.2c0-10.1 8.2-18.2 18.2-18.2 10.1 0 18.2 8.2 18.2 18.2.1 10.1-8.1 18.2-18.2 18.2z",
               fill: "url(#b)"
             }, null, -1),
-            a("path", {
+            s("path", {
               d: "m168.8 343.9h-46.7c1.4 7.1 6.6 12 14.1 12.7 6.4.6 12.9.1 19.9.1v11.9c-15.2 4.9-33.3.5-42.1-10.4-3.8-4.7-17.3-34.7 11.5-47.4 39-11.4 45.3 22.4 43.3 33.1zm-14.2-12.7c-1.7-8.1-8.8-12.9-17.9-12.3-7.6.5-14 5.8-14.5 12.3z",
               fill: "url(#c)"
             }, null, -1),
-            a("path", {
+            s("path", {
               d: "m195.5 320.2c0 10.5-.2 20 .1 29.6.2 5.8 4.4 8.4 13.2 8.6v10.5c-13.8 3.9-26.2-4.5-26.4-18-.2-18.7-.1-43.9-.1-62.6h14.1l-.3 18.5 12.7-.1v13.4h-13.3z",
               fill: "url(#d)"
             }, null, -1),
-            a("path", {
+            s("path", {
               d: "m249.6 307.3c-17.2 0-31.1 13.9-31.1 31.1s13.9 31.1 31.1 31.1h31.1v-31.1c0-17.2-13.9-31.1-31.1-31.1zm18.6 49.7h-18.5c-10.2 0-18.5-8.3-18.5-18.5s8.3-18.5 18.5-18.5 18.5 8.3 18.5 18.5z",
               fill: "url(#e)"
             }, null, -1),
-            a("path", {
+            s("path", {
               d: "m296.4 288.3h13v79.6h-13z",
               fill: "url(#f)"
             }, null, -1),
-            a("path", {
+            s("path", {
               d: "m354.1 307.3c-17.2 0-31.1 13.9-31.1 31.1s13.9 31.1 31.1 31.1h31.1v-31.1c0-17.2-13.9-31.1-31.1-31.1zm18.6 49.7h-18.5c-10.2 0-18.5-8.3-18.5-18.5s8.3-18.5 18.5-18.5 18.5 8.3 18.5 18.5z",
               fill: "url(#g)"
             }, null, -1),
-            a("path", {
+            s("path", {
               d: "m442.2 367.7c0-12.3.2-23.6 0-34.9-.2-3.4-3.6-13.8-14.1-13.4-10.3-.3-14.4 10-14.3 12.7.1 10.2.5 35.1.5 35.1l-13.6.1s-.3-25.7.2-36.2c.6-14.1 12.7-25 27.5-25 14.7 0 26.2 10.4 26.7 24.9.4 10.4.5 36.3.5 36.3z",
               fill: "url(#h)"
             }, null, -1),
-            a("path", {
+            s("path", {
               d: "m501.9 307.2c6.8 0 13.1 2.2 18.2 5.9v-24.8h13.2v81.1h-31.4c-17.2 0-31.1-13.9-31.1-31.1s13.9-31.1 31.1-31.1zm0 49.3h18.2v-18.2c0-10.1-8.2-18.2-18.2-18.2-10.1 0-18.2 8.2-18.2 18.2 0 10.1 8.1 18.2 18.2 18.2z",
               fill: "url(#i)"
             }, null, -1),
-            a("path", {
+            s("path", {
               d: "m309.2 180.6h-24v-24c0-12.6 10.2-24.1 22.8-25 14.8-1 27.1 11.3 26.1 26.1-.8 12.7-12.3 22.9-24.9 22.9zm-50.7-48.9c-14.8-1-27.1 11.3-26.1 26.1.8 12.6 12.4 22.8 25 22.8h23.9v-24c0-12.6-10.3-24.1-22.8-24.9zm50.7 51.9h-24v23.9c0 12.6 10.2 24.1 22.8 25 14.8 1 27.1-11.3 26.1-26.1-.8-12.6-12.3-22.8-24.9-22.8zm-52.4 0c-14 0-25.3 11.8-24.4 26 .8 12.2 10.7 22.1 22.9 22.9 14.2.9 26-10.4 26-24.4v-24.5z",
               fill: "url(#j)"
             }, null, -1),
-            a("path", {
+            s("path", {
               d: "m281.7 183.8h3.6v18.5h-3.6z",
               fill: "url(#k)"
             }, null, -1)
-          ])], 8, me))
+          ])], 8, ye))
         ]),
         _: 1
       });
@@ -556,7 +557,7 @@ var P = /* @__PURE__ */ ((e) => (e.DELETE = "DELETE", e.SUCCESS = "SUCCESS", e))
 const he = { class: "dialog relative top-20 mx-auto p-5 border w-96 shadow-lg rounded-md bg-white" }, xe = {
   key: 0,
   class: "p-6 text-center"
-}, ve = { class: "mb-5 text-lg font-normal text-gray-500 dark:text-gray-400" }, ke = { class: "flex justify-center" }, Ee = /* @__PURE__ */ h({
+}, ve = { class: "mb-5 text-lg font-normal text-gray-500 dark:text-gray-400" }, ke = { class: "flex justify-center" }, _e = /* @__PURE__ */ y({
   __name: "BaseModal",
   props: {
     title: {
@@ -580,26 +581,26 @@ const he = { class: "dialog relative top-20 mx-auto p-5 border w-96 shadow-lg ro
   },
   emits: ["closeModal", "confirmModal"],
   setup(e) {
-    return (t, n) => {
-      const o = G("base-button");
+    return (t, a) => {
+      const n = G("base-button");
       return l(), i(T, null, [
-        a("div", {
+        s("div", {
           class: "outside",
-          onClick: n[0] || (n[0] = (r) => t.$emit("closeModal"))
+          onClick: a[0] || (a[0] = (r) => t.$emit("closeModal"))
         }),
-        a("div", he, [
+        s("div", he, [
           e.mode === d(P).DELETE ? (l(), i("div", xe, [
-            p(d(z), { class: "w-12 h-12 text-gray-400 mx-auto mb-4" }),
-            a("h3", ve, " Are you sure you want to delete this " + y(e.title) + "? ", 1),
-            a("div", ke, [
-              p(o, {
+            m(d(z), { class: "w-12 h-12 text-gray-400 mx-auto mb-4" }),
+            s("h3", ve, " Are you sure you want to delete this " + b(e.title) + "? ", 1),
+            s("div", ke, [
+              m(n, {
                 color: d(v).RED,
-                onClick: n[1] || (n[1] = (r) => t.$emit("confirmModal")),
+                onClick: a[1] || (a[1] = (r) => t.$emit("confirmModal")),
                 description: "Yes, I'm sure"
               }, null, 8, ["color"]),
-              p(o, {
+              m(n, {
                 color: d(v).WHITE,
-                onClick: n[2] || (n[2] = (r) => t.$emit("closeModal")),
+                onClick: a[2] || (a[2] = (r) => t.$emit("closeModal")),
                 description: "No, cancel"
               }, null, 8, ["color"])
             ])
@@ -609,11 +610,11 @@ const he = { class: "dialog relative top-20 mx-auto p-5 border w-96 shadow-lg ro
     };
   }
 }), I = (e, t) => {
-  const n = e.__vccOpts || e;
-  for (const [o, r] of t)
-    n[o] = r;
-  return n;
-}, Ve = /* @__PURE__ */ I(Ee, [["__scopeId", "data-v-492169b3"]]), Qe = /* @__PURE__ */ h({
+  const a = e.__vccOpts || e;
+  for (const [n, r] of t)
+    a[n] = r;
+  return a;
+}, rt = /* @__PURE__ */ I(_e, [["__scopeId", "data-v-492169b3"]]), st = /* @__PURE__ */ y({
   __name: "BaseRow",
   props: {
     bgColor: {
@@ -624,28 +625,28 @@ const he = { class: "dialog relative top-20 mx-auto p-5 border w-96 shadow-lg ro
   },
   setup(e) {
     const t = e;
-    function n() {
+    function a() {
       return "block p-8 border border-gray-200 rounded-xl shadow-sm dark:bg-gray-800 dark:border-gray-700 " + t.bgColor;
     }
-    return (o, r) => (l(), i("div", {
-      class: m(n())
+    return (n, r) => (l(), i("div", {
+      class: h(a())
     }, [
-      $(o.$slots, "default")
+      $(n.$slots, "default")
     ], 2));
   }
-}), _e = {}, we = { class: "w-4 h-4 border-2 border-gray-200 border-t-blue-500 rounded-full animate-spin" };
+}), we = {}, Ee = { class: "w-4 h-4 border-2 border-gray-200 border-t-blue-500 rounded-full animate-spin" };
 function Re(e, t) {
-  return l(), i("div", we);
+  return l(), i("div", Ee);
 }
-const Ze = /* @__PURE__ */ I(_e, [["render", Re]]);
-var _ = /* @__PURE__ */ ((e) => (e.SUCCESS = "SUCCESS", e.WARNING = "WARNING", e.ERROR = "ERROR", e))(_ || {}), O = /* @__PURE__ */ ((e) => (e.TOP_LEFT = "TOP_LEFT", e.TOP_RIGHT = "TOP_RIGHT", e.BOTTOM_LEFT = "BOTTOM_LEFT", e.BOTTOM_RIGHT = "BOTTOM_RIGHT", e))(O || {});
+const ot = /* @__PURE__ */ I(we, [["render", Re]]);
+var w = /* @__PURE__ */ ((e) => (e.SUCCESS = "SUCCESS", e.WARNING = "WARNING", e.ERROR = "ERROR", e))(w || {}), O = /* @__PURE__ */ ((e) => (e.TOP_LEFT = "TOP_LEFT", e.TOP_RIGHT = "TOP_RIGHT", e.BOTTOM_LEFT = "BOTTOM_LEFT", e.BOTTOM_RIGHT = "BOTTOM_RIGHT", e))(O || {});
 const Se = { class: "flex items-center w-full max-w-md p-4 mb-4 text-gray-500 bg-white rounded-lg shadow dark:text-gray-400 dark:bg-gray-800" }, Ce = { class: "ml-3 text-sm font-normal" }, Le = {
   key: 3,
   type: "button",
   class: "ml-auto -mx-1.5 -my-1.5 bg-white text-gray-400 hover:text-gray-900 rounded-lg focus:ring-2 focus:ring-gray-300 p-1.5 hover:bg-gray-100 inline-flex items-center justify-center h-8 w-8 dark:text-gray-500 dark:hover:text-white dark:bg-gray-800 dark:hover:bg-gray-700",
   "data-dismiss-target": "#toast-danger",
   "aria-label": "Close"
-}, Je = /* @__PURE__ */ h({
+}, at = /* @__PURE__ */ y({
   __name: "BaseToast",
   props: {
     mode: {
@@ -669,22 +670,22 @@ const Se = { class: "flex items-center w-full max-w-md p-4 mb-4 text-gray-500 bg
   },
   setup(e) {
     const t = e;
-    function n() {
+    function a() {
       let c = "";
       switch (t.mode) {
-        case _.ERROR:
+        case w.ERROR:
           c = "text-red-500 bg-red-100 dark:bg-red-800 dark:text-red-200";
           break;
-        case _.SUCCESS:
+        case w.SUCCESS:
           c = "text-green-500 bg-green-100 dark:bg-green-800 dark:text-green-200";
           break;
-        case _.WARNING:
+        case w.WARNING:
           c = "text-orange-500 bg-orange-100 dark:bg-orange-700 dark:text-orange-200";
           break;
       }
       return "inline-flex items-center justify-center flex-shrink-0 w-8 h-8 rounded-lg " + c;
     }
-    function o() {
+    function n() {
       let c = "top-5 right-5";
       switch (t.positioning) {
         case O.BOTTOM_LEFT:
@@ -703,47 +704,47 @@ const Se = { class: "flex items-center w-full max-w-md p-4 mb-4 text-gray-500 bg
       return "fixed flex items-center w-full max-w-md p-4 space-x-4 divide-x rounded-lg " + c + " space-x";
     }
     const r = U(!0);
-    function s() {
+    function o() {
       setTimeout(() => r.value = !1, 1e6);
     }
-    return s(), (c, b) => r.value ? (l(), i("div", {
+    return o(), (c, p) => r.value ? (l(), i("div", {
       key: 0,
       id: "toast-top-right",
-      class: m(o()),
+      class: h(n()),
       role: "alert"
     }, [
-      a("div", Se, [
-        e.mode == d(_).ERROR ? (l(), i("div", {
+      s("div", Se, [
+        e.mode == d(w).ERROR ? (l(), i("div", {
           key: 0,
-          class: m(n())
+          class: h(a())
         }, [
-          p(d(z), { class: "h-6 w-6 text-red-500" }),
-          b[1] || (b[1] = a("span", { class: "sr-only" }, "Error icon", -1))
-        ], 2)) : e.mode == d(_).SUCCESS ? (l(), i("div", {
+          m(d(z), { class: "h-6 w-6 text-red-500" }),
+          p[1] || (p[1] = s("span", { class: "sr-only" }, "Error icon", -1))
+        ], 2)) : e.mode == d(w).SUCCESS ? (l(), i("div", {
           key: 1,
-          class: m(n())
+          class: h(a())
         }, [
-          p(d(K), { class: "h-6 w-6 text-green-500" }),
-          b[2] || (b[2] = a("span", { class: "sr-only" }, "Check icon", -1))
-        ], 2)) : e.mode == d(_).WARNING ? (l(), i("div", {
+          m(d(K), { class: "h-6 w-6 text-green-500" }),
+          p[2] || (p[2] = s("span", { class: "sr-only" }, "Check icon", -1))
+        ], 2)) : e.mode == d(w).WARNING ? (l(), i("div", {
           key: 2,
-          class: m(n())
+          class: h(a())
         }, [
-          p(d(V), { class: "h-6 w-6 text-yellow-500" }),
-          b[3] || (b[3] = a("span", { class: "sr-only" }, "Warning icon", -1))
+          m(d(V), { class: "h-6 w-6 text-yellow-500" }),
+          p[3] || (p[3] = s("span", { class: "sr-only" }, "Warning icon", -1))
         ], 2)) : g("", !0),
-        a("div", Ce, y(e.description), 1),
+        s("div", Ce, b(e.description), 1),
         e.hasCloseIcon ? (l(), i("button", Le, [
-          b[4] || (b[4] = a("span", { class: "sr-only" }, "Close", -1)),
-          p(d(Q), {
+          p[4] || (p[4] = s("span", { class: "sr-only" }, "Close", -1)),
+          m(d(Q), {
             class: "h-6 w-6 text-gray-500 cursor-pointer",
-            onClick: b[0] || (b[0] = (u) => r.value = !r.value)
+            onClick: p[0] || (p[0] = (u) => r.value = !r.value)
           })
         ])) : g("", !0)
       ])
     ], 2)) : g("", !0);
   }
-}), Ae = { class: "w-13" }, et = /* @__PURE__ */ h({
+}), Ae = { class: "w-13" }, nt = /* @__PURE__ */ y({
   __name: "ColoredSquares",
   props: {
     color: {
@@ -752,7 +753,7 @@ const Se = { class: "flex items-center w-full max-w-md p-4 mb-4 text-gray-500 bg
     }
   },
   setup(e) {
-    const t = e, n = [
+    const t = e, a = [
       "bg-slate-300",
       "bg-zinc-300",
       "bg-neutral-300",
@@ -762,48 +763,90 @@ const Se = { class: "flex items-center w-full max-w-md p-4 mb-4 text-gray-500 bg
       "bg-yellow-300",
       "bg-purple-300",
       "bg-pink-300"
-    ], o = k(() => n[Math.floor(Math.random() * n.length)]);
+    ], n = k(() => a[Math.floor(Math.random() * a.length)]);
     function r() {
-      let s = "gray";
+      let o = "gray";
       switch (t.color) {
         case f.GREEN: {
-          s = "green";
+          o = "green";
           break;
         }
         case f.RED: {
-          s = "red";
+          o = "red";
           break;
         }
         case f.BLUE: {
-          s = "blue";
+          o = "blue";
           break;
         }
         case f.YELLOW: {
-          s = "yellow";
+          o = "yellow";
           break;
         }
         case f.NONE: {
-          s = "";
+          o = "";
           break;
         }
       }
-      return "font-bold bg-" + s + "-100 text-" + s + "-800 text-xs mr-2 px-2.5 py-0.5 rounded-full";
+      return "font-bold bg-" + o + "-100 text-" + o + "-800 text-xs mr-2 px-2.5 py-0.5 rounded-full";
     }
-    return (s, c) => (l(), i("div", Ae, [
-      a("div", {
-        class: m(["border border-gray-300 relative aspect-square rounded-lg bg-white shadow-sm overflow-hidden flex items-center justify-center text-center", r()])
+    return (o, c) => (l(), i("div", Ae, [
+      s("div", {
+        class: h(["border border-gray-300 relative aspect-square rounded-lg bg-white shadow-sm overflow-hidden flex items-center justify-center text-center", r()])
       }, [
-        $(s.$slots, "default"),
-        a("div", {
-          class: m(["absolute bottom-0 left-0 h-1 w-full", o.value])
+        $(o.$slots, "default"),
+        s("div", {
+          class: h(["absolute bottom-0 left-0 h-1 w-full", n.value])
         }, null, 2)
       ], 2)
     ]));
   }
-}), Oe = {
+}), Oe = { class: "relative rounded-xl border-2 border-dashed border-orange-300 bg-white p-6" }, $e = {
+  key: 0,
+  class: "absolute right-4 top-4 rounded-md bg-orange-100 px-3 py-1 text-xs font-bold tracking-wide text-orange-500"
+}, Te = { class: "flex items-start justify-between" }, Ue = { class: "text-sm font-bold tracking-wide text-gray-800" }, Ge = { class: "mt-1 text-4xl font-bold text-gray-400" }, Ie = { class: "mt-1 text-sm font-medium text-orange-400" }, lt = /* @__PURE__ */ y({
+  __name: "EarningsCard",
+  props: {
+    title: { default: "TOTAL EARNINGS" },
+    amount: { default: 0 },
+    subtitle: { default: "Lifetime commission" },
+    badge: { default: "" },
+    currency: { default: "$" }
+  },
+  setup(e) {
+    const t = e, a = k(() => t.currency + t.amount.toLocaleString("en-US", {
+      minimumFractionDigits: 2,
+      maximumFractionDigits: 2
+    }));
+    return (n, r) => (l(), i("div", Oe, [
+      e.badge ? (l(), i("div", $e, b(e.badge), 1)) : g("", !0),
+      s("div", Te, [
+        s("div", null, [
+          s("p", Ue, b(e.title), 1),
+          s("p", Ge, b(a.value), 1),
+          s("p", Ie, b(e.subtitle), 1)
+        ]),
+        r[0] || (r[0] = s("div", { class: "mt-6 flex h-12 w-12 items-center justify-center rounded-xl bg-orange-50" }, [
+          s("svg", {
+            class: "h-6 w-6 text-orange-400",
+            viewBox: "0 0 24 24",
+            fill: "none",
+            stroke: "currentColor",
+            "stroke-width": "2.5",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, [
+            s("polyline", { points: "22 7 13.5 15.5 8.5 10.5 2 17" }),
+            s("polyline", { points: "16 7 22 7 22 13" })
+          ])
+        ], -1))
+      ])
+    ]));
+  }
+}), Ne = {
   key: 0,
   class: "font-bold text-green-800"
-}, $e = { key: 0 }, Te = { key: 0 }, Ue = "font-bold", tt = /* @__PURE__ */ h({
+}, Be = { key: 0 }, Me = { key: 0 }, qe = "font-bold", it = /* @__PURE__ */ y({
   __name: "EuroAmount",
   props: {
     amount: {
@@ -822,25 +865,25 @@ const Se = { class: "flex items-center w-full max-w-md p-4 mb-4 text-gray-500 bg
     }
   },
   setup(e) {
-    const t = e, n = k(() => t.amount !== null && t.amount !== void 0), o = k(() => n.value && t.amount < 0), r = k(() => t.beforeAmount === null || t.beforeAmount === void 0 ? !1 : t.amount < t.beforeAmount), s = k(() => o.value || r.value), c = k(() => !o.value && !r.value && !(t.beforeAmount === null || t.beforeAmount === void 0));
-    return (b, u) => (l(), i(T, null, [
-      n.value && c.value ? (l(), i("span", Oe, [
-        C(y(e.amount) + " ", 1),
-        e.showCurrency ? (l(), i("span", $e, "€")) : g("", !0)
+    const t = e, a = k(() => t.amount !== null && t.amount !== void 0), n = k(() => a.value && t.amount < 0), r = k(() => t.beforeAmount === null || t.beforeAmount === void 0 ? !1 : t.amount < t.beforeAmount), o = k(() => n.value || r.value), c = k(() => !n.value && !r.value && !(t.beforeAmount === null || t.beforeAmount === void 0));
+    return (p, u) => (l(), i(T, null, [
+      a.value && c.value ? (l(), i("span", Ne, [
+        C(b(e.amount) + " ", 1),
+        e.showCurrency ? (l(), i("span", Be, "€")) : g("", !0)
       ])) : g("", !0),
-      n.value && !c.value ? (l(), i("span", {
+      a.value && !c.value ? (l(), i("span", {
         key: 1,
-        class: m([Ue, s.value ? "text-red-800" : "text-gray-800"])
+        class: h([qe, o.value ? "text-red-800" : "text-gray-800"])
       }, [
-        C(y(e.amount) + " ", 1),
-        e.showCurrency ? (l(), i("span", Te, "€")) : g("", !0)
+        C(b(e.amount) + " ", 1),
+        e.showCurrency ? (l(), i("span", Me, "€")) : g("", !0)
       ], 2)) : g("", !0)
     ], 64));
   }
-}), Ge = ["onClick"], Ie = {
+}), De = ["onClick"], ze = {
   key: 1,
   style: { cursor: "not-allowed" }
-}, Be = /* @__PURE__ */ h({
+}, Pe = /* @__PURE__ */ y({
   __name: "Pagination",
   props: {
     totalItems: {
@@ -855,54 +898,54 @@ const Se = { class: "flex items-center w-full max-w-md p-4 mb-4 text-gray-500 bg
   },
   emits: ["page-changed"],
   setup(e, { emit: t }) {
-    const n = e, o = U(1), r = U(0), s = U([]), c = t;
-    function b(u) {
-      if (u !== o.value && u >= 1 && u <= r.value && (o.value = u), r.value > 5) {
-        s.value = [], u - 3 > 0 && (s.value.push(1), s.value.push(0));
+    const a = e, n = U(1), r = U(0), o = U([]), c = t;
+    function p(u) {
+      if (u !== n.value && u >= 1 && u <= r.value && (n.value = u), r.value > 5) {
+        o.value = [], u - 3 > 0 && (o.value.push(1), o.value.push(0));
         for (let x = 2; x >= 1; x--) {
-          let N = u - x;
-          N > 0 && s.value.push(N);
+          let B = u - x;
+          B > 0 && o.value.push(B);
         }
-        s.value.push(o.value);
-        let E = r.value - u, B = E > 2, H = 2;
-        if (B) {
+        o.value.push(n.value);
+        let _ = r.value - u, N = _ > 2, H = 2;
+        if (N) {
           for (let x = 1; x <= H; x++)
-            s.value.push(u + x);
-          s.value.push(0), s.value.push(r.value);
+            o.value.push(u + x);
+          o.value.push(0), o.value.push(r.value);
         } else
-          for (let x = 1; x <= E; x++)
-            s.value.push(u + x);
+          for (let x = 1; x <= _; x++)
+            o.value.push(u + x);
       }
       c("page-changed", u);
     }
-    return Y(() => n.totalItems, () => {
-      if (r.value = Math.ceil(n.totalItems / n.itemsPerPage), s.value = [], r.value > 5) {
+    return Y(() => a.totalItems, () => {
+      if (r.value = Math.ceil(a.totalItems / a.itemsPerPage), o.value = [], r.value > 5) {
         for (let u = 1; u < 5; u++)
-          s.value.push(u);
-        s.value.push(0), s.value.push(r.value);
+          o.value.push(u);
+        o.value.push(0), o.value.push(r.value);
       } else
         for (let u = 1; u <= r.value; u++)
-          s.value.push(u);
+          o.value.push(u);
     }), (u, W) => (l(), i("div", null, [
-      a("ul", null, [
-        (l(!0), i(T, null, q(s.value, (E) => (l(), i("li", { key: E }, [
-          E !== 0 ? (l(), i("a", {
+      s("ul", null, [
+        (l(!0), i(T, null, q(o.value, (_) => (l(), i("li", { key: _ }, [
+          _ !== 0 ? (l(), i("a", {
             key: 0,
-            onClick: (B) => b(E),
-            class: m({ active: E === o.value })
-          }, y(E), 11, Ge)) : g("", !0),
-          E === 0 ? (l(), i("span", Ie, "...")) : g("", !0)
+            onClick: (N) => p(_),
+            class: h({ active: _ === n.value })
+          }, b(_), 11, De)) : g("", !0),
+          _ === 0 ? (l(), i("span", ze, "...")) : g("", !0)
         ]))), 128))
       ])
     ]));
   }
-}), rt = /* @__PURE__ */ I(Be, [["__scopeId", "data-v-248e09af"]]), Ne = { key: 0 }, Me = {
+}), ct = /* @__PURE__ */ I(Pe, [["__scopeId", "data-v-248e09af"]]), We = { key: 0 }, He = {
   key: 0,
   class: "flex items-center space-x-2"
-}, qe = {
+}, Fe = {
   key: 1,
   class: "flex items-center space-x-2"
-}, st = /* @__PURE__ */ h({
+}, ut = /* @__PURE__ */ y({
   __name: "TrendArrow",
   props: {
     number: {
@@ -915,58 +958,59 @@ const Se = { class: "flex items-center w-full max-w-md p-4 mb-4 text-gray-500 bg
     }
   },
   setup(e) {
-    const t = e, n = k(() => t.number !== null && t.number !== void 0 && t.number < 0);
-    return (o, r) => e.number ? (l(), i("div", Ne, [
-      n.value ? (l(), i("span", Me, [
-        p(M, {
+    const t = e, a = k(() => t.number !== null && t.number !== void 0 && t.number < 0);
+    return (n, r) => e.number ? (l(), i("div", We, [
+      a.value ? (l(), i("span", He, [
+        m(M, {
           color: d(f).RED
         }, {
           default: S(() => [
-            C(y(e.number) + y(t.icon), 1)
+            C(b(e.number) + b(t.icon), 1)
           ]),
           _: 1
         }, 8, ["color"]),
-        p(d(Z), { class: "h-5 w-5 text-red-500" })
-      ])) : (l(), i("span", qe, [
-        p(M, {
+        m(d(Z), { class: "h-5 w-5 text-red-500" })
+      ])) : (l(), i("span", Fe, [
+        m(M, {
           color: d(f).GREEN
         }, {
           default: S(() => [
-            C(y(e.number) + y(t.icon), 1)
+            C(b(e.number) + b(t.icon), 1)
           ]),
           _: 1
         }, 8, ["color"]),
-        p(d(J), { class: "h-5 w-5 text-green-500" })
+        m(d(J), { class: "h-5 w-5 text-green-500" })
       ]))
     ])) : g("", !0);
   }
 });
-var De = /* @__PURE__ */ ((e) => (e.WIN = "WIN", e.LOSE = "LOSE", e))(De || {});
+var Ye = /* @__PURE__ */ ((e) => (e.WIN = "WIN", e.LOSE = "LOSE", e))(Ye || {});
 export {
-  R as AlertEnum,
-  Fe as BaseAlert,
+  E as AlertEnum,
+  Qe as BaseAlert,
   M as BaseBadge,
-  De as BaseBadgeEnum,
-  Ye as BaseBreadcrumb,
-  je as BaseButton,
+  Ye as BaseBadgeEnum,
+  Ze as BaseBreadcrumb,
+  Je as BaseButton,
   v as BaseButtonEnum,
-  w as BaseButtonSizeEnum,
-  Xe as BaseLine,
+  R as BaseButtonSizeEnum,
+  et as BaseLine,
   A as BaseLoginEnum,
-  Ke as BaseLogo,
-  Ve as BaseModal,
+  tt as BaseLogo,
+  rt as BaseModal,
   P as BaseModalEnum,
-  Qe as BaseRow,
-  Ze as BaseSpinner,
-  Je as BaseToast,
-  _ as BaseToastEnum,
-  et as ColoredSquares,
+  st as BaseRow,
+  ot as BaseSpinner,
+  at as BaseToast,
+  w as BaseToastEnum,
+  nt as ColoredSquares,
   f as ColorsEnums,
-  tt as EuroAmount,
+  lt as EarningsCard,
+  it as EuroAmount,
   L as LineEnum,
-  rt as Pagination,
+  ct as Pagination,
   O as PositioningEnum,
-  st as TrendArrow,
+  ut as TrendArrow,
   te as getBaseColor,
-  He as getBaseColorOf
+  Ve as getBaseColorOf
 };