@factorialco/f0-react 4.32.0 → 4.33.0

package/dist/f0.d.ts

@@ -3702,6 +3702,13 @@ export declare interface DashboardMetricItem<Filters extends FiltersDefinition =
     format?: MetricFormat;
     /** Number of decimal places. @default 0 */
     decimals?: number;
+    /**
+     * Custom value formatter — takes precedence over `format`/`decimals`.
+     * The built-in presets format with the browser locale; this lets the
+     * consumer control locale and currency, mirroring the chart configs'
+     * `valueFormatter`.
+     */
+    valueFormatter?: (value: number) => string;
     /** Async data fetcher — receives dashboard filters */
     fetchData: (filters: FiltersState<Filters>) => Promise<DashboardMetricData>;
 }

package/dist/f0.js

@@ -81496,7 +81496,7 @@ function MetricItem({
       handleDelete: L,
       itemId: T.id,
       children: X && /* @__PURE__ */ jsx("div", { className: "flex h-full min-h-0 items-end overflow-auto px-4 pb-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-3", children: [
-        /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap text-4xl font-semibold leading-none tracking-tight text-f1-foreground", children: formatValue(X.value, T.format, T.decimals) }),
+        /* @__PURE__ */ jsx("span", { className: "whitespace-nowrap text-4xl font-semibold leading-none tracking-tight text-f1-foreground", children: T.valueFormatter ? T.valueFormatter(X.value) : formatValue(X.value, T.format, T.decimals) }),
         R && R.direction !== "flat" && /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center", children: [
           R.direction === "up" ? /* @__PURE__ */ jsx(F0Icon, { icon: ForwardRef$O, color: "positive", size: "sm" }) : /* @__PURE__ */ jsx(F0Icon, { icon: ForwardRef$P, color: "critical", size: "sm" }),
           /* @__PURE__ */ jsxs(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@factorialco/f0-react",
-  "version": "4.32.0",
+  "version": "4.33.0",
   "private": false,
   "files": [
     "assets",