@acronis-platform/ui-react 0.60.0 → 0.62.0

package/dist/components/ui/category-bar/category-bar.js

@@ -1,10 +1,10 @@
-import { jsxs as r, jsx as l, Fragment as z } from "react/jsx-runtime";
-import * as b from "react";
-import { cva as I } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { cn as x } from "../../../lib/utils.js";
-import { ChartStyle as y } from "../chart/chart.js";
-import { Tooltip as B, TooltipTrigger as O, TooltipContent as S } from "../tooltip/tooltip.js";
-const q = (c) => c.toLocaleString(), F = I("flex w-full overflow-hidden rounded-full bg-input", {
+import { jsxs as l, jsx as a, Fragment as z } from "react/jsx-runtime";
+import * as N from "react";
+import { cva as B } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { cn as k } from "../../../lib/utils.js";
+import { ChartStyle as v } from "../chart/chart.js";
+import { Tooltip as S, TooltipTrigger as I, TooltipContent as O } from "../tooltip/tooltip.js";
+const q = (o) => o.toLocaleString(), F = B("flex w-full overflow-hidden rounded-full bg-input", {
   variants: {
     size: {
       sm: "h-1.5",
@@ -15,100 +15,121 @@ const q = (c) => c.toLocaleString(), F = I("flex w-full overflow-hidden rounded-
   defaultVariants: {
     size: "md"
   }
-}), R = b.forwardRef(
+});
+function R({
+  chartId: o,
+  config: n,
+  color: t,
+  label: d,
+  percent: m,
+  segmentKey: f,
+  value: u,
+  valueFormatter: s,
+  renderContent: c
+}) {
+  return /* @__PURE__ */ l(
+    O,
+    {
+      "data-chart": o,
+      className: k(
+        "border border-border bg-background text-foreground shadow-md",
+        !c && "flex items-center gap-2"
+      ),
+      children: [
+        /* @__PURE__ */ a(v, { id: o, config: n }),
+        c ? c({ key: f, value: u, label: d, percent: m, color: t }) : /* @__PURE__ */ l(z, { children: [
+          /* @__PURE__ */ a(
+            "span",
+            {
+              className: "size-2.5 shrink-0 rounded-full",
+              style: { backgroundColor: t }
+            }
+          ),
+          /* @__PURE__ */ a("span", { className: "font-semibold", children: d }),
+          /* @__PURE__ */ l("span", { className: "text-muted-foreground tabular-nums", children: [
+            s(u),
+            " · ",
+            m,
+            "%"
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+const V = N.forwardRef(
   ({
-    className: c,
+    className: o,
     data: n,
-    config: o,
-    size: g,
-    showLegend: k = !1,
-    showTooltip: v = !0,
-    tooltipContent: d,
-    valueFormatter: i = q,
-    defaultOpenIndex: N,
+    config: t,
+    size: d,
+    showLegend: m = !1,
+    showTooltip: f = !0,
+    tooltipContent: u,
+    valueFormatter: s = q,
+    defaultOpenIndex: c,
     "aria-label": w,
     ...C
   }, T) => {
-    const s = `chart-${b.useId().replace(/:/g, "")}`, f = n.reduce((e, a) => e + a.value, 0), u = (e) => {
-      var a;
-      return ((a = o[e]) == null ? void 0 : a.label) ?? e;
+    const p = `chart-${N.useId().replace(/:/g, "")}`, h = n.reduce((e, r) => e + r.value, 0), b = (e) => {
+      var r;
+      return ((r = t[e]) == null ? void 0 : r.label) ?? e;
     }, $ = (e) => {
-      var t;
-      const a = (t = o[e]) == null ? void 0 : t.label;
-      return typeof a == "string" || typeof a == "number" ? String(a) : e;
-    }, p = (e) => `var(--color-${e})`, m = (e) => f > 0 ? Math.round(e / f * 100) : 0, j = w ?? n.map((e) => `${$(e.key)} ${i(e.value)}`).join(", ");
-    return /* @__PURE__ */ r(
+      var i;
+      const r = (i = t[e]) == null ? void 0 : i.label;
+      return typeof r == "string" || typeof r == "number" ? String(r) : e;
+    }, x = (e) => `var(--color-${e})`, y = (e) => h > 0 ? Math.round(e / h * 100) : 0, j = w ?? n.map((e) => `${$(e.key)} ${s(e.value)}`).join(", ");
+    return /* @__PURE__ */ l(
       "div",
       {
         ref: T,
-        "data-chart": s,
-        className: x("flex w-full flex-col gap-3", c),
+        "data-chart": p,
+        className: k("flex w-full flex-col gap-3", o),
         ...C,
         children: [
-          /* @__PURE__ */ l(y, { id: s, config: o }),
-          /* @__PURE__ */ l("div", { className: F({ size: g }), role: "img", "aria-label": j, children: n.map((e, a) => {
-            const t = p(e.key), h = /* @__PURE__ */ l(
+          /* @__PURE__ */ a(v, { id: p, config: t }),
+          /* @__PURE__ */ a("div", { className: F({ size: d }), role: "img", "aria-label": j, children: n.map((e, r) => {
+            const i = x(e.key), g = /* @__PURE__ */ a(
               "div",
               {
                 className: "h-full min-w-0",
-                style: { flex: `${e.value} 0 0%`, backgroundColor: t }
+                style: { flex: `${e.value} 0 0%`, backgroundColor: i }
               },
               e.key
             );
-            return v ? /* @__PURE__ */ r(B, { defaultOpen: a === N, children: [
-              /* @__PURE__ */ l(O, { render: h }),
-              /* @__PURE__ */ r(
-                S,
+            return f ? /* @__PURE__ */ l(S, { defaultOpen: r === c, children: [
+              /* @__PURE__ */ a(I, { render: g }),
+              /* @__PURE__ */ a(
+                R,
                 {
-                  "data-chart": s,
-                  className: x(
-                    "border border-border bg-background text-foreground shadow-md",
-                    !d && "flex items-center gap-2"
-                  ),
-                  children: [
-                    /* @__PURE__ */ l(y, { id: s, config: o }),
-                    d ? d({
-                      key: e.key,
-                      value: e.value,
-                      label: u(e.key),
-                      percent: m(e.value),
-                      color: t
-                    }) : /* @__PURE__ */ r(z, { children: [
-                      /* @__PURE__ */ l(
-                        "span",
-                        {
-                          className: "size-2.5 shrink-0 rounded-full",
-                          style: { backgroundColor: t }
-                        }
-                      ),
-                      /* @__PURE__ */ l("span", { className: "font-semibold", children: u(e.key) }),
-                      /* @__PURE__ */ r("span", { className: "text-muted-foreground tabular-nums", children: [
-                        i(e.value),
-                        " · ",
-                        m(e.value),
-                        "%"
-                      ] })
-                    ] })
-                  ]
+                  chartId: p,
+                  config: t,
+                  color: i,
+                  label: b(e.key),
+                  percent: y(e.value),
+                  segmentKey: e.key,
+                  value: e.value,
+                  valueFormatter: s,
+                  renderContent: u
                 }
               )
-            ] }, e.key) : h;
+            ] }, e.key) : g;
           }) }),
-          k && /* @__PURE__ */ l("ul", { className: "flex flex-wrap justify-between gap-x-6 gap-y-3", children: n.map((e) => /* @__PURE__ */ r("li", { className: "flex flex-col gap-1.5", children: [
-            /* @__PURE__ */ r("span", { className: "flex items-center gap-1.5 text-sm leading-none text-muted-foreground", children: [
-              /* @__PURE__ */ l(
+          m && /* @__PURE__ */ a("ul", { className: "flex flex-wrap justify-between gap-x-6 gap-y-3", children: n.map((e) => /* @__PURE__ */ l("li", { className: "flex flex-col gap-1.5", children: [
+            /* @__PURE__ */ l("span", { className: "flex items-center gap-1.5 text-sm leading-none text-muted-foreground", children: [
+              /* @__PURE__ */ a(
                 "span",
                 {
-                  className: "size-2.5 shrink-0 rounded-full",
-                  style: { backgroundColor: p(e.key) }
+                  className: "size-2.5 shrink-0 rounded-sm",
+                  style: { backgroundColor: x(e.key) }
                 }
               ),
-              u(e.key)
+              b(e.key)
             ] }),
-            /* @__PURE__ */ r("span", { className: "flex items-baseline gap-1.5 leading-none tabular-nums", children: [
-              /* @__PURE__ */ l("span", { className: "text-base font-semibold text-foreground", children: i(e.value) }),
-              /* @__PURE__ */ r("span", { className: "text-sm text-muted-foreground", children: [
-                m(e.value),
+            /* @__PURE__ */ l("span", { className: "flex items-baseline gap-1.5 leading-none tabular-nums", children: [
+              /* @__PURE__ */ a("span", { className: "text-base font-semibold text-foreground", children: s(e.value) }),
+              /* @__PURE__ */ l("span", { className: "text-sm text-muted-foreground", children: [
+                y(e.value),
                 "%"
               ] })
             ] })
@@ -118,9 +139,9 @@ const q = (c) => c.toLocaleString(), F = I("flex w-full overflow-hidden rounded-
     );
   }
 );
-R.displayName = "CategoryBar";
+V.displayName = "CategoryBar";
 export {
-  R as CategoryBar,
+  V as CategoryBar,
   F as categoryBarVariants
 };
 //# sourceMappingURL=category-bar.js.map

package/dist/components/ui/category-bar/category-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"category-bar.js","sources":["../../../../src/components/ui/category-bar/category-bar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\nimport { ChartStyle, type ChartConfig } from '../chart';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../tooltip';\n\n// A category bar: a single horizontal bar split into proportional colored\n// segments — one part-to-whole across a handful of categories, in one row\n// (onboarding stages, certification status, a rating scale). Unlike `Meter`\n// (one value per row, stacked into a bar list), all segments share the same bar.\n// It's a plain flex composition, not a recharts chart: each segment's width is\n// `value / total`, so exact proportions and the count/% legend are direct DOM,\n// with no axes/grid to hide. Segment colors are caller-supplied via `config`\n// (existing semantic `--ui-*` tokens); there is no chart palette tier yet.\n//\n// Colors are consumed through the same `--color-<key>` bridge the recharts\n// charts use: `ChartStyle` emits one custom property per config entry, so a\n// `theme: { light, dark }` entry works as well as a flat `color` — reading\n// `config[key].color` directly would render a themed config colorless. The\n// tooltip is portaled out of the bar's DOM, so its popup carries its own\n// `data-chart` scope + `ChartStyle` to keep the bridge resolvable there.\n\nconst defaultFormat = (value: number) => value.toLocaleString();\n\n// Track height only — the flex/rounded/overflow chrome is static.\nconst categoryBarVariants = cva('flex w-full overflow-hidden rounded-full bg-input', {\n  variants: {\n    size: {\n      sm: 'h-1.5',\n      md: 'h-2.5',\n      lg: 'h-4',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport interface CategoryBarSegment {\n  /** Key into `config` for this segment's label + color. */\n  key: string;\n  /** The segment's value — its width is this over the sum of all values. */\n  value: number;\n}\n\n/** The resolved segment passed to a custom `tooltipContent` renderer. */\nexport interface CategoryBarTooltipContext extends CategoryBarSegment {\n  /** Resolved `config` label (falls back to the key); may be any `ReactNode`. */\n  label: React.ReactNode;\n  /** Share of the total as a rounded percentage (0–100). */\n  percent: number;\n  /**\n   * CSS color reference for the segment — the `var(--color-<key>)` bridge, which\n   * resolves the config entry's `color` or its per-theme `theme` value. Usable\n   * anywhere a CSS color is (e.g. a `style` background); not a literal value.\n   */\n  color: string;\n}\n\nexport interface CategoryBarProps\n  extends Omit<React.ComponentProps<'div'>, 'children'>,\n    VariantProps<typeof categoryBarVariants> {\n  /** Ordered segments (left → right). Widths are proportional to `value`. */\n  data: ReadonlyArray<CategoryBarSegment>;\n  /** Maps each segment `key` to a `label` and `color` (an existing `--ui-*` token). */\n  config: ChartConfig;\n  /** Show the legend below the bar (color dot + label + value + %). */\n  showLegend?: boolean;\n  /** Show a hover tooltip per segment (dot + label + value + %). */\n  showTooltip?: boolean;\n  /**\n   * Custom tooltip content per segment — replaces the default (dot + label +\n   * `value · %`) inside the same card. Ignored when `showTooltip` is false.\n   */\n  tooltipContent?: (segment: CategoryBarTooltipContext) => React.ReactNode;\n  /** Format the numeric value (legend + tooltip). Defaults to `toLocaleString()`. */\n  valueFormatter?: (value: number) => string;\n  /** Render the tooltip for this segment index initially open (VR/testing). */\n  defaultOpenIndex?: number;\n  /**\n   * Accessible summary of the whole bar. Defaults to a `label value` list built\n   * from the data; pass a fuller sentence for screen readers if you have one.\n   */\n  'aria-label'?: string;\n}\n\nconst CategoryBar = React.forwardRef<HTMLDivElement, CategoryBarProps>(\n  (\n    {\n      className,\n      data,\n      config,\n      size,\n      showLegend = false,\n      showTooltip = true,\n      tooltipContent,\n      valueFormatter = defaultFormat,\n      defaultOpenIndex,\n      'aria-label': ariaLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const uniqueId = React.useId();\n    const chartId = `chart-${uniqueId.replace(/:/g, '')}`;\n\n    const total = data.reduce((sum, seg) => sum + seg.value, 0);\n    const labelFor = (key: string): React.ReactNode => config[key]?.label ?? key;\n    // The aria-label has to be a plain string, so a rich (element) label can't\n    // be used there — fall back to the key rather than stringifying it into\n    // \"[object Object]\".\n    const labelTextFor = (key: string) => {\n      const label = config[key]?.label;\n      return typeof label === 'string' || typeof label === 'number'\n        ? String(label)\n        : key;\n    };\n    const colorOf = (key: string) => `var(--color-${key})`;\n    const pctOf = (value: number) =>\n      total > 0 ? Math.round((value / total) * 100) : 0;\n\n    // A locale-neutral fallback: \"<label> <value>\" pairs. Consumers can pass a\n    // fuller `aria-label` sentence.\n    const summary =\n      ariaLabel ??\n      data\n        .map((seg) => `${labelTextFor(seg.key)} ${valueFormatter(seg.value)}`)\n        .join(', ');\n\n    return (\n      <div\n        ref={ref}\n        data-chart={chartId}\n        className={cn('flex w-full flex-col gap-3', className)}\n        {...props}\n      >\n        <ChartStyle id={chartId} config={config} />\n        <div className={categoryBarVariants({ size })} role=\"img\" aria-label={summary}>\n          {data.map((seg, index) => {\n            const color = colorOf(seg.key);\n            // flex-grow proportional to value with a zero basis → widths are\n            // exactly value/total; a zero-value segment collapses.\n            const segment = (\n              <div\n                key={seg.key}\n                className=\"h-full min-w-0\"\n                style={{ flex: `${seg.value} 0 0%`, backgroundColor: color }}\n              />\n            );\n\n            if (!showTooltip) return segment;\n\n            return (\n              <Tooltip key={seg.key} defaultOpen={index === defaultOpenIndex}>\n                <TooltipTrigger render={segment} />\n                <TooltipContent\n                  // The popup is portaled out of the bar, so it needs its own\n                  // `data-chart` scope for the `--color-*` bridge to resolve.\n                  data-chart={chartId}\n                  className={cn(\n                    'border border-border bg-background text-foreground shadow-md',\n                    !tooltipContent && 'flex items-center gap-2'\n                  )}\n                >\n                  <ChartStyle id={chartId} config={config} />\n                  {tooltipContent ? (\n                    tooltipContent({\n                      key: seg.key,\n                      value: seg.value,\n                      label: labelFor(seg.key),\n                      percent: pctOf(seg.value),\n                      color,\n                    })\n                  ) : (\n                    <>\n                      <span\n                        className=\"size-2.5 shrink-0 rounded-full\"\n                        style={{ backgroundColor: color }}\n                      />\n                      <span className=\"font-semibold\">{labelFor(seg.key)}</span>\n                      <span className=\"text-muted-foreground tabular-nums\">\n                        {valueFormatter(seg.value)} · {pctOf(seg.value)}%\n                      </span>\n                    </>\n                  )}\n                </TooltipContent>\n              </Tooltip>\n            );\n          })}\n        </div>\n\n        {showLegend && (\n          <ul className=\"flex flex-wrap justify-between gap-x-6 gap-y-3\">\n            {data.map((seg) => (\n              <li key={seg.key} className=\"flex flex-col gap-1.5\">\n                <span className=\"flex items-center gap-1.5 text-sm leading-none text-muted-foreground\">\n                  <span\n                    className=\"size-2.5 shrink-0 rounded-full\"\n                    style={{ backgroundColor: colorOf(seg.key) }}\n                  />\n                  {labelFor(seg.key)}\n                </span>\n                <span className=\"flex items-baseline gap-1.5 leading-none tabular-nums\">\n                  <span className=\"text-base font-semibold text-foreground\">\n                    {valueFormatter(seg.value)}\n                  </span>\n                  <span className=\"text-sm text-muted-foreground\">\n                    {pctOf(seg.value)}%\n                  </span>\n                </span>\n              </li>\n            ))}\n          </ul>\n        )}\n      </div>\n    );\n  }\n);\nCategoryBar.displayName = 'CategoryBar';\n\nexport { CategoryBar, categoryBarVariants };\n"],"names":["defaultFormat","value","categoryBarVariants","cva","CategoryBar","React","className","data","config","size","showLegend","showTooltip","tooltipContent","valueFormatter","defaultOpenIndex","ariaLabel","props","ref","chartId","total","sum","seg","labelFor","key","_a","labelTextFor","label","colorOf","pctOf","summary","jsxs","cn","jsx","ChartStyle","index","color","segment","Tooltip","TooltipTrigger","TooltipContent","Fragment"],"mappings":"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"}
+{"version":3,"file":"category-bar.js","sources":["../../../../src/components/ui/category-bar/category-bar.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\nimport { ChartStyle, type ChartConfig } from '../chart';\nimport { Tooltip, TooltipContent, TooltipTrigger } from '../tooltip';\n\n// A category bar: a single horizontal bar split into proportional colored\n// segments — one part-to-whole across a handful of categories, in one row\n// (onboarding stages, certification status, a rating scale). Unlike `Meter`\n// (one value per row, stacked into a bar list), all segments share the same bar.\n// It's a plain flex composition, not a recharts chart: each segment's width is\n// `value / total`, so exact proportions and the count/% legend are direct DOM,\n// with no axes/grid to hide. Segment colors are caller-supplied via `config`\n// (existing semantic `--ui-*` tokens); there is no chart palette tier yet.\n//\n// Colors are consumed through the same `--color-<key>` bridge the recharts\n// charts use: `ChartStyle` emits one custom property per config entry, so a\n// `theme: { light, dark }` entry works as well as a flat `color` — reading\n// `config[key].color` directly would render a themed config colorless. The\n// tooltip is portaled out of the bar's DOM, so its popup carries its own\n// `data-chart` scope + `ChartStyle` to keep the bridge resolvable there.\n\nconst defaultFormat = (value: number) => value.toLocaleString();\n\n// Track height only — the flex/rounded/overflow chrome is static.\nconst categoryBarVariants = cva('flex w-full overflow-hidden rounded-full bg-input', {\n  variants: {\n    size: {\n      sm: 'h-1.5',\n      md: 'h-2.5',\n      lg: 'h-4',\n    },\n  },\n  defaultVariants: {\n    size: 'md',\n  },\n});\n\nexport interface CategoryBarSegment {\n  /** Key into `config` for this segment's label + color. */\n  key: string;\n  /** The segment's value — its width is this over the sum of all values. */\n  value: number;\n}\n\n/** The resolved segment passed to a custom `tooltipContent` renderer. */\nexport interface CategoryBarTooltipContext extends CategoryBarSegment {\n  /** Resolved `config` label (falls back to the key); may be any `ReactNode`. */\n  label: React.ReactNode;\n  /** Share of the total as a rounded percentage (0–100). */\n  percent: number;\n  /**\n   * CSS color reference for the segment — the `var(--color-<key>)` bridge, which\n   * resolves the config entry's `color` or its per-theme `theme` value. Usable\n   * anywhere a CSS color is (e.g. a `style` background); not a literal value.\n   */\n  color: string;\n}\n\nexport interface CategoryBarProps\n  extends Omit<React.ComponentProps<'div'>, 'children'>,\n    VariantProps<typeof categoryBarVariants> {\n  /** Ordered segments (left → right). Widths are proportional to `value`. */\n  data: ReadonlyArray<CategoryBarSegment>;\n  /** Maps each segment `key` to a `label` and `color` (an existing `--ui-*` token). */\n  config: ChartConfig;\n  /** Show the legend below the bar (color dot + label + value + %). */\n  showLegend?: boolean;\n  /** Show a hover tooltip per segment (dot + label + value + %). */\n  showTooltip?: boolean;\n  /**\n   * Custom tooltip content per segment — replaces the default (dot + label +\n   * `value · %`) inside the same card. Ignored when `showTooltip` is false.\n   */\n  tooltipContent?: (segment: CategoryBarTooltipContext) => React.ReactNode;\n  /** Format the numeric value (legend + tooltip). Defaults to `toLocaleString()`. */\n  valueFormatter?: (value: number) => string;\n  /** Render the tooltip for this segment index initially open (VR/testing). */\n  defaultOpenIndex?: number;\n  /**\n   * Accessible summary of the whole bar. Defaults to a `label value` list built\n   * from the data; pass a fuller sentence for screen readers if you have one.\n   */\n  'aria-label'?: string;\n}\n\n/**\n * One segment's hover card.\n *\n * It re-declares `data-chart` and re-renders `ChartStyle` because the popup is\n * portaled out of the bar: outside that subtree the `--color-*` bridge the\n * swatch reads has nothing to resolve against.\n */\nfunction CategoryBarSegmentTooltip({\n  chartId,\n  config,\n  color,\n  label,\n  percent,\n  segmentKey,\n  value,\n  valueFormatter,\n  renderContent,\n}: {\n  chartId: string;\n  config: ChartConfig;\n  color: string;\n  label: React.ReactNode;\n  percent: number;\n  segmentKey: string;\n  value: number;\n  valueFormatter: (value: number) => string;\n  // Not named `render`: in this package that name is reserved for Base UI's\n  // polymorphic composition prop (see `<TooltipTrigger render={…} />` below).\n  renderContent?: (segment: CategoryBarTooltipContext) => React.ReactNode;\n}) {\n  return (\n    <TooltipContent\n      data-chart={chartId}\n      className={cn(\n        'border border-border bg-background text-foreground shadow-md',\n        !renderContent && 'flex items-center gap-2'\n      )}\n    >\n      <ChartStyle id={chartId} config={config} />\n      {renderContent ? (\n        renderContent({ key: segmentKey, value, label, percent, color })\n      ) : (\n        <>\n          <span\n            className=\"size-2.5 shrink-0 rounded-full\"\n            style={{ backgroundColor: color }}\n          />\n          <span className=\"font-semibold\">{label}</span>\n          <span className=\"text-muted-foreground tabular-nums\">\n            {valueFormatter(value)} · {percent}%\n          </span>\n        </>\n      )}\n    </TooltipContent>\n  );\n}\n\nconst CategoryBar = React.forwardRef<HTMLDivElement, CategoryBarProps>(\n  (\n    {\n      className,\n      data,\n      config,\n      size,\n      showLegend = false,\n      showTooltip = true,\n      tooltipContent,\n      valueFormatter = defaultFormat,\n      defaultOpenIndex,\n      'aria-label': ariaLabel,\n      ...props\n    },\n    ref\n  ) => {\n    const uniqueId = React.useId();\n    const chartId = `chart-${uniqueId.replace(/:/g, '')}`;\n\n    const total = data.reduce((sum, seg) => sum + seg.value, 0);\n    const labelFor = (key: string): React.ReactNode => config[key]?.label ?? key;\n    // The aria-label has to be a plain string, so a rich (element) label can't\n    // be used there — fall back to the key rather than stringifying it into\n    // \"[object Object]\".\n    const labelTextFor = (key: string) => {\n      const label = config[key]?.label;\n      return typeof label === 'string' || typeof label === 'number'\n        ? String(label)\n        : key;\n    };\n    const colorOf = (key: string) => `var(--color-${key})`;\n    const pctOf = (value: number) =>\n      total > 0 ? Math.round((value / total) * 100) : 0;\n\n    // A locale-neutral fallback: \"<label> <value>\" pairs. Consumers can pass a\n    // fuller `aria-label` sentence.\n    const summary =\n      ariaLabel ??\n      data\n        .map((seg) => `${labelTextFor(seg.key)} ${valueFormatter(seg.value)}`)\n        .join(', ');\n\n    return (\n      <div\n        ref={ref}\n        data-chart={chartId}\n        className={cn('flex w-full flex-col gap-3', className)}\n        {...props}\n      >\n        <ChartStyle id={chartId} config={config} />\n        <div className={categoryBarVariants({ size })} role=\"img\" aria-label={summary}>\n          {data.map((seg, index) => {\n            const color = colorOf(seg.key);\n            // flex-grow proportional to value with a zero basis → widths are\n            // exactly value/total; a zero-value segment collapses.\n            const segment = (\n              <div\n                key={seg.key}\n                className=\"h-full min-w-0\"\n                style={{ flex: `${seg.value} 0 0%`, backgroundColor: color }}\n              />\n            );\n\n            if (!showTooltip) return segment;\n\n            return (\n              <Tooltip key={seg.key} defaultOpen={index === defaultOpenIndex}>\n                <TooltipTrigger render={segment} />\n                <CategoryBarSegmentTooltip\n                  chartId={chartId}\n                  config={config}\n                  color={color}\n                  label={labelFor(seg.key)}\n                  percent={pctOf(seg.value)}\n                  segmentKey={seg.key}\n                  value={seg.value}\n                  valueFormatter={valueFormatter}\n                  renderContent={tooltipContent}\n                />\n              </Tooltip>\n            );\n          })}\n        </div>\n\n        {showLegend && (\n          <ul className=\"flex flex-wrap justify-between gap-x-6 gap-y-3\">\n            {data.map((seg) => (\n              <li key={seg.key} className=\"flex flex-col gap-1.5\">\n                <span className=\"flex items-center gap-1.5 text-sm leading-none text-muted-foreground\">\n                  <span\n                    className=\"size-2.5 shrink-0 rounded-sm\"\n                    style={{ backgroundColor: colorOf(seg.key) }}\n                  />\n                  {labelFor(seg.key)}\n                </span>\n                <span className=\"flex items-baseline gap-1.5 leading-none tabular-nums\">\n                  <span className=\"text-base font-semibold text-foreground\">\n                    {valueFormatter(seg.value)}\n                  </span>\n                  <span className=\"text-sm text-muted-foreground\">\n                    {pctOf(seg.value)}%\n                  </span>\n                </span>\n              </li>\n            ))}\n          </ul>\n        )}\n      </div>\n    );\n  }\n);\nCategoryBar.displayName = 'CategoryBar';\n\nexport { CategoryBar, categoryBarVariants };\n"],"names":["defaultFormat","value","categoryBarVariants","cva","CategoryBarSegmentTooltip","chartId","config","color","label","percent","segmentKey","valueFormatter","renderContent","jsxs","TooltipContent","cn","jsx","ChartStyle","Fragment","CategoryBar","React","className","data","size","showLegend","showTooltip","tooltipContent","defaultOpenIndex","ariaLabel","props","ref","total","sum","seg","labelFor","key","_a","labelTextFor","colorOf","pctOf","summary","index","segment","Tooltip","TooltipTrigger"],"mappings":"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"}

package/dist/components/ui/chart/chart-format.js

@@ -1,4 +1,4 @@
-function i(t) {
+function _(t) {
   switch (t) {
     case "auto":
       return ["auto", "auto"];
@@ -10,31 +10,161 @@ function i(t) {
       return;
   }
 }
-const r = (t) => {
+function S(t) {
+  if (t != null)
+    return t < 0 ? "end" : "start";
+}
+function p(t, n) {
+  if (!(!t && n == null))
+    return 30 + (n != null ? 20 : 0) + (t ? 18 : 0);
+}
+function E(t, n = "insideBottom", i = 0) {
+  if (t)
+    return { value: t, position: n, offset: i };
+}
+function L(t, n = "left") {
+  if (t)
+    return {
+      value: t,
+      angle: n === "left" ? -90 : 90,
+      position: n === "left" ? "insideLeft" : "insideRight",
+      style: { textAnchor: "middle" }
+    };
+}
+function T(t, n, i) {
+  if (n.length === 0) return;
+  const o = (e, f) => {
+    if (e === void 0) return f;
+    const a = n.findIndex((d) => d[i] === e);
+    return a !== -1 ? a : typeof e == "number" && Number.isInteger(e) && e >= 0 && e < n.length ? e : -1;
+  }, r = o(t.from, 0), s = o(t.to, n.length - 1);
+  if (!(r === -1 || s === -1 || r > s))
+    return [r, s];
+}
+function h(t) {
+  const { animate: n = !1, animationDuration: i, animationBegin: o, animationEasing: r } = t;
+  return {
+    isAnimationActive: n ? "auto" : !1,
+    ...i !== void 0 ? { animationDuration: i } : {},
+    ...o !== void 0 ? { animationBegin: o } : {},
+    ...r !== void 0 ? { animationEasing: r } : {}
+  };
+}
+const l = "fill-[var(--ui-text-on-surface-primary)]!", m = "fill-[var(--ui-text-on-status-strong-neutral)]!", v = 12, y = {
+  top: 16,
+  right: 24,
+  bottom: 5,
+  left: 12
+}, A = /* @__PURE__ */ new Set([
+  "center",
+  "centerTop",
+  "centerBottom",
+  "insideTop",
+  "insideBottom",
+  "insideLeft",
+  "insideRight",
+  "insideStart",
+  "insideEnd",
+  "end"
+]);
+function C(t) {
+  const { labelPosition: n, isStacked: i = !1, growingEnd: o = "top" } = t;
+  return n !== void 0 ? n : i ? "center" : o;
+}
+function x(t, n = {}) {
+  return n.translucentSeries ? l : A.has(t) ? m : l;
+}
+function I(t) {
+  if (t)
+    return (n) => n == null ? "" : t(n);
+}
+function N(t) {
+  return t ? Array.isArray(t) ? t : [t] : [];
+}
+function B(t, n, i) {
+  if (!t) return;
+  if (typeof t.value == "number") return t.value;
+  if (!t.average) return;
+  const o = typeof t.average == "string" ? [t.average] : i, r = n.flatMap(
+    (s) => o.map((e) => s[e]).filter((e) => typeof e == "number")
+  );
+  if (r.length !== 0)
+    return r.reduce((s, e) => s + e, 0) / r.length;
+}
+const c = "var(--ui-text-on-surface-secondary)";
+function F(t, n = "insideTopRight") {
+  return {
+    stroke: c,
+    strokeDasharray: "4 4",
+    ifOverflow: "extendDomain",
+    label: t ? {
+      value: t,
+      position: n,
+      fill: c,
+      fontSize: v
+    } : void 0
+  };
+}
+const g = 28, R = "Chart range selector";
+function H({
+  brushHeight: t,
+  brushAriaLabel: n = R
+}) {
+  return {
+    // recharts drops the brush entirely when height <= 0, which would turn
+    // `showBrush` into a silent no-op — treat a non-positive height as unset.
+    height: t != null && t > 0 ? t : g,
+    fill: "var(--ui-background-surface-secondary)",
+    stroke: "var(--ui-text-on-surface-secondary)",
+    travellerWidth: 8,
+    ariaLabel: n
+  };
+}
+const u = (t) => {
   if (typeof t == "string" && t.trim() === "") return null;
   const n = typeof t == "number" ? t : Number(t);
   return Number.isFinite(n) ? n : null;
-}, u = (t) => {
-  const n = r(t);
+}, k = (t) => {
+  const n = u(t);
   return n === null ? String(t) : new Intl.NumberFormat("en", {
     notation: "compact",
     maximumFractionDigits: 1
   }).format(n);
-}, c = (t) => {
-  const n = r(t);
+}, b = (t) => {
+  const n = u(t);
   return n === null ? String(t) : `${n}%`;
 };
-function m(t, n = "en") {
-  const a = new Intl.NumberFormat(n, t);
+function O(t, n = "en") {
+  const i = new Intl.NumberFormat(n, t);
   return (o) => {
-    const e = r(o);
-    return e === null ? String(o) : a.format(e);
+    const r = u(o);
+    return r === null ? String(o) : i.format(r);
   };
 }
 export {
-  m as createTickFormatter,
-  u as formatCompactNumber,
-  c as formatPercent,
-  i as resolveAxisDomain
+  R as CHART_BRUSH_ARIA_LABEL,
+  g as CHART_BRUSH_HEIGHT,
+  l as CHART_LABEL_FILL_CLASS,
+  m as CHART_LABEL_FILL_ON_SERIES_CLASS,
+  v as CHART_LABEL_FONT_SIZE,
+  y as CHART_LABEL_MARGIN,
+  c as CHART_REFERENCE_LINE_STROKE,
+  O as createTickFormatter,
+  k as formatCompactNumber,
+  b as formatPercent,
+  h as resolveAnimation,
+  _ as resolveAxisDomain,
+  H as resolveBrushProps,
+  C as resolveCartesianLabelPosition,
+  T as resolveCategoryRange,
+  B as resolveChartReferenceValue,
+  x as resolveLabelFillClass,
+  F as resolveReferenceLineProps,
+  S as resolveRotatedTickAnchor,
+  p as resolveXAxisHeight,
+  E as resolveXAxisTitle,
+  L as resolveYAxisTitle,
+  I as toLabelFormatter,
+  N as toReferenceLineList
 };
 //# sourceMappingURL=chart-format.js.map

package/dist/components/ui/chart/chart-format.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-format.js","sources":["../../../../src/components/ui/chart/chart-format.ts"],"sourcesContent":["// Shared axis helpers for the cartesian chart components (BarChart, LineChart,\n// AreaChart, ComposedChart, ScatterChart, ConfidenceCone, Histogram). Three\n// concerns live here so every chart formats + toggles axes the same way rather\n// than each reimplementing it:\n//\n//  1. `CartesianChartProps` — the common axis knobs each cartesian chart mixes\n//     into its own props (show/hide either axis, per-axis tick formatting).\n//  2. A small set of tick formatters (+ a factory) callers pass to\n//     `xTickFormatter` / `yTickFormatter`.\n//  3. `resolveAxisDomain` — maps the `yAxisDomain` preset to a recharts\n//     `domain`, shared so all 7 charts can't drift apart on it.\n//\n// These format only the axis *tick labels*; series colors and tokens are\n// unaffected. Formatters coerce to a number and pass non-numeric values through\n// untouched (a category axis stays readable if a formatter is applied to it).\n\nimport type { AxisDomainItem } from 'recharts';\n\nimport type { ChartTooltipContentType } from './chart';\n\n/** A recharts-compatible tick formatter: `(value, index) => label`. */\nexport type TickFormatter = (value: number | string, index?: number) => string;\n\n/**\n * Props shared by every cartesian chart (Bar, Line, Area, Composed, Scatter,\n * ConfidenceCone, Histogram) — chrome toggles, axis titles/units, tick\n * formatting/visibility, and grid trim. All optional. `showLegend` and `xUnit`\n * are deliberately *not* here: `showLegend` doesn't apply to `Histogram` and\n * `xUnit` only to charts with a numeric X axis, so they stay per-component.\n */\nexport interface CartesianChartProps {\n  /** Render the CartesianGrid. Defaults to `true`. */\n  showGrid?: boolean;\n  /** Render the hover tooltip. Defaults to `true`. */\n  showTooltip?: boolean;\n  /**\n   * Replace the default tooltip. Pass a configured `ChartTooltipContent` (from\n   * this library) — e.g. with a `formatter` / `labelFormatter` — to customize it\n   * without composing recharts yourself. Ignored when `showTooltip` is false.\n   */\n  tooltipContent?: ChartTooltipContentType;\n  /** Title rendered beneath the X axis. */\n  xAxisLabel?: string;\n  /** Title rendered beside the Y axis (rotated). */\n  yAxisLabel?: string;\n  /**\n   * Unit suffix appended to the Y axis's tick values (recharts `unit`) — applies\n   * when the Y axis is the numeric one. `BarChart` with\n   * `orientation=\"horizontal\"` puts the values on X instead; use `xUnit` there.\n   */\n  yUnit?: string;\n  /** Show the X axis (its ticks + title). Defaults to `true`. */\n  showXAxis?: boolean;\n  /** Show the Y axis (its ticks + title). Defaults to `true`. */\n  showYAxis?: boolean;\n  /** Format each X-axis tick value — e.g. `formatCompactNumber` or a `createTickFormatter(...)`. */\n  xTickFormatter?: TickFormatter;\n  /** Format each Y-axis tick value — e.g. `formatCompactNumber` or a `createTickFormatter(...)`. */\n  yTickFormatter?: TickFormatter;\n  /**\n   * Rotate the X-axis tick labels by this many degrees. A negative angle (e.g.\n   * `-45`) tilts them up toward the right; the tick anchor + axis height adjust\n   * to keep long labels readable.\n   */\n  xAxisAngle?: number;\n  /**\n   * X-axis tick density — a recharts placement strategy, or a fixed number of\n   * ticks to *skip* between two rendered ones (recharts `interval`: `0` shows\n   * every tick, `1` every other one, `2` every third, …).\n   */\n  xAxisInterval?:\n    | number\n    | 'preserveStart'\n    | 'preserveEnd'\n    | 'preserveStartEnd'\n    | 'equidistantPreserveStart';\n  /**\n   * Desired number of ticks on the value axis (recharts `tickCount`; a hint, not\n   * exact). Applies to whichever axis holds the values — Y for most charts, X for\n   * `BarChart` with `orientation=\"horizontal\"`.\n   */\n  yAxisTickCount?: number;\n  /**\n   * Value-axis domain preset. Applies to whichever axis holds the values — Y for\n   * most charts, X for `BarChart` with `orientation=\"horizontal\"`.\n   *\n   * - `auto` — fit the data at both ends; the axis need not include 0.\n   * - `zero` — anchor the axis at 0. This is also recharts' behavior when the\n   *   prop is omitted, so it's the explicit form of the default.\n   * - `dataMin-dataMax` — tight to the data, with no padding.\n   */\n  yAxisDomain?: 'auto' | 'dataMin-dataMax' | 'zero';\n  /** Draw grid lines dashed instead of solid. */\n  gridDashed?: boolean;\n  /** Show horizontal grid lines. Defaults to each chart's own default when unset. */\n  gridHorizontal?: boolean;\n  /** Show vertical grid lines. Defaults to each chart's own default when unset. */\n  gridVertical?: boolean;\n}\n\n/**\n * Map a `yAxisDomain` preset to a recharts `domain`. Shared by all 7 cartesian\n * charts, and applied to whichever axis holds the values (X for horizontal bars).\n *\n * `undefined` (no preset) is left to recharts, whose default is `[0, 'auto']` —\n * i.e. already zero-anchored. That's why `auto` has to be spelled out as\n * `['auto', 'auto']`: passing `undefined` for it would silently anchor at 0 and\n * make the preset indistinguishable from `zero`.\n */\nexport function resolveAxisDomain(\n  preset: 'auto' | 'dataMin-dataMax' | 'zero' | undefined\n): Readonly<[AxisDomainItem, AxisDomainItem]> | undefined {\n  switch (preset) {\n    case 'auto':\n      return ['auto', 'auto'];\n    case 'zero':\n      return [0, 'auto'];\n    case 'dataMin-dataMax':\n      return ['dataMin', 'dataMax'];\n    default:\n      return undefined;\n  }\n}\n\nconst toNumber = (value: number | string): number | null => {\n  // `Number('')` and `Number(' ')` are 0, not NaN — so blank strings have to be\n  // rejected before the finite check, or an empty tick label would render \"0\".\n  if (typeof value === 'string' && value.trim() === '') return null;\n  const n = typeof value === 'number' ? value : Number(value);\n  return Number.isFinite(n) ? n : null;\n};\n\n/**\n * Compact thousands/millions: `1234 → \"1.2K\"`, `1_500_000 → \"1.5M\"`. Non-numeric\n * values (including blank strings) pass through unchanged. Use for large-count\n * axes (revenue, users, …).\n *\n * Formats in `en`. For another locale use\n * `createTickFormatter({ notation: 'compact', maximumFractionDigits: 1 }, locale)`.\n */\nexport const formatCompactNumber: TickFormatter = (value) => {\n  const n = toNumber(value);\n  if (n === null) return String(value);\n  return new Intl.NumberFormat('en', {\n    notation: 'compact',\n    maximumFractionDigits: 1,\n  }).format(n);\n};\n\n/**\n * Append a percent sign to an already-scaled value: `41.8 → \"41.8%\"`. (The value\n * is treated as a percentage, not a 0–1 fraction.) Non-numeric values (including\n * blank strings) pass through.\n *\n * Appends a bare `%`, which is not how every locale writes it. For locale-correct\n * output on values that really are fractions, use\n * `createTickFormatter({ style: 'percent' }, locale)`.\n */\nexport const formatPercent: TickFormatter = (value) => {\n  const n = toNumber(value);\n  if (n === null) return String(value);\n  return `${n}%`;\n};\n\n/**\n * Build a tick formatter from `Intl.NumberFormat` options — the escape hatch for\n * currency, fixed decimals, or a specific locale. E.g.\n * `createTickFormatter({ style: 'currency', currency: 'USD', notation: 'compact' })`\n * → `146500 → \"$147K\"`. Non-numeric values pass through unchanged.\n */\nexport function createTickFormatter(\n  options: Intl.NumberFormatOptions,\n  locale = 'en'\n): TickFormatter {\n  const nf = new Intl.NumberFormat(locale, options);\n  return (value) => {\n    const n = toNumber(value);\n    return n === null ? String(value) : nf.format(n);\n  };\n}\n"],"names":["resolveAxisDomain","preset","toNumber","value","formatCompactNumber","formatPercent","createTickFormatter","options","locale","nf","n"],"mappings":"AA6GO,SAASA,EACdC,GACwD;AACxD,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO,CAAC,QAAQ,MAAM;AAAA,IACxB,KAAK;AACH,aAAO,CAAC,GAAG,MAAM;AAAA,IACnB,KAAK;AACH,aAAO,CAAC,WAAW,SAAS;AAAA,IAC9B;AACE;AAAA,EAAO;AAEb;AAEA,MAAMC,IAAW,CAACC,MAA0C;AAG1D,MAAI,OAAOA,KAAU,YAAYA,EAAM,KAAA,MAAW,GAAI,QAAO;AAC7D,QAAM,IAAI,OAAOA,KAAU,WAAWA,IAAQ,OAAOA,CAAK;AAC1D,SAAO,OAAO,SAAS,CAAC,IAAI,IAAI;AAClC,GAUaC,IAAqC,CAACD,MAAU;AAC3D,QAAM,IAAID,EAASC,CAAK;AACxB,SAAI,MAAM,OAAa,OAAOA,CAAK,IAC5B,IAAI,KAAK,aAAa,MAAM;AAAA,IACjC,UAAU;AAAA,IACV,uBAAuB;AAAA,EAAA,CACxB,EAAE,OAAO,CAAC;AACb,GAWaE,IAA+B,CAACF,MAAU;AACrD,QAAM,IAAID,EAASC,CAAK;AACxB,SAAI,MAAM,OAAa,OAAOA,CAAK,IAC5B,GAAG,CAAC;AACb;AAQO,SAASG,EACdC,GACAC,IAAS,MACM;AACf,QAAMC,IAAK,IAAI,KAAK,aAAaD,GAAQD,CAAO;AAChD,SAAO,CAACJ,MAAU;AAChB,UAAMO,IAAIR,EAASC,CAAK;AACxB,WAAOO,MAAM,OAAO,OAAOP,CAAK,IAAIM,EAAG,OAAOC,CAAC;AAAA,EACjD;AACF;"}
+{"version":3,"file":"chart-format.js","sources":["../../../../src/components/ui/chart/chart-format.ts"],"sourcesContent":["// Shared axis helpers for the cartesian chart components (BarChart, LineChart,\n// AreaChart, ComposedChart, ScatterChart, ConfidenceCone, Histogram). Three\n// concerns live here so every chart formats + toggles axes the same way rather\n// than each reimplementing it:\n//\n//  1. `CartesianChartProps` — the common axis knobs each cartesian chart mixes\n//     into its own props (show/hide either axis, per-axis tick formatting).\n//  2. A small set of tick formatters (+ a factory) callers pass to\n//     `xTickFormatter` / `yTickFormatter`.\n//  3. `resolveAxisDomain` — maps the `yAxisDomain` preset to a recharts\n//     `domain`, shared so all 7 charts can't drift apart on it.\n//\n// These format only the axis *tick labels*; series colors and tokens are\n// unaffected. Formatters coerce to a number and pass non-numeric values through\n// untouched (a category axis stays readable if a formatter is applied to it).\n\nimport type { AxisDomainItem } from 'recharts';\n\nimport type { ChartTooltipContentType } from './chart';\n\n/** A recharts-compatible tick formatter: `(value, index) => label`. */\nexport type TickFormatter = (value: number | string, index?: number) => string;\n\n/**\n * Props shared by every cartesian chart (Bar, Line, Area, Composed, Scatter,\n * ConfidenceCone, Histogram) — chrome toggles, axis titles/units, tick\n * formatting/visibility, and grid trim. All optional. `showLegend` and `xUnit`\n * are deliberately *not* here: `showLegend` doesn't apply to `Histogram` and\n * `xUnit` only to charts with a numeric X axis, so they stay per-component.\n */\nexport interface CartesianChartProps {\n  /** Render the CartesianGrid. Defaults to `true`. */\n  showGrid?: boolean;\n  /** Render the hover tooltip. Defaults to `true`. */\n  showTooltip?: boolean;\n  /**\n   * Replace the default tooltip. Pass a configured `ChartTooltipContent` (from\n   * this library) — e.g. with a `formatter` / `labelFormatter` — to customize it\n   * without composing recharts yourself. Ignored when `showTooltip` is false.\n   */\n  tooltipContent?: ChartTooltipContentType;\n  /** Title rendered beneath the X axis. */\n  xAxisLabel?: string;\n  /** Title rendered beside the Y axis (rotated). */\n  yAxisLabel?: string;\n  /**\n   * Unit suffix appended to the Y axis's tick values (recharts `unit`) — applies\n   * when the Y axis is the numeric one. `BarChart` with\n   * `orientation=\"horizontal\"` puts the values on X instead; use `xUnit` there.\n   */\n  yUnit?: string;\n  /** Show the X axis (its ticks + title). Defaults to `true`. */\n  showXAxis?: boolean;\n  /** Show the Y axis (its ticks + title). Defaults to `true`. */\n  showYAxis?: boolean;\n  /** Format each X-axis tick value — e.g. `formatCompactNumber` or a `createTickFormatter(...)`. */\n  xTickFormatter?: TickFormatter;\n  /** Format each Y-axis tick value — e.g. `formatCompactNumber` or a `createTickFormatter(...)`. */\n  yTickFormatter?: TickFormatter;\n  /**\n   * Rotate the X-axis tick labels by this many degrees. A negative angle (e.g.\n   * `-45`) tilts them up toward the right; the tick anchor + axis height adjust\n   * to keep long labels readable.\n   */\n  xAxisAngle?: number;\n  /**\n   * X-axis tick density — a recharts placement strategy, or a fixed number of\n   * ticks to *skip* between two rendered ones (recharts `interval`: `0` shows\n   * every tick, `1` every other one, `2` every third, …).\n   */\n  xAxisInterval?:\n    | number\n    | 'preserveStart'\n    | 'preserveEnd'\n    | 'preserveStartEnd'\n    | 'equidistantPreserveStart';\n  /**\n   * Desired number of ticks on the value axis (recharts `tickCount`; a hint, not\n   * exact). Applies to whichever axis holds the values — Y for most charts, X for\n   * `BarChart` with `orientation=\"horizontal\"`.\n   */\n  yAxisTickCount?: number;\n  /**\n   * Value-axis domain preset. Applies to whichever axis holds the values — Y for\n   * most charts, X for `BarChart` with `orientation=\"horizontal\"`.\n   *\n   * - `auto` — fit the data at both ends; the axis need not include 0.\n   * - `zero` — anchor the axis at 0. This is also recharts' behavior when the\n   *   prop is omitted, so it's the explicit form of the default.\n   * - `dataMin-dataMax` — tight to the data, with no padding.\n   */\n  yAxisDomain?: 'auto' | 'dataMin-dataMax' | 'zero';\n  /** Draw grid lines dashed instead of solid. */\n  gridDashed?: boolean;\n  /** Show horizontal grid lines. Defaults to each chart's own default when unset. */\n  gridHorizontal?: boolean;\n  /** Show vertical grid lines. Defaults to each chart's own default when unset. */\n  gridVertical?: boolean;\n}\n\n/**\n * Map a `yAxisDomain` preset to a recharts `domain`. Shared by all 7 cartesian\n * charts, and applied to whichever axis holds the values (X for horizontal bars).\n *\n * `undefined` (no preset) is left to recharts, whose default is `[0, 'auto']` —\n * i.e. already zero-anchored. That's why `auto` has to be spelled out as\n * `['auto', 'auto']`: passing `undefined` for it would silently anchor at 0 and\n * make the preset indistinguishable from `zero`.\n */\nexport function resolveAxisDomain(\n  preset: 'auto' | 'dataMin-dataMax' | 'zero' | undefined\n): Readonly<[AxisDomainItem, AxisDomainItem]> | undefined {\n  switch (preset) {\n    case 'auto':\n      return ['auto', 'auto'];\n    case 'zero':\n      return [0, 'auto'];\n    case 'dataMin-dataMax':\n      return ['dataMin', 'dataMax'];\n    default:\n      return undefined;\n  }\n}\n\n/**\n * `text-anchor` for a rotated X tick row, so the tick's text ends (or begins) at\n * the tick it labels instead of straddling it. Shared by all 7 cartesian charts.\n *\n * A tick rotated anti-clockwise trails off to the lower left, so it must be\n * anchored at its end; a clockwise one trails to the lower right and is anchored\n * at its start. Only an *omitted* angle keeps recharts' own default (`middle`):\n * the branch is on `angle < 0`, so `angle={0}` anchors at `start` like any\n * clockwise rotation. A caller that normalises \"upright\" to `0` instead of\n * leaving `xAxisAngle` off therefore gets the rotated-tick treatment — here and\n * in `resolveXAxisHeight`.\n */\nexport function resolveRotatedTickAnchor(\n  angle: number | undefined\n): 'start' | 'end' | undefined {\n  if (angle == null) return undefined;\n  return angle < 0 ? 'end' : 'start';\n}\n\n/**\n * Height to reserve for the X tick row, or `undefined` to keep recharts' own\n * default. Shared by all 7 cartesian charts.\n *\n * recharts' default 30 covers one upright tick row and nothing else, so a\n * rotated row (+20) and an axis title (+18) each need their own allowance. The\n * two are additive rather than exclusive — a chart can rotate its ticks *and*\n * title the axis, which a label-or-angle ternary under-allocates.\n *\n * The +20 keys off the angle being *present*, not non-zero, so `angle={0}`\n * reserves the rotated row's height as well — the same edge case\n * `resolveRotatedTickAnchor` has, kept consistent between the two.\n */\nexport function resolveXAxisHeight(\n  label: string | undefined,\n  angle: number | undefined\n): number | undefined {\n  if (!label && angle == null) return undefined;\n  return 30 + (angle != null ? 20 : 0) + (label ? 18 : 0);\n}\n\n/**\n * recharts `label` for an X axis title, placed below the tick row. Shared by all\n * 7 cartesian charts; `insideTop` is for a secondary scale on the top edge.\n */\nexport function resolveXAxisTitle(\n  label: string | undefined,\n  position: 'insideBottom' | 'insideTop' = 'insideBottom',\n  offset = 0\n) {\n  if (!label) return undefined;\n  return { value: label, position, offset };\n}\n\n/**\n * recharts `label` for a rotated value-axis title, angled so it reads from the\n * outside in — upward on a left axis (the convention), downward on a right one,\n * where -90° would put the text's baseline against the plot. Shared by all 7\n * cartesian charts; only `ComposedChart` currently uses the right-hand side.\n */\nexport function resolveYAxisTitle(\n  label: string | undefined,\n  orientation: 'left' | 'right' = 'left'\n) {\n  if (!label) return undefined;\n  return {\n    value: label,\n    angle: orientation === 'left' ? -90 : 90,\n    position:\n      orientation === 'left' ? ('insideLeft' as const) : ('insideRight' as const),\n    style: { textAnchor: 'middle' as const },\n  };\n}\n\n/**\n * A category range on a cartesian chart: `from`/`to` accept either the\n * category's value (an `xKey` cell, e.g. `'Sep'`) or its 0-based row index. Both\n * ends are inclusive, and either can be omitted to run to that end of the data.\n * Shared by the charts that scope something to a slice of the categories — a\n * reference band, a per-series style override.\n */\nexport interface ChartCategoryRange {\n  from?: string | number;\n  to?: string | number;\n}\n\n/**\n * Resolve a category range to inclusive row indices. A bound is either the\n * category's own value (matched against the `xKey` cell) or a 0-based index;\n * an omitted bound runs to that end of the data. Returns `undefined` when the\n * data is empty or the range resolves to nothing (an unknown value, or a `to`\n * that lands before its `from`).\n *\n * Exported for unit tests; not part of the package's public API.\n */\nexport function resolveCategoryRange(\n  range: ChartCategoryRange,\n  data: ReadonlyArray<Record<string, unknown>>,\n  xKey: string\n): [number, number] | undefined {\n  if (data.length === 0) return undefined;\n\n  const resolve = (bound: string | number | undefined, fallback: number) => {\n    if (bound === undefined) return fallback;\n    // A numeric bound is an index unless the categories are numbers themselves,\n    // in which case matching a category value is the more useful reading.\n    const asValue = data.findIndex((row) => row[xKey] === bound);\n    if (asValue !== -1) return asValue;\n    if (typeof bound === 'number' && Number.isInteger(bound)) {\n      return bound >= 0 && bound < data.length ? bound : -1;\n    }\n    return -1;\n  };\n\n  const start = resolve(range.from, 0);\n  const end = resolve(range.to, data.length - 1);\n  if (start === -1 || end === -1 || start > end) return undefined;\n  return [start, end];\n}\n\n/**\n * Which value axis a series is measured against, on a chart that can carry two.\n *\n * `secondary` is the opt-in: the second axis exists only when at least one series\n * asks for it, so a chart whose series all leave this unset keeps the single\n * shared scale — and its recharts output — exactly as before.\n */\nexport type ChartYAxisTarget = 'primary' | 'secondary';\n\n/**\n * Second value-axis props, for a chart whose series can be measured on two\n * independent scales. **Only `ComposedChart` implements these today.** It is the\n * one chart in the suite where two scales are unambiguous: its series already\n * differ in mark type, so a bar read against the left axis and a line against the\n * right can't be mistaken for two marks sharing one. On a single-mark chart (Bar,\n * Area) two scales invite comparing heights that aren't comparable, which is why\n * these props are not mixed into `CartesianChartProps`.\n *\n * The primary axis is configured through `CartesianChartProps` (`yAxisLabel`,\n * `yUnit`, `yTickFormatter`, `yAxisTickCount`, `yAxisDomain`, `showYAxis`); every\n * `secondary*` prop here is its counterpart on the second axis, so the two scales\n * format and bound themselves independently, and each is inert until a series\n * selects that axis.\n *\n * `yAxisOrientation` is the exception on both counts: it places the *primary*\n * axis, and it applies whether or not a second one exists. It lives here because\n * it is only meaningful once a chart can mirror a pair of axes — a single-axis\n * chart has no second side to give up.\n */\nexport interface SecondaryYAxisProps {\n  /**\n   * Which side the *primary* value axis sits on. Defaults to `left`. The secondary\n   * axis always takes the opposite side. Unlike the `secondary*` props below, this\n   * one applies to a single-scale chart too.\n   *\n   * Inert on a chart whose marks grow horizontally: the value axis is X there, so\n   * the primary sits along the bottom edge and the secondary along the top, and\n   * neither has a left/right side to pick.\n   */\n  yAxisOrientation?: 'left' | 'right';\n  /**\n   * Show the secondary axis's ticks + title. Defaults to `true`. Setting it false\n   * keeps the second *scale* (series still measure against it) and only drops its\n   * chrome — the same meaning `showYAxis` has for the primary axis.\n   */\n  showSecondaryYAxis?: boolean;\n  /** Title rendered beside the secondary axis (rotated). */\n  secondaryYAxisLabel?: string;\n  /** Unit suffix appended to the secondary axis's tick values (recharts `unit`). */\n  secondaryYUnit?: string;\n  /** Format each secondary-axis tick value — the counterpart of `yTickFormatter`. */\n  secondaryYTickFormatter?: TickFormatter;\n  /** Desired number of ticks on the secondary axis (recharts `tickCount`; a hint, not exact). */\n  secondaryYAxisTickCount?: number;\n  /** Domain preset for the secondary axis — same presets as `yAxisDomain`. */\n  secondaryYAxisDomain?: 'auto' | 'dataMin-dataMax' | 'zero';\n}\n\n/**\n * How a series interpolates between its points (recharts `type`), shared by the\n * Line and Area families so both offer the same set:\n *\n * - `linear` — straight segments between points.\n * - `monotone` — smoothed, without overshooting a point's value.\n * - `natural` — a natural cubic spline; smoother than `monotone`, but it may\n *   overshoot, so read it as a trend rather than exact values.\n * - `basis` — a B-spline that is *not* required to pass through the points at\n *   all; the smoothest option, and the least literal.\n * - `step` — right-angle segments, changing value at the midpoint between two\n *   points; `stepBefore` changes at the leading point and `stepAfter` at the\n *   trailing one.\n */\nexport type ChartCurveType =\n  | 'linear'\n  | 'monotone'\n  | 'natural'\n  | 'basis'\n  | 'step'\n  | 'stepBefore'\n  | 'stepAfter';\n\n/** recharts animation easing curves. */\nexport type ChartAnimationEasing =\n  | 'ease'\n  | 'ease-in'\n  | 'ease-out'\n  | 'ease-in-out'\n  | 'linear';\n\n/**\n * Entrance-animation props shared by *every* chart type (not just the cartesian\n * ones) — charts hardcode `isAnimationActive={false}` otherwise. All optional and\n * off by default, so an unset chart renders byte-identically to before (and its\n * VR baselines stay stable). Spread `resolveAnimation(props)` onto each series.\n */\nexport interface ChartAnimationProps {\n  /** Enable entrance animation. Defaults to `false` (keeps output/baselines stable). */\n  animate?: boolean;\n  /** Animation duration in ms (recharts `animationDuration`). */\n  animationDuration?: number;\n  /** Delay before the animation starts, in ms (recharts `animationBegin`). */\n  animationBegin?: number;\n  /** Easing curve (recharts `animationEasing`). */\n  animationEasing?: ChartAnimationEasing;\n}\n\n/** The resolved recharts animation props to spread onto a series/shape. */\nexport interface ResolvedAnimation {\n  isAnimationActive: boolean | 'auto';\n  animationDuration?: number;\n  animationBegin?: number;\n  animationEasing?: ChartAnimationEasing;\n}\n\n/**\n * Turn the shared `ChartAnimationProps` into the recharts series props. The\n * timing props only appear when given, so an unset chart spreads exactly\n * `{ isAnimationActive: false }` — the previous hardcoded value.\n *\n * `animate` maps to recharts' `'auto'`, not to a literal `true`: `'auto'` is the\n * only value that honors `prefers-reduced-motion` (and disables the animation in\n * SSR). recharts resolves it as\n * `isActive = isActiveProp === 'auto' ? !isSsr && !prefersReducedMotion : isActiveProp`,\n * so a literal `true` would force motion on users who asked for none — this\n * library has no other reduced-motion escape hatch.\n */\nexport function resolveAnimation(props: ChartAnimationProps): ResolvedAnimation {\n  const { animate = false, animationDuration, animationBegin, animationEasing } =\n    props;\n  return {\n    isAnimationActive: animate ? 'auto' : false,\n    ...(animationDuration !== undefined ? { animationDuration } : {}),\n    ...(animationBegin !== undefined ? { animationBegin } : {}),\n    ...(animationEasing !== undefined ? { animationEasing } : {}),\n  };\n}\n\n/** Where a data label sits on a cartesian series (recharts `LabelList` position). */\nexport type CartesianLabelPosition =\n  | 'top'\n  | 'bottom'\n  | 'left'\n  | 'right'\n  | 'center'\n  | 'insideTop'\n  | 'insideBottom'\n  | 'insideLeft'\n  | 'insideRight'\n  | 'insideStart'\n  | 'insideEnd';\n\n/**\n * Where a data label sits on a *polar* series (Pie, RadialBar). Deliberately not\n * `CartesianLabelPosition`: recharts routes a polar label list through\n * `getAttrsOfPolarLabel` / `renderRadialLabel`, which understand only these\n * seven values — every cartesian-only position (`top`, `insideLeft`, …) silently\n * collapses to the same mid-radius placement, so offering them would advertise\n * distinctions that don't exist.\n */\nexport type PolarLabelPosition =\n  | 'outside'\n  | 'center'\n  | 'centerTop'\n  | 'centerBottom'\n  | 'insideStart'\n  | 'insideEnd'\n  | 'end';\n\n/** Any position accepted by the suite's data labels. */\nexport type ChartLabelPosition = CartesianLabelPosition | PolarLabelPosition;\n\n/**\n * Data-label props shared by the charts that can annotate each point/segment with\n * its value. `labelPosition` stays per-chart (the valid position set differs by\n * family), but `showLabels` + `labelFormatter` are common. Label formatting reuses\n * the same `TickFormatter` type as the axes, so a label and its axis read the same.\n */\nexport interface ChartDataLabelProps {\n  /** Render a value label on each data point/segment. Defaults to `false`. */\n  showLabels?: boolean;\n  /** Format each label value — pass the same formatter used on the value axis. */\n  labelFormatter?: TickFormatter;\n}\n\n/**\n * Fill for a label that sits on the chart *surface* — i.e. an outside position\n * (`top`, `right`, polar `outside`). Inverts with the theme, so it only works\n * against the surface background.\n */\nexport const CHART_LABEL_FILL_CLASS = 'fill-[var(--ui-text-on-surface-primary)]!';\n\n/**\n * Fill for a label that sits on an *opaque series fill* — any `inside*`\n * position, a polar mid-radius/centroid placement, or a stacked bar/arc segment\n * (an area's fill is translucent, so it uses the on-surface token). The on-surface\n * token must not be used there: it resolves near-white in dark mode and drops to\n * ~1.6:1 against the saturated status/brand fills the charts colour series with,\n * failing the `accessibility/contrast` grammar rule (`must`, WCAG 1.4.3). This is\n * the same \"text on a strong colored surface\" token `Treemap` already uses; it is\n * white in both themes, so it holds up over every series colour.\n */\nexport const CHART_LABEL_FILL_ON_SERIES_CLASS =\n  'fill-[var(--ui-text-on-status-strong-neutral)]!';\n\nexport const CHART_LABEL_FONT_SIZE = 12;\n\n/**\n * Plot-area inset to apply when a Line/Area series carries outside data labels.\n * recharts hands those label lists `parentViewBox: undefined` (its own source\n * calls this out as a bug in `cartesian/Line.js`), so `getCartesianPosition`'s\n * `clamp` has nothing to clamp against and the first/last point's value is cut\n * off at the SVG edge. Widening the margin is the only lever a composition over\n * recharts has. `Bar` does pass a `parentViewBox`, so bar series don't need it.\n */\nexport const CHART_LABEL_MARGIN = {\n  top: 16,\n  right: 24,\n  bottom: 5,\n  left: 12,\n} as const;\n\n/** Positions that draw the label on top of the series fill rather than the surface. */\nconst ON_SERIES_LABEL_POSITIONS = new Set<ChartLabelPosition>([\n  'center',\n  'centerTop',\n  'centerBottom',\n  'insideTop',\n  'insideBottom',\n  'insideLeft',\n  'insideRight',\n  'insideStart',\n  'insideEnd',\n  'end',\n]);\n\n/**\n * Resolve where a cartesian value label sits, given the caller's override, the\n * layout, and the position of the series' growing end (`top` for a vertical bar\n * or a line/area point, `right` for a horizontal bar).\n *\n * The stacked branch is the reason this isn't inlined: a stacked segment has no\n * free space at its growing end — the next segment is drawn there — so a `top`\n * label lands *inside* its neighbour rather than over its own segment. Centring\n * it in its own segment is the readable placement; `resolveLabelFillClass` then\n * pairs it with the fill that has contrast over that family's series colour.\n */\nexport function resolveCartesianLabelPosition(options: {\n  labelPosition?: CartesianLabelPosition;\n  isStacked?: boolean;\n  growingEnd?: CartesianLabelPosition;\n}): CartesianLabelPosition {\n  const { labelPosition, isStacked = false, growingEnd = 'top' } = options;\n  if (labelPosition !== undefined) return labelPosition;\n  return isStacked ? 'center' : growingEnd;\n}\n\n/**\n * Pick the label fill that actually has contrast at `position`. Callers must pass\n * the *resolved* position (after their own default), never `undefined` for a\n * polar chart — recharts' polar fallback is a mid-radius placement, which is on\n * the fill even though no `inside*` value was given.\n *\n * Returns a `className`, not a `fill` attribute, and the utility is `!`-flagged:\n * the cartesian charts scope `[&_.recharts-label]:fill-foreground` on their\n * container to theme axis titles, and a `LabelList`'s text carries\n * `.recharts-label` too — so a CSS rule would quietly beat an SVG presentation\n * attribute and undo the contrast fix.\n *\n * `translucentSeries` opts a family out of the on-fill token: an area's fill is\n * a gradient (0.8 → 0.1 alpha) or a flat `fillOpacity`, so what sits behind the\n * label is the surface tinted by the series colour, not the series colour. The\n * white on-fill token disappears into it in light mode — the theme-inverting\n * on-surface token is the readable one there, and stays white in dark mode.\n */\nexport function resolveLabelFillClass(\n  position: ChartLabelPosition,\n  options: { translucentSeries?: boolean } = {}\n): string {\n  if (options.translucentSeries) return CHART_LABEL_FILL_CLASS;\n  return ON_SERIES_LABEL_POSITIONS.has(position)\n    ? CHART_LABEL_FILL_ON_SERIES_CLASS\n    : CHART_LABEL_FILL_CLASS;\n}\n\n/**\n * Adapt a `TickFormatter` to recharts' `LabelList` `formatter` prop, whose value\n * type is wider. Returns `undefined` when no formatter is given, so a label\n * renders its raw value. Lets labels reuse the same formatters as the value axis.\n *\n * Null/undefined is filtered out rather than forwarded: recharts builds a label\n * entry for *every* point including the null ones that `connectNulls` is meant to\n * bridge, and the tick formatters coerce (`formatCompactNumber(null)` is `\"0\"`,\n * `formatPercent(undefined)` is `\"undefined\"`) — which would paint a phantom\n * value over an intentional gap.\n */\nexport function toLabelFormatter(\n  formatter: TickFormatter | undefined\n): ((value: unknown) => string) | undefined {\n  if (!formatter) return undefined;\n  return (value: unknown) =>\n    value == null ? '' : formatter(value as number | string);\n}\n\n/** Where a reference line's caption sits relative to the rule. */\nexport type ChartReferenceLabelPosition =\n  | 'top'\n  | 'insideTopLeft'\n  | 'insideTopRight'\n  | 'insideBottomLeft'\n  | 'insideBottomRight';\n\n/**\n * A dashed rule across the value axis — a target, a threshold, or a series\n * average. Shared by the cartesian charts that draw one (`BarChart`,\n * `LineChart`, `AreaChart`) so the config reads the same on all three.\n */\nexport interface ChartReferenceLine {\n  /** Fixed position on the value axis. Takes precedence over `average`. */\n  value?: number;\n  /**\n   * Draw the line at the mean of one series (a `dataKeys` entry) or, when\n   * `true`, of every plotted series' values.\n   */\n  average?: boolean | string;\n  /** Optional caption rendered alongside the line. */\n  label?: string;\n  /**\n   * Where the caption sits. Defaults to the chart's own placement — move it\n   * when the rule lands where the series already is and the two collide.\n   */\n  labelPosition?: ChartReferenceLabelPosition;\n}\n\n/**\n * Normalize the `referenceLine` prop — a single config or an array — to a list.\n * Every chart accepts both forms, so this keeps the render path uniform.\n */\nexport function toReferenceLineList(\n  referenceLine: ChartReferenceLine | ChartReferenceLine[] | undefined\n): ChartReferenceLine[] {\n  if (!referenceLine) return [];\n  return Array.isArray(referenceLine) ? referenceLine : [referenceLine];\n}\n\n/**\n * Resolve a `referenceLine` config to a position on the value axis: a fixed\n * `value` wins; otherwise the mean of the requested series (a single `dataKeys`\n * entry, or all of them when `average` is `true`). Returns `undefined` when\n * there is nothing to draw (no config, or no numeric values to average) — the\n * caller skips the line rather than drawing it at 0.\n *\n * Rows are `unknown`-valued because `ComposedChart` types its data that way; the\n * body only ever reads cells that are numbers, so a wider row type costs nothing\n * and saves every caller a cast.\n */\nexport function resolveChartReferenceValue(\n  referenceLine: ChartReferenceLine | undefined,\n  data: ReadonlyArray<Record<string, unknown>>,\n  dataKeys: string[]\n): number | undefined {\n  if (!referenceLine) return undefined;\n  if (typeof referenceLine.value === 'number') return referenceLine.value;\n  if (!referenceLine.average) return undefined;\n\n  const keys =\n    typeof referenceLine.average === 'string'\n      ? [referenceLine.average]\n      : dataKeys;\n  const nums = data.flatMap((row) =>\n    keys\n      .map((key) => row[key])\n      .filter((value): value is number => typeof value === 'number')\n  );\n  if (nums.length === 0) return undefined;\n  return nums.reduce((sum, n) => sum + n, 0) / nums.length;\n}\n\n/**\n * Stroke (and caption fill) of a reference rule. The muted text token, so the\n * rule reads as annotation rather than as another series — and stays legible in\n * both themes without competing with the series colors.\n */\nexport const CHART_REFERENCE_LINE_STROKE =\n  'var(--ui-text-on-surface-secondary)';\n\n/**\n * The recharts props that paint a reference rule: a dashed line in the muted\n * text token with an optional caption. Shared so the three charts that draw one\n * can't drift on the stroke, dash pattern, or caption styling.\n *\n * `labelPosition` is the chart's default placement; a config's own\n * `labelPosition` overrides it at the call site.\n *\n * `ifOverflow: 'extendDomain'` is part of the contract, not a detail: a target\n * above the data maximum is exactly the case a reference line is for, and\n * recharts' default (`discard`) would silently drop it.\n */\nexport function resolveReferenceLineProps(\n  label: string | undefined,\n  labelPosition: ChartReferenceLabelPosition = 'insideTopRight'\n) {\n  return {\n    stroke: CHART_REFERENCE_LINE_STROKE,\n    strokeDasharray: '4 4',\n    ifOverflow: 'extendDomain' as const,\n    label: label\n      ? {\n          value: label,\n          position: labelPosition,\n          fill: CHART_REFERENCE_LINE_STROKE,\n          fontSize: CHART_LABEL_FONT_SIZE,\n        }\n      : undefined,\n  };\n}\n\n/**\n * Range-brush props for the cartesian charts that support one — `BarChart`,\n * `LineChart`, `AreaChart`, `ComposedChart`. Deliberately not folded into\n * `CartesianChartProps`: `ScatterChart` plots a continuous X (the brush indexes\n * rows, not values) and `Histogram` / `ConfidenceCone` render a derived series,\n * so a brush over their row order would slice the wrong thing.\n */\nexport interface ChartBrushProps {\n  /**\n   * Render a range brush beneath the chart — drag its handles (or the selected\n   * window) to zoom the series to a slice of the data. Defaults to `false`.\n   */\n  showBrush?: boolean;\n  /** Height of the brush strip in px. Defaults to 28. */\n  brushHeight?: number;\n  /**\n   * Accessible name for the brush's two range handles. Both are focusable\n   * `role=\"slider\"` elements, so they need one. Defaults to\n   * `'Chart range selector'`.\n   */\n  brushAriaLabel?: string;\n}\n\n/**\n * Height of the brush strip. recharts' own default is 40, which eats an eighth\n * of a 320px-tall dashboard widget; 28 still fits the travellers and the\n * range captions.\n */\nexport const CHART_BRUSH_HEIGHT = 28;\n\n/**\n * Accessible name for the brush handles. recharts' own fallback is\n * `\"Min value: \".concat(start, \", Max value: \").concat(end)`, where both halves\n * come from a `name` property on the data row — a field none of our charts\n * require, so it announces \"Min value: undefined, Max value: undefined\". Always\n * pass `ariaLabel` to suppress it.\n */\nexport const CHART_BRUSH_ARIA_LABEL = 'Chart range selector';\n\n/** The resolved recharts brush props to spread onto a `<Brush>`. */\nexport interface ResolvedBrush {\n  height: number;\n  fill: string;\n  stroke: string;\n  travellerWidth: number;\n  ariaLabel: string;\n}\n\n/**\n * Theme + size a recharts `<Brush>` from the shared `ChartBrushProps`.\n *\n * recharts derives the *whole* brush from two color props, so both have to be\n * chosen for every element they reach (`cartesian/Brush.js`):\n * - `fill` paints only the strip's background rect.\n * - `stroke` paints its border, the traveller handles' **fill**, the selected\n *   window at 20% opacity, and the range caption text.\n *\n * Hence the mid-grey text token rather than the border one: the travellers are\n * solid `stroke`-colored rects with two hardcoded `#fff` grip lines drawn on\n * top, so a pale stroke would render the grips invisible in light mode. That\n * token is theme-stable (same grey in light and dark), and white grips read\n * against it either way.\n */\nexport function resolveBrushProps({\n  brushHeight,\n  brushAriaLabel = CHART_BRUSH_ARIA_LABEL,\n}: Omit<ChartBrushProps, 'showBrush'>): ResolvedBrush {\n  return {\n    // recharts drops the brush entirely when height <= 0, which would turn\n    // `showBrush` into a silent no-op — treat a non-positive height as unset.\n    height:\n      brushHeight != null && brushHeight > 0 ? brushHeight : CHART_BRUSH_HEIGHT,\n    fill: 'var(--ui-background-surface-secondary)',\n    stroke: 'var(--ui-text-on-surface-secondary)',\n    travellerWidth: 8,\n    ariaLabel: brushAriaLabel,\n  };\n}\n\nconst toNumber = (value: number | string): number | null => {\n  // `Number('')` and `Number(' ')` are 0, not NaN — so blank strings have to be\n  // rejected before the finite check, or an empty tick label would render \"0\".\n  if (typeof value === 'string' && value.trim() === '') return null;\n  const n = typeof value === 'number' ? value : Number(value);\n  return Number.isFinite(n) ? n : null;\n};\n\n/**\n * Compact thousands/millions: `1234 → \"1.2K\"`, `1_500_000 → \"1.5M\"`. Non-numeric\n * values (including blank strings) pass through unchanged. Use for large-count\n * axes (revenue, users, …).\n *\n * Formats in `en`. For another locale use\n * `createTickFormatter({ notation: 'compact', maximumFractionDigits: 1 }, locale)`.\n */\nexport const formatCompactNumber: TickFormatter = (value) => {\n  const n = toNumber(value);\n  if (n === null) return String(value);\n  return new Intl.NumberFormat('en', {\n    notation: 'compact',\n    maximumFractionDigits: 1,\n  }).format(n);\n};\n\n/**\n * Append a percent sign to an already-scaled value: `41.8 → \"41.8%\"`. (The value\n * is treated as a percentage, not a 0–1 fraction.) Non-numeric values (including\n * blank strings) pass through.\n *\n * Appends a bare `%`, which is not how every locale writes it. For locale-correct\n * output on values that really are fractions, use\n * `createTickFormatter({ style: 'percent' }, locale)`.\n */\nexport const formatPercent: TickFormatter = (value) => {\n  const n = toNumber(value);\n  if (n === null) return String(value);\n  return `${n}%`;\n};\n\n/**\n * Build a tick formatter from `Intl.NumberFormat` options — the escape hatch for\n * currency, fixed decimals, or a specific locale. E.g.\n * `createTickFormatter({ style: 'currency', currency: 'USD', notation: 'compact' })`\n * → `146500 → \"$147K\"`. Non-numeric values pass through unchanged.\n */\nexport function createTickFormatter(\n  options: Intl.NumberFormatOptions,\n  locale = 'en'\n): TickFormatter {\n  const nf = new Intl.NumberFormat(locale, options);\n  return (value) => {\n    const n = toNumber(value);\n    return n === null ? String(value) : nf.format(n);\n  };\n}\n"],"names":["resolveAxisDomain","preset","resolveRotatedTickAnchor","angle","resolveXAxisHeight","label","resolveXAxisTitle","position","offset","resolveYAxisTitle","orientation","resolveCategoryRange","range","data","xKey","resolve","bound","fallback","asValue","row","start","end","resolveAnimation","props","animate","animationDuration","animationBegin","animationEasing","CHART_LABEL_FILL_CLASS","CHART_LABEL_FILL_ON_SERIES_CLASS","CHART_LABEL_FONT_SIZE","CHART_LABEL_MARGIN","ON_SERIES_LABEL_POSITIONS","resolveCartesianLabelPosition","options","labelPosition","isStacked","growingEnd","resolveLabelFillClass","toLabelFormatter","formatter","value","toReferenceLineList","referenceLine","resolveChartReferenceValue","dataKeys","keys","nums","key","sum","n","CHART_REFERENCE_LINE_STROKE","resolveReferenceLineProps","CHART_BRUSH_HEIGHT","CHART_BRUSH_ARIA_LABEL","resolveBrushProps","brushHeight","brushAriaLabel","toNumber","formatCompactNumber","formatPercent","createTickFormatter","locale","nf"],"mappings":"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"}