@alfadocs/ui-kit-debug 0.32.1 → 0.32.2

package/dist/_chunks/{stat-EC2Papj7.js → stat-DhAA5ltU.js}

@@ -1,9 +1,9 @@
 import { jsxs as z, jsx as i } from "react/jsx-runtime";
-import { forwardRef as Q, useId as X, useCallback as L, useRef as Z, useMemo as tt } from "react";
+import { forwardRef as X, useId as Z, useCallback as O, useRef as tt, useMemo as et } from "react";
 import { c as V } from "./index-D2ZczOXr.js";
-import { useTranslation as U } from "react-i18next";
-import { u as et } from "./use-count-up-BLLetaZ8.js";
-const O = V("ds:flex ds:flex-col ds:h-full", {
+import { useTranslation as B } from "react-i18next";
+import { u as st } from "./use-count-up-BLLetaZ8.js";
+const P = V("ds:flex ds:flex-col ds:h-full", {
   variants: {
     variant: {
       default: "ds:gap-[var(--spacing-xs)]",
@@ -48,7 +48,7 @@ const O = V("ds:flex ds:flex-col ds:h-full", {
     size: "md",
     align: "start"
   }
-}), P = V("type-metric ds:text-[var(--foreground)]", {
+}), U = V("type-metric", {
   variants: {
     size: {
       sm: "ds:[--type-metric-size:var(--font-size-xl)]",
@@ -60,6 +60,22 @@ const O = V("ds:flex ds:flex-col ds:h-full", {
       outlined: "",
       elevated: "",
       compact: ""
+    },
+    // Colour of the headline metric value. Defaults to `--foreground`
+    // (the existing render). `primary` / `accent` are the brand intents
+    // — use for hero / marketing stats where the number IS the visual
+    // marker. `success` / `destructive` / `info` / `warning` map to the
+    // semantic tokens for KPI tiles that want to signal status via the
+    // value colour itself (e.g. revenue green, debt red). The trend
+    // chevron and the label colour are independent of this prop.
+    intent: {
+      foreground: "ds:text-[var(--foreground)]",
+      primary: "ds:text-[var(--primary)]",
+      accent: "ds:text-[var(--accent)]",
+      success: "ds:text-[var(--success)]",
+      destructive: "ds:text-[var(--destructive)]",
+      info: "ds:text-[var(--info)]",
+      warning: "ds:text-[var(--warning)]"
     }
   },
   compoundVariants: [
@@ -81,9 +97,10 @@ const O = V("ds:flex ds:flex-col ds:h-full", {
   ],
   defaultVariants: {
     size: "md",
-    variant: "default"
+    variant: "default",
+    intent: "foreground"
   }
-}), st = V(
+}), rt = V(
   "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-label",
   {
     variants: {
@@ -97,76 +114,77 @@ const O = V("ds:flex ds:flex-col ds:h-full", {
       trend: "flat"
     }
   }
-), rt = { up: "↑", down: "↓", flat: "→" }, at = {
+), at = { up: "↑", down: "↓", flat: "→" }, nt = {
   up: "stat.trend.up",
   down: "stat.trend.down",
   flat: "stat.trend.flat"
 };
-function nt({
+function it({
   trend: d,
   delta: t,
   deltaFormat: c = "decimal",
   locale: a
 }) {
-  const { t: e, i18n: l } = U(), o = typeof t == "string" ? t : new Intl.NumberFormat(a ?? l.language, {
+  const { t: e, i18n: o } = B(), l = typeof t == "string" ? t : new Intl.NumberFormat(a ?? o.language, {
     style: c === "percent" ? "percent" : "decimal"
   }).format(c === "percent" ? t / 100 : t);
-  return /* @__PURE__ */ z("span", { className: st({ trend: d }), children: [
-    /* @__PURE__ */ i("span", { "aria-hidden": "true", children: rt[d] }),
-    /* @__PURE__ */ i("span", { className: "ds:sr-only", children: e(at[d]) }),
-    o
+  return /* @__PURE__ */ z("span", { className: rt({ trend: d }), children: [
+    /* @__PURE__ */ i("span", { "aria-hidden": "true", children: at[d] }),
+    /* @__PURE__ */ i("span", { className: "ds:sr-only", children: e(nt[d]) }),
+    l
   ] });
 }
-function it(d, t) {
+function dt(d, t) {
   const c = d.trim();
   if (c === "") return null;
   let a = "", e = c;
   e.startsWith("+") ? (a = "+", e = e.slice(1).trimStart()) : (e.startsWith("-") || e.startsWith("−")) && (a = "-", e = e.slice(1).trimStart());
-  let l = "";
-  const o = e.match(/[KMB]$/i);
-  o && (l = o[0], e = e.slice(0, -1).trimEnd());
-  let m = "", u = ".";
+  let o = "";
+  const l = e.match(/[KMB]$/i);
+  l && (o = l[0], e = e.slice(0, -1).trimEnd());
+  let u = "", m = ".";
   try {
-    const b = new Intl.NumberFormat(t).formatToParts(12345.6);
-    for (const n of b)
-      n.type === "group" ? m = n.value : n.type === "decimal" && (u = n.value);
+    const x = new Intl.NumberFormat(t).formatToParts(12345.6);
+    for (const n of x)
+      n.type === "group" ? u = n.value : n.type === "decimal" && (m = n.value);
   } catch {
   }
   const g = e.match(/^(\d+)\.(\d+)$/);
-  if (g && !(g[2].length === 3 && m === ".")) {
+  if (g && !(g[2].length === 3 && u === ".")) {
     const n = Number.parseFloat(e);
     if (Number.isFinite(n))
-      return { target: n, sign: a, suffix: l };
+      return { target: n, sign: a, suffix: o };
   }
   let s = e;
-  m !== "" && (s = s.split(m).join("")), u !== "." && (s = s.split(u).join(".")), s = s.replace(/[\s\u00A0\u202F]/g, "");
+  u !== "" && (s = s.split(u).join("")), m !== "." && (s = s.split(m).join(".")), s = s.replace(/[\s\u00A0\u202F]/g, "");
   const v = Number.parseFloat(s);
-  return Number.isFinite(v) ? { target: v, sign: a, suffix: l } : null;
+  return Number.isFinite(v) ? { target: v, sign: a, suffix: o } : null;
 }
-const dt = Q(
+const ct = X(
   ({
     label: d,
     value: t,
     format: c,
     currency: a,
     locale: e,
-    trend: l,
-    delta: o,
-    deltaFormat: m = "decimal",
-    icon: u,
+    trend: o,
+    delta: l,
+    deltaFormat: u = "decimal",
+    icon: m,
     loading: g = !1,
     animate: s = !1,
     animateOnEveryView: v = !1,
-    animateDurationMs: b = 1600,
+    animateDurationMs: x = 1600,
     animateLocale: n,
-    animateSeparators: h,
-    variant: x = "default",
+    animateSeparators: b,
+    variant: h = "default",
     size: y = "md",
     align: I = "start",
-    className: M,
-    ...j
-  }, k) => {
-    const { i18n: B } = U(), R = X(), f = e ?? B.language, K = L(() => {
+    intent: M = "foreground",
+    className: j,
+    ...k
+  }, R) => {
+    const { i18n: K } = B(), T = Z(), f = e ?? K.language, Y = O(() => {
       if (typeof t == "string") return t;
       switch (c) {
         case "currency":
@@ -186,10 +204,10 @@ const dt = Q(
           return new Intl.NumberFormat(f).format(t);
       }
     }, [t, c, f, a])(), N = n ?? f;
-    Z(!1);
-    const r = tt(() => s ? typeof t == "number" ? Number.isFinite(t) ? { target: t, sign: "", suffix: "" } : null : it(t, N) : null, [s, t, N]), Y = s && r !== null, _ = (r == null ? void 0 : r.target) ?? 0, F = (r == null ? void 0 : r.sign) ?? "", T = (r == null ? void 0 : r.suffix) ?? "", q = L(
+    tt(!1);
+    const r = et(() => s ? typeof t == "number" ? Number.isFinite(t) ? { target: t, sign: "", suffix: "" } : null : dt(t, N) : null, [s, t, N]), _ = s && r !== null, q = (r == null ? void 0 : r.target) ?? 0, F = (r == null ? void 0 : r.sign) ?? "", $ = (r == null ? void 0 : r.suffix) ?? "", H = O(
       (w) => {
-        const C = (() => {
+        const E = (() => {
           try {
             return new Intl.NumberFormat(N, {
               useGrouping: !0
@@ -199,46 +217,46 @@ const dt = Q(
           }
         })();
         let p;
-        if (C)
-          if (h) {
-            const W = Math.abs(w), A = Math.trunc(W), D = W - A, H = h.thousand ?? "", S = String(A).replace(
+        if (E)
+          if (b) {
+            const A = Math.abs(w), D = Math.trunc(A), G = A - D, J = b.thousand ?? "", S = String(D).replace(
               /\B(?=(\d{3})+(?!\d))/g,
-              H
+              J
             );
-            if (D === 0)
+            if (G === 0)
               p = S;
             else {
-              const G = D.toFixed(6).replace(/0+$/, "").slice(2), J = h.decimal ?? ".";
-              p = G ? S + J + G : S;
+              const L = G.toFixed(6).replace(/0+$/, "").slice(2), Q = b.decimal ?? ".";
+              p = L ? S + Q + L : S;
             }
           } else
-            p = C.format(Math.abs(w));
+            p = E.format(Math.abs(w));
         else
           p = String(Math.abs(w));
-        let E = F;
-        return F === "" && w < 0 && (E = "-"), `${E}${p}${T}`;
+        let W = F;
+        return F === "" && w < 0 && (W = "-"), `${W}${p}${$}`;
       },
-      [N, h, F, T]
-    ), $ = et({
-      to: _,
+      [N, b, F, $]
+    ), C = st({
+      to: q,
       from: 0,
-      durationMs: b,
+      durationMs: x,
       startOnVisible: !0,
       retriggerOnReEntry: v,
       // `formatter` is the only path we use — it owns both the locale
       // formatting and the sign/suffix re-application.
-      formatter: q
+      formatter: H
     });
     return g ? /* @__PURE__ */ z(
       "div",
       {
-        ref: k,
+        ref: R,
         role: "group",
         "aria-busy": "true",
         "aria-label": d,
         "data-component": "stat",
-        className: O({ variant: x, size: y, align: I, className: M }),
-        ...j,
+        className: P({ variant: h, size: y, align: I, className: j }),
+        ...k,
         children: [
           /* @__PURE__ */ i("div", { className: "ds:h-[var(--skeleton-label-h)] ds:w-[var(--skeleton-label-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]" }),
           /* @__PURE__ */ i("div", { className: "ds:h-[var(--skeleton-value-h)] ds:w-[var(--skeleton-value-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]" })
@@ -247,15 +265,15 @@ const dt = Q(
     ) : /* @__PURE__ */ z(
       "div",
       {
-        ref: k,
+        ref: R,
         role: "group",
-        "aria-labelledby": R,
+        "aria-labelledby": T,
         "data-component": "stat",
-        className: O({ variant: x, size: y, align: I, className: M }),
-        ...j,
+        className: P({ variant: h, size: y, align: I, className: j }),
+        ...k,
         children: [
           /* @__PURE__ */ z("span", { className: "ds:inline-flex ds:items-center", children: [
-            u && /* @__PURE__ */ i(
+            m && /* @__PURE__ */ i(
               "span",
               {
                 "aria-hidden": "true",
@@ -268,19 +286,19 @@ const dt = Q(
                   "ds:text-[color:var(--accent)]",
                   "ds:forced-colors:text-[CanvasText]"
                 ].join(" "),
-                children: u
+                children: m
               }
             ),
             /* @__PURE__ */ i(
               "span",
               {
-                id: R,
+                id: T,
                 className: "type-label ds:text-[var(--muted-foreground)]",
                 children: d
               }
             )
           ] }),
-          Y ? (
+          _ ? (
             // The animated number is wrapped in an `aria-live="off"` span
             // so screen readers don't announce every interpolated frame.
             // The `role="group"` ancestor (with `aria-labelledby` pointing
@@ -289,19 +307,19 @@ const dt = Q(
             /* @__PURE__ */ i(
               "span",
               {
-                ref: $.ref,
+                ref: C.ref,
                 "aria-live": "off",
-                className: P({ size: y, variant: x }),
-                children: $.value
+                className: U({ size: y, variant: h, intent: M }),
+                children: C.value
               }
             )
-          ) : /* @__PURE__ */ i("span", { className: P({ size: y, variant: x }), children: K }),
-          l != null && o != null && /* @__PURE__ */ i(
-            nt,
+          ) : /* @__PURE__ */ i("span", { className: U({ size: y, variant: h, intent: M }), children: Y }),
+          o != null && l != null && /* @__PURE__ */ i(
+            it,
             {
-              trend: l,
-              delta: o,
-              deltaFormat: m,
+              trend: o,
+              delta: l,
+              deltaFormat: u,
               locale: e
             }
           )
@@ -310,8 +328,8 @@ const dt = Q(
     );
   }
 );
-dt.displayName = "Stat";
+ct.displayName = "Stat";
 export {
-  dt as S
+  ct as S
 };
-//# sourceMappingURL=stat-EC2Papj7.js.map
+//# sourceMappingURL=stat-DhAA5ltU.js.map

package/dist/_chunks/stat-DhAA5ltU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-DhAA5ltU.js","sources":["../../src/components/stat/stat.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useId,\n  useMemo,\n  useRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useCountUp } from '../../hooks/use-count-up';\n\n/* ------------------------------------------------------------------ */\n/* CVA — stat root                                                      */\n/* ------------------------------------------------------------------ */\n\n// `h-full` lets Stats grow to fill a flex / grid parent's cell, so a\n// row paired with taller cards (BenefitCard, Card, etc.) reads as a\n// matching set instead of mismatched heights. In a non-stretching\n// parent (block flow, inline) it's a no-op — block-size defers to\n// content as before. The flex-col inside still pins label/icon row\n// at the top and the number below, so growing the card adds the\n// extra space below the number instead of inserting it between\n// label and value.\nconst statVariants = cva('ds:flex ds:flex-col ds:h-full', {\n  variants: {\n    variant: {\n      default: 'ds:gap-[var(--spacing-xs)]',\n      outlined: [\n        'ds:gap-[var(--spacing-xs)]',\n        'ds:border ds:border-[color:var(--border)]',\n        'ds:rounded-[var(--radius-md)]',\n        'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n      ].join(' '),\n      // White card surface with the shared card shadow — matches\n      // `Card variant=\"elevated\"` tokens (`--card` + `--shadow-card`) so\n      // a grid of elevated Stats reads as a set of shaded panels without\n      // nesting a Card around each one.\n      elevated: [\n        'ds:gap-[var(--spacing-xs)]',\n        'ds:bg-[var(--card)]',\n        'ds:text-[var(--card-foreground)]',\n        'ds:shadow-[var(--shadow-card)]',\n        'ds:rounded-[var(--radius-lg)]',\n        'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n        // Forced-colors: UA strips shadow, so render a border as the\n        // separation cue — mirrors Card's forced-colors behaviour.\n        'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n      ].join(' '),\n      compact: 'ds:gap-[var(--spacing-none)]',\n    },\n    size: {\n      sm: '',\n      md: '',\n      lg: '',\n    },\n    align: {\n      start: 'ds:items-start ds:text-start',\n      center: 'ds:items-center ds:text-center',\n      end: 'ds:items-end ds:text-end',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n    align: 'start',\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — value element                                                  */\n/* ------------------------------------------------------------------ */\n\nconst valueVariants = cva('type-metric', {\n  variants: {\n    size: {\n      sm: 'ds:[--type-metric-size:var(--font-size-xl)]',\n      md: 'ds:[--type-metric-size:var(--font-size-3xl)]',\n      lg: 'ds:[--type-metric-size:var(--font-size-5xl)]',\n    },\n    variant: {\n      default: '',\n      outlined: '',\n      elevated: '',\n      compact: '',\n    },\n    // Colour of the headline metric value. Defaults to `--foreground`\n    // (the existing render). `primary` / `accent` are the brand intents\n    // — use for hero / marketing stats where the number IS the visual\n    // marker. `success` / `destructive` / `info` / `warning` map to the\n    // semantic tokens for KPI tiles that want to signal status via the\n    // value colour itself (e.g. revenue green, debt red). The trend\n    // chevron and the label colour are independent of this prop.\n    intent: {\n      foreground: 'ds:text-[var(--foreground)]',\n      primary: 'ds:text-[var(--primary)]',\n      accent: 'ds:text-[var(--accent)]',\n      success: 'ds:text-[var(--success)]',\n      destructive: 'ds:text-[var(--destructive)]',\n      info: 'ds:text-[var(--info)]',\n      warning: 'ds:text-[var(--warning)]',\n    },\n  },\n  compoundVariants: [\n    {\n      variant: 'compact',\n      size: 'sm',\n      className: 'ds:[--type-metric-size:var(--font-size-lg)]',\n    },\n    {\n      variant: 'compact',\n      size: 'md',\n      className: 'ds:[--type-metric-size:var(--font-size-xl)]',\n    },\n    {\n      variant: 'compact',\n      size: 'lg',\n      className: 'ds:[--type-metric-size:var(--font-size-2xl)]',\n    },\n  ],\n  defaultVariants: {\n    size: 'md',\n    variant: 'default',\n    intent: 'foreground',\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — trend element                                                  */\n/* ------------------------------------------------------------------ */\n\nconst trendVariants = cva(\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-label',\n  {\n    variants: {\n      trend: {\n        up: 'ds:text-[var(--success)]',\n        down: 'ds:text-[var(--destructive)]',\n        flat: 'ds:text-[var(--muted-foreground)]',\n      },\n    },\n    defaultVariants: {\n      trend: 'flat',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* StatTrend (internal — not exported)                                  */\n/* ------------------------------------------------------------------ */\n\ninterface StatTrendProps {\n  trend: 'up' | 'down' | 'flat';\n  delta: number | string;\n  deltaFormat?: 'decimal' | 'percent';\n  locale?: string;\n}\n\nconst ARROW = { up: '↑', down: '↓', flat: '→' } as const;\nconst TREND_KEY = {\n  up: 'stat.trend.up',\n  down: 'stat.trend.down',\n  flat: 'stat.trend.flat',\n} as const;\n\nfunction StatTrend({\n  trend,\n  delta,\n  deltaFormat = 'decimal',\n  locale,\n}: StatTrendProps) {\n  const { t, i18n } = useTranslation();\n\n  const formattedDelta =\n    typeof delta === 'string'\n      ? delta\n      : new Intl.NumberFormat(locale ?? i18n.language, {\n          style: deltaFormat === 'percent' ? 'percent' : 'decimal',\n        }).format(deltaFormat === 'percent' ? delta / 100 : delta);\n\n  return (\n    <span className={trendVariants({ trend })}>\n      <span aria-hidden=\"true\">{ARROW[trend]}</span>\n      <span className=\"ds:sr-only\">{t(TREND_KEY[trend])}</span>\n      {formattedDelta}\n    </span>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Parse a string value into a numeric target for the count-up         */\n/* ------------------------------------------------------------------ */\n\ntype ParsedValue = {\n  /** Numeric target for the count-up. */\n  target: number;\n  /** Leading sign captured from the input string (e.g. \"+\" / \"-\"). */\n  sign: '' | '+' | '-';\n  /** Trailing shorthand suffix (e.g. \"K\" / \"M\" / \"B\") to re-append. */\n  suffix: string;\n};\n\n/**\n * Strip locale-aware separators, a leading sign, and the K/M/B\n * shorthand suffix from a pre-formatted string so the count-up has a\n * pure numeric target to animate towards. Returns `null` for any input\n * that can't be parsed — the caller short-circuits to static rendering\n * in that case.\n */\nfunction parseStatValue(raw: string, locale: string): ParsedValue | null {\n  const trimmed = raw.trim();\n  if (trimmed === '') return null;\n\n  // Capture leading sign so we can re-attach it every frame. Stat's\n  // marketing usage (\"+500.000\", \"-12\") often relies on it.\n  let sign: '' | '+' | '-' = '';\n  let body = trimmed;\n  if (body.startsWith('+')) {\n    sign = '+';\n    body = body.slice(1).trimStart();\n  } else if (body.startsWith('-') || body.startsWith('−')) {\n    // Hyphen-minus or the typographic minus sign — both treated as -.\n    sign = '-';\n    body = body.slice(1).trimStart();\n  }\n\n  // Trailing K / M / B shorthand (case-insensitive). Re-append verbatim\n  // so \"+1.5K\" renders as \"+1.5K\" at every frame.\n  let suffix = '';\n  const suffixMatch = body.match(/[KMB]$/i);\n  if (suffixMatch) {\n    suffix = suffixMatch[0];\n    body = body.slice(0, -1).trimEnd();\n  }\n\n  // Discover the locale's group + decimal glyphs from a probe value.\n  // formatToParts is the canonical way; we fall back to `.` decimal /\n  // `,` group if Intl can't tell us (no-locale envs).\n  let group = '';\n  let decimal = '.';\n  try {\n    const probe = new Intl.NumberFormat(locale).formatToParts(12345.6);\n    for (const part of probe) {\n      if (part.type === 'group') group = part.value;\n      else if (part.type === 'decimal') decimal = part.value;\n    }\n  } catch {\n    /* swallow — defaults already set */\n  }\n\n  // Heuristic for input strings that look like JS-native decimals\n  // (e.g. `\"1500.25\"`) regardless of the requested locale: if the body\n  // is a clean US-style decimal AND the fraction after the `.` is NOT\n  // a three-digit thousands group in a locale that uses `.` as the\n  // group separator, treat it as a direct numeric literal. This covers\n  // the common case where a caller types `value=\"1500.25\"` and expects\n  // the count-up to land on 1500.25 even though the output locale is\n  // it-IT (which uses `.` for thousands).\n  const usStyleMatch = body.match(/^(\\d+)\\.(\\d+)$/);\n  if (usStyleMatch) {\n    const fractionLen = usStyleMatch[2].length;\n    if (!(fractionLen === 3 && group === '.')) {\n      const direct = Number.parseFloat(body);\n      if (Number.isFinite(direct)) {\n        return { target: direct, sign, suffix };\n      }\n    }\n  }\n\n  // Strip every group separator we discovered, then normalise the\n  // decimal separator to `.` so JS can parseFloat the result.\n  // Note: when the locale's group separator is empty (e.g. some\n  // numbering systems) the replace is a no-op.\n  let normalised = body;\n  if (group !== '') {\n    normalised = normalised.split(group).join('');\n  }\n  if (decimal !== '.') {\n    normalised = normalised.split(decimal).join('.');\n  }\n\n  // Defence-in-depth: strip whitespace plus NBSP (U+00A0) and NARROW\n  // NO-BREAK SPACE (U+202F) that some locales (fr-FR, it-IT) use as\n  // thousand separators. Hex escapes keep this source ASCII-clean.\n  normalised = normalised.replace(/[\\s\\u00A0\\u202F]/g, '');\n\n  const numeric = Number.parseFloat(normalised);\n  if (!Number.isFinite(numeric)) return null;\n\n  return { target: numeric, sign, suffix };\n}\n\n/* ------------------------------------------------------------------ */\n/* StatProps                                                            */\n/* ------------------------------------------------------------------ */\n\nexport interface StatProps\n  extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof statVariants> {\n  /** Metric label rendered above the value. */\n  label: string;\n  /** Numeric or pre-formatted string value. */\n  value: number | string;\n  /** Number formatting style. Omit to use default decimal formatting. */\n  format?: 'decimal' | 'currency' | 'percent';\n  /** ISO 4217 currency code — required when format=\"currency\". */\n  currency?: string;\n  /** BCP 47 locale override. Defaults to the active i18n language. */\n  locale?: string;\n  /** Trend direction. Requires `delta` to render the trend row. */\n  trend?: 'up' | 'down' | 'flat';\n  /** Trend delta magnitude, e.g. 12 for \"↑ 12%\". */\n  delta?: number | string;\n  /** Number formatting style for the delta. Default \"decimal\". */\n  deltaFormat?: 'decimal' | 'percent';\n  /** Optional leading icon rendered at the start of the label row. */\n  icon?: ReactNode;\n  /**\n   * Colour of the headline value. Defaults to `foreground`. Brand\n   * intents (`primary`, `accent`) are for hero / marketing stats where\n   * the number is the visual marker. Semantic intents\n   * (`success`, `destructive`, `info`, `warning`) signal status via\n   * the value colour itself — e.g. revenue green, debt red on KPI\n   * tiles. Trend chevron and label colour are independent.\n   */\n  intent?:\n    | 'foreground'\n    | 'primary'\n    | 'accent'\n    | 'success'\n    | 'destructive'\n    | 'info'\n    | 'warning';\n  /** Renders animated skeleton placeholders instead of content. */\n  loading?: boolean;\n  /**\n   * Animate the numeric value from 0 (or from the captured leading\n   * sign) to the final value when the Stat first scrolls into view.\n   * Default `false`. Marketing surfaces opt in; dashboards leave it\n   * off so live metrics render immediately.\n   */\n  animate?: boolean;\n  /**\n   * When `true`, the count-up re-plays every time the Stat scrolls\n   * out of view and back in. Default `false` — animate once per\n   * element per session, matching the booking-website hero pattern.\n   * Ignored under `prefers-reduced-motion: reduce`.\n   */\n  animateOnEveryView?: boolean;\n  /** Animation duration in milliseconds. Default 1600. */\n  animateDurationMs?: number;\n  /**\n   * BCP 47 locale used for the per-frame count-up formatting. Falls\n   * back to `locale`, then to the active i18n language.\n   */\n  animateLocale?: string;\n  /**\n   * Override the locale's thousand / decimal glyphs for the count-up.\n   * Wins over locale defaults. Pass partial overrides — `decimal`\n   * alone is valid; the unspecified separator stays at the locale\n   * default.\n   */\n  animateSeparators?: {\n    thousand?: string;\n    decimal?: string;\n  };\n}\n\n/* ------------------------------------------------------------------ */\n/* Stat                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport const Stat = forwardRef<HTMLDivElement, StatProps>(\n  (\n    {\n      label,\n      value,\n      format,\n      currency,\n      locale,\n      trend,\n      delta,\n      deltaFormat = 'decimal',\n      icon,\n      loading = false,\n      animate = false,\n      animateOnEveryView = false,\n      animateDurationMs = 1600,\n      animateLocale,\n      animateSeparators,\n      variant = 'default',\n      size = 'md',\n      align = 'start',\n      intent = 'foreground',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { i18n } = useTranslation();\n    const labelId = useId();\n    const lang = locale ?? i18n.language;\n\n    /* -------------------------------------------------- */\n    /* Static formatting — the value as it would appear   */\n    /* in the non-animated (or post-animation) state.     */\n    /* -------------------------------------------------- */\n\n    const formatValue = useCallback((): string => {\n      if (typeof value === 'string') return value;\n\n      switch (format) {\n        case 'currency':\n          return new Intl.NumberFormat(lang, {\n            style: 'currency',\n            currency: currency ?? 'USD',\n          }).format(value);\n        case 'percent':\n          return new Intl.NumberFormat(lang, { style: 'percent' }).format(\n            value,\n          );\n        case 'decimal':\n          return new Intl.NumberFormat(lang, { style: 'decimal' }).format(\n            value,\n          );\n        default:\n          return new Intl.NumberFormat(lang).format(value);\n      }\n    }, [value, format, lang, currency]);\n\n    const staticValue = formatValue();\n\n    /* -------------------------------------------------- */\n    /* Parse the value into a numeric target for the      */\n    /* count-up. Numeric values use `value` directly;     */\n    /* string values are stripped of sign / shorthand /   */\n    /* locale separators and re-decorated each frame.     */\n    /* -------------------------------------------------- */\n\n    const animationLocale = animateLocale ?? lang;\n    const hasWarnedRef = useRef<boolean>(false);\n\n    const parsed = useMemo<ParsedValue | null>(() => {\n      if (!animate) return null;\n      if (typeof value === 'number') {\n        // Numeric: target is the number itself; no sign / suffix to\n        // re-attach.\n        return Number.isFinite(value)\n          ? { target: value, sign: '', suffix: '' }\n          : null;\n      }\n      return parseStatValue(value, animationLocale);\n    }, [animate, value, animationLocale]);\n\n    // Dev-mode warning when an animate-flagged Stat has an unparseable\n    // string value. Render static, no throw — one warn per component.\n    if (\n      animate &&\n      typeof value === 'string' &&\n      parsed === null &&\n      import.meta.env.DEV &&\n      !hasWarnedRef.current\n    ) {\n      hasWarnedRef.current = true;\n      console.warn(\n        `Stat: value=\"${value}\" couldn't be parsed for the count-up animation. Rendering static.`,\n      );\n    }\n\n    const shouldAnimate = animate && parsed !== null;\n\n    /* -------------------------------------------------- */\n    /* Wire the hook unconditionally — rules-of-hooks.    */\n    /* When `shouldAnimate` is false the hook still runs  */\n    /* but `to === from` so it's a no-op visually.        */\n    /* -------------------------------------------------- */\n\n    const target = parsed?.target ?? 0;\n    const sign = parsed?.sign ?? '';\n    const suffix = parsed?.suffix ?? '';\n\n    // Wrap the count-up formatter so the captured sign + suffix are\n    // re-applied every frame. The hook hands us the locale-formatted\n    // magnitude; we own the decoration around it.\n    const formatter = useCallback(\n      (n: number) => {\n        // Use the absolute value for the magnitude so the captured\n        // sign is the sole source of the rendered sign. Negative\n        // numbers passed in (e.g. `to: -12`) come through unsigned;\n        // we re-apply via `sign`. Always force `useGrouping: true` so\n        // ICU's locale-default `min2` doesn't suppress the thousand\n        // glyph on 4-digit values like 1.000 (it-IT). The user wrote\n        // a stat value — they want it grouped.\n        const magnitudeNF = (() => {\n          try {\n            return new Intl.NumberFormat(animationLocale, {\n              useGrouping: true,\n            });\n          } catch {\n            return null;\n          }\n        })();\n\n        let magnitudeStr: string;\n        if (magnitudeNF) {\n          if (animateSeparators) {\n            // Hand-build the grouped magnitude so we don't depend on\n            // ICU's locale-by-locale grouping defaults (which differ\n            // between engines and can drop the group at 4-digit\n            // thresholds even with `useGrouping: true`). Locale only\n            // influences sign handling, which we apply separately.\n            const abs = Math.abs(n);\n            const intPart = Math.trunc(abs);\n            const fracPart = abs - intPart;\n            const groupGlyph = animateSeparators.thousand ?? '';\n            const intStr = String(intPart).replace(\n              /\\B(?=(\\d{3})+(?!\\d))/g,\n              groupGlyph,\n            );\n            if (fracPart === 0) {\n              magnitudeStr = intStr;\n            } else {\n              const fracStr = fracPart.toFixed(6).replace(/0+$/, '').slice(2);\n              const decimalGlyph = animateSeparators.decimal ?? '.';\n              magnitudeStr = fracStr ? intStr + decimalGlyph + fracStr : intStr;\n            }\n          } else {\n            magnitudeStr = magnitudeNF.format(Math.abs(n));\n          }\n        } else {\n          magnitudeStr = String(Math.abs(n));\n        }\n\n        // Re-derive the sign every frame: the captured sign wins, but\n        // a negative `to` with no leading sign in the source still\n        // renders with a leading \"-\" so the final formatted output\n        // matches locale conventions.\n        let resolvedSign: string = sign;\n        if (sign === '' && n < 0) resolvedSign = '-';\n\n        return `${resolvedSign}${magnitudeStr}${suffix}`;\n      },\n      [animationLocale, animateSeparators, sign, suffix],\n    );\n\n    const countUp = useCountUp({\n      to: target,\n      from: 0,\n      durationMs: animateDurationMs,\n      startOnVisible: true,\n      retriggerOnReEntry: animateOnEveryView,\n      // `formatter` is the only path we use — it owns both the locale\n      // formatting and the sign/suffix re-application.\n      formatter,\n    });\n\n    /* -------------------------------------------------- */\n    /* Loading state                                       */\n    /* -------------------------------------------------- */\n\n    if (loading) {\n      return (\n        <div\n          ref={ref}\n          role=\"group\"\n          aria-busy=\"true\"\n          aria-label={label}\n          data-component=\"stat\"\n          className={statVariants({ variant, size, align, className })}\n          {...props}\n        >\n          <div className=\"ds:h-[var(--skeleton-label-h)] ds:w-[var(--skeleton-label-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]\" />\n          <div className=\"ds:h-[var(--skeleton-value-h)] ds:w-[var(--skeleton-value-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]\" />\n        </div>\n      );\n    }\n\n    /* -------------------------------------------------- */\n    /* Render                                              */\n    /* -------------------------------------------------- */\n\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-labelledby={labelId}\n        data-component=\"stat\"\n        className={statVariants({ variant, size, align, className })}\n        {...props}\n      >\n        <span className=\"ds:inline-flex ds:items-center\">\n          {icon && (\n            <span\n              aria-hidden=\"true\"\n              className={[\n                'ds:me-[var(--spacing-xs)] ds:inline-flex ds:shrink-0',\n                // Accent tint on the leading icon. The icon is decorative\n                // (aria-hidden), so magenta-500's 3.2:1 contrast on white\n                // is acceptable here — the Stat label + value still\n                // carry the accessible name at `--foreground`.\n                'ds:text-[color:var(--accent)]',\n                'ds:forced-colors:text-[CanvasText]',\n              ].join(' ')}\n            >\n              {icon}\n            </span>\n          )}\n          <span\n            id={labelId}\n            className=\"type-label ds:text-[var(--muted-foreground)]\"\n          >\n            {label}\n          </span>\n        </span>\n        {shouldAnimate ? (\n          // The animated number is wrapped in an `aria-live=\"off\"` span\n          // so screen readers don't announce every interpolated frame.\n          // The `role=\"group\"` ancestor (with `aria-labelledby` pointing\n          // at the label) carries the final accessible reading — the\n          // animated frames are decorative only.\n          <span\n            ref={countUp.ref}\n            aria-live=\"off\"\n            className={valueVariants({ size, variant, intent })}\n          >\n            {countUp.value}\n          </span>\n        ) : (\n          <span className={valueVariants({ size, variant, intent })}>\n            {staticValue}\n          </span>\n        )}\n        {trend != null && delta != null && (\n          <StatTrend\n            trend={trend}\n            delta={delta}\n            deltaFormat={deltaFormat}\n            locale={locale}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nStat.displayName = 'Stat';\n"],"names":["statVariants","cva","valueVariants","trendVariants","ARROW","TREND_KEY","StatTrend","trend","delta","deltaFormat","locale","t","i18n","useTranslation","formattedDelta","jsx","parseStatValue","raw","trimmed","sign","body","suffix","suffixMatch","group","decimal","probe","part","usStyleMatch","direct","normalised","numeric","Stat","forwardRef","label","value","format","currency","icon","loading","animate","animateOnEveryView","animateDurationMs","animateLocale","animateSeparators","variant","size","align","intent","className","props","ref","labelId","useId","lang","staticValue","useCallback","animationLocale","useRef","parsed","useMemo","shouldAnimate","target","formatter","n","magnitudeNF","magnitudeStr","abs","intPart","fracPart","groupGlyph","intStr","fracStr","decimalGlyph","resolvedSign","countUp","useCountUp","jsxs"],"mappings":"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"}

package/dist/agent-catalog.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": 1,
-  "packageVersion": "0.32.1",
+  "packageVersion": "0.32.2",
   "components": [
     {
       "kind": "component",

package/dist/components/stat/index.js

@@ -1,4 +1,4 @@
-import { S as o } from "../../_chunks/stat-EC2Papj7.js";
+import { S as o } from "../../_chunks/stat-DhAA5ltU.js";
 export {
   o as Stat
 };

package/dist/components/stat/stat.d.ts

@@ -24,6 +24,15 @@ export interface StatProps extends HTMLAttributes<HTMLDivElement>, VariantProps<
     deltaFormat?: 'decimal' | 'percent';
     /** Optional leading icon rendered at the start of the label row. */
     icon?: ReactNode;
+    /**
+     * Colour of the headline value. Defaults to `foreground`. Brand
+     * intents (`primary`, `accent`) are for hero / marketing stats where
+     * the number is the visual marker. Semantic intents
+     * (`success`, `destructive`, `info`, `warning`) signal status via
+     * the value colour itself — e.g. revenue green, debt red on KPI
+     * tiles. Trend chevron and label colour are independent.
+     */
+    intent?: 'foreground' | 'primary' | 'accent' | 'success' | 'destructive' | 'info' | 'warning';
     /** Renders animated skeleton placeholders instead of content. */
     loading?: boolean;
     /**

package/dist/components/stat/stat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stat.d.ts","sourceRoot":"","sources":["../../../src/components/stat/stat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAgBlE,QAAA,MAAM,YAAY;;;;8EA6ChB,CAAC;AAoNH,MAAM,WAAW,SACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC;IACzE,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,uEAAuE;IACvE,MAAM,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC5C,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iEAAiE;IACjE,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/B,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gEAAgE;IAChE,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACpC,oEAAoE;IACpE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAMD,eAAO,MAAM,IAAI,sGA8QhB,CAAC"}
+{"version":3,"file":"stat.d.ts","sourceRoot":"","sources":["../../../src/components/stat/stat.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,cAAc,EACnB,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AACf,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAgBlE,QAAA,MAAM,YAAY;;;;8EA6ChB,CAAC;AAqOH,MAAM,WAAW,SACf,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,YAAY,CAAC,OAAO,YAAY,CAAC;IACzE,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,6CAA6C;IAC7C,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,uEAAuE;IACvE,MAAM,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IAC5C,gEAAgE;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oEAAoE;IACpE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iEAAiE;IACjE,KAAK,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/B,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,gEAAgE;IAChE,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IACpC,oEAAoE;IACpE,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB;;;;;;;OAOG;IACH,MAAM,CAAC,EACH,YAAY,GACZ,SAAS,GACT,QAAQ,GACR,SAAS,GACT,aAAa,GACb,MAAM,GACN,SAAS,CAAC;IACd,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,wDAAwD;IACxD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE;QAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,OAAO,CAAC,EAAE,MAAM,CAAC;KAClB,CAAC;CACH;AAMD,eAAO,MAAM,IAAI,sGA+QhB,CAAC"}

package/dist/index.js

@@ -60,7 +60,7 @@ import { M as vr } from "./_chunks/map-view-knHSNLoe.js";
 import { R as Wr } from "./_chunks/rating-BRD7O74e.js";
 import { S as Ur } from "./_chunks/skeleton-CZbwyJAA.js";
 import { S as Yr, s as jr, u as zr } from "./_chunks/sparkline-DEROcSl0.js";
-import { S as Qr } from "./_chunks/stat-EC2Papj7.js";
+import { S as Qr } from "./_chunks/stat-DhAA5ltU.js";
 import { T as Xr } from "./_chunks/tag-CyoaEmf_.js";
 import { T as $r, t as ao } from "./_chunks/timeline-DQa5Tyz4.js";
 import { T as ro } from "./_chunks/timestamp-BV2lC-wV.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfadocs/ui-kit-debug",
-  "version": "0.32.1",
+  "version": "0.32.2",
   "type": "module",
   "description": "AlfaDocs shared design system — tokens, components, patterns, and translations for platform, booking, and alfascribe. (debug build — identical runtime to @alfadocs/ui-kit, ships source maps for symbolication).",
   "license": "BUSL-1.1",

package/dist/_chunks/stat-EC2Papj7.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"stat-EC2Papj7.js","sources":["../../src/components/stat/stat.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useId,\n  useMemo,\n  useRef,\n  type HTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport { useCountUp } from '../../hooks/use-count-up';\n\n/* ------------------------------------------------------------------ */\n/* CVA — stat root                                                      */\n/* ------------------------------------------------------------------ */\n\n// `h-full` lets Stats grow to fill a flex / grid parent's cell, so a\n// row paired with taller cards (BenefitCard, Card, etc.) reads as a\n// matching set instead of mismatched heights. In a non-stretching\n// parent (block flow, inline) it's a no-op — block-size defers to\n// content as before. The flex-col inside still pins label/icon row\n// at the top and the number below, so growing the card adds the\n// extra space below the number instead of inserting it between\n// label and value.\nconst statVariants = cva('ds:flex ds:flex-col ds:h-full', {\n  variants: {\n    variant: {\n      default: 'ds:gap-[var(--spacing-xs)]',\n      outlined: [\n        'ds:gap-[var(--spacing-xs)]',\n        'ds:border ds:border-[color:var(--border)]',\n        'ds:rounded-[var(--radius-md)]',\n        'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n      ].join(' '),\n      // White card surface with the shared card shadow — matches\n      // `Card variant=\"elevated\"` tokens (`--card` + `--shadow-card`) so\n      // a grid of elevated Stats reads as a set of shaded panels without\n      // nesting a Card around each one.\n      elevated: [\n        'ds:gap-[var(--spacing-xs)]',\n        'ds:bg-[var(--card)]',\n        'ds:text-[var(--card-foreground)]',\n        'ds:shadow-[var(--shadow-card)]',\n        'ds:rounded-[var(--radius-lg)]',\n        'ds:ps-[var(--spacing-md)] ds:pe-[var(--spacing-md)]',\n        'ds:pt-[var(--spacing-md)] ds:pb-[var(--spacing-md)]',\n        // Forced-colors: UA strips shadow, so render a border as the\n        // separation cue — mirrors Card's forced-colors behaviour.\n        'ds:forced-colors:border ds:forced-colors:border-[CanvasText]',\n      ].join(' '),\n      compact: 'ds:gap-[var(--spacing-none)]',\n    },\n    size: {\n      sm: '',\n      md: '',\n      lg: '',\n    },\n    align: {\n      start: 'ds:items-start ds:text-start',\n      center: 'ds:items-center ds:text-center',\n      end: 'ds:items-end ds:text-end',\n    },\n  },\n  defaultVariants: {\n    variant: 'default',\n    size: 'md',\n    align: 'start',\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — value element                                                  */\n/* ------------------------------------------------------------------ */\n\nconst valueVariants = cva('type-metric ds:text-[var(--foreground)]', {\n  variants: {\n    size: {\n      sm: 'ds:[--type-metric-size:var(--font-size-xl)]',\n      md: 'ds:[--type-metric-size:var(--font-size-3xl)]',\n      lg: 'ds:[--type-metric-size:var(--font-size-5xl)]',\n    },\n    variant: {\n      default: '',\n      outlined: '',\n      elevated: '',\n      compact: '',\n    },\n  },\n  compoundVariants: [\n    {\n      variant: 'compact',\n      size: 'sm',\n      className: 'ds:[--type-metric-size:var(--font-size-lg)]',\n    },\n    {\n      variant: 'compact',\n      size: 'md',\n      className: 'ds:[--type-metric-size:var(--font-size-xl)]',\n    },\n    {\n      variant: 'compact',\n      size: 'lg',\n      className: 'ds:[--type-metric-size:var(--font-size-2xl)]',\n    },\n  ],\n  defaultVariants: {\n    size: 'md',\n    variant: 'default',\n  },\n});\n\n/* ------------------------------------------------------------------ */\n/* CVA — trend element                                                  */\n/* ------------------------------------------------------------------ */\n\nconst trendVariants = cva(\n  'ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-label',\n  {\n    variants: {\n      trend: {\n        up: 'ds:text-[var(--success)]',\n        down: 'ds:text-[var(--destructive)]',\n        flat: 'ds:text-[var(--muted-foreground)]',\n      },\n    },\n    defaultVariants: {\n      trend: 'flat',\n    },\n  },\n);\n\n/* ------------------------------------------------------------------ */\n/* StatTrend (internal — not exported)                                  */\n/* ------------------------------------------------------------------ */\n\ninterface StatTrendProps {\n  trend: 'up' | 'down' | 'flat';\n  delta: number | string;\n  deltaFormat?: 'decimal' | 'percent';\n  locale?: string;\n}\n\nconst ARROW = { up: '↑', down: '↓', flat: '→' } as const;\nconst TREND_KEY = {\n  up: 'stat.trend.up',\n  down: 'stat.trend.down',\n  flat: 'stat.trend.flat',\n} as const;\n\nfunction StatTrend({\n  trend,\n  delta,\n  deltaFormat = 'decimal',\n  locale,\n}: StatTrendProps) {\n  const { t, i18n } = useTranslation();\n\n  const formattedDelta =\n    typeof delta === 'string'\n      ? delta\n      : new Intl.NumberFormat(locale ?? i18n.language, {\n          style: deltaFormat === 'percent' ? 'percent' : 'decimal',\n        }).format(deltaFormat === 'percent' ? delta / 100 : delta);\n\n  return (\n    <span className={trendVariants({ trend })}>\n      <span aria-hidden=\"true\">{ARROW[trend]}</span>\n      <span className=\"ds:sr-only\">{t(TREND_KEY[trend])}</span>\n      {formattedDelta}\n    </span>\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Parse a string value into a numeric target for the count-up         */\n/* ------------------------------------------------------------------ */\n\ntype ParsedValue = {\n  /** Numeric target for the count-up. */\n  target: number;\n  /** Leading sign captured from the input string (e.g. \"+\" / \"-\"). */\n  sign: '' | '+' | '-';\n  /** Trailing shorthand suffix (e.g. \"K\" / \"M\" / \"B\") to re-append. */\n  suffix: string;\n};\n\n/**\n * Strip locale-aware separators, a leading sign, and the K/M/B\n * shorthand suffix from a pre-formatted string so the count-up has a\n * pure numeric target to animate towards. Returns `null` for any input\n * that can't be parsed — the caller short-circuits to static rendering\n * in that case.\n */\nfunction parseStatValue(raw: string, locale: string): ParsedValue | null {\n  const trimmed = raw.trim();\n  if (trimmed === '') return null;\n\n  // Capture leading sign so we can re-attach it every frame. Stat's\n  // marketing usage (\"+500.000\", \"-12\") often relies on it.\n  let sign: '' | '+' | '-' = '';\n  let body = trimmed;\n  if (body.startsWith('+')) {\n    sign = '+';\n    body = body.slice(1).trimStart();\n  } else if (body.startsWith('-') || body.startsWith('−')) {\n    // Hyphen-minus or the typographic minus sign — both treated as -.\n    sign = '-';\n    body = body.slice(1).trimStart();\n  }\n\n  // Trailing K / M / B shorthand (case-insensitive). Re-append verbatim\n  // so \"+1.5K\" renders as \"+1.5K\" at every frame.\n  let suffix = '';\n  const suffixMatch = body.match(/[KMB]$/i);\n  if (suffixMatch) {\n    suffix = suffixMatch[0];\n    body = body.slice(0, -1).trimEnd();\n  }\n\n  // Discover the locale's group + decimal glyphs from a probe value.\n  // formatToParts is the canonical way; we fall back to `.` decimal /\n  // `,` group if Intl can't tell us (no-locale envs).\n  let group = '';\n  let decimal = '.';\n  try {\n    const probe = new Intl.NumberFormat(locale).formatToParts(12345.6);\n    for (const part of probe) {\n      if (part.type === 'group') group = part.value;\n      else if (part.type === 'decimal') decimal = part.value;\n    }\n  } catch {\n    /* swallow — defaults already set */\n  }\n\n  // Heuristic for input strings that look like JS-native decimals\n  // (e.g. `\"1500.25\"`) regardless of the requested locale: if the body\n  // is a clean US-style decimal AND the fraction after the `.` is NOT\n  // a three-digit thousands group in a locale that uses `.` as the\n  // group separator, treat it as a direct numeric literal. This covers\n  // the common case where a caller types `value=\"1500.25\"` and expects\n  // the count-up to land on 1500.25 even though the output locale is\n  // it-IT (which uses `.` for thousands).\n  const usStyleMatch = body.match(/^(\\d+)\\.(\\d+)$/);\n  if (usStyleMatch) {\n    const fractionLen = usStyleMatch[2].length;\n    if (!(fractionLen === 3 && group === '.')) {\n      const direct = Number.parseFloat(body);\n      if (Number.isFinite(direct)) {\n        return { target: direct, sign, suffix };\n      }\n    }\n  }\n\n  // Strip every group separator we discovered, then normalise the\n  // decimal separator to `.` so JS can parseFloat the result.\n  // Note: when the locale's group separator is empty (e.g. some\n  // numbering systems) the replace is a no-op.\n  let normalised = body;\n  if (group !== '') {\n    normalised = normalised.split(group).join('');\n  }\n  if (decimal !== '.') {\n    normalised = normalised.split(decimal).join('.');\n  }\n\n  // Defence-in-depth: strip whitespace plus NBSP (U+00A0) and NARROW\n  // NO-BREAK SPACE (U+202F) that some locales (fr-FR, it-IT) use as\n  // thousand separators. Hex escapes keep this source ASCII-clean.\n  normalised = normalised.replace(/[\\s\\u00A0\\u202F]/g, '');\n\n  const numeric = Number.parseFloat(normalised);\n  if (!Number.isFinite(numeric)) return null;\n\n  return { target: numeric, sign, suffix };\n}\n\n/* ------------------------------------------------------------------ */\n/* StatProps                                                            */\n/* ------------------------------------------------------------------ */\n\nexport interface StatProps\n  extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof statVariants> {\n  /** Metric label rendered above the value. */\n  label: string;\n  /** Numeric or pre-formatted string value. */\n  value: number | string;\n  /** Number formatting style. Omit to use default decimal formatting. */\n  format?: 'decimal' | 'currency' | 'percent';\n  /** ISO 4217 currency code — required when format=\"currency\". */\n  currency?: string;\n  /** BCP 47 locale override. Defaults to the active i18n language. */\n  locale?: string;\n  /** Trend direction. Requires `delta` to render the trend row. */\n  trend?: 'up' | 'down' | 'flat';\n  /** Trend delta magnitude, e.g. 12 for \"↑ 12%\". */\n  delta?: number | string;\n  /** Number formatting style for the delta. Default \"decimal\". */\n  deltaFormat?: 'decimal' | 'percent';\n  /** Optional leading icon rendered at the start of the label row. */\n  icon?: ReactNode;\n  /** Renders animated skeleton placeholders instead of content. */\n  loading?: boolean;\n  /**\n   * Animate the numeric value from 0 (or from the captured leading\n   * sign) to the final value when the Stat first scrolls into view.\n   * Default `false`. Marketing surfaces opt in; dashboards leave it\n   * off so live metrics render immediately.\n   */\n  animate?: boolean;\n  /**\n   * When `true`, the count-up re-plays every time the Stat scrolls\n   * out of view and back in. Default `false` — animate once per\n   * element per session, matching the booking-website hero pattern.\n   * Ignored under `prefers-reduced-motion: reduce`.\n   */\n  animateOnEveryView?: boolean;\n  /** Animation duration in milliseconds. Default 1600. */\n  animateDurationMs?: number;\n  /**\n   * BCP 47 locale used for the per-frame count-up formatting. Falls\n   * back to `locale`, then to the active i18n language.\n   */\n  animateLocale?: string;\n  /**\n   * Override the locale's thousand / decimal glyphs for the count-up.\n   * Wins over locale defaults. Pass partial overrides — `decimal`\n   * alone is valid; the unspecified separator stays at the locale\n   * default.\n   */\n  animateSeparators?: {\n    thousand?: string;\n    decimal?: string;\n  };\n}\n\n/* ------------------------------------------------------------------ */\n/* Stat                                                                 */\n/* ------------------------------------------------------------------ */\n\nexport const Stat = forwardRef<HTMLDivElement, StatProps>(\n  (\n    {\n      label,\n      value,\n      format,\n      currency,\n      locale,\n      trend,\n      delta,\n      deltaFormat = 'decimal',\n      icon,\n      loading = false,\n      animate = false,\n      animateOnEveryView = false,\n      animateDurationMs = 1600,\n      animateLocale,\n      animateSeparators,\n      variant = 'default',\n      size = 'md',\n      align = 'start',\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { i18n } = useTranslation();\n    const labelId = useId();\n    const lang = locale ?? i18n.language;\n\n    /* -------------------------------------------------- */\n    /* Static formatting — the value as it would appear   */\n    /* in the non-animated (or post-animation) state.     */\n    /* -------------------------------------------------- */\n\n    const formatValue = useCallback((): string => {\n      if (typeof value === 'string') return value;\n\n      switch (format) {\n        case 'currency':\n          return new Intl.NumberFormat(lang, {\n            style: 'currency',\n            currency: currency ?? 'USD',\n          }).format(value);\n        case 'percent':\n          return new Intl.NumberFormat(lang, { style: 'percent' }).format(\n            value,\n          );\n        case 'decimal':\n          return new Intl.NumberFormat(lang, { style: 'decimal' }).format(\n            value,\n          );\n        default:\n          return new Intl.NumberFormat(lang).format(value);\n      }\n    }, [value, format, lang, currency]);\n\n    const staticValue = formatValue();\n\n    /* -------------------------------------------------- */\n    /* Parse the value into a numeric target for the      */\n    /* count-up. Numeric values use `value` directly;     */\n    /* string values are stripped of sign / shorthand /   */\n    /* locale separators and re-decorated each frame.     */\n    /* -------------------------------------------------- */\n\n    const animationLocale = animateLocale ?? lang;\n    const hasWarnedRef = useRef<boolean>(false);\n\n    const parsed = useMemo<ParsedValue | null>(() => {\n      if (!animate) return null;\n      if (typeof value === 'number') {\n        // Numeric: target is the number itself; no sign / suffix to\n        // re-attach.\n        return Number.isFinite(value)\n          ? { target: value, sign: '', suffix: '' }\n          : null;\n      }\n      return parseStatValue(value, animationLocale);\n    }, [animate, value, animationLocale]);\n\n    // Dev-mode warning when an animate-flagged Stat has an unparseable\n    // string value. Render static, no throw — one warn per component.\n    if (\n      animate &&\n      typeof value === 'string' &&\n      parsed === null &&\n      import.meta.env.DEV &&\n      !hasWarnedRef.current\n    ) {\n      hasWarnedRef.current = true;\n      console.warn(\n        `Stat: value=\"${value}\" couldn't be parsed for the count-up animation. Rendering static.`,\n      );\n    }\n\n    const shouldAnimate = animate && parsed !== null;\n\n    /* -------------------------------------------------- */\n    /* Wire the hook unconditionally — rules-of-hooks.    */\n    /* When `shouldAnimate` is false the hook still runs  */\n    /* but `to === from` so it's a no-op visually.        */\n    /* -------------------------------------------------- */\n\n    const target = parsed?.target ?? 0;\n    const sign = parsed?.sign ?? '';\n    const suffix = parsed?.suffix ?? '';\n\n    // Wrap the count-up formatter so the captured sign + suffix are\n    // re-applied every frame. The hook hands us the locale-formatted\n    // magnitude; we own the decoration around it.\n    const formatter = useCallback(\n      (n: number) => {\n        // Use the absolute value for the magnitude so the captured\n        // sign is the sole source of the rendered sign. Negative\n        // numbers passed in (e.g. `to: -12`) come through unsigned;\n        // we re-apply via `sign`. Always force `useGrouping: true` so\n        // ICU's locale-default `min2` doesn't suppress the thousand\n        // glyph on 4-digit values like 1.000 (it-IT). The user wrote\n        // a stat value — they want it grouped.\n        const magnitudeNF = (() => {\n          try {\n            return new Intl.NumberFormat(animationLocale, {\n              useGrouping: true,\n            });\n          } catch {\n            return null;\n          }\n        })();\n\n        let magnitudeStr: string;\n        if (magnitudeNF) {\n          if (animateSeparators) {\n            // Hand-build the grouped magnitude so we don't depend on\n            // ICU's locale-by-locale grouping defaults (which differ\n            // between engines and can drop the group at 4-digit\n            // thresholds even with `useGrouping: true`). Locale only\n            // influences sign handling, which we apply separately.\n            const abs = Math.abs(n);\n            const intPart = Math.trunc(abs);\n            const fracPart = abs - intPart;\n            const groupGlyph = animateSeparators.thousand ?? '';\n            const intStr = String(intPart).replace(\n              /\\B(?=(\\d{3})+(?!\\d))/g,\n              groupGlyph,\n            );\n            if (fracPart === 0) {\n              magnitudeStr = intStr;\n            } else {\n              const fracStr = fracPart.toFixed(6).replace(/0+$/, '').slice(2);\n              const decimalGlyph = animateSeparators.decimal ?? '.';\n              magnitudeStr = fracStr ? intStr + decimalGlyph + fracStr : intStr;\n            }\n          } else {\n            magnitudeStr = magnitudeNF.format(Math.abs(n));\n          }\n        } else {\n          magnitudeStr = String(Math.abs(n));\n        }\n\n        // Re-derive the sign every frame: the captured sign wins, but\n        // a negative `to` with no leading sign in the source still\n        // renders with a leading \"-\" so the final formatted output\n        // matches locale conventions.\n        let resolvedSign: string = sign;\n        if (sign === '' && n < 0) resolvedSign = '-';\n\n        return `${resolvedSign}${magnitudeStr}${suffix}`;\n      },\n      [animationLocale, animateSeparators, sign, suffix],\n    );\n\n    const countUp = useCountUp({\n      to: target,\n      from: 0,\n      durationMs: animateDurationMs,\n      startOnVisible: true,\n      retriggerOnReEntry: animateOnEveryView,\n      // `formatter` is the only path we use — it owns both the locale\n      // formatting and the sign/suffix re-application.\n      formatter,\n    });\n\n    /* -------------------------------------------------- */\n    /* Loading state                                       */\n    /* -------------------------------------------------- */\n\n    if (loading) {\n      return (\n        <div\n          ref={ref}\n          role=\"group\"\n          aria-busy=\"true\"\n          aria-label={label}\n          data-component=\"stat\"\n          className={statVariants({ variant, size, align, className })}\n          {...props}\n        >\n          <div className=\"ds:h-[var(--skeleton-label-h)] ds:w-[var(--skeleton-label-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]\" />\n          <div className=\"ds:h-[var(--skeleton-value-h)] ds:w-[var(--skeleton-value-w)] ds:animate-pulse ds:rounded-[var(--radius-sm)] ds:bg-[var(--muted)]\" />\n        </div>\n      );\n    }\n\n    /* -------------------------------------------------- */\n    /* Render                                              */\n    /* -------------------------------------------------- */\n\n    return (\n      <div\n        ref={ref}\n        role=\"group\"\n        aria-labelledby={labelId}\n        data-component=\"stat\"\n        className={statVariants({ variant, size, align, className })}\n        {...props}\n      >\n        <span className=\"ds:inline-flex ds:items-center\">\n          {icon && (\n            <span\n              aria-hidden=\"true\"\n              className={[\n                'ds:me-[var(--spacing-xs)] ds:inline-flex ds:shrink-0',\n                // Accent tint on the leading icon. The icon is decorative\n                // (aria-hidden), so magenta-500's 3.2:1 contrast on white\n                // is acceptable here — the Stat label + value still\n                // carry the accessible name at `--foreground`.\n                'ds:text-[color:var(--accent)]',\n                'ds:forced-colors:text-[CanvasText]',\n              ].join(' ')}\n            >\n              {icon}\n            </span>\n          )}\n          <span\n            id={labelId}\n            className=\"type-label ds:text-[var(--muted-foreground)]\"\n          >\n            {label}\n          </span>\n        </span>\n        {shouldAnimate ? (\n          // The animated number is wrapped in an `aria-live=\"off\"` span\n          // so screen readers don't announce every interpolated frame.\n          // The `role=\"group\"` ancestor (with `aria-labelledby` pointing\n          // at the label) carries the final accessible reading — the\n          // animated frames are decorative only.\n          <span\n            ref={countUp.ref}\n            aria-live=\"off\"\n            className={valueVariants({ size, variant })}\n          >\n            {countUp.value}\n          </span>\n        ) : (\n          <span className={valueVariants({ size, variant })}>\n            {staticValue}\n          </span>\n        )}\n        {trend != null && delta != null && (\n          <StatTrend\n            trend={trend}\n            delta={delta}\n            deltaFormat={deltaFormat}\n            locale={locale}\n          />\n        )}\n      </div>\n    );\n  },\n);\n\nStat.displayName = 'Stat';\n"],"names":["statVariants","cva","valueVariants","trendVariants","ARROW","TREND_KEY","StatTrend","trend","delta","deltaFormat","locale","t","i18n","useTranslation","formattedDelta","jsx","parseStatValue","raw","trimmed","sign","body","suffix","suffixMatch","group","decimal","probe","part","usStyleMatch","direct","normalised","numeric","Stat","forwardRef","label","value","format","currency","icon","loading","animate","animateOnEveryView","animateDurationMs","animateLocale","animateSeparators","variant","size","align","className","props","ref","labelId","useId","lang","staticValue","useCallback","animationLocale","useRef","parsed","useMemo","shouldAnimate","target","formatter","n","magnitudeNF","magnitudeStr","abs","intPart","fracPart","groupGlyph","intStr","fracStr","decimalGlyph","resolvedSign","countUp","useCountUp","jsxs"],"mappings":"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"}