@memobit/libs 3.4.3 → 3.5.0

package/dist/components/FloatingWindow/FloatingWindow2.js

@@ -1,11 +1,11 @@
 import './FloatingWindow.css';
-import { Icon as tt } from "../Icon/Icon2.js";
-import { Tooltip as N } from "../Tooltip/Tooltip2.js";
+import { Icon as nt } from "../Icon/Icon2.js";
+import { Tooltip as E } from "../Tooltip/Tooltip2.js";
 /* empty css               */
-import { useCallback as d, useEffect as Z, useRef as G, useState as g } from "react";
-import { Fragment as nt, jsx as o, jsxs as w } from "react/jsx-runtime";
-import { createPortal as it } from "react-dom";
-var et = [
+import { useCallback as d, useEffect as Z, useRef as $, useState as g } from "react";
+import { Fragment as it, jsx as o, jsxs as w } from "react/jsx-runtime";
+import { createPortal as et } from "react-dom";
+var ot = [
   "n",
   "s",
   "e",
@@ -14,23 +14,23 @@ var et = [
   "nw",
   "se",
   "sw"
-], z = 48, x = 16, ct = ({ children: V, className: W = "", closeOnEscape: D = !1, defaultPosition: q, defaultSize: _ = {
+], N = 48, G = 16, wt = ({ children: V, className: W = "", closeOnEscape: z = !1, defaultPosition: q, defaultSize: x = {
   height: 360,
   width: 480
-}, footer: R, isOpen: l, minimizable: H = !0, minHeight: y = 140, minWidth: P = 260, onClose: M, onGeometryChange: b, resizable: I = !0, title: J, titleIcon: k, usePortal: K = !0, zIndex: C = 900 }) => {
-  const [e, L] = g(_), [r, h] = g(() => q ?? {
-    x: Math.max(0, (window.innerWidth - _.width) / 2),
-    y: Math.max(0, (window.innerHeight - _.height) / 3)
-  }), [s, S] = g(!1), [a, Q] = g(!1), T = G(null), m = G(null), u = d((t, n) => ({
-    x: Math.min(Math.max(t.x, z - n.width), window.innerWidth - z),
-    y: Math.min(Math.max(t.y, 0), window.innerHeight - z)
-  }), []), $ = d(() => {
-    b?.({
+}, footer: D, isOpen: l, minimizable: H = !0, minHeight: _ = 140, minWidth: y = 260, onClose: P, onGeometryChange: R, resizable: M = !0, title: J, titleIcon: b, usePortal: K = !0, zIndex: k = 900 }) => {
+  const [e, C] = g(x), [r, h] = g(() => q ?? {
+    x: Math.max(0, (window.innerWidth - x.width) / 2),
+    y: Math.max(0, (window.innerHeight - x.height) / 3)
+  }), [s, L] = g(!1), [a, Q] = g(!1), S = $(null), m = $(null), u = d((t, n) => ({
+    x: Math.min(Math.max(t.x, N - n.width), window.innerWidth - N),
+    y: Math.min(Math.max(t.y, 0), window.innerHeight - N)
+  }), []), T = d(() => {
+    R?.({
       ...r,
       ...e
     });
   }, [
-    b,
+    R,
     r,
     e
   ]), j = d((t, n) => {
@@ -53,16 +53,16 @@ var et = [
   ]), F = d((t) => {
     const n = m.current;
     if (!n || n.pointerId !== t.pointerId) return;
-    const v = t.clientX - n.startPointer.x, E = t.clientY - n.startPointer.y, { startRect: i, direction: c } = n;
+    const I = t.clientX - n.startPointer.x, v = t.clientY - n.startPointer.y, { startRect: i, direction: c } = n;
     if (!c) {
       h(u({
-        x: i.x + v,
-        y: i.y + E
+        x: i.x + I,
+        y: i.y + v
       }, i));
       return;
     }
     let { height: f, width: p, x: B, y: Y } = i;
-    c.includes("e") && (p = Math.max(P, i.width + v)), c.includes("w") && (p = Math.max(P, i.width - v), B = i.x + (i.width - p)), c.includes("s") && (f = Math.max(y, i.height + E)), c.includes("n") && (f = Math.max(y, i.height - E), Y = i.y + (i.height - f)), L({
+    c.includes("e") && (p = Math.max(y, i.width + I)), c.includes("w") && (p = Math.max(y, i.width - I), B = i.x + (i.width - p)), c.includes("s") && (f = Math.max(_, i.height + v)), c.includes("n") && (f = Math.max(_, i.height - v), Y = i.y + (i.height - f)), C({
       height: f,
       width: p
     }), h({
@@ -71,38 +71,38 @@ var et = [
     });
   }, [
     u,
-    y,
-    P
+    _,
+    y
   ]), U = d((t) => {
-    m.current && (t.currentTarget.releasePointerCapture(t.pointerId), m.current = null, $());
-  }, [$]), X = d(() => {
+    m.current && (t.currentTarget.releasePointerCapture(t.pointerId), m.current = null, T());
+  }, [T]), X = d(() => {
     Q((t) => {
       if (t) {
-        const n = T.current;
+        const n = S.current;
         return n && (h({
           x: n.x,
           y: n.y
-        }), L({
+        }), C({
           height: n.height,
           width: n.width
         })), !1;
       }
-      return T.current = {
+      return S.current = {
         ...r,
         ...e
-      }, S(!1), !0;
+      }, L(!1), !0;
     });
   }, [r, e]);
   if (Z(() => {
-    if (!l || !D) return;
+    if (!l || !z) return;
     const t = (n) => {
-      n.key === "Escape" && M();
+      n.key === "Escape" && P();
     };
     return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
   }, [
-    D,
+    z,
     l,
-    M
+    P
   ]), Z(() => {
     if (!l) return;
     const t = () => h((n) => u(n, e));
@@ -113,52 +113,52 @@ var et = [
     e
   ]), !l) return null;
   const O = a ? {
-    "--_window-z": C,
-    height: `calc(100vh - ${x * 2}px)`,
-    left: x,
-    top: x,
-    width: `calc(100vw - ${x * 2}px)`
+    "--_window-z": k,
+    height: "calc(100vh - 32px)",
+    left: G,
+    top: G,
+    width: "calc(100vw - 32px)"
   } : {
-    "--_window-z": C,
+    "--_window-z": k,
     height: s ? void 0 : e.height,
     left: r.x,
     top: r.y,
     width: e.width
-  }, A = /* @__PURE__ */ w("div", {
-    className: [
-      "floating-window",
-      a ? "floating-window--maximized" : "",
-      s ? "floating-window--minimized" : "",
-      W
-    ].filter(Boolean).join(" "),
+  }, tt = [
+    "floating-window",
+    a ? "floating-window--maximized" : "",
+    s ? "floating-window--minimized" : "",
+    W
+  ].filter(Boolean).join(" "), A = /* @__PURE__ */ w("div", {
+    className: tt,
     style: O,
     children: [
       /* @__PURE__ */ w("div", {
         className: "floating-window__header",
-        onDoubleClick: I ? X : void 0,
+        onDoubleClick: M ? X : void 0,
         onPointerDown: j,
         onPointerMove: F,
         onPointerUp: U,
         children: [/* @__PURE__ */ w("span", {
           className: "floating-window__title",
-          children: [k && /* @__PURE__ */ o(tt, {
-            name: k,
+          children: [b && /* @__PURE__ */ o(nt, {
+            name: b,
             size: "sm"
           }), J]
         }), /* @__PURE__ */ w("span", {
           className: "floating-window__actions",
           children: [
-            H && /* @__PURE__ */ o(N, {
+            H && /* @__PURE__ */ o(E, {
               title: s ? "Expand" : "Collapse",
               children: /* @__PURE__ */ o("button", {
                 className: "floating-window__action",
-                onClick: () => S((t) => !t),
+                onClick: () => L((t) => !t),
                 onPointerDown: (t) => t.stopPropagation(),
                 type: "button",
                 children: s ? "▢" : "—"
               })
             }),
-            I && /* @__PURE__ */ o(N, {
+            M && /* @__PURE__ */ o(E, {
               title: a ? "Restore" : "Maximize",
               children: /* @__PURE__ */ o("button", {
                 className: "floating-window__action",
@@ -168,11 +168,11 @@ var et = [
                 children: a ? "❐" : "□"
               })
             }),
-            /* @__PURE__ */ o(N, {
+            /* @__PURE__ */ o(E, {
               title: "Close",
               children: /* @__PURE__ */ o("button", {
                 className: "floating-window__action floating-window__action--close",
-                onClick: M,
+                onClick: P,
                 onPointerDown: (t) => t.stopPropagation(),
                 type: "button",
                 children: "✕"
@@ -181,14 +181,14 @@ var et = [
           ]
         })]
       }),
-      !s && /* @__PURE__ */ w(nt, { children: [/* @__PURE__ */ o("div", {
+      !s && /* @__PURE__ */ w(it, { children: [/* @__PURE__ */ o("div", {
         className: "floating-window__body",
         children: V
-      }), R && /* @__PURE__ */ o("div", {
+      }), D && /* @__PURE__ */ o("div", {
         className: "floating-window__footer",
-        children: R
+        children: D
       })] }),
-      I && !a && !s && et.map((t) => /* @__PURE__ */ o("span", {
+      M && !a && !s && ot.map((t) => /* @__PURE__ */ o("span", {
         className: `floating-window__handle floating-window__handle--${t}`,
         onPointerDown: (n) => j(n, t),
         onPointerMove: F,
@@ -196,8 +196,8 @@ var et = [
       }, t))
     ]
   });
-  return K ? it(A, document.body) : A;
+  return K ? et(A, document.body) : A;
 };
 export {
-  ct as FloatingWindow
+  wt as FloatingWindow
 };

package/dist/components/Grid/Grid2.js

@@ -1,28 +1,28 @@
 import './Grid.css';
 /* empty css     */
-import { jsx as _ } from "react/jsx-runtime";
-var x = (r) => r > 2 ? 2 : r, m = ({ align: r = "stretch", children: a, className: e = "", cols: o = 2, colsMobile: s = 1, colsTablet: l, gap: t = "16", justify: n = "start", minColWidth: i, rowGap: g, style: c }) => {
-  const d = t === "0" ? "0px" : `var(--spacing-${t})`, p = g === void 0 ? d : g === "0" ? "0px" : `var(--spacing-${g})`, v = {
-    "--_grid-cols": o,
-    "--_grid-cols-mobile": s,
-    "--_grid-cols-tablet": l ?? x(o),
-    "--_grid-gap": d,
+import { jsx as x } from "react/jsx-runtime";
+var $ = (r) => r > 2 ? 2 : r, b = ({ align: r = "stretch", children: a, className: d = "", cols: s = 2, colsMobile: e = 1, colsTablet: l, gap: t = "16", justify: c = "start", minColWidth: i, rowGap: o, style: n }) => {
+  const g = t === "0" ? "0px" : `var(--spacing-${t})`, p = o === void 0 ? g : o === "0" ? "0px" : `var(--spacing-${o})`, v = {
+    "--_grid-cols": s,
+    "--_grid-cols-mobile": e,
+    "--_grid-cols-tablet": l ?? $(s),
+    "--_grid-gap": g,
     "--_grid-row-gap": p,
     ...i === void 0 ? {} : { "--_grid-min-col": `${i}px` },
-    ...c
-  };
-  return /* @__PURE__ */ _("div", {
-    className: [
-      "grid",
-      i === void 0 ? "" : "grid--fluid",
-      `grid--align-${r}`,
-      `grid--justify-${n}`,
-      e
-    ].filter(Boolean).join(" "),
+    ...n
+  }, _ = [
+    "grid",
+    i === void 0 ? "" : "grid--fluid",
+    `grid--align-${r}`,
+    `grid--justify-${c}`,
+    d
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ x("div", {
+    className: _,
     style: v,
     children: a
   });
 };
 export {
-  m as Grid
+  b as Grid
 };

package/dist/components/InputPIN/InputPIN2.js

@@ -1,95 +1,95 @@
 import './InputPIN.css';
 /* empty css         */
 import { useCallback as o, useEffect as P, useRef as j } from "react";
-import { jsx as f, jsxs as B } from "react/jsx-runtime";
-var K = /[^0-9]/g, U = /[^0-9a-zA-Z]/g, W = ({ autoFocus: y = !1, disabled: M = !1, error: N, id: m, label: C, length: s = 6, groupSize: E, onChange: g, onComplete: k, secret: $ = !1, success: D, type: A = "numeric", value: I }) => {
-  const R = j([]), v = j(!1), n = o((r) => r.replace(A === "numeric" ? K : U, "").slice(0, s), [s, A]), p = n(I), c = p.split("");
+import { jsx as f, jsxs as K } from "react/jsx-runtime";
+var U = /[^0-9]/g, z = /[^0-9a-zA-Z]/g, Z = ({ autoFocus: v = !1, disabled: M = !1, error: N, id: m, label: w, length: s = 6, groupSize: y, onChange: E, onComplete: g, secret: $ = !1, success: D, type: A = "numeric", value: I }) => {
+  const C = j([]), R = j(!1), n = o((r) => r.replace(A === "numeric" ? U : z, "").slice(0, s), [s, A]), p = n(I), a = p.split("");
   P(() => {
-    p.length === s && !v.current && (v.current = !0, k?.(p)), p.length < s && (v.current = !1);
+    p.length === s && !R.current && (R.current = !0, g?.(p)), p.length < s && (R.current = !1);
   }, [
     p,
     s,
-    k
+    g
   ]), P(() => {
-    y && R.current[0]?.focus();
-  }, [y]);
-  const a = o((r) => {
-    const t = R.current[Math.min(Math.max(r, 0), s - 1)];
+    v && C.current[0]?.focus();
+  }, [v]);
+  const c = o((r) => {
+    const t = C.current[Math.min(Math.max(r, 0), s - 1)];
     t?.focus(), t?.select();
   }, [s]), l = o((r) => {
     const t = r.join("").replace(/\s/g, "");
-    g(n(t));
-  }, [g, n]), T = o((r, t) => {
-    const e = c[r] ?? "", h = e && t.startsWith(e) ? t.slice(e.length) : t, i = n(h);
+    E(n(t));
+  }, [E, n]), T = o((r, t) => {
+    const e = a[r] ?? "", h = e && t.startsWith(e) ? t.slice(e.length) : t, i = n(h);
     if (!i) return;
-    const u = [...c];
-    i.split("").forEach((_, w) => {
-      r + w < s && (u[r + w] = _);
-    }), l(u), a(r + i.length);
+    const u = [...a];
+    i.split("").forEach((B, k) => {
+      r + k < s && (u[r + k] = B);
+    }), l(u), c(r + i.length);
   }, [
-    c,
-    l,
     a,
+    l,
+    c,
     s,
     n
   ]), b = o((r, t) => {
     if (r.key === "Backspace") {
       r.preventDefault();
-      const e = [...c];
+      const e = [...a];
       if (e[t]) {
         e.splice(t, 1), l(e);
         return;
       }
-      t > 0 && (e.splice(t - 1, 1), l(e), a(t - 1));
+      t > 0 && (e.splice(t - 1, 1), l(e), c(t - 1));
       return;
     }
     if (r.key === "Delete") {
       r.preventDefault();
-      const e = [...c];
+      const e = [...a];
       e.splice(t, 1), l(e);
       return;
     }
     if (r.key === "ArrowLeft") {
-      r.preventDefault(), a(t - 1);
+      r.preventDefault(), c(t - 1);
       return;
     }
-    r.key === "ArrowRight" && (r.preventDefault(), a(t + 1));
+    r.key === "ArrowRight" && (r.preventDefault(), c(t + 1));
   }, [
-    c,
+    a,
     l,
-    a
+    c
   ]), L = o((r, t) => {
     r.preventDefault();
     const e = n(r.clipboardData.getData("text"));
     if (!e) return;
-    const h = [...c];
+    const h = [...a];
     e.split("").forEach((i, u) => {
       t + u < s && (h[t + u] = i);
-    }), l(h), a(t + e.length);
+    }), l(h), c(t + e.length);
   }, [
-    c,
-    l,
     a,
+    l,
+    c,
     s,
     n
-  ]);
-  return /* @__PURE__ */ B("div", {
-    className: [
-      "input-pin-wrapper",
-      N ? "input-pin-wrapper--error" : "",
-      D ? "input-pin-wrapper--success" : ""
-    ].filter(Boolean).join(" "),
+  ]), _ = [
+    "input-pin-wrapper",
+    N ? "input-pin-wrapper--error" : "",
+    D ? "input-pin-wrapper--success" : ""
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ K("div", {
+    className: _,
     children: [
-      C && /* @__PURE__ */ f("label", {
+      w && /* @__PURE__ */ f("label", {
         className: "input-pin-label",
         htmlFor: m ? `${m}-0` : void 0,
-        children: C
+        children: w
       }),
       /* @__PURE__ */ f("div", {
         className: "input-pin-cells",
         children: Array.from({ length: s }, (r, t) => /* @__PURE__ */ f("input", {
           autoComplete: t === 0 ? "one-time-code" : "off",
-          className: `input-pin-cell${c[t] ? " input-pin-cell--filled" : ""}${E && t > 0 && t % E === 0 ? " input-pin-cell--group-start" : ""}`,
+          className: `input-pin-cell${a[t] ? " input-pin-cell--filled" : ""}${y && t > 0 && t % y === 0 ? " input-pin-cell--group-start" : ""}`,
           disabled: M,
           id: m ? `${m}-${t}` : void 0,
           inputMode: A === "numeric" ? "numeric" : "text",
@@ -100,9 +100,9 @@ var K = /[^0-9]/g, U = /[^0-9a-zA-Z]/g, W = ({ autoFocus: y = !1, disabled: M =
           onPaste: (e) => L(e, t),
           type: $ ? "password" : "text",
           ref: (e) => {
-            R.current[t] = e;
+            C.current[t] = e;
           },
-          value: c[t] ?? ""
+          value: a[t] ?? ""
         }, t))
       }),
       N && /* @__PURE__ */ f("span", {
@@ -117,5 +117,5 @@ var K = /[^0-9]/g, U = /[^0-9a-zA-Z]/g, W = ({ autoFocus: y = !1, disabled: M =
   });
 };
 export {
-  W as InputPIN
+  Z as InputPIN
 };

package/dist/components/MiniSort/MiniSort2.js

@@ -1,57 +1,61 @@
 import './MiniSort.css';
 import { Icon as u } from "../Icon/Icon2.js";
-import { Button as f } from "../Button/Button2.js";
-import { Tooltip as p } from "../Tooltip/Tooltip2.js";
+import { Button as p } from "../Button/Button2.js";
+import { Tooltip as f } from "../Tooltip/Tooltip2.js";
 /* empty css         */
 import "react";
-import { jsx as s, jsxs as z } from "react/jsx-runtime";
-var B = ({ items: o, sortKey: i, sortDirection: n, onSort: v, align: _ = "left", showDirectionToggle: l = !1, className: $ = "" }) => o.length === 0 ? null : /* @__PURE__ */ z("div", {
-  className: [
+import { jsx as s, jsxs as h } from "react/jsx-runtime";
+var I = ({ items: r, sortKey: e, sortDirection: n, onSort: v, align: _ = "left", showDirectionToggle: l = !1, className: $ = "" }) => {
+  if (r.length === 0) return null;
+  const x = [
     "mini-sort",
     `mini-sort--align-${_}`,
     $
-  ].filter(Boolean).join(" "),
-  children: [o.map((a, x) => {
-    const c = a.direction ?? "asc", t = i === a.value, r = !l && o.filter((m) => m.value === a.value).length === 1, e = l || r ? t : t && n === c, d = typeof a.label == "string" || typeof a.label == "number" ? String(a.label) : a.value, b = (m) => m === "asc" ? "ascending" : "descending", N = l ? t ? n : c : r && e ? n === "asc" ? "desc" : "asc" : c;
-    return /* @__PURE__ */ s(p, {
-      title: l ? `Sort by ${d}` : r && e ? `Sorted by ${d} ${b(n)} — click to reverse` : `Sort by ${d} ${b(c)}`,
-      children: /* @__PURE__ */ s(f, {
-        className: `mini-sort__button${e ? " is-active" : ""}`,
-        disabled: a.disabled,
-        icon: a.icon ? /* @__PURE__ */ s(u, {
-          className: "mini-sort__icon",
-          name: a.icon,
-          size: "sm",
-          variant: e ? "accent" : "muted"
-        }) : void 0,
-        sufixIcon: r && e ? /* @__PURE__ */ s(u, {
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ h("div", {
+    className: x,
+    children: [r.map((a, N) => {
+      const i = a.direction ?? "asc", t = e === a.value, o = !l && r.filter((m) => m.value === a.value).length === 1, c = l || o ? t : t && n === i, d = typeof a.label == "string" || typeof a.label == "number" ? String(a.label) : a.value, b = (m) => m === "asc" ? "ascending" : "descending", z = l ? t ? n : i : o && c ? n === "asc" ? "desc" : "asc" : i, S = l ? `Sort by ${d}` : o && c ? `Sorted by ${d} ${b(n)} — click to reverse` : `Sort by ${d} ${b(i)}`;
+      return /* @__PURE__ */ s(f, {
+        title: S,
+        children: /* @__PURE__ */ s(p, {
+          className: `mini-sort__button${c ? " is-active" : ""}`,
+          disabled: a.disabled,
+          icon: a.icon ? /* @__PURE__ */ s(u, {
+            className: "mini-sort__icon",
+            name: a.icon,
+            size: "sm",
+            variant: c ? "accent" : "muted"
+          }) : void 0,
+          sufixIcon: o && c ? /* @__PURE__ */ s(u, {
+            className: "mini-sort__icon",
+            name: n === "asc" ? "arrow-up" : "arrow-down",
+            size: "sm"
+          }) : void 0,
+          size: "small",
+          variant: "ghost",
+          onClick: () => v(a.value, z),
+          children: a.label ?? a.value
+        })
+      }, `${a.value}-${N}`);
+    }), l && /* @__PURE__ */ s(f, {
+      title: `Direction: ${n === "asc" ? "ascending" : "descending"}`,
+      children: /* @__PURE__ */ s(p, {
+        className: "mini-sort__button mini-sort__direction",
+        disabled: e === null,
+        icon: /* @__PURE__ */ s(u, {
           className: "mini-sort__icon",
           name: n === "asc" ? "arrow-up" : "arrow-down",
-          size: "sm"
-        }) : void 0,
+          size: "sm",
+          variant: "accent"
+        }),
         size: "small",
         variant: "ghost",
-        onClick: () => v(a.value, N),
-        children: a.label ?? a.value
+        onClick: () => e !== null && v(e, n === "asc" ? "desc" : "asc")
       })
-    }, `${a.value}-${x}`);
-  }), l && /* @__PURE__ */ s(p, {
-    title: `Direction: ${n === "asc" ? "ascending" : "descending"}`,
-    children: /* @__PURE__ */ s(f, {
-      className: "mini-sort__button mini-sort__direction",
-      disabled: i === null,
-      icon: /* @__PURE__ */ s(u, {
-        className: "mini-sort__icon",
-        name: n === "asc" ? "arrow-up" : "arrow-down",
-        size: "sm",
-        variant: "accent"
-      }),
-      size: "small",
-      variant: "ghost",
-      onClick: () => i !== null && v(i, n === "asc" ? "desc" : "asc")
-    })
-  })]
-});
+    })]
+  });
+};
 export {
-  B as MiniSort
+  I as MiniSort
 };

package/dist/components/MiniStatsCard/MiniStatsCard2.js

@@ -1,50 +1,50 @@
 import './MiniStatsCard.css';
-import { Card as g } from "../Card/Card2.js";
+import { Card as j } from "../Card/Card2.js";
 /* empty css              */
 import "react";
 import { jsx as a, jsxs as s } from "react/jsx-runtime";
-var V = ({ label: o, value: _, unit: t, variant: r = "default", align: u = "center", labelPosition: e = "bottom", trend: i, trendUnit: n = "%", trendLabel: v, trendVariant: h = "success", footer: c, filled: d = !1, className: N = "" }) => {
+var y = ({ label: o, value: _, unit: i, variant: r = "default", align: u = "center", labelPosition: e = "bottom", trend: t, trendUnit: n = "%", trendLabel: v, trendVariant: N = "success", footer: c, filled: d = !1, className: h = "" }) => {
   const p = () => /* @__PURE__ */ s("div", {
     className: `mini-stats-card__value mini-stats-card__value--${r}`,
     children: [/* @__PURE__ */ a("span", {
       className: "mini-stats-card__value-number",
       children: _
-    }), t && /* @__PURE__ */ a("span", {
+    }), i && /* @__PURE__ */ a("span", {
       className: "mini-stats-card__value-unit",
-      children: t
+      children: i
     })]
   }), l = () => /* @__PURE__ */ a("div", {
     className: "mini-stats-card__label",
     children: o
   }), f = () => {
-    if (i === void 0) return null;
-    const $ = i > 0, b = i < 0, m = Math.abs(i), x = v ?? (n ? `${m}${n}` : `${m}`);
+    if (t === void 0) return null;
+    const b = t > 0, x = t < 0, m = Math.abs(t), g = v ?? (n ? `${m}${n}` : `${m}`);
     return /* @__PURE__ */ s("div", {
-      className: `mini-stats-card__trend mini-stats-card__trend--${h}`,
+      className: `mini-stats-card__trend mini-stats-card__trend--${N}`,
       children: [
-        $ && /* @__PURE__ */ a("span", {
+        b && /* @__PURE__ */ a("span", {
           className: "mini-stats-card__trend-arrow",
           children: "↑"
         }),
-        b && /* @__PURE__ */ a("span", {
+        x && /* @__PURE__ */ a("span", {
           className: "mini-stats-card__trend-arrow",
           children: "↓"
         }),
         /* @__PURE__ */ a("span", {
           className: "mini-stats-card__trend-value",
-          children: x
+          children: g
         })
       ]
     });
-  };
-  return /* @__PURE__ */ s(g, {
-    className: [
-      "mini-stats-card",
-      `mini-stats-card--align-${u}`,
-      d ? "mini-stats-card--filled" : "",
-      d ? `mini-stats-card--variant-${r}` : "",
-      N
-    ].filter(Boolean).join(" "),
+  }, $ = [
+    "mini-stats-card",
+    `mini-stats-card--align-${u}`,
+    d ? "mini-stats-card--filled" : "",
+    d ? `mini-stats-card--variant-${r}` : "",
+    h
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ s(j, {
+    className: $,
     noPadding: !0,
     children: [/* @__PURE__ */ s("div", {
       className: "mini-stats-card__content",
@@ -63,5 +63,5 @@ var V = ({ label: o, value: _, unit: t, variant: r = "default", align: u = "cent
   });
 };
 export {
-  V as MiniStatsCard
+  y as MiniStatsCard
 };