vlite3 1.1.1 → 1.1.4

package/components/SidePanel.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as D, ref as V, inject as j, computed as u, markRaw as K, watch as h, onMounted as M, onUnmounted as F, openBlock as l, createElementBlock as r, Fragment as L, createElementVNode as y, mergeProps as w, withModifiers as R, renderSlot as f, createCommentVNode as a, createBlock as v, Teleport as U, createVNode as k, Transition as x, withCtx as $, normalizeClass as c, toDisplayString as B, resolveDynamicComponent as q } from "vue";
+import { defineComponent as D, ref as L, inject as V, computed as f, markRaw as j, watch as h, onMounted as K, onUnmounted as M, openBlock as l, createElementBlock as d, Fragment as F, createElementVNode as y, mergeProps as w, withModifiers as R, renderSlot as c, createCommentVNode as a, createBlock as g, Teleport as U, createVNode as $, Transition as k, withCtx as x, normalizeClass as m, toDisplayString as B, resolveDynamicComponent as q } from "vue";
 import G from "./Button.vue.js";
 import { useKeyStroke as H } from "../composables/useKeyStroke.js";
 import { $t as T } from "../utils/i18n.js";
-const J = { class: "text-lg font-bold text-foreground" }, Q = {
+const J = ["data-testid"], Q = ["data-testid"], W = { class: "text-lg font-bold text-foreground" }, X = {
   key: 0,
   class: "mt-1 text-sm text-muted-foreground"
-}, _ = /* @__PURE__ */ D({
+}, te = /* @__PURE__ */ D({
   inheritAttrs: !1,
   __name: "SidePanel",
   props: {
@@ -30,51 +30,53 @@ const J = { class: "text-lg font-bold text-foreground" }, Q = {
   },
   emits: ["close", "update:show", "onOpen", "onAfterOpen", "onAfterClose"],
   setup(o, { emit: z }) {
-    const t = o, p = z, s = V(t.show);
-    let d = null;
-    const n = j("dropdown-context", null), b = u(() => t.body ? K(t.body) : void 0);
+    const t = o, v = z, s = L(t.show);
+    let u = null;
+    const i = V("dropdown-context", null), C = f(() => t.body ? j(t.body) : void 0);
     h(
       () => t.show,
       (e) => {
-        s.value = e, e && (p("onOpen"), n?.close());
+        s.value = e, e && (v("onOpen"), i?.close());
       }
     );
     const A = () => {
-      s.value = !0, n?.close();
-    }, i = () => {
-      s.value = !1, p("update:show", !1), p("close");
+      s.value = !0, i?.close();
+    }, n = () => {
+      s.value = !1, v("update:show", !1), v("close");
     }, O = () => {
-      t.closeOutside && i();
-    }, { onKeyStroke: I } = H();
-    I("Escape", i), h(s, (e) => {
-      d && clearTimeout(d), e ? (n?.onChildToggle?.(!0), document.body.style.overflow = "hidden") : (document.body.style.overflow = "", d = setTimeout(() => {
-        n?.onChildToggle?.(!1);
+      t.closeOutside && n();
+    }, { onKeyStroke: S } = H();
+    S("Escape", n), h(s, (e) => {
+      u && clearTimeout(u), e ? (i?.onChildToggle?.(!0), document.body.style.overflow = "hidden") : (document.body.style.overflow = "", u = setTimeout(() => {
+        i?.onChildToggle?.(!1);
       }, 300));
+    }), K(() => {
+      s.value && i?.onChildToggle?.(!0);
     }), M(() => {
-      s.value && n?.onChildToggle?.(!0);
-    }), F(() => {
-      d && clearTimeout(d), s.value && n?.onChildToggle?.(!1), document.body.style.overflow = "";
+      u && clearTimeout(u), s.value && i?.onChildToggle?.(!1), document.body.style.overflow = "";
     });
-    const S = {
+    const I = {
       sm: "max-w-sm",
       md: "max-w-md",
       lg: "max-w-lg",
       xl: "max-w-xl",
       full: "max-w-full"
-    }, E = u(() => t.position === "left" ? "left-0" : "right-0"), N = u(() => t.position === "left" ? "slide-left" : "slide-right"), C = u(() => t.titleI18n ? T(t.titleI18n) : t.title), g = u(
+    }, E = f(() => t.position === "left" ? "left-0" : "right-0"), N = f(() => t.position === "left" ? "slide-left" : "slide-right"), r = f(() => t.titleI18n ? T(t.titleI18n) : t.title), b = f(
       () => t.descriptionI18n ? T(t.descriptionI18n) : t.description
     );
-    return (e, m) => (l(), r(L, null, [
+    return (e, p) => (l(), d(F, null, [
       y("span", w({
         onClick: R(A, ["stop"]),
         class: `${o.triggerClass}`
-      }, e.$attrs), [
-        f(e.$slots, "trigger", {}, () => [
-          o.body ? f(e.$slots, "default", { key: 0 }, void 0, !0) : a("", !0)
+      }, e.$attrs, {
+        "data-testid": e.$attrs["data-testid"] ? `${e.$attrs["data-testid"]}-trigger` : r.value ? `sidepanel-trigger-${r.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "sidepanel-trigger"
+      }), [
+        c(e.$slots, "trigger", {}, () => [
+          o.body ? c(e.$slots, "default", { key: 0 }, void 0, !0) : a("", !0)
         ], !0)
-      ], 16),
-      (l(), v(U, { to: "body" }, [
-        k(x, {
+      ], 16, J),
+      (l(), g(U, { to: "body" }, [
+        $(k, {
           "enter-active-class": "transition-opacity duration-300 ease-out",
           "enter-from-class": "opacity-0",
           "enter-to-class": "opacity-100",
@@ -82,60 +84,64 @@ const J = { class: "text-lg font-bold text-foreground" }, Q = {
           "leave-from-class": "opacity-100",
           "leave-to-class": "opacity-0"
         }, {
-          default: $(() => [
-            s.value ? (l(), r("div", {
+          default: x(() => [
+            s.value ? (l(), d("div", {
               key: 0,
-              class: c(["fixed inset-0 z-50 v-sidepanel-overlay", o.overlayClass]),
+              class: m(["fixed inset-0 z-50 v-sidepanel-overlay", o.overlayClass]),
               onClick: O
             }, null, 2)) : a("", !0)
           ]),
           _: 1
         }),
-        k(x, {
+        $(k, {
           name: N.value,
-          onAfterEnter: m[0] || (m[0] = (P) => e.$emit("onAfterOpen")),
-          onAfterLeave: m[1] || (m[1] = (P) => e.$emit("onAfterClose"))
+          onAfterEnter: p[0] || (p[0] = (P) => e.$emit("onAfterOpen")),
+          onAfterLeave: p[1] || (p[1] = (P) => e.$emit("onAfterClose"))
         }, {
-          default: $(() => [
-            s.value ? (l(), r("div", {
+          default: x(() => [
+            s.value ? (l(), d("div", {
               key: 0,
-              class: c(["sidepanel-body fixed inset-y-0 z-50 flex flex-col bg-body shadow-sm border transition-transform duration-300 ease-in-out w-full", [S[o.size], E.value, t.class]])
+              role: "dialog",
+              "aria-modal": "true",
+              class: m(["sidepanel-body fixed inset-y-0 z-50 flex flex-col bg-body shadow-sm border transition-transform duration-300 ease-in-out w-full", [I[o.size], E.value, t.class]]),
+              "data-testid": e.$attrs["data-testid"] || (r.value ? `sidepanel-${r.value.toString().toLowerCase().replace(/[^a-z0-9]+/g, "-")}` : "sidepanel")
             }, [
-              C.value || e.$slots.header ? (l(), r("div", {
+              r.value || e.$slots.header ? (l(), d("div", {
                 key: 0,
-                class: c([o.headerClass, "flex-none flex items-center justify-between px-5 py-2 border-b border-border"])
+                class: m([o.headerClass, "flex-none flex items-center justify-between px-5 py-2 border-b border-border"])
               }, [
-                f(e.$slots, "header", {}, () => [
+                c(e.$slots, "header", {}, () => [
                   y("div", null, [
-                    y("h3", J, B(C.value), 1),
-                    g.value ? (l(), r("p", Q, B(g.value), 1)) : a("", !0)
+                    y("h3", W, B(r.value), 1),
+                    b.value ? (l(), d("p", X, B(b.value), 1)) : a("", !0)
                   ])
                 ], !0),
-                o.hideCloseButton ? a("", !0) : (l(), v(G, {
+                o.hideCloseButton ? a("", !0) : (l(), g(G, {
                   key: 0,
                   rounded: "full",
                   size: "sm",
                   variant: "ghost",
                   icon: "lucide:x",
-                  onClick: i,
-                  class: "-mr-2"
+                  onClick: n,
+                  class: "-mr-2",
+                  "data-testid": "sidepanel-close-btn"
                 }))
               ], 2)) : a("", !0),
               y("div", {
-                class: c(["flex-1 overflow-y-auto px-6 py-4 scrollbar-thin scrollbar-stable", o.bodyClass])
+                class: m(["flex-1 overflow-y-auto px-6 py-4 scrollbar-thin scrollbar-stable", o.bodyClass])
               }, [
-                b.value ? (l(), v(q(b.value), w({ key: 0 }, { ...o.bodyProps, ...e.$attrs }, { close: i }), null, 16)) : f(e.$slots, "default", {
+                C.value ? (l(), g(q(C.value), w({ key: 0 }, { ...o.bodyProps, ...e.$attrs }, { close: n }), null, 16)) : c(e.$slots, "default", {
                   key: 1,
-                  close: i
+                  close: n
                 }, void 0, !0)
               ], 2),
-              e.$slots.footer ? (l(), r("div", {
+              e.$slots.footer ? (l(), d("div", {
                 key: 1,
-                class: c(["flex-none px-6 py-3 border-t border-border", o.footerClass])
+                class: m(["flex-none px-6 py-3 border-t border-border", o.footerClass])
               }, [
-                f(e.$slots, "footer", { close: i }, void 0, !0)
+                c(e.$slots, "footer", { close: n }, void 0, !0)
               ], 2)) : a("", !0)
-            ], 2)) : a("", !0)
+            ], 10, Q)) : a("", !0)
           ]),
           _: 3
         }, 8, ["name"])
@@ -144,5 +150,5 @@ const J = { class: "text-lg font-bold text-foreground" }, Q = {
   }
 });
 export {
-  _ as default
+  te as default
 };

package/components/SidebarMenu/SidebarMenu.vue.d.ts

@@ -2,10 +2,10 @@ import { SidebarMenuProps, SidebarMenuItemSchema } from './types';
 declare const _default: import('vue').DefineComponent<SidebarMenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SidebarMenuProps> & Readonly<{}>, {
     variant: "default" | "ghost";
     compact: boolean;
+    orientation: "vertical" | "horizontal";
     iconSize: string;
     items: SidebarMenuItemSchema[];
     mobileBreakpoint: "sm" | "md" | "lg" | "xl" | "none";
-    orientation: "vertical" | "horizontal";
     allowMultiple: boolean;
     menuOffset: [number, number];
     indentSize: number;

package/components/Stats/StatItem.vue.js

@@ -1,14 +1,15 @@
-import { defineComponent as w, computed as v, openBlock as e, createElementBlock as i, normalizeStyle as B, normalizeClass as a, Fragment as x, createElementVNode as r, toDisplayString as l, unref as m, createBlock as o, createCommentVNode as c } from "vue";
-import { $t as y } from "../../utils/i18n.js";
-import s from "./components/StatTrend.vue.js";
-import b from "./components/StatIconBox.vue.js";
-const I = { class: "flex items-center justify-between w-full mt-1" }, C = {
+import { defineComponent as B, computed as k, openBlock as e, createElementBlock as i, normalizeStyle as I, normalizeClass as n, Fragment as b, createElementVNode as r, toDisplayString as o, unref as y, createBlock as c, createCommentVNode as d } from "vue";
+import { $t as s } from "../../utils/i18n.js";
+import { formatCurrency as C } from "../../utils/functions.js";
+import f from "./components/StatTrend.vue.js";
+import g from "./components/StatIconBox.vue.js";
+const j = { class: "flex items-center justify-between w-full mt-1" }, $ = {
   key: 0,
   class: "h-8 w-24 bg-gray-50 animate-pulse rounded-md"
-}, j = {
+}, N = {
   key: 0,
   class: "h-9 w-24 bg-gray-50 animate-pulse rounded-md"
-}, $ = {
+}, V = {
   key: 1,
   class: "h-8 w-20 bg-gray-50 animate-pulse rounded-md mt-1"
 }, E = {
@@ -17,13 +18,13 @@ const I = { class: "flex items-center justify-between w-full mt-1" }, C = {
 }, M = {
   key: 0,
   class: "h-9 w-24 bg-gray-50 animate-pulse rounded-md mt-0.5"
-}, N = {
+}, D = {
   key: 1,
   class: "h-6 w-5 bg-gray-50 animate-pulse rounded-sm shrink-0"
-}, V = { class: "flex-1 flex flex-col justify-center min-w-0" }, D = { class: "flex items-baseline gap-2 mt-1" }, F = {
+}, F = { class: "flex-1 flex flex-col justify-center min-w-0" }, L = { class: "flex items-baseline gap-2 mt-1" }, P = {
   key: 0,
   class: "h-8 w-24 bg-gray-50 animate-pulse rounded-md"
-}, H = /* @__PURE__ */ w({
+}, K = /* @__PURE__ */ B({
   __name: "StatItem",
   props: {
     item: {},
@@ -38,8 +39,12 @@ const I = { class: "flex items-center justify-between w-full mt-1" }, C = {
     iconBoxStyle: { default: "filled" }
   },
   setup(t) {
-    const n = t, k = v(() => {
-      const d = n.layout === "inline-label-value" ? "flex px-3.5 py-3" : "flex p-3", f = {
+    const l = t;
+    function m(a) {
+      return a.isPrice ? C(Number(a.value)) : a.value;
+    }
+    const S = k(() => {
+      const a = l.layout === "inline-label-value" ? "flex px-3.5 py-3" : "flex p-3", x = {
         "icon-left": "flex-row items-center gap-3 text-left",
         "icon-right": "flex-row items-center justify-between gap-3 text-left",
         "icon-top": "flex-col items-start gap-1 px-5! pt-2! text-left",
@@ -48,14 +53,14 @@ const I = { class: "flex items-center justify-between w-full mt-1" }, C = {
         "floating-icon": "flex-col items-start gap-1 text-left relative",
         "split-bar": "flex-row items-center gap-3 text-left border-l-4",
         "inline-label-value": "flex-row items-center gap-2.5 text-left"
-      }, g = f[n.layout] || f["icon-left"];
+      }, h = x[l.layout] || x["icon-left"];
       let u = "";
-      if (n.attached)
-        n.variant === "transparent" ? u = "border-b border-r border-transparent bg-transparent hover:bg-muted/30 transition-colors" : n.variant === "outline" ? u = "border-b border-r border-border bg-transparent hover:bg-muted/30 transition-colors" : u = "border-b border-r border-border bg-card hover:bg-muted/30 transition-colors";
+      if (l.attached)
+        l.variant === "transparent" ? u = "border-b border-r border-transparent bg-transparent hover:bg-muted/30 transition-colors" : l.variant === "outline" ? u = "border-b border-r border-border bg-transparent hover:bg-muted/30 transition-colors" : u = "border-b border-r border-border bg-card hover:bg-muted/30 transition-colors";
       else {
-        switch (n.variant) {
+        switch (l.variant) {
           case "solid": {
-            const z = n.item.color || "primary", h = {
+            const w = l.item.color || "primary", v = {
               primary: "bg-primary-light",
               secondary: "bg-secondary",
               success: "bg-success-light",
@@ -63,7 +68,7 @@ const I = { class: "flex items-center justify-between w-full mt-1" }, C = {
               danger: "bg-danger-light",
               info: "bg-info-light"
             };
-            u = `${h[z] || h.primary}`;
+            u = `${v[w] || v.primary}`;
             break;
           }
           case "outline":
@@ -78,15 +83,15 @@ const I = { class: "flex items-center justify-between w-full mt-1" }, C = {
         }
         u += " rounded-lg";
       }
-      return [d, g, u].join(" ");
-    }), S = v(() => {
-      if (n.variant === "solid" && !n.attached) {
-        const d = n.item.color;
-        if (d && !["primary", "secondary", "success", "warning", "danger", "info"].includes(d))
-          return { backgroundColor: `${d}15` };
+      return [a, h, u].join(" ");
+    }), z = k(() => {
+      if (l.variant === "solid" && !l.attached) {
+        const a = l.item.color;
+        if (a && !["primary", "secondary", "success", "warning", "danger", "info"].includes(a))
+          return { backgroundColor: `${a}15` };
       }
-      if (n.layout === "split-bar") {
-        const d = n.item.color, f = {
+      if (l.layout === "split-bar") {
+        const a = l.item.color, x = {
           primary: "var(--color-primary)",
           secondary: "var(--color-secondary)",
           success: "var(--color-success)",
@@ -94,32 +99,32 @@ const I = { class: "flex items-center justify-between w-full mt-1" }, C = {
           danger: "var(--color-danger)",
           info: "var(--color-info)"
         };
-        if (d)
-          return { borderLeftColor: f[d] || d };
+        if (a)
+          return { borderLeftColor: x[a] || a };
       }
       return {};
     });
-    return (d, f) => (e(), i("div", {
-      class: a(k.value),
-      style: B(S.value)
+    return (a, x) => (e(), i("div", {
+      class: n(S.value),
+      style: I(z.value)
     }, [
-      t.layout === "title-top-icon-bottom-right" ? (e(), i(x, { key: 0 }, [
+      t.layout === "title-top-icon-bottom-right" ? (e(), i(b, { key: 0 }, [
         r("h3", {
-          class: a(t.titleSize || "text-sm font-medium text-muted-foreground truncate w-full")
-        }, l(t.item.titleI18n ? m(y)(t.item.titleI18n) : t.item.title), 3),
-        r("div", I, [
+          class: n(t.titleSize || "text-sm font-medium text-muted-foreground truncate w-full")
+        }, o(t.item.titleI18n ? y(s)(t.item.titleI18n) : t.item.title), 3),
+        r("div", j, [
           r("div", null, [
-            t.loading ? (e(), i("div", C)) : (e(), i("p", {
+            t.loading ? (e(), i("div", $)) : (e(), i("p", {
               key: 1,
-              class: a(t.valueSize || "text-2xl font-bold text-foreground truncate")
-            }, l(t.item.value), 3)),
-            t.item.trend && !t.loading ? (e(), o(s, {
+              class: n(t.valueSize || "text-2xl font-bold text-foreground truncate")
+            }, o(m(t.item)), 3)),
+            t.item.trend && !t.loading ? (e(), c(f, {
               key: 2,
               trend: t.item.trend,
               layout: t.layout
-            }, null, 8, ["trend", "layout"])) : c("", !0)
+            }, null, 8, ["trend", "layout"])) : d("", !0)
           ]),
-          t.item.icon ? (e(), o(b, {
+          t.item.icon ? (e(), c(g, {
             key: 0,
             item: t.item,
             variant: t.variant,
@@ -128,23 +133,23 @@ const I = { class: "flex items-center justify-between w-full mt-1" }, C = {
             "icon-box-shape": t.iconBoxShape,
             "icon-box-style": t.iconBoxStyle,
             "icon-size": t.iconSize
-          }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : c("", !0)
+          }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : d("", !0)
         ])
-      ], 64)) : t.layout === "centered-value-title" ? (e(), i(x, { key: 1 }, [
-        t.loading ? (e(), i("div", j)) : (e(), i("p", {
+      ], 64)) : t.layout === "centered-value-title" ? (e(), i(b, { key: 1 }, [
+        t.loading ? (e(), i("div", N)) : (e(), i("p", {
           key: 1,
-          class: a(t.valueSize || "text-3xl font-bold text-foreground")
-        }, l(t.item.value), 3)),
+          class: n(t.valueSize || "text-3xl font-bold text-foreground")
+        }, o(m(t.item)), 3)),
         r("h3", {
-          class: a(t.titleSize || "text-sm font-medium text-muted-foreground")
-        }, l(t.item.titleI18n ? m(y)(t.item.titleI18n) : t.item.title), 3),
-        t.item.trend && !t.loading ? (e(), o(s, {
+          class: n(t.titleSize || "text-sm font-medium text-muted-foreground")
+        }, o(t.item.titleI18n ? y(s)(t.item.titleI18n) : t.item.title), 3),
+        t.item.trend && !t.loading ? (e(), c(f, {
           key: 2,
           trend: t.item.trend,
           layout: t.layout
-        }, null, 8, ["trend", "layout"])) : c("", !0)
-      ], 64)) : t.layout === "floating-icon" ? (e(), i(x, { key: 2 }, [
-        t.item.icon ? (e(), o(b, {
+        }, null, 8, ["trend", "layout"])) : d("", !0)
+      ], 64)) : t.layout === "floating-icon" ? (e(), i(b, { key: 2 }, [
+        t.item.icon ? (e(), c(g, {
           key: 0,
           item: t.item,
           variant: t.variant,
@@ -154,36 +159,36 @@ const I = { class: "flex items-center justify-between w-full mt-1" }, C = {
           "icon-box-style": t.iconBoxStyle,
           "icon-size": t.iconSize,
           class: "absolute top-4 right-4"
-        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : c("", !0),
+        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : d("", !0),
         r("h3", {
-          class: a(t.titleSize || "text-sm font-medium text-muted-foreground truncate pr-12")
-        }, l(t.item.titleI18n ? m(y)(t.item.titleI18n) : t.item.title), 3),
-        t.loading ? (e(), i("div", $)) : (e(), i("p", {
+          class: n(t.titleSize || "text-sm font-medium text-muted-foreground truncate pr-12")
+        }, o(t.item.titleI18n ? y(s)(t.item.titleI18n) : t.item.title), 3),
+        t.loading ? (e(), i("div", V)) : (e(), i("p", {
           key: 2,
-          class: a(t.valueSize || "text-2xl font-bold text-foreground truncate mt-1")
-        }, l(t.item.value), 3)),
-        t.item.trend && !t.loading ? (e(), o(s, {
+          class: n(t.valueSize || "text-2xl font-bold text-foreground truncate mt-1")
+        }, o(m(t.item)), 3)),
+        t.item.trend && !t.loading ? (e(), c(f, {
           key: 3,
           trend: t.item.trend,
           layout: t.layout
-        }, null, 8, ["trend", "layout"])) : c("", !0)
+        }, null, 8, ["trend", "layout"])) : d("", !0)
       ], 64)) : t.layout === "split-bar" ? (e(), i("div", E, [
         r("h3", {
-          class: a(
+          class: n(
             t.titleSize || "text-xs font-semibold uppercase tracking-widest text-muted-foreground truncate"
           )
-        }, l(t.item.titleI18n ? m(y)(t.item.titleI18n) : t.item.title), 3),
+        }, o(t.item.titleI18n ? y(s)(t.item.titleI18n) : t.item.title), 3),
         t.loading ? (e(), i("div", M)) : (e(), i("p", {
           key: 1,
-          class: a(t.valueSize || "text-3xl font-black text-foreground truncate mt-0.5")
-        }, l(t.item.value), 3)),
-        t.item.trend && !t.loading ? (e(), o(s, {
+          class: n(t.valueSize || "text-3xl font-black text-foreground truncate mt-0.5")
+        }, o(m(t.item)), 3)),
+        t.item.trend && !t.loading ? (e(), c(f, {
           key: 2,
           trend: t.item.trend,
           layout: t.layout
-        }, null, 8, ["trend", "layout"])) : c("", !0)
-      ])) : t.layout === "inline-label-value" ? (e(), i(x, { key: 4 }, [
-        t.item.icon ? (e(), o(b, {
+        }, null, 8, ["trend", "layout"])) : d("", !0)
+      ])) : t.layout === "inline-label-value" ? (e(), i(b, { key: 4 }, [
+        t.item.icon ? (e(), c(g, {
           key: 0,
           item: t.item,
           variant: t.variant,
@@ -192,21 +197,21 @@ const I = { class: "flex items-center justify-between w-full mt-1" }, C = {
           "icon-box-shape": t.iconBoxShape,
           "icon-box-style": t.iconBoxStyle,
           "icon-size": t.iconSize
-        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : c("", !0),
+        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : d("", !0),
         r("span", {
-          class: a([t.titleSize || "-text-fs-2 font-medium text-muted-foreground truncate", "flex-1 min-w-0"])
-        }, l(t.item.titleI18n ? m(y)(t.item.titleI18n) : t.item.title), 3),
-        t.loading ? (e(), i("div", N)) : (e(), i("span", {
+          class: n([t.titleSize || "-text-fs-2 font-medium text-muted-foreground truncate", "flex-1 min-w-0"])
+        }, o(t.item.titleI18n ? y(s)(t.item.titleI18n) : t.item.title), 3),
+        t.loading ? (e(), i("div", D)) : (e(), i("span", {
           key: 2,
-          class: a(t.valueSize || "-text-fs-1 font-semibold text-foreground tabular-nums shrink-0")
-        }, l(t.item.value), 3)),
-        t.item.trend && !t.loading ? (e(), o(s, {
+          class: n(t.valueSize || "-text-fs-1 font-semibold text-foreground tabular-nums shrink-0")
+        }, o(m(t.item)), 3)),
+        t.item.trend && !t.loading ? (e(), c(f, {
           key: 3,
           trend: t.item.trend,
           layout: t.layout
-        }, null, 8, ["trend", "layout"])) : c("", !0)
-      ], 64)) : (e(), i(x, { key: 5 }, [
-        t.item.icon && t.layout !== "icon-right" ? (e(), o(b, {
+        }, null, 8, ["trend", "layout"])) : d("", !0)
+      ], 64)) : (e(), i(b, { key: 5 }, [
+        t.item.icon && t.layout !== "icon-right" ? (e(), c(g, {
           key: 0,
           item: t.item,
           variant: t.variant,
@@ -215,24 +220,24 @@ const I = { class: "flex items-center justify-between w-full mt-1" }, C = {
           "icon-box-shape": t.iconBoxShape,
           "icon-box-style": t.iconBoxStyle,
           "icon-size": t.iconSize
-        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : c("", !0),
-        r("div", V, [
+        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : d("", !0),
+        r("div", F, [
           r("h3", {
-            class: a(t.titleSize || "text-sm font-medium text-muted-foreground truncate")
-          }, l(t.item.titleI18n ? m(y)(t.item.titleI18n) : t.item.title), 3),
-          r("div", D, [
-            t.loading ? (e(), i("div", F)) : (e(), i("p", {
+            class: n(t.titleSize || "text-sm font-medium text-muted-foreground truncate")
+          }, o(t.item.titleI18n ? y(s)(t.item.titleI18n) : t.item.title), 3),
+          r("div", L, [
+            t.loading ? (e(), i("div", P)) : (e(), i("p", {
               key: 1,
-              class: a(t.valueSize || "text-2xl font-bold text-foreground truncate")
-            }, l(t.item.value), 3))
+              class: n(t.valueSize || "text-2xl font-bold text-foreground truncate")
+            }, o(m(t.item)), 3))
           ]),
-          t.item.trend && !t.loading ? (e(), o(s, {
+          t.item.trend && !t.loading ? (e(), c(f, {
             key: 0,
             trend: t.item.trend,
             layout: t.layout
-          }, null, 8, ["trend", "layout"])) : c("", !0)
+          }, null, 8, ["trend", "layout"])) : d("", !0)
         ]),
-        t.item.icon && t.layout === "icon-right" ? (e(), o(b, {
+        t.item.icon && t.layout === "icon-right" ? (e(), c(g, {
           key: 1,
           item: t.item,
           variant: t.variant,
@@ -241,11 +246,11 @@ const I = { class: "flex items-center justify-between w-full mt-1" }, C = {
           "icon-box-shape": t.iconBoxShape,
           "icon-box-style": t.iconBoxStyle,
           "icon-size": t.iconSize
-        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : c("", !0)
+        }, null, 8, ["item", "variant", "layout", "attached", "icon-box-shape", "icon-box-style", "icon-size"])) : d("", !0)
       ], 64))
     ], 6));
   }
 });
 export {
-  H as default
+  K as default
 };

package/components/Stats/Stats.vue.d.ts

@@ -2,8 +2,8 @@ import { StatsProps } from './types';
 declare const _default: import('vue').DefineComponent<StatsProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<StatsProps> & Readonly<{}>, {
     class: string;
     variant: import('./types').StatsVariant;
-    loading: boolean;
     columns: number | string;
+    loading: boolean;
     layout: import('./types').StatsLayout;
     attached: boolean;
     iconBoxShape: import('./types').IconBoxShape;

package/components/Stats/types.d.ts

@@ -12,6 +12,7 @@ export interface StatItemSchema {
     title: string;
     titleI18n?: string;
     value: string | number;
+    isPrice?: boolean;
     icon?: string;
     color?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | string;
     trend?: StatTrend;

package/components/StatusChip/status-map.js

@@ -1,4 +1,4 @@
-const d = {
+const o = {
   // ── Active / Positive ──────────────────────────────────────────────────────
   active: { variant: "success", icon: "lucide:check-circle-2" },
   activated: { variant: "success", icon: "lucide:check-circle-2" },
@@ -24,6 +24,17 @@ const d = {
   passed: { variant: "success", icon: "lucide:check-circle-2" },
   instock: { variant: "success", icon: "lucide:package-check" },
   fulfilled: { variant: "success", icon: "lucide:package-check" },
+  // ── CRM / Sales / Leads ───────────────────────────────────────────────────
+  prospecting: { variant: "indigo", icon: "lucide:search" },
+  qualification: { variant: "purple", icon: "lucide:filter" },
+  proposal: { variant: "cyan", icon: "lucide:file-text" },
+  negotiation: { variant: "orange", icon: "lucide:handshake" },
+  won: { variant: "success", icon: "lucide:trophy" },
+  closedwon: { variant: "success", icon: "lucide:trophy", label: "Closed Won" },
+  lost: { variant: "danger", icon: "lucide:frown" },
+  closedlost: { variant: "danger", icon: "lucide:frown", label: "Closed Lost" },
+  contacted: { variant: "blue", icon: "lucide:message-square" },
+  qualified: { variant: "success", icon: "lucide:user-check" },
   // ── In Progress / Processing / Transit ─────────────────────────────────────
   inprogress: { variant: "info", icon: "lucide:loader-2" },
   processing: { variant: "info", icon: "lucide:loader-2" },
@@ -55,7 +66,7 @@ const d = {
   overdue: { variant: "orange", icon: "lucide:alarm-clock" },
   expiring: { variant: "orange", icon: "lucide:timer" },
   expiringsoon: { variant: "orange", icon: "lucide:timer" },
-  low: { variant: "orange", icon: "lucide:arrow-down" },
+  low: { variant: "secondary", icon: "lucide:arrow-down" },
   lowstock: { variant: "orange", icon: "lucide:package" },
   warning: { variant: "warning", icon: "lucide:alert-triangle" },
   late: { variant: "orange", icon: "lucide:alarm-clock" },
@@ -82,12 +93,16 @@ const d = {
   void: { variant: "secondary", icon: "lucide:ban" },
   refunded: { variant: "pink", icon: "lucide:corner-up-left" },
   outofstock: { variant: "danger", icon: "lucide:package-x" },
-  lost: { variant: "danger", icon: "lucide:x-circle" },
   absent: { variant: "danger", icon: "lucide:user-x" },
   offline: { variant: "secondary", icon: "lucide:wifi-off" },
   danger: { variant: "danger", icon: "lucide:alert-circle" },
   declined: { variant: "danger", icon: "lucide:thumbs-down" },
   laidoff: { variant: "danger", icon: "lucide:user-minus" },
+  // ── Communication & Presence ──────────────────────────────────────────────
+  incoming: { variant: "blue", icon: "lucide:arrow-down-left" },
+  outgoing: { variant: "indigo", icon: "lucide:arrow-up-right" },
+  missed: { variant: "danger", icon: "lucide:phone-missed" },
+  inperson: { variant: "indigo", icon: "lucide:users", label: "In Person" },
   // ── Priority / Severity ────────────────────────────────────────────────────
   critical: { variant: "danger", icon: "lucide:alert-octagon" },
   high: { variant: "danger", icon: "lucide:arrow-up-circle" },
@@ -115,6 +130,11 @@ const d = {
   unposted: { variant: "secondary", icon: "lucide:file-x" },
   settled: { variant: "success", icon: "lucide:handshake" },
   voided: { variant: "secondary", icon: "lucide:ban" },
+  // ── Payment Methods ────────────────────────────────────────────────────────
+  cash: { variant: "success", icon: "lucide:banknote" },
+  check: { variant: "blue", icon: "lucide:receipt" },
+  card: { variant: "purple", icon: "lucide:credit-card" },
+  transfer: { variant: "cyan", icon: "lucide:arrow-right-left" },
   // ── HR / Recruiting ────────────────────────────────────────────────────────
   hired: { variant: "success", icon: "lucide:user-check" },
   interviewing: { variant: "indigo", icon: "lucide:users" },
@@ -142,17 +162,17 @@ const d = {
 function n(i) {
   return i.toLowerCase().replace(/[\s_\-]+/g, "");
 }
-function o(i, c) {
+function d(i, c) {
   const e = n(i);
   if (c) {
     for (const [a, r] of Object.entries(c))
       if (n(a) === e)
         return r;
   }
-  return d[e] ?? { variant: "secondary" };
+  return o[e] ?? { variant: "secondary" };
 }
 export {
-  d as STATUS_MAP,
+  o as STATUS_MAP,
   n as normalizeStatus,
-  o as resolveStatus
+  d as resolveStatus
 };