@factorialco/f0-react 6.1.0 → 6.2.0

package/dist/experimental.d.ts

@@ -3908,6 +3908,14 @@ declare const defaultTranslations: {
             readonly title: "No data available";
             readonly description: "Try a different date or fewer filters";
         };
+        readonly tooltip: {
+            readonly ofTotal: "of total";
+            readonly total: "total";
+            readonly target: "target";
+            readonly ofRange: "of range";
+            readonly fromPrevious: "from previous";
+            readonly fromStage: "from {{stage}}";
+        };
     };
     readonly progressSeries: {
         readonly noData: "No data";

package/dist/experimental.js

@@ -1,10 +1,10 @@
-import { W as mc, X as yi, Y as hc, Z as pc, _ as gc, $ as bc, a0 as vc, a1 as wi, a2 as qn, a3 as Nn, a4 as xc, a5 as he, a6 as jt, u as se, a7 as yc, a8 as wc, a9 as Fo, aa as dr, ab as En, ac as Ye, ad as Nc, ae as Cc, U as ye, z as Ic, A as kc, af as Ne, ag as Ma, J as Sc, B as Tc, m as Ae, ah as Cr, S as te, ai as rn, aj as Rc, ak as Ec, al as Lc, am as zc, an as Ac, ao as xt, ap as Oa, aq as Da, ar as on, as as $t, at as Fc, e as Ba, au as tn, av as _a, aw as Bn, w as nt, r as $e, y as ur, t as Po, v as Mo, ax as Ut, ay as fr, az as $a, x as Oo, aA as Ha, aB as Pc, aC as Wa, aD as Ge, s as rt, aE as Do, aF as Ur, aG as Ir, aH as Ni, aI as Mc, aJ as it, aK as ja, aL as lo, aM as _n, aN as $n, aO as Oc, aP as Dc, aQ as Ht, aR as kr, aS as Bc, aT as _c, aU as $c, aV as Hc, aW as Sr, aX as Ua, j as Va, aY as Wc, aZ as jc, k as mr, a_ as Ga, a$ as Uc, b0 as Vc, b1 as Gc, b2 as Kc, b3 as qc, b4 as co, b5 as Ka, b6 as qa, b7 as Yc, b8 as Xc, b9 as Jc, ba as Ya, bb as Qc, bc as uo, bd as Xa, be as Zc, bf as Tr, bg as Ci, bh as ed, bi as td, bj as nd, bk as vn, bl as rd, bm as od, bn as kn, bo as Ii, bp as fo, bq as id, br as ad, b as Ja, bs as sd, a as ld, bt as Rr, bu as cd, g as dd, F as ud, bv as Qa, bw as fd, o as Bo, bx as md, by as _o, bz as an, H as hd, bA as pd, bB as gd, bC as bd, bD as Za, bE as vd, bF as xd, bG as yd, bH as mo, bI as wd, bJ as Nd, bK as Cd, bL as Id, bM as kd, bN as Sd, bO as Td, bP as ho, l as Er, bQ as $o, N as po, O as go, bR as Rd, bS as Ed, bT as Ld, bU as es, bV as ts, bW as ns, bX as zd, bY as Ad, bZ as Fd, b_ as Pd, b$ as Md, c0 as rs, c1 as Od, c2 as Dd, c3 as os, c4 as Bd, c5 as _d, c6 as $d, n as Hd, c7 as Wd, c8 as is, Q as jd, R as Ud, c9 as as, ca as ss, cb as ls, cc as Vd, cd as ki, ce as cs, cf as Gd, cg as Kd, ch as qd, ci as Yd, cj as Xd, ck as Jd, cl as Qd, cm as Zd, cn as eu, co as Mt, cp as Ho, cq as Wo, cr as ds, cs as jo, ct as us, cu as fs, cv as tu, cw as nu, cx as ru, cy as ou, cz as iu, cA as au, cB as su, cC as Si, cD as lu, cE as cu, cF as Ti, cG as du, cH as uu, cI as fu, cJ as mu, cK as ms, cL as hu, cM as pu } from "./F0CanvasPanel-W66eCV0Y.js";
-import { cX as l1, cW as c1, d7 as d1, cT as u1, cU as f1, cN as m1, cO as h1, cO as p1, cP as g1, cQ as b1, da as v1, cV as x1, d3 as y1, d4 as w1, d8 as N1, cR as C1, cZ as I1, cY as k1, T as S1, h as T1, d5 as R1, db as E1, d6 as L1, d9 as z1, d2 as A1, c$ as F1, d1 as P1, c_ as M1, cS as O1, d0 as D1 } from "./F0CanvasPanel-W66eCV0Y.js";
+import { W as mc, X as yi, Y as hc, Z as pc, _ as gc, $ as bc, a0 as vc, a1 as wi, a2 as qn, a3 as Nn, a4 as xc, a5 as he, a6 as jt, u as se, a7 as yc, a8 as wc, a9 as Fo, aa as dr, ab as En, ac as Ye, ad as Nc, ae as Cc, U as ye, z as Ic, A as kc, af as Ne, ag as Ma, J as Sc, B as Tc, m as Ae, ah as Cr, S as te, ai as rn, aj as Rc, ak as Ec, al as Lc, am as zc, an as Ac, ao as xt, ap as Oa, aq as Da, ar as on, as as $t, at as Fc, e as Ba, au as tn, av as _a, aw as Bn, w as nt, r as $e, y as ur, t as Po, v as Mo, ax as Ut, ay as fr, az as $a, x as Oo, aA as Ha, aB as Pc, aC as Wa, aD as Ge, s as rt, aE as Do, aF as Ur, aG as Ir, aH as Ni, aI as Mc, aJ as it, aK as ja, aL as lo, aM as _n, aN as $n, aO as Oc, aP as Dc, aQ as Ht, aR as kr, aS as Bc, aT as _c, aU as $c, aV as Hc, aW as Sr, aX as Ua, j as Va, aY as Wc, aZ as jc, k as mr, a_ as Ga, a$ as Uc, b0 as Vc, b1 as Gc, b2 as Kc, b3 as qc, b4 as co, b5 as Ka, b6 as qa, b7 as Yc, b8 as Xc, b9 as Jc, ba as Ya, bb as Qc, bc as uo, bd as Xa, be as Zc, bf as Tr, bg as Ci, bh as ed, bi as td, bj as nd, bk as vn, bl as rd, bm as od, bn as kn, bo as Ii, bp as fo, bq as id, br as ad, b as Ja, bs as sd, a as ld, bt as Rr, bu as cd, g as dd, F as ud, bv as Qa, bw as fd, o as Bo, bx as md, by as _o, bz as an, H as hd, bA as pd, bB as gd, bC as bd, bD as Za, bE as vd, bF as xd, bG as yd, bH as mo, bI as wd, bJ as Nd, bK as Cd, bL as Id, bM as kd, bN as Sd, bO as Td, bP as ho, l as Er, bQ as $o, N as po, O as go, bR as Rd, bS as Ed, bT as Ld, bU as es, bV as ts, bW as ns, bX as zd, bY as Ad, bZ as Fd, b_ as Pd, b$ as Md, c0 as rs, c1 as Od, c2 as Dd, c3 as os, c4 as Bd, c5 as _d, c6 as $d, n as Hd, c7 as Wd, c8 as is, Q as jd, R as Ud, c9 as as, ca as ss, cb as ls, cc as Vd, cd as ki, ce as cs, cf as Gd, cg as Kd, ch as qd, ci as Yd, cj as Xd, ck as Jd, cl as Qd, cm as Zd, cn as eu, co as Mt, cp as Ho, cq as Wo, cr as ds, cs as jo, ct as us, cu as fs, cv as tu, cw as nu, cx as ru, cy as ou, cz as iu, cA as au, cB as su, cC as Si, cD as lu, cE as cu, cF as Ti, cG as du, cH as uu, cI as fu, cJ as mu, cK as ms, cL as hu, cM as pu } from "./F0CanvasPanel-wwIjnpaw.js";
+import { cX as l1, cW as c1, d7 as d1, cT as u1, cU as f1, cN as m1, cO as h1, cO as p1, cP as g1, cQ as b1, da as v1, cV as x1, d3 as y1, d4 as w1, d8 as N1, cR as C1, cZ as I1, cY as k1, T as S1, h as T1, d5 as R1, db as E1, d6 as L1, d9 as z1, d2 as A1, c$ as F1, d1 as P1, c_ as M1, cS as O1, d0 as D1 } from "./F0CanvasPanel-wwIjnpaw.js";
 import { jsx as n, jsxs as h, Fragment as Fe } from "react/jsx-runtime";
 import Y, { forwardRef as Oe, useRef as O, useTransition as gu, useState as B, useLayoutEffect as Hn, useId as Ln, useContext as zt, createContext as ht, useEffect as q, useCallback as U, useMemo as de, Fragment as _t, isValidElement as bu, cloneElement as hs, Suspense as Lr, lazy as sn, createElement as or, memo as ps, Children as gs } from "react";
 import { d as k, T as vu, a as xu, b as yu, f as qe, c as wu, u as Nu } from "./tooltip-Cik7KBQT.js";
-import { C as Cu, P as Iu, E as ku, a as Uo, b as Wn, M as Su, p as Tu, c as Ru, R as Ri, e as bs, u as Eu, f as Lu, g as zu, h as Au, i as Fu, j as Pu, O as vs, k as xs, S as Mu, A as Ou, B as Du, L as Bu, l as _u, V as $u, m as Hu, n as Wu, o as ju } from "./index-DU8BTxcj.js";
-import { a5 as _1, a6 as $1, v as H1, w as W1, s as j1, N as U1, x as V1, H as G1, ag as K1, K as q1, t as Y1, a3 as X1, ai as J1, ah as Q1, X as Z1, al as ey, F as ty, a0 as ny, Z as ry, T as oy, an as iy, U as ay, a1 as sy, a2 as ly, y as cy, aj as dy, ak as uy, W as fy, a4 as my, ad as hy, af as py, z as gy, G as by, I as vy, _ as xy, am as yy, $ as wy, Y as Ny, ao as Cy, D as Iy, J as ky, q as Sy, r as Ty, a9 as Ry, aa as Ey, a7 as Ly, ae as zy, Q as Ay, ab as Fy, a8 as Py, ac as My } from "./index-DU8BTxcj.js";
+import { C as Cu, P as Iu, E as ku, a as Uo, b as Wn, M as Su, p as Tu, c as Ru, R as Ri, e as bs, u as Eu, f as Lu, g as zu, h as Au, i as Fu, j as Pu, O as vs, k as xs, S as Mu, A as Ou, B as Du, L as Bu, l as _u, V as $u, m as Hu, n as Wu, o as ju } from "./index-DBnT4nT6.js";
+import { a5 as _1, a6 as $1, v as H1, w as W1, s as j1, N as U1, x as V1, H as G1, ag as K1, K as q1, t as Y1, a3 as X1, ai as J1, ah as Q1, X as Z1, al as ey, F as ty, a0 as ny, Z as ry, T as oy, an as iy, U as ay, a1 as sy, a2 as ly, y as cy, aj as dy, ak as uy, W as fy, a4 as my, ad as hy, af as py, z as gy, G as by, I as vy, _ as xy, am as yy, $ as wy, Y as Ny, ao as Cy, D as Iy, J as ky, q as Sy, r as Ty, a9 as Ry, aa as Ey, a7 as Ly, ae as zy, Q as Ay, ab as Fy, a8 as Py, ac as My } from "./index-DBnT4nT6.js";
 import Uu from "react-dom";
 const Vu = mc("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
@@ -7911,7 +7911,7 @@ const ul = () => Vt(rl, "useChatJump"), Zh = () => Vt(ol, "useChatHighlightedId"
 }, Mr = (e, t) => {
   const r = document.createElement("a");
   r.href = e, r.download = t, r.rel = "noreferrer", r.click();
-}, rp = sn(() => import("./ChatPdfThumbnail-BQYptujt.js")), op = sn(() => import("./ChatSheetThumbnail-BvnxT-4A.js")), ip = sn(() => import("./ChatDocxThumbnail-DzNPNFya.js")), ap = sn(() => import("./ChatTextThumbnail-yVt_iYi7.js")), sp = 288, lp = 160, cp = (e) => {
+}, rp = sn(() => import("./ChatPdfThumbnail-DpcaTJ7y.js")), op = sn(() => import("./ChatSheetThumbnail-BvnxT-4A.js")), ip = sn(() => import("./ChatDocxThumbnail-DzNPNFya.js")), ap = sn(() => import("./ChatTextThumbnail-yVt_iYi7.js")), sp = 288, lp = 160, cp = (e) => {
   const [t, r] = B(!1);
   return q(() => {
     const o = e.current;
@@ -9954,7 +9954,7 @@ const Tp = {
     ] })
   ] }) });
 }, _p = sn(
-  () => import("./index-DzNPlwUX.js").then((e) => e.i).then((e) => ({
+  () => import("./index-BHEoqrq3.js").then((e) => e.i).then((e) => ({
     default: e.F0PdfViewer
   }))
 ), $p = () => {
@@ -14231,7 +14231,7 @@ const Lb = (e) => {
     )
   ] });
 }, Hb = sn(
-  () => import("./index-BBUAtI0e.js").then((e) => ({
+  () => import("./index-Bs1YsLbk.js").then((e) => ({
     default: e.F0VideoPlayer
   }))
 ), Wb = ({

package/dist/f0.d.ts

@@ -2695,10 +2695,19 @@ declare interface ChartConfigBase {
     showLegend?: boolean;
     /** Show background grid lines. @default true */
     showGrid?: boolean;
-    /** Show value labels on each data point. @default false */
+    /**
+     * Show value labels on each data point.
+     * @default true for bar charts, false otherwise
+     */
     showLabels?: boolean;
     /** Format the value axis tick labels */
     valueFormatter?: (value: number) => string;
+    /**
+     * Format the value shown in the hover tooltip. Defaults to
+     * {@link valueFormatter}; set it when the axis and labels must stay compact
+     * while the tooltip carries the exact figure.
+     */
+    tooltipValueFormatter?: (value: number) => string;
     /** Format category axis tick labels */
     categoryFormatter?: (value: string) => string;
 }
@@ -2745,8 +2754,27 @@ declare interface ChartThemeColors {
     border: string;
     /** Tooltip background color (CSS rgba string) */
     tooltipBackground: string;
-    /** Chart container background — used when chart needs to know its own bg */
+    /** Page-level background token for the active mode */
     background: string;
+    /**
+     * The color actually painted behind the chart — the nearest ancestor with a
+     * non-transparent background, falling back to {@link background}. Use this
+     * when a chart needs to blend into its own surface (a tinted card, a modal)
+     * rather than into the page.
+     *
+     * Always set by {@link resolveChartTheme}; optional only so that themes built
+     * by hand (test fixtures, consumer overrides) keep compiling — read it as
+     * `containerBackground ?? background`.
+     */
+    containerBackground?: string;
+    /**
+     * Positive delta text (e.g. tooltip "+x% from previous"). Resolves from
+     * --positive-70. Optional so a hand-built theme stays valid — tooltip rows
+     * fall back to `foreground` when it is absent.
+     */
+    positive?: string;
+    /** Negative delta text. Resolves from --critical-70. Optional, as `positive`. */
+    critical?: string;
 }
 
 /** Typography configuration */
@@ -5168,6 +5196,14 @@ export declare const defaultTranslations: {
             readonly title: "No data available";
             readonly description: "Try a different date or fewer filters";
         };
+        readonly tooltip: {
+            readonly ofTotal: "of total";
+            readonly total: "total";
+            readonly target: "target";
+            readonly ofRange: "of range";
+            readonly fromPrevious: "from previous";
+            readonly fromStage: "from {{stage}}";
+        };
     };
     readonly progressSeries: {
         readonly noData: "No data";
@@ -8386,8 +8422,10 @@ export declare interface F0DataChartBarProps extends F0DataChartBaseProps {
     labelFontSize?: number;
     /**
      * Formatter for the values shown in the hover tooltip. Defaults to
-     * {@link F0DataChartBaseProps.valueFormatter}; set it to show precise values
-     * (e.g. "107,505") while the axis and labels stay compact ("107.5K").
+     * {@link F0DataChartBaseProps.valueFormatter}, so a unit or a currency on the
+     * axis reads the same on hover, then to a plain localized number. Set it when
+     * the axis has to stay compact ("107.5K") but the tooltip should be exact
+     * ("107,505").
      */
     tooltipValueFormatter?: (value: number) => string;
 }
@@ -8497,6 +8535,13 @@ export declare interface F0DataChartFunnelProps extends F0DataChartCommonProps {
     showConversion?: boolean;
     /** Format the value displayed in labels and tooltip */
     valueFormatter?: (value: number) => string;
+    /**
+     * Formatter for the value shown in the hover tooltip. Defaults to
+     * {@link valueFormatter}, so a unit or a currency on the labels reads the same
+     * on hover, then to a plain localized number. Set it when the labels have to
+     * stay compact ("107.5K") but the tooltip should be exact ("107,505").
+     */
+    tooltipValueFormatter?: (value: number) => string;
     /**
      * Map stage colors to their values using a gradient scale (light→dark).
      * When enabled, higher values get a more intense color. @default true
@@ -8540,6 +8585,13 @@ export declare interface F0DataChartGaugeProps extends F0DataChartCommonProps {
     showValue?: boolean;
     /** Format the value displayed */
     valueFormatter?: (value: number) => string;
+    /**
+     * Formatter for the value shown in the hover tooltip. Defaults to
+     * {@link valueFormatter}, so a unit or a currency on the labels reads the same
+     * on hover, then to a plain localized number. Set it when the labels have to
+     * stay compact ("107.5K") but the tooltip should be exact ("107,505").
+     */
+    tooltipValueFormatter?: (value: number) => string;
     /** Escape hatch: raw ECharts options merged (shallow) on top of the generated config */
     echartsOptions?: Partial<echarts_2.EChartsOption>;
 }
@@ -8570,6 +8622,13 @@ export declare interface F0DataChartHeatmapProps extends F0DataChartCommonProps
     showVisualMap?: boolean;
     /** Format values in labels and tooltip */
     valueFormatter?: (value: number) => string;
+    /**
+     * Formatter for the value shown in the hover tooltip. Defaults to
+     * {@link valueFormatter}, so a unit or a currency on the labels reads the same
+     * on hover, then to a plain localized number. Set it when the labels have to
+     * stay compact ("107.5K") but the tooltip should be exact ("107,505").
+     */
+    tooltipValueFormatter?: (value: number) => string;
     /** Escape hatch: raw ECharts options merged (shallow) on top of the generated config */
     echartsOptions?: Partial<echarts_2.EChartsOption>;
 }
@@ -8596,6 +8655,14 @@ export declare interface F0DataChartLineProps extends F0DataChartBaseProps {
     showArea?: boolean;
     /** Show data point dots on the lines. @default false */
     showDots?: boolean;
+    /**
+     * Formatter for the values shown in the hover tooltip. Defaults to
+     * {@link F0DataChartBaseProps.valueFormatter}, so a unit or a currency on the
+     * axis reads the same on hover, then to a plain localized number. Set it when
+     * the axis has to stay compact ("107.5K") but the tooltip should be exact
+     * ("107,505").
+     */
+    tooltipValueFormatter?: (value: number) => string;
 }
 
 /**
@@ -8652,6 +8719,13 @@ export declare interface F0DataChartPieProps extends F0DataChartCommonProps {
     showPercentage?: boolean;
     /** Format the value displayed in labels and tooltip */
     valueFormatter?: (value: number) => string;
+    /**
+     * Formatter for the value shown in the hover tooltip. Defaults to
+     * {@link valueFormatter}, so a unit or a currency on the labels reads the same
+     * on hover, then to a plain localized number. Set it when the labels have to
+     * stay compact ("107.5K") but the tooltip should be exact ("107,505").
+     */
+    tooltipValueFormatter?: (value: number) => string;
     /** Escape hatch: raw ECharts options merged (shallow) on top of the generated config */
     echartsOptions?: Partial<echarts_2.EChartsOption>;
 }
@@ -8706,6 +8780,13 @@ export declare interface F0DataChartRadarProps extends F0DataChartCommonProps {
     showLabels?: boolean;
     /** Format values in labels and tooltip */
     valueFormatter?: (value: number) => string;
+    /**
+     * Formatter for the value shown in the hover tooltip. Defaults to
+     * {@link valueFormatter}, so a unit or a currency on the labels reads the same
+     * on hover, then to a plain localized number. Set it when the labels have to
+     * stay compact ("107.5K") but the tooltip should be exact ("107,505").
+     */
+    tooltipValueFormatter?: (value: number) => string;
     /** Escape hatch: raw ECharts options merged (shallow) on top of the generated config */
     echartsOptions?: Partial<echarts_2.EChartsOption>;
 }
@@ -12806,6 +12887,12 @@ export declare interface FunnelChartConfig {
     colorScale?: boolean;
     /** Format the value displayed in labels and tooltip */
     valueFormatter?: (value: number) => string;
+    /**
+     * Format the value shown in the hover tooltip. Defaults to
+     * {@link valueFormatter}; set it when the axis and labels must stay compact
+     * while the tooltip carries the exact figure.
+     */
+    tooltipValueFormatter?: (value: number) => string;
 }
 
 /**
@@ -12859,6 +12946,12 @@ export declare interface GaugeChartConfig {
     showValue?: boolean;
     /** Format the value displayed inside the gauge */
     valueFormatter?: (value: number) => string;
+    /**
+     * Format the value shown in the hover tooltip. Defaults to
+     * {@link valueFormatter}; set it when the axis and labels must stay compact
+     * while the tooltip carries the exact figure.
+     */
+    tooltipValueFormatter?: (value: number) => string;
 }
 
 /**
@@ -13349,6 +13442,12 @@ export declare interface HeatmapChartConfig {
     showVisualMap?: boolean;
     /** Format the value displayed in cells and tooltip */
     valueFormatter?: (value: number) => string;
+    /**
+     * Format the value shown in the hover tooltip. Defaults to
+     * {@link valueFormatter}; set it when the axis and labels must stay compact
+     * while the tooltip carries the exact figure.
+     */
+    tooltipValueFormatter?: (value: number) => string;
 }
 
 /**
@@ -15325,6 +15424,12 @@ export declare interface PieChartConfig {
     showPercentage?: boolean;
     /** Format the value displayed in labels and tooltip */
     valueFormatter?: (value: number) => string;
+    /**
+     * Format the value shown in the hover tooltip. Defaults to
+     * {@link valueFormatter}; set it when the axis and labels must stay compact
+     * while the tooltip carries the exact figure.
+     */
+    tooltipValueFormatter?: (value: number) => string;
 }
 
 /**
@@ -15735,6 +15840,12 @@ export declare interface RadarChartConfig {
     showLabels?: boolean;
     /** Format the value displayed in labels and tooltip */
     valueFormatter?: (value: number) => string;
+    /**
+     * Format the value shown in the hover tooltip. Defaults to
+     * {@link valueFormatter}; set it when the axis and labels must stay compact
+     * while the tooltip carries the exact figure.
+     */
+    tooltipValueFormatter?: (value: number) => string;
 }
 
 /**