@alfadocs/ui-kit-debug 0.1.9 → 0.2.1

package/dist/_chunks/{sparkline.agent-56Sj7nOP.js → sparkline-_gy8aJDG.js}

@@ -1,11 +1,12 @@
-import { jsx as I, jsxs as L } from "react/jsx-runtime";
-import { forwardRef as P, useId as j, useMemo as S, useRef as G, useState as z, useEffect as A, useImperativeHandle as V } from "react";
-import { c as Z } from "./index-D2ZczOXr.js";
-import { useTranslation as $ } from "react-i18next";
-import q from "react-apexcharts";
-import w from "apexcharts";
-import { g as H, u as J } from "./apexcharts-theme-BkSShpEy.js";
-function K(n) {
+import { jsx as w, jsxs as P } from "react/jsx-runtime";
+import { forwardRef as j, useId as G, useMemo as R, useRef as V, useState as H, useEffect as z, useImperativeHandle as Z } from "react";
+import { c as $ } from "./index-D2ZczOXr.js";
+import { useTranslation as q } from "react-i18next";
+import J from "react-apexcharts";
+import v from "apexcharts";
+import { g as D, u as K } from "./apexcharts-theme-BJigns_V.js";
+import { u as Q } from "./registry-C9nwlNyL.js";
+function X(n) {
   if (n.length < 2)
     return { slope: 0, direction: "steady" };
   const t = n.length, i = (t - 1) / 2, c = n.reduce((s, o) => s + o, 0) / t;
@@ -17,7 +18,34 @@ function K(n) {
   const d = l === 0 ? 0 : a / l, b = 0.01 * (Math.max(...n) - Math.min(...n) || 1), k = Math.abs(d) < b ? "steady" : d > 0 ? "increasing" : "decreasing";
   return { slope: d, direction: k };
 }
-const D = Z("ds:relative ds:inline-block ds:w-full", {
+const Y = {
+  id: "sparkline",
+  capabilities: [],
+  state: {},
+  actions: {
+    update_series: {
+      safety: "read",
+      argsType: "{ data: number[] }",
+      description: "Replace the sparkline data without remounting.",
+      invoke: (n, t) => {
+        n.updateSeries(t.data);
+      }
+    },
+    export_png: {
+      safety: "read",
+      description: "Return a PNG data URI of the sparkline.",
+      invoke: (n) => n.dataURI()
+    }
+  },
+  domHooks: {
+    root: { attr: "data-component", value: "sparkline" },
+    instanceId: {
+      attr: "data-component-id",
+      sourceProp: "id",
+      description: "Sourced from the id prop."
+    }
+  }
+}, U = $("ds:relative ds:inline-block ds:w-full", {
   variants: {
     size: {
       xs: "ds:h-6",
@@ -26,19 +54,19 @@ const D = Z("ds:relative ds:inline-block ds:w-full", {
     }
   },
   defaultVariants: { size: "md" }
-}), Q = {
+}), ee = {
   increasing: "↑",
   decreasing: "↓",
   steady: "→"
-}, X = {
+}, te = {
   xs: 24,
   sm: 32,
   md: 40
 };
-function Y() {
+function re() {
   return typeof window < "u" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-const ee = P(
+const ne = j(
   ({
     id: n,
     data: t,
@@ -47,39 +75,41 @@ const ee = P(
     label: a,
     color: l,
     showEndpoint: d = !1,
-    showTooltip: v = !1,
+    showTooltip: M = !1,
     width: b,
     height: k,
     className: s,
     ...o
-  }, U) => {
-    var N;
-    const { t: u, i18n: R } = $(), M = j(), m = S(
-      () => `sparkline-${M.replace(/[^a-zA-Z0-9-_]/g, "")}`,
-      [M]
-    ), p = G(null), [C, _] = z(0), { direction: y } = K(t), T = S(() => {
+  }, _) => {
+    var A;
+    const { t: u, i18n: C } = q(), T = G(), m = R(
+      () => `sparkline-${T.replace(/[^a-zA-Z0-9-_]/g, "")}`,
+      [T]
+    ), p = V(null), [O, E] = H(0), { direction: y } = X(t), N = R(() => {
       if (t.length === 0)
         return u("ui.sparkline.noData", "No data");
-      const e = (g) => new Intl.NumberFormat(R.language).format(g), r = u(`ui.sparkline.direction.${y}`), f = {
+      const e = (g) => new Intl.NumberFormat(C.language).format(g), r = u(`ui.sparkline.direction.${y}`), f = {
         min: e(Math.min(...t)),
         max: e(Math.max(...t)),
         current: e(t[t.length - 1]),
         direction: r
       };
       return a ? u("ui.sparkline.summary", { label: a, ...f }) : u("ui.sparkline.summaryNoLabel", f);
-    }, [t, a, y, R.language, u]), [h, E] = z(() => {
-      try {
-        return H();
-      } catch {
-        return {};
+    }, [t, a, y, C.language, u]), [h, W] = H(
+      () => {
+        try {
+          return D();
+        } catch {
+          return {};
+        }
       }
-    });
-    A(() => {
+    );
+    z(() => {
       let e;
       const r = new MutationObserver(() => {
         clearTimeout(e), e = setTimeout(() => {
           try {
-            E(H());
+            W(D());
           } catch {
           }
         }, 50);
@@ -90,42 +120,47 @@ const ee = P(
       }), () => {
         clearTimeout(e), r.disconnect();
       };
-    }, []), A(() => {
+    }, []), z(() => {
       const e = p.current;
       if (!e) return;
       const r = new ResizeObserver((f) => {
         const g = f[0];
-        g && _(Math.floor(g.contentRect.width));
+        g && E(Math.floor(g.contentRect.width));
       });
       return r.observe(e), () => r.disconnect();
-    }, []), J(p), V(U, () => ({
-      updateSeries(e) {
-        var r;
-        (r = w.getChartByID(m)) == null || r.updateSeries([{ data: e }]);
-      },
-      updateOptions(e) {
-        var r;
-        (r = w.getChartByID(m)) == null || r.updateOptions(e);
-      },
-      async dataURI() {
-        const e = w.getChartByID(m);
-        return e ? (await e.dataURI()).imgURI : "";
-      }
-    }));
-    const x = l ?? ((N = h.colors) == null ? void 0 : N[0]) ?? "currentColor";
+    }, []), K(p);
+    const x = R(
+      () => ({
+        updateSeries(e) {
+          var r;
+          (r = v.getChartByID(m)) == null || r.updateSeries([{ data: e }]);
+        },
+        updateOptions(e) {
+          var r;
+          (r = v.getChartByID(m)) == null || r.updateOptions(e);
+        },
+        async dataURI() {
+          const e = v.getChartByID(m);
+          return e ? (await e.dataURI()).imgURI : "";
+        }
+      }),
+      [m]
+    );
+    Z(_, () => x, [x]), Q(Y, x, n);
+    const I = l ?? ((A = h.colors) == null ? void 0 : A[0]) ?? "currentColor";
     if (t.length === 0)
-      return /* @__PURE__ */ I(
+      return /* @__PURE__ */ w(
         "div",
         {
           ref: p,
           role: "img",
-          "aria-label": T,
+          "aria-label": N,
           dir: "ltr",
-          className: D({ size: c, className: s }),
+          className: U({ size: c, className: s }),
           ...o
         }
       );
-    const O = Y(), W = {
+    const S = re(), B = {
       ...h,
       chart: {
         ...h.chart,
@@ -134,13 +169,13 @@ const ee = P(
         sparkline: { enabled: !0 },
         toolbar: { show: !1 },
         animations: {
-          enabled: !O,
-          dynamicAnimation: { enabled: !O }
+          enabled: !S,
+          dynamicAnimation: { enabled: !S }
         },
         zoom: { enabled: !1 },
         parentHeightOffset: 0
       },
-      colors: [x],
+      colors: [I],
       stroke: {
         curve: "smooth",
         width: i === "bar" ? 0 : 2
@@ -151,15 +186,15 @@ const ee = P(
       xaxis: {
         crosshairs: { show: !1 }
       },
-      tooltip: { enabled: v },
+      tooltip: { enabled: M },
       markers: d ? {
         size: [0],
         discrete: [
           {
             seriesIndex: 0,
             dataPointIndex: t.length - 1,
-            fillColor: x,
-            strokeColor: x,
+            fillColor: I,
+            strokeColor: I,
             size: 4
           }
         ]
@@ -171,36 +206,36 @@ const ee = P(
         // The chart wrapper enforces dir="ltr" so these always resolve correctly.
         padding: { top: 2, right: 2, bottom: 2, left: 2 }
       }
-    }, B = b ?? (C > 0 ? C : "100%"), F = k ?? X[c ?? "md"];
-    return /* @__PURE__ */ L(
+    }, F = b ?? (O > 0 ? O : "100%"), L = k ?? te[c ?? "md"];
+    return /* @__PURE__ */ P(
       "div",
       {
         ref: p,
         role: "img",
-        "aria-label": T,
+        "aria-label": N,
         dir: "ltr",
-        className: D({ size: c, className: s }),
+        className: U({ size: c, className: s }),
         "data-component": "sparkline",
         "data-component-id": n,
         ...o,
         children: [
-          /* @__PURE__ */ I(
-            q,
+          /* @__PURE__ */ w(
+            J,
             {
               type: i,
               series: [{ data: t }],
-              options: W,
-              width: B,
-              height: F,
+              options: B,
+              width: F,
+              height: L,
               "aria-hidden": "true"
             }
           ),
-          d && /* @__PURE__ */ I(
+          d && /* @__PURE__ */ w(
             "span",
             {
               "aria-hidden": "true",
               className: "ds:pointer-events-none ds:absolute ds:end-0 ds:top-0 ds:text-[length:var(--font-size-xs)] ds:leading-none",
-              children: Q[y]
+              children: ee[y]
             }
           )
         ]
@@ -208,38 +243,10 @@ const ee = P(
     );
   }
 );
-ee.displayName = "Sparkline";
-const de = {
-  id: "sparkline",
-  capabilities: [],
-  state: {},
-  actions: {
-    update_series: {
-      safety: "read",
-      argsType: "{ data: number[] }",
-      description: "Replace the sparkline data without remounting.",
-      invoke: (n, t) => {
-        n.updateSeries(t.data);
-      }
-    },
-    export_png: {
-      safety: "read",
-      description: "Return a PNG data URI of the sparkline.",
-      invoke: (n) => n.dataURI()
-    }
-  },
-  domHooks: {
-    root: { attr: "data-component", value: "sparkline" },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop."
-    }
-  }
-};
+ne.displayName = "Sparkline";
 export {
-  ee as S,
-  de as s,
-  K as u
+  ne as S,
+  Y as s,
+  X as u
 };
-//# sourceMappingURL=sparkline.agent-56Sj7nOP.js.map
+//# sourceMappingURL=sparkline-_gy8aJDG.js.map

package/dist/_chunks/sparkline-_gy8aJDG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline-_gy8aJDG.js","sources":["../../src/components/sparkline/use-linear-trend.ts","../../src/components/sparkline/sparkline.agent.ts","../../src/components/sparkline/sparkline.tsx"],"sourcesContent":["export type TrendDirection = 'increasing' | 'decreasing' | 'steady';\n\nexport interface LinearTrendResult {\n  slope: number;\n  direction: TrendDirection;\n}\n\nexport function useLinearTrend(data: number[]): LinearTrendResult {\n  if (data.length < 2) {\n    return { slope: 0, direction: 'steady' };\n  }\n\n  const n = data.length;\n  const xMean = (n - 1) / 2;\n  const yMean = data.reduce((sum, y) => sum + y, 0) / n;\n\n  let numerator = 0;\n  let denominator = 0;\n\n  for (let i = 0; i < n; i++) {\n    const dx = i - xMean;\n    numerator += dx * (data[i] - yMean);\n    denominator += dx * dx;\n  }\n\n  const slope = denominator === 0 ? 0 : numerator / denominator;\n  const range = Math.max(...data) - Math.min(...data);\n  const threshold = 0.01 * (range || 1);\n\n  const direction: TrendDirection =\n    Math.abs(slope) < threshold\n      ? 'steady'\n      : slope > 0\n        ? 'increasing'\n        : 'decreasing';\n\n  return { slope, direction };\n}\n","import type { AgentAdapter } from '../../agent/types';\nimport type { SparklineHandle } from './sparkline';\n\nexport const sparklineAgent: AgentAdapter<SparklineHandle> = {\n  id: 'sparkline',\n  capabilities: [],\n  state: {},\n  actions: {\n    update_series: {\n      safety: 'read',\n      argsType: '{ data: number[] }',\n      description: 'Replace the sparkline data without remounting.',\n      invoke: (handle, args: { data: number[] }) => {\n        handle.updateSeries(args.data);\n      },\n    },\n    export_png: {\n      safety: 'read',\n      description: 'Return a PNG data URI of the sparkline.',\n      invoke: (handle) => handle.dataURI(),\n    },\n  },\n  domHooks: {\n    root: { attr: 'data-component', value: 'sparkline' },\n    instanceId: {\n      attr: 'data-component-id',\n      sourceProp: 'id',\n      description: 'Sourced from the id prop.',\n    },\n  },\n};\n","import {\n  forwardRef,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n} from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\nimport ReactApexChart from 'react-apexcharts';\nimport ApexCharts from 'apexcharts';\nimport { getApexChartsTheme } from '../../tokens/apexcharts-theme';\nimport { useNeutraliseHiddenFocus } from '../_shared/use-neutralize-hidden-focus';\nimport { useLinearTrend } from './use-linear-trend';\nimport { useAgentRegistration } from '../../agent/registry';\nimport { sparklineAgent } from './sparkline.agent';\n\n/* ------------------------------------------------------------------ */\n/* CVA                                                                  */\n/* ------------------------------------------------------------------ */\n\nconst sparklineVariants = cva('ds:relative ds:inline-block ds:w-full', {\n  variants: {\n    size: {\n      xs: 'ds:h-6',\n      sm: 'ds:h-8',\n      md: 'ds:h-10',\n    },\n  },\n  defaultVariants: { size: 'md' },\n});\n\n/* ------------------------------------------------------------------ */\n/* Constants                                                            */\n/* ------------------------------------------------------------------ */\n\nconst DIRECTION_ARROW = {\n  increasing: '↑',\n  decreasing: '↓',\n  steady: '→',\n} as const;\n\nconst SIZE_HEIGHT: Record<'xs' | 'sm' | 'md', number> = {\n  xs: 24,\n  sm: 32,\n  md: 40,\n};\n\nfunction prefersReducedMotion(): boolean {\n  return (\n    typeof window !== 'undefined' &&\n    window.matchMedia('(prefers-reduced-motion: reduce)').matches\n  );\n}\n\n/* ------------------------------------------------------------------ */\n/* Public types                                                         */\n/* ------------------------------------------------------------------ */\n\nexport interface SparklineHandle {\n  updateSeries: (data: number[]) => void;\n  updateOptions: (opts: ApexCharts.ApexOptions) => void;\n  dataURI: () => Promise<string>;\n}\n\nexport interface SparklineProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'role' | 'children'>,\n    VariantProps<typeof sparklineVariants> {\n  /** Array of numeric data points */\n  data: number[];\n  /** Chart visual style */\n  variant?: 'line' | 'bar' | 'area';\n  /** Size preset */\n  size?: 'xs' | 'sm' | 'md';\n  /** Accessible label prefix, e.g. \"Revenue, 30 days\" */\n  label?: string;\n  /** Stroke / bar colour override — defaults to var(--primary) via bridge */\n  color?: string;\n  /** Show end-point dot with trend direction arrow */\n  showEndpoint?: boolean;\n  /**\n   * Show Apex's hover tooltip with the data point value. Defaults to\n   * `false` — sparklines are intentionally minimal — opt in when the\n   * sparkline is large enough to be a primary metric surface (e.g.\n   * dashboard widgets) and the user benefits from per-point readout.\n   */\n  showTooltip?: boolean;\n  /** Width override — defaults to 100% of container */\n  width?: string | number;\n  /** Height override — defaults to the size variant height */\n  height?: string | number;\n}\n\n/* ------------------------------------------------------------------ */\n/* Sparkline component                                                  */\n/* ------------------------------------------------------------------ */\n\nexport const Sparkline = forwardRef<SparklineHandle, SparklineProps>(\n  (\n    {\n      id,\n      data,\n      variant = 'line',\n      size = 'md',\n      label,\n      color,\n      showEndpoint = false,\n      showTooltip = false,\n      width,\n      height,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t, i18n } = useTranslation();\n    const rawId = useId();\n    const chartId = useMemo(\n      () => `sparkline-${rawId.replace(/[^a-zA-Z0-9-_]/g, '')}`,\n      [rawId],\n    );\n    const wrapperRef = useRef<HTMLDivElement>(null);\n    const [containerWidth, setContainerWidth] = useState(0);\n\n    const { direction } = useLinearTrend(data);\n\n    /* ---- accessible summary ---------------------------------------- */\n    const ariaLabel = useMemo(() => {\n      if (data.length === 0) {\n        return t('ui.sparkline.noData', 'No data');\n      }\n      const fmt = (n: number) => new Intl.NumberFormat(i18n.language).format(n);\n      const dirText = t(`ui.sparkline.direction.${direction}`);\n      const nums = {\n        min: fmt(Math.min(...data)),\n        max: fmt(Math.max(...data)),\n        current: fmt(data[data.length - 1]),\n        direction: dirText,\n      };\n      if (label) {\n        return t('ui.sparkline.summary', { label, ...nums });\n      }\n      return t('ui.sparkline.summaryNoLabel', nums);\n    }, [data, label, direction, i18n.language, t]);\n\n    /* ---- theme-reactive state -------------------------------------- */\n    const [themeOptions, setThemeOptions] = useState<ApexCharts.ApexOptions>(\n      () => {\n        try {\n          return getApexChartsTheme();\n        } catch {\n          return {};\n        }\n      },\n    );\n\n    /* ---- MutationObserver: re-read theme on class change ----------- */\n    useEffect(() => {\n      let timer: ReturnType<typeof setTimeout>;\n      const observer = new MutationObserver(() => {\n        clearTimeout(timer);\n        timer = setTimeout(() => {\n          try {\n            setThemeOptions(getApexChartsTheme());\n          } catch {\n            /* no-op in non-browser environments */\n          }\n        }, 50);\n      });\n      observer.observe(document.documentElement, {\n        attributes: true,\n        attributeFilter: ['class'],\n      });\n      return () => {\n        clearTimeout(timer);\n        observer.disconnect();\n      };\n    }, []);\n\n    /* ---- ResizeObserver: track container width -------------------- */\n    useEffect(() => {\n      const el = wrapperRef.current;\n      if (!el) return;\n      const ro = new ResizeObserver((entries) => {\n        const entry = entries[0];\n        if (entry) setContainerWidth(Math.floor(entry.contentRect.width));\n      });\n      ro.observe(el);\n      return () => ro.disconnect();\n    }, []);\n\n    /* ApexCharts injects focusable canvases inside the `aria-hidden`   */\n    /* chart wrapper. Neutralise their tabindex so axe's                */\n    /* `aria-hidden-focus` rule passes. Shared hook — same fix in       */\n    /* `Chart` (full apex) and the calendar's mirror events.            */\n    useNeutraliseHiddenFocus(wrapperRef);\n\n    /* ---- imperative handle ---------------------------------------- */\n    const agentHandle = useMemo<SparklineHandle>(\n      () => ({\n        updateSeries(newData: number[]) {\n          ApexCharts.getChartByID(chartId)?.updateSeries([{ data: newData }]);\n        },\n        updateOptions(opts: ApexCharts.ApexOptions) {\n          ApexCharts.getChartByID(chartId)?.updateOptions(opts);\n        },\n        async dataURI(): Promise<string> {\n          const instance = ApexCharts.getChartByID(chartId);\n          if (!instance) return '';\n          const result = await instance.dataURI();\n          return (result as { imgURI: string }).imgURI;\n        },\n      }),\n      [chartId],\n    );\n    useImperativeHandle(ref, () => agentHandle, [agentHandle]);\n    useAgentRegistration(sparklineAgent, agentHandle, id);\n\n    /* ---- resolve color -------------------------------------------- */\n    const resolvedColor = color ?? themeOptions.colors?.[0] ?? 'currentColor';\n\n    /* ---- empty state ---------------------------------------------- */\n    if (data.length === 0) {\n      return (\n        <div\n          ref={wrapperRef}\n          role=\"img\"\n          aria-label={ariaLabel}\n          dir=\"ltr\"\n          className={sparklineVariants({ size, className })}\n          {...props}\n        />\n      );\n    }\n\n    /* ---- chart config ---------------------------------------------- */\n    const reducedMotion = prefersReducedMotion();\n\n    const chartOptions: ApexCharts.ApexOptions = {\n      ...themeOptions,\n      chart: {\n        ...themeOptions.chart,\n        id: chartId,\n        type: variant,\n        sparkline: { enabled: true },\n        toolbar: { show: false },\n        animations: {\n          enabled: !reducedMotion,\n          dynamicAnimation: { enabled: !reducedMotion },\n        },\n        zoom: { enabled: false },\n        parentHeightOffset: 0,\n      },\n      colors: [resolvedColor],\n      stroke: {\n        curve: 'smooth',\n        width: variant === 'bar' ? 0 : 2,\n      },\n      fill: {\n        opacity: variant === 'area' ? 0.15 : 1,\n      },\n      xaxis: {\n        crosshairs: { show: false },\n      },\n      tooltip: { enabled: showTooltip },\n      markers: showEndpoint\n        ? {\n            size: [0],\n            discrete: [\n              {\n                seriesIndex: 0,\n                dataPointIndex: data.length - 1,\n                fillColor: resolvedColor,\n                strokeColor: resolvedColor,\n                size: 4,\n              },\n            ],\n          }\n        : { size: 0 },\n      grid: {\n        ...themeOptions.grid,\n        show: false,\n        // ApexCharts grid.padding uses physical keys (not CSS logical properties).\n        // The chart wrapper enforces dir=\"ltr\" so these always resolve correctly.\n        padding: { top: 2, right: 2, bottom: 2, left: 2 },\n      },\n    };\n\n    const resolvedWidth =\n      width ?? (containerWidth > 0 ? containerWidth : '100%');\n    const resolvedHeight = height ?? SIZE_HEIGHT[size ?? 'md'];\n\n    return (\n      <div\n        ref={wrapperRef}\n        role=\"img\"\n        aria-label={ariaLabel}\n        dir=\"ltr\"\n        className={sparklineVariants({ size, className })}\n        data-component=\"sparkline\"\n        data-component-id={id}\n        {...props}\n      >\n        <ReactApexChart\n          type={variant}\n          series={[{ data }]}\n          options={chartOptions}\n          width={resolvedWidth}\n          height={resolvedHeight}\n          aria-hidden=\"true\"\n        />\n        {showEndpoint && (\n          <span\n            aria-hidden=\"true\"\n            className=\"ds:pointer-events-none ds:absolute ds:end-0 ds:top-0 ds:text-[length:var(--font-size-xs)] ds:leading-none\"\n          >\n            {DIRECTION_ARROW[direction]}\n          </span>\n        )}\n      </div>\n    );\n  },\n);\n\nSparkline.displayName = 'Sparkline';\n"],"names":["useLinearTrend","data","n","xMean","yMean","sum","y","numerator","denominator","i","dx","slope","threshold","direction","sparklineAgent","handle","args","sparklineVariants","cva","DIRECTION_ARROW","SIZE_HEIGHT","prefersReducedMotion","Sparkline","forwardRef","id","variant","size","label","color","showEndpoint","showTooltip","width","height","className","props","ref","t","i18n","useTranslation","rawId","useId","chartId","useMemo","wrapperRef","useRef","containerWidth","setContainerWidth","useState","ariaLabel","fmt","dirText","nums","themeOptions","setThemeOptions","getApexChartsTheme","useEffect","timer","observer","el","ro","entries","entry","useNeutraliseHiddenFocus","agentHandle","newData","_a","ApexCharts","opts","instance","useImperativeHandle","useAgentRegistration","resolvedColor","jsx","reducedMotion","chartOptions","resolvedWidth","resolvedHeight","jsxs","ReactApexChart"],"mappings":"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"}

package/dist/_chunks/{spinner-GCcv67vh.js → spinner-DLaYfLPl.js}

@@ -23,22 +23,74 @@ const f = i("ds:inline-block ds:shrink-0 ds:text-current", {
     }
   },
   compoundVariants: [
-    { variant: "pulse", speed: "slower", class: "ds:[--spinner-duration:2400ms]" },
-    { variant: "pulse", speed: "slow", class: "ds:[--spinner-duration:1800ms]" },
-    { variant: "pulse", speed: "normal", class: "ds:[--spinner-duration:1200ms]" },
+    {
+      variant: "pulse",
+      speed: "slower",
+      class: "ds:[--spinner-duration:2400ms]"
+    },
+    {
+      variant: "pulse",
+      speed: "slow",
+      class: "ds:[--spinner-duration:1800ms]"
+    },
+    {
+      variant: "pulse",
+      speed: "normal",
+      class: "ds:[--spinner-duration:1200ms]"
+    },
     { variant: "pulse", speed: "fast", class: "ds:[--spinner-duration:900ms]" },
-    { variant: "pulse", speed: "faster", class: "ds:[--spinner-duration:600ms]" },
-    { variant: "chase", speed: "slower", class: "ds:[--spinner-duration:2400ms]" },
-    { variant: "chase", speed: "slow", class: "ds:[--spinner-duration:1800ms]" },
-    { variant: "chase", speed: "normal", class: "ds:[--spinner-duration:1200ms]" },
+    {
+      variant: "pulse",
+      speed: "faster",
+      class: "ds:[--spinner-duration:600ms]"
+    },
+    {
+      variant: "chase",
+      speed: "slower",
+      class: "ds:[--spinner-duration:2400ms]"
+    },
+    {
+      variant: "chase",
+      speed: "slow",
+      class: "ds:[--spinner-duration:1800ms]"
+    },
+    {
+      variant: "chase",
+      speed: "normal",
+      class: "ds:[--spinner-duration:1200ms]"
+    },
     { variant: "chase", speed: "fast", class: "ds:[--spinner-duration:900ms]" },
-    { variant: "chase", speed: "faster", class: "ds:[--spinner-duration:600ms]" },
+    {
+      variant: "chase",
+      speed: "faster",
+      class: "ds:[--spinner-duration:600ms]"
+    },
     // prism runs 2× so each of the 4 brand hues has room to read.
-    { variant: "prism", speed: "slower", class: "ds:[--spinner-duration:4800ms]" },
-    { variant: "prism", speed: "slow", class: "ds:[--spinner-duration:3600ms]" },
-    { variant: "prism", speed: "normal", class: "ds:[--spinner-duration:2400ms]" },
-    { variant: "prism", speed: "fast", class: "ds:[--spinner-duration:1800ms]" },
-    { variant: "prism", speed: "faster", class: "ds:[--spinner-duration:1200ms]" }
+    {
+      variant: "prism",
+      speed: "slower",
+      class: "ds:[--spinner-duration:4800ms]"
+    },
+    {
+      variant: "prism",
+      speed: "slow",
+      class: "ds:[--spinner-duration:3600ms]"
+    },
+    {
+      variant: "prism",
+      speed: "normal",
+      class: "ds:[--spinner-duration:2400ms]"
+    },
+    {
+      variant: "prism",
+      speed: "fast",
+      class: "ds:[--spinner-duration:1800ms]"
+    },
+    {
+      variant: "prism",
+      speed: "faster",
+      class: "ds:[--spinner-duration:1200ms]"
+    }
   ],
   defaultVariants: { size: "md", variant: "pulse", speed: "normal" }
 }), n = i(
@@ -161,4 +213,4 @@ v.displayName = "Spinner";
 export {
   v as S
 };
-//# sourceMappingURL=spinner-GCcv67vh.js.map
+//# sourceMappingURL=spinner-DLaYfLPl.js.map

package/dist/_chunks/spinner-DLaYfLPl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner-DLaYfLPl.js","sources":["../../src/components/spinner/spinner.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\nconst spinnerVariants = cva('ds:inline-block ds:shrink-0 ds:text-current', {\n  variants: {\n    size: {\n      sm: 'ds:size-3',\n      md: 'ds:size-4',\n      lg: 'ds:size-5',\n    },\n    variant: {\n      pulse: '',\n      chase: '',\n      prism: '',\n    },\n    speed: {\n      slower: '',\n      slow: '',\n      normal: '',\n      fast: '',\n      faster: '',\n    },\n  },\n  compoundVariants: [\n    {\n      variant: 'pulse',\n      speed: 'slower',\n      class: 'ds:[--spinner-duration:2400ms]',\n    },\n    {\n      variant: 'pulse',\n      speed: 'slow',\n      class: 'ds:[--spinner-duration:1800ms]',\n    },\n    {\n      variant: 'pulse',\n      speed: 'normal',\n      class: 'ds:[--spinner-duration:1200ms]',\n    },\n    { variant: 'pulse', speed: 'fast', class: 'ds:[--spinner-duration:900ms]' },\n    {\n      variant: 'pulse',\n      speed: 'faster',\n      class: 'ds:[--spinner-duration:600ms]',\n    },\n    {\n      variant: 'chase',\n      speed: 'slower',\n      class: 'ds:[--spinner-duration:2400ms]',\n    },\n    {\n      variant: 'chase',\n      speed: 'slow',\n      class: 'ds:[--spinner-duration:1800ms]',\n    },\n    {\n      variant: 'chase',\n      speed: 'normal',\n      class: 'ds:[--spinner-duration:1200ms]',\n    },\n    { variant: 'chase', speed: 'fast', class: 'ds:[--spinner-duration:900ms]' },\n    {\n      variant: 'chase',\n      speed: 'faster',\n      class: 'ds:[--spinner-duration:600ms]',\n    },\n    // prism runs 2× so each of the 4 brand hues has room to read.\n    {\n      variant: 'prism',\n      speed: 'slower',\n      class: 'ds:[--spinner-duration:4800ms]',\n    },\n    {\n      variant: 'prism',\n      speed: 'slow',\n      class: 'ds:[--spinner-duration:3600ms]',\n    },\n    {\n      variant: 'prism',\n      speed: 'normal',\n      class: 'ds:[--spinner-duration:2400ms]',\n    },\n    {\n      variant: 'prism',\n      speed: 'fast',\n      class: 'ds:[--spinner-duration:1800ms]',\n    },\n    {\n      variant: 'prism',\n      speed: 'faster',\n      class: 'ds:[--spinner-duration:1200ms]',\n    },\n  ],\n  defaultVariants: { size: 'md', variant: 'pulse', speed: 'normal' },\n});\n\nconst shapeVariants = cva(\n  [\n    'ds:fill-current',\n    'ds:[transform-box:fill-box] ds:[transform-origin:center]',\n    'ds:motion-reduce:animate-none',\n    'ds:[animation-delay:calc(var(--spinner-duration)/4*var(--spinner-position))]',\n  ].join(' '),\n  {\n    variants: {\n      variant: {\n        pulse:\n          'ds:animate-[spinner-pulse_var(--spinner-duration)_ease-in-out_infinite]',\n        chase:\n          'ds:animate-[spinner-chase_var(--spinner-duration)_ease-out_infinite]',\n        prism:\n          'ds:animate-[spinner-prism_var(--spinner-duration)_linear_infinite] ds:motion-reduce:fill-[var(--color-violet-500)]',\n      },\n      position: {\n        top: 'ds:[--spinner-position:0]',\n        right: 'ds:[--spinner-position:1]',\n        bottom: 'ds:[--spinner-position:2]',\n        left: 'ds:[--spinner-position:3]',\n      },\n    },\n    defaultVariants: { variant: 'pulse', position: 'top' },\n  },\n);\n\nexport type SpinnerVariant = 'pulse' | 'chase' | 'prism';\nexport type SpinnerSpeed = 'slower' | 'slow' | 'normal' | 'fast' | 'faster';\n\nexport interface SpinnerProps\n  extends\n    Omit<HTMLAttributes<HTMLSpanElement>, 'role' | 'children'>,\n    VariantProps<typeof spinnerVariants> {\n  size?: 'sm' | 'md' | 'lg';\n  variant?: SpinnerVariant;\n  speed?: SpinnerSpeed;\n  label?: string;\n}\n\nexport const Spinner = forwardRef<HTMLSpanElement, SpinnerProps>(\n  (\n    {\n      size = 'md',\n      variant = 'pulse',\n      speed = 'normal',\n      label,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation();\n    const accessibleLabel = label ?? t('ui.common.loading', 'Loading…');\n\n    return (\n      <span\n        ref={ref}\n        role=\"status\"\n        aria-live=\"polite\"\n        data-component=\"spinner\"\n        className={spinnerVariants({ size, variant, speed, className })}\n        {...props}\n      >\n        <svg aria-hidden=\"true\" viewBox=\"0 0 148 148\" className=\"ds:size-full\">\n          <g\n            data-shape=\"top\"\n            className={shapeVariants({ variant, position: 'top' })}\n          >\n            <rect\n              x=\"53.04\"\n              y=\"2.54\"\n              width=\"33.99\"\n              height=\"49.34\"\n              rx=\"4.56\"\n              ry=\"4.56\"\n              transform=\"translate(-4.66 19.05) rotate(-15)\"\n            />\n          </g>\n          <g\n            data-shape=\"right\"\n            className={shapeVariants({ variant, position: 'right' })}\n          >\n            <rect\n              x=\"96.12\"\n              y=\"53.04\"\n              width=\"49.34\"\n              height=\"33.99\"\n              rx=\"4.56\"\n              ry=\"4.56\"\n              transform=\"translate(-14.01 33.65) rotate(-15)\"\n            />\n          </g>\n          <g\n            data-shape=\"bottom\"\n            className={shapeVariants({ variant, position: 'bottom' })}\n          >\n            <rect\n              x=\"60.97\"\n              y=\"96.12\"\n              width=\"33.99\"\n              height=\"49.34\"\n              rx=\"4.56\"\n              ry=\"4.56\"\n              transform=\"translate(-28.61 24.29) rotate(-15)\"\n            />\n          </g>\n          <g\n            data-shape=\"left\"\n            className={shapeVariants({ variant, position: 'left' })}\n          >\n            <path d=\"M47.82,59.56c-.65-2.43-3.15-3.87-5.58-3.22L3.38,66.75c-2.43.65-3.87,3.15-3.22,5.58l6.44,24.03c.65,2.43,3.15,3.87,5.58,3.22l38.86-10.41c2.43-.65,3.87-3.15,3.22-5.58l-6.44-24.03Z\" />\n          </g>\n        </svg>\n        <span className=\"ds:sr-only\">{accessibleLabel}</span>\n      </span>\n    );\n  },\n);\n\nSpinner.displayName = 'Spinner';\n"],"names":["spinnerVariants","cva","shapeVariants","Spinner","forwardRef","size","variant","speed","label","className","props","ref","t","useTranslation","accessibleLabel","jsxs","jsx"],"mappings":"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"}

package/dist/_chunks/{stat-DUB6g90R.js → stat-B9PHSPbN.js}

@@ -47,33 +47,42 @@ const y = p("ds:flex ds:flex-col", {
     size: "md",
     align: "start"
   }
-}), k = p(
-  "type-metric ds:text-[var(--foreground)]",
-  {
-    variants: {
-      size: {
-        sm: "ds:[--type-metric-size:var(--font-size-xl)]",
-        md: "ds:[--type-metric-size:var(--font-size-3xl)]",
-        lg: "ds:[--type-metric-size:var(--font-size-5xl)]"
-      },
-      variant: {
-        default: "",
-        outlined: "",
-        elevated: "",
-        compact: ""
-      }
+}), k = p("type-metric ds:text-[var(--foreground)]", {
+  variants: {
+    size: {
+      sm: "ds:[--type-metric-size:var(--font-size-xl)]",
+      md: "ds:[--type-metric-size:var(--font-size-3xl)]",
+      lg: "ds:[--type-metric-size:var(--font-size-5xl)]"
     },
-    compoundVariants: [
-      { variant: "compact", size: "sm", className: "ds:[--type-metric-size:var(--font-size-lg)]" },
-      { variant: "compact", size: "md", className: "ds:[--type-metric-size:var(--font-size-xl)]" },
-      { variant: "compact", size: "lg", className: "ds:[--type-metric-size:var(--font-size-2xl)]" }
-    ],
-    defaultVariants: {
+    variant: {
+      default: "",
+      outlined: "",
+      elevated: "",
+      compact: ""
+    }
+  },
+  compoundVariants: [
+    {
+      variant: "compact",
+      size: "sm",
+      className: "ds:[--type-metric-size:var(--font-size-lg)]"
+    },
+    {
+      variant: "compact",
       size: "md",
-      variant: "default"
+      className: "ds:[--type-metric-size:var(--font-size-xl)]"
+    },
+    {
+      variant: "compact",
+      size: "lg",
+      className: "ds:[--type-metric-size:var(--font-size-2xl)]"
     }
+  ],
+  defaultVariants: {
+    size: "md",
+    variant: "default"
   }
-), S = p(
+}), S = p(
   "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)] type-label",
   {
     variants: {
@@ -92,7 +101,12 @@ const y = p("ds:flex ds:flex-col", {
   down: "ui.stat.trend.down",
   flat: "ui.stat.trend.flat"
 };
-function R({ trend: s, delta: a, deltaFormat: t = "decimal", locale: l }) {
+function R({
+  trend: s,
+  delta: a,
+  deltaFormat: t = "decimal",
+  locale: l
+}) {
   const { t: r, i18n: d } = h(), n = typeof a == "string" ? a : new Intl.NumberFormat(l ?? d.language, {
     style: t === "percent" ? "percent" : "decimal"
   }).format(t === "percent" ? a / 100 : a);
@@ -130,9 +144,13 @@ const D = I(
             currency: l ?? "USD"
           }).format(a);
         case "percent":
-          return new Intl.NumberFormat(i, { style: "percent" }).format(a);
+          return new Intl.NumberFormat(i, { style: "percent" }).format(
+            a
+          );
         case "decimal":
-          return new Intl.NumberFormat(i, { style: "decimal" }).format(a);
+          return new Intl.NumberFormat(i, { style: "decimal" }).format(
+            a
+          );
         default:
           return new Intl.NumberFormat(i).format(a);
       }
@@ -207,4 +225,4 @@ D.displayName = "Stat";
 export {
   D as S
 };
-//# sourceMappingURL=stat-DUB6g90R.js.map
+//# sourceMappingURL=stat-B9PHSPbN.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stat-B9PHSPbN.js","sources":["../../src/components/stat/stat.tsx"],"sourcesContent":["import { forwardRef, useId, type HTMLAttributes, type ReactNode } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* ------------------------------------------------------------------ */\n/* CVA — stat root                                                      */\n/* ------------------------------------------------------------------ */\n\nconst statVariants = cva('ds:flex ds:flex-col', {\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: 'ui.stat.trend.up',\n  down: 'ui.stat.trend.down',\n  flat: 'ui.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/* 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\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      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\n    const formatValue = (): string => {\n      if (typeof value === 'string') return value;\n      const lang = locale ?? i18n.language;\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    };\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    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        <span className={valueVariants({ size, variant })}>\n          {formatValue()}\n        </span>\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","Stat","forwardRef","label","value","format","currency","icon","loading","variant","size","align","className","props","ref","labelId","useId","formatValue","lang","jsxs"],"mappings":"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"}