@acronis-platform/ui-react 0.58.0 → 0.60.0

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

@@ -1,10 +1,11 @@
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import * as f from "react";
-import { cva as R } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { AreaChart as V, CartesianGrid as k, XAxis as w, YAxis as z, Area as B } from "recharts";
-import { cn as K } from "../../../lib/utils.js";
-import { ChartContainer as M, ChartTooltip as S, ChartTooltipContent as X, ChartLegend as Y, ChartLegendContent as _ } from "../chart/chart.js";
-const b = R("", {
+import { jsx as t, jsxs as f } from "react/jsx-runtime";
+import * as m from "react";
+import { cva as Y } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { AreaChart as _, CartesianGrid as q, XAxis as E, YAxis as J, Area as P } from "recharts";
+import { cn as Q } from "../../../lib/utils.js";
+import { ChartContainer as U, ChartTooltip as W, ChartTooltipContent as Z, ChartLegend as b, ChartLegendContent as tt } from "../chart/chart.js";
+import { resolveAxisDomain as at } from "../chart/chart-format.js";
+const et = Y("", {
   variants: {
     layout: {
       single: "",
@@ -19,53 +20,64 @@ const b = R("", {
     layout: "single",
     fill: "gradient"
   }
-}), q = f.forwardRef(
+}), rt = m.forwardRef(
   ({
     className: p,
-    config: m,
-    data: h,
-    dataKeys: s,
-    xKey: g,
-    xAxisLabel: e,
-    yAxisLabel: r,
-    yUnit: v,
+    config: h,
+    data: u,
+    dataKeys: l,
+    xKey: v,
+    xAxisLabel: r,
+    yAxisLabel: o,
+    yUnit: C,
     layout: i = "single",
-    fill: o = "gradient",
-    curve: C = "monotone",
-    strokeWidth: u = 2,
-    fillOpacity: $ = 0.4,
-    showDots: l = !1,
-    connectNulls: A = !1,
-    showGrid: x = !0,
-    showTooltip: y = !0,
-    showLegend: T = !0,
-    tooltipContent: G,
-    ...I
-  }, L) => {
-    const N = i === "stacked", n = o === "gradient", O = e ? { value: e, position: "insideBottom", offset: 0 } : void 0, j = r ? {
-      value: r,
+    fill: n = "gradient",
+    curve: g = "monotone",
+    strokeWidth: $ = 2,
+    fillOpacity: y = 0.4,
+    showDots: d = !1,
+    connectNulls: k = !1,
+    showGrid: T = !0,
+    showTooltip: D = !0,
+    showLegend: G = !0,
+    showXAxis: I = !0,
+    showYAxis: N = !0,
+    xTickFormatter: O,
+    yTickFormatter: j,
+    xAxisAngle: e,
+    xAxisInterval: z,
+    yAxisTickCount: A,
+    yAxisDomain: F,
+    gridDashed: L,
+    gridHorizontal: R,
+    gridVertical: V,
+    tooltipContent: w,
+    ...x
+  }, B) => {
+    const H = i === "stacked", s = n === "gradient", K = r ? { value: r, position: "insideBottom", offset: 0 } : void 0, M = o ? {
+      value: o,
       angle: -90,
       position: "insideLeft",
       style: { textAnchor: "middle" }
-    } : void 0, d = `area-gradient-${f.useId().replace(/:/g, "")}`;
+    } : void 0, S = at(F), X = r || e != null ? 30 + (e != null ? 20 : 0) + (r ? 18 : 0) : void 0, c = `area-gradient-${m.useId().replace(/:/g, "")}`;
     return /* @__PURE__ */ t(
       "div",
       {
-        ref: L,
+        ref: B,
         "data-layout": i,
-        "data-fill": o,
-        className: K(b({ layout: i, fill: o }), p),
-        ...I,
+        "data-fill": n,
+        className: Q(et({ layout: i, fill: n }), p),
+        ...x,
         children: /* @__PURE__ */ t(
-          M,
+          U,
           {
-            config: m,
+            config: h,
             className: "size-full [&_.recharts-label]:fill-foreground",
-            children: /* @__PURE__ */ c(V, { data: h, children: [
-              n && /* @__PURE__ */ t("defs", { children: s.map((a) => /* @__PURE__ */ c(
+            children: /* @__PURE__ */ f(_, { data: u, children: [
+              s && /* @__PURE__ */ t("defs", { children: l.map((a) => /* @__PURE__ */ f(
                 "linearGradient",
                 {
-                  id: `${d}-${a}`,
+                  id: `${c}-${a}`,
                   x1: "0",
                   y1: "0",
                   x2: "0",
@@ -91,45 +103,61 @@ const b = R("", {
                 },
                 a
               )) }),
-              x && /* @__PURE__ */ t(k, { vertical: !1 }),
+              T && /* @__PURE__ */ t(
+                q,
+                {
+                  horizontal: R ?? !0,
+                  vertical: V ?? !1,
+                  strokeDasharray: L ? "3 3" : void 0
+                }
+              ),
               /* @__PURE__ */ t(
-                w,
+                E,
                 {
-                  dataKey: g,
+                  dataKey: v,
                   type: "category",
+                  hide: !I,
                   tickLine: !1,
                   axisLine: !1,
                   tickMargin: 8,
-                  height: e ? 48 : void 0,
-                  label: O
+                  tickFormatter: O,
+                  angle: e,
+                  interval: z,
+                  textAnchor: e != null ? e < 0 ? "end" : "start" : void 0,
+                  height: X,
+                  label: K
                 }
               ),
               /* @__PURE__ */ t(
-                z,
+                J,
                 {
                   type: "number",
+                  hide: !N,
                   tickLine: !1,
                   axisLine: !1,
-                  unit: v,
-                  width: r ? 72 : void 0,
-                  label: j
+                  unit: C,
+                  tickFormatter: j,
+                  tickCount: A,
+                  domain: S,
+                  width: o ? 72 : void 0,
+                  label: M
                 }
               ),
-              y && /* @__PURE__ */ t(S, { content: G ?? /* @__PURE__ */ t(X, {}) }),
-              T && /* @__PURE__ */ t(Y, { content: /* @__PURE__ */ t(_, {}) }),
-              s.map((a) => /* @__PURE__ */ t(
-                B,
+              D && /* @__PURE__ */ t(W, { content: w ?? /* @__PURE__ */ t(Z, {}) }),
+              G && /* @__PURE__ */ t(b, { content: /* @__PURE__ */ t(tt, {}) }),
+              l.map((a) => /* @__PURE__ */ t(
+                P,
                 {
-                  type: C ?? "monotone",
+                  type: g ?? "monotone",
                   dataKey: a,
-                  stackId: N ? "a" : void 0,
+                  stackId: H ? "a" : void 0,
                   stroke: `var(--color-${a})`,
-                  strokeWidth: u,
-                  fill: n ? `url(#${d}-${a})` : `var(--color-${a})`,
-                  fillOpacity: n ? 1 : $,
-                  dot: l ? { r: 3 } : !1,
-                  activeDot: l ? { r: 5 } : !1,
-                  connectNulls: A,
+                  strokeWidth: $,
+                  fill: s ? `url(#${c}-${a})` : `var(--color-${a})`,
+                  fillOpacity: s ? 1 : y,
+                  dot: d ? { r: 3 } : !1,
+                  activeDot: d ? { r: 5 } : !1,
+                  connectNulls: k,
                   isAnimationActive: !1
                 },
                 a
@@ -141,9 +169,9 @@ const b = R("", {
     );
   }
 );
-q.displayName = "AreaChart";
+rt.displayName = "AreaChart";
 export {
-  q as AreaChart,
-  b as areaChartVariants
+  rt as AreaChart,
+  et as areaChartVariants
 };
 //# sourceMappingURL=area-chart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"area-chart.js","sources":["../../../../src/components/ui/area-chart/area-chart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  Area,\n  AreaChart as RechartsAreaChart,\n  CartesianGrid,\n  XAxis,\n  YAxis,\n} from 'recharts';\n\nimport { cn } from '@/lib/utils';\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n  type ChartConfig,\n} from '../chart';\n\n// A typed recharts composition over the shared `Chart` primitives. The two CVA\n// axes are the design's Area-chart variant set: `layout` (independent\n// overlapping areas vs summed on a shared stack) and `fill` (a flat translucent\n// fill vs a vertical gradient). The classes stay empty because recharts' SVG —\n// not CSS — draws the areas: `layout` drives each `<Area>`'s `stackId` and `fill`\n// drives whether it paints from a `<linearGradient>` def or a flat token color.\n// CVA is kept so the variant set is a first-class, spec-conformant part of the\n// API (matched against ui-spec's api.yaml enums) and exposed via `VariantProps`;\n// the resolved values are also mirrored onto `data-layout` / `data-fill`.\nconst areaChartVariants = cva('', {\n  variants: {\n    layout: {\n      single: '',\n      stacked: '',\n    },\n    fill: {\n      solid: '',\n      gradient: '',\n    },\n  },\n  defaultVariants: {\n    layout: 'single',\n    fill: 'gradient',\n  },\n});\n\nexport interface AreaChartProps\n  extends Omit<React.ComponentProps<'div'>, 'children'>,\n    VariantProps<typeof areaChartVariants> {\n  /** Row-per-point data. Each object holds the category key + one numeric field per series (`null` breaks the area unless `connectNulls`). */\n  data: ReadonlyArray<Record<string, string | number | null>>;\n  /**\n   * Per-series map of `label` / `color` (imported from the shared `Chart`\n   * primitives). Series colors are caller-supplied — reference an existing\n   * semantic `--ui-*` token; there is no chart palette tier yet.\n   */\n  config: ChartConfig;\n  /** Series to plot — one `<Area>` per key. Each must exist in `config` and in every data row. */\n  dataKeys: string[];\n  /** Category axis key (the shared dimension across rows, e.g. `\"month\"`). */\n  xKey: string;\n  /** Title rendered beneath the horizontal (X) axis. */\n  xAxisLabel?: string;\n  /** Title rendered beside the vertical (Y) axis (rotated). */\n  yAxisLabel?: string;\n  /** Unit suffix appended to Y-axis tick values (recharts `unit`; the X axis is categorical). */\n  yUnit?: string;\n  /** Interpolation between points. */\n  curve?: 'linear' | 'monotone' | 'step';\n  /** Stroke width of each area's top border. */\n  strokeWidth?: number;\n  /** Flat-fill opacity — used only when `fill=\"solid\"` (gradient controls its own stops). */\n  fillOpacity?: number;\n  /** Render a dot at each data point. */\n  showDots?: boolean;\n  /** Bridge `null` gaps in the data instead of breaking the area. */\n  connectNulls?: boolean;\n  showGrid?: boolean;\n  showTooltip?: boolean;\n  showLegend?: boolean;\n  /**\n   * Replace the default tooltip. Pass a configured `ChartTooltipContent`\n   * (imported from this library) — e.g. with a `formatter` / `labelFormatter` /\n   * `indicator` — to customize formatting, per-series rows, or extra fields\n   * without composing recharts yourself. Ignored when `showTooltip` is false.\n   */\n  tooltipContent?: React.ComponentProps<typeof ChartTooltip>['content'];\n}\n\nconst AreaChart = React.forwardRef<HTMLDivElement, AreaChartProps>(\n  (\n    {\n      className,\n      config,\n      data,\n      dataKeys,\n      xKey,\n      xAxisLabel,\n      yAxisLabel,\n      yUnit,\n      layout = 'single',\n      fill = 'gradient',\n      curve = 'monotone',\n      strokeWidth = 2,\n      fillOpacity = 0.4,\n      showDots = false,\n      connectNulls = false,\n      showGrid = true,\n      showTooltip = true,\n      showLegend = true,\n      tooltipContent,\n      ...props\n    },\n    ref\n  ) => {\n    const isStacked = layout === 'stacked';\n    const isGradient = fill === 'gradient';\n\n    // Axis titles: the X title sits below the ticks; the Y title is rotated in\n    // the left gutter. Passed to recharts' native `label` (themed via the\n    // `.recharts-label` fill selector on the container).\n    const xAxisTitle = xAxisLabel\n      ? { value: xAxisLabel, position: 'insideBottom' as const, offset: 0 }\n      : undefined;\n    const yAxisTitle = yAxisLabel\n      ? {\n          value: yAxisLabel,\n          angle: -90,\n          position: 'insideLeft' as const,\n          style: { textAnchor: 'middle' as const },\n        }\n      : undefined;\n\n    // recharts renders SVG <defs> once per chart; the gradient ids must be unique\n    // across chart instances on the page. useId gives a stable per-instance id;\n    // strip the colons React emits (invalid in a url(#…) reference) — same guard\n    // the shared ChartContainer applies to its chart id.\n    const gradientId = `area-gradient-${React.useId().replace(/:/g, '')}`;\n\n    return (\n      <div\n        ref={ref}\n        data-layout={layout}\n        data-fill={fill}\n        className={cn(areaChartVariants({ layout, fill }), className)}\n        {...props}\n      >\n        <ChartContainer\n          config={config}\n          className=\"size-full [&_.recharts-label]:fill-foreground\"\n        >\n          <RechartsAreaChart data={data as readonly unknown[]}>\n            {isGradient && (\n              <defs>\n                {dataKeys.map((key) => (\n                  <linearGradient\n                    key={key}\n                    id={`${gradientId}-${key}`}\n                    x1=\"0\"\n                    y1=\"0\"\n                    x2=\"0\"\n                    y2=\"1\"\n                  >\n                    <stop\n                      offset=\"5%\"\n                      stopColor={`var(--color-${key})`}\n                      stopOpacity={0.8}\n                    />\n                    <stop\n                      offset=\"95%\"\n                      stopColor={`var(--color-${key})`}\n                      stopOpacity={0.1}\n                    />\n                  </linearGradient>\n                ))}\n              </defs>\n            )}\n            {showGrid && <CartesianGrid vertical={false} />}\n            <XAxis\n              dataKey={xKey}\n              type=\"category\"\n              tickLine={false}\n              axisLine={false}\n              tickMargin={8}\n              height={xAxisLabel ? 48 : undefined}\n              label={xAxisTitle}\n            />\n            <YAxis\n              type=\"number\"\n              tickLine={false}\n              axisLine={false}\n              unit={yUnit}\n              width={yAxisLabel ? 72 : undefined}\n              label={yAxisTitle}\n            />\n            {showTooltip && (\n              <ChartTooltip content={tooltipContent ?? <ChartTooltipContent />} />\n            )}\n            {showLegend && <ChartLegend content={<ChartLegendContent />} />}\n            {dataKeys.map((key) => (\n              <Area\n                key={key}\n                type={curve ?? 'monotone'}\n                dataKey={key}\n                stackId={isStacked ? 'a' : undefined}\n                stroke={`var(--color-${key})`}\n                strokeWidth={strokeWidth}\n                fill={isGradient ? `url(#${gradientId}-${key})` : `var(--color-${key})`}\n                fillOpacity={isGradient ? 1 : fillOpacity}\n                dot={showDots ? { r: 3 } : false}\n                activeDot={showDots ? { r: 5 } : false}\n                connectNulls={connectNulls}\n                isAnimationActive={false}\n              />\n            ))}\n          </RechartsAreaChart>\n        </ChartContainer>\n      </div>\n    );\n  }\n);\nAreaChart.displayName = 'AreaChart';\n\nexport { AreaChart, areaChartVariants };\n"],"names":["areaChartVariants","cva","AreaChart","React","className","config","data","dataKeys","xKey","xAxisLabel","yAxisLabel","yUnit","layout","fill","curve","strokeWidth","fillOpacity","showDots","connectNulls","showGrid","showTooltip","showLegend","tooltipContent","props","ref","isStacked","isGradient","xAxisTitle","yAxisTitle","gradientId","jsx","cn","ChartContainer","jsxs","RechartsAreaChart","key","CartesianGrid","XAxis","YAxis","ChartTooltip","ChartTooltipContent","ChartLegend","ChartLegendContent","Area"],"mappings":"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"}
+{"version":3,"file":"area-chart.js","sources":["../../../../src/components/ui/area-chart/area-chart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  Area,\n  AreaChart as RechartsAreaChart,\n  CartesianGrid,\n  XAxis,\n  YAxis,\n} from 'recharts';\n\nimport { cn } from '@/lib/utils';\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n  resolveAxisDomain,\n  type ChartConfig,\n  type CartesianChartProps,\n} from '../chart';\n\n// A typed recharts composition over the shared `Chart` primitives. The two CVA\n// axes are the design's Area-chart variant set: `layout` (independent\n// overlapping areas vs summed on a shared stack) and `fill` (a flat translucent\n// fill vs a vertical gradient). The classes stay empty because recharts' SVG —\n// not CSS — draws the areas: `layout` drives each `<Area>`'s `stackId` and `fill`\n// drives whether it paints from a `<linearGradient>` def or a flat token color.\n// CVA is kept so the variant set is a first-class, spec-conformant part of the\n// API (matched against ui-spec's api.yaml enums) and exposed via `VariantProps`;\n// the resolved values are also mirrored onto `data-layout` / `data-fill`.\nconst areaChartVariants = cva('', {\n  variants: {\n    layout: {\n      single: '',\n      stacked: '',\n    },\n    fill: {\n      solid: '',\n      gradient: '',\n    },\n  },\n  defaultVariants: {\n    layout: 'single',\n    fill: 'gradient',\n  },\n});\n\nexport interface AreaChartProps\n  extends Omit<React.ComponentProps<'div'>, 'children'>,\n    VariantProps<typeof areaChartVariants>,\n    CartesianChartProps {\n  /** Row-per-point data. Each object holds the category key + one numeric field per series (`null` breaks the area unless `connectNulls`). */\n  data: ReadonlyArray<Record<string, string | number | null>>;\n  /**\n   * Per-series map of `label` / `color` (imported from the shared `Chart`\n   * primitives). Series colors are caller-supplied — reference an existing\n   * semantic `--ui-*` token; there is no chart palette tier yet.\n   */\n  config: ChartConfig;\n  /** Series to plot — one `<Area>` per key. Each must exist in `config` and in every data row. */\n  dataKeys: string[];\n  /** Category axis key (the shared dimension across rows, e.g. `\"month\"`). */\n  xKey: string;\n  /** Interpolation between points. */\n  curve?: 'linear' | 'monotone' | 'step';\n  /** Stroke width of each area's top border. */\n  strokeWidth?: number;\n  /** Flat-fill opacity — used only when `fill=\"solid\"` (gradient controls its own stops). */\n  fillOpacity?: number;\n  /** Render a dot at each data point. */\n  showDots?: boolean;\n  /** Bridge `null` gaps in the data instead of breaking the area. */\n  connectNulls?: boolean;\n  showLegend?: boolean;\n}\n\nconst AreaChart = React.forwardRef<HTMLDivElement, AreaChartProps>(\n  (\n    {\n      className,\n      config,\n      data,\n      dataKeys,\n      xKey,\n      xAxisLabel,\n      yAxisLabel,\n      yUnit,\n      layout = 'single',\n      fill = 'gradient',\n      curve = 'monotone',\n      strokeWidth = 2,\n      fillOpacity = 0.4,\n      showDots = false,\n      connectNulls = false,\n      showGrid = true,\n      showTooltip = true,\n      showLegend = true,\n      showXAxis = true,\n      showYAxis = true,\n      xTickFormatter,\n      yTickFormatter,\n      xAxisAngle,\n      xAxisInterval,\n      yAxisTickCount,\n      yAxisDomain,\n      gridDashed,\n      gridHorizontal,\n      gridVertical,\n      tooltipContent,\n      ...props\n    },\n    ref\n  ) => {\n    const isStacked = layout === 'stacked';\n    const isGradient = fill === 'gradient';\n\n    // Axis titles: the X title sits below the ticks; the Y title is rotated in\n    // the left gutter. Passed to recharts' native `label` (themed via the\n    // `.recharts-label` fill selector on the container).\n    const xAxisTitle = xAxisLabel\n      ? { value: xAxisLabel, position: 'insideBottom' as const, offset: 0 }\n      : undefined;\n    const yAxisTitle = yAxisLabel\n      ? {\n          value: yAxisLabel,\n          angle: -90,\n          position: 'insideLeft' as const,\n          style: { textAnchor: 'middle' as const },\n        }\n      : undefined;\n\n    const yDomain = resolveAxisDomain(yAxisDomain);\n\n    // Room for the X tick row: recharts' default 30, plus a rotated tick row\n    // (+20) and/or the axis title (+18). Additive — both can be present at once,\n    // which the old label-or-angle ternary under-allocated.\n    const xAxisHeight =\n      xAxisLabel || xAxisAngle != null\n        ? 30 + (xAxisAngle != null ? 20 : 0) + (xAxisLabel ? 18 : 0)\n        : undefined;\n\n    // recharts renders SVG <defs> once per chart; the gradient ids must be unique\n    // across chart instances on the page. useId gives a stable per-instance id;\n    // strip the colons React emits (invalid in a url(#…) reference) — same guard\n    // the shared ChartContainer applies to its chart id.\n    const gradientId = `area-gradient-${React.useId().replace(/:/g, '')}`;\n\n    return (\n      <div\n        ref={ref}\n        data-layout={layout}\n        data-fill={fill}\n        className={cn(areaChartVariants({ layout, fill }), className)}\n        {...props}\n      >\n        <ChartContainer\n          config={config}\n          className=\"size-full [&_.recharts-label]:fill-foreground\"\n        >\n          <RechartsAreaChart data={data as readonly unknown[]}>\n            {isGradient && (\n              <defs>\n                {dataKeys.map((key) => (\n                  <linearGradient\n                    key={key}\n                    id={`${gradientId}-${key}`}\n                    x1=\"0\"\n                    y1=\"0\"\n                    x2=\"0\"\n                    y2=\"1\"\n                  >\n                    <stop\n                      offset=\"5%\"\n                      stopColor={`var(--color-${key})`}\n                      stopOpacity={0.8}\n                    />\n                    <stop\n                      offset=\"95%\"\n                      stopColor={`var(--color-${key})`}\n                      stopOpacity={0.1}\n                    />\n                  </linearGradient>\n                ))}\n              </defs>\n            )}\n            {showGrid && (\n              <CartesianGrid\n                horizontal={gridHorizontal ?? true}\n                vertical={gridVertical ?? false}\n                strokeDasharray={gridDashed ? '3 3' : undefined}\n              />\n            )}\n            <XAxis\n              dataKey={xKey}\n              type=\"category\"\n              hide={!showXAxis}\n              tickLine={false}\n              axisLine={false}\n              tickMargin={8}\n              tickFormatter={xTickFormatter}\n              angle={xAxisAngle}\n              interval={xAxisInterval}\n              textAnchor={\n                xAxisAngle != null ? (xAxisAngle < 0 ? 'end' : 'start') : undefined\n              }\n              height={xAxisHeight}\n              label={xAxisTitle}\n            />\n            <YAxis\n              type=\"number\"\n              hide={!showYAxis}\n              tickLine={false}\n              axisLine={false}\n              unit={yUnit}\n              tickFormatter={yTickFormatter}\n              tickCount={yAxisTickCount}\n              domain={yDomain}\n              width={yAxisLabel ? 72 : undefined}\n              label={yAxisTitle}\n            />\n            {showTooltip && (\n              <ChartTooltip content={tooltipContent ?? <ChartTooltipContent />} />\n            )}\n            {showLegend && <ChartLegend content={<ChartLegendContent />} />}\n            {dataKeys.map((key) => (\n              <Area\n                key={key}\n                type={curve ?? 'monotone'}\n                dataKey={key}\n                stackId={isStacked ? 'a' : undefined}\n                stroke={`var(--color-${key})`}\n                strokeWidth={strokeWidth}\n                fill={isGradient ? `url(#${gradientId}-${key})` : `var(--color-${key})`}\n                fillOpacity={isGradient ? 1 : fillOpacity}\n                dot={showDots ? { r: 3 } : false}\n                activeDot={showDots ? { r: 5 } : false}\n                connectNulls={connectNulls}\n                isAnimationActive={false}\n              />\n            ))}\n          </RechartsAreaChart>\n        </ChartContainer>\n      </div>\n    );\n  }\n);\nAreaChart.displayName = 'AreaChart';\n\nexport { AreaChart, areaChartVariants };\n"],"names":["areaChartVariants","cva","AreaChart","React","className","config","data","dataKeys","xKey","xAxisLabel","yAxisLabel","yUnit","layout","fill","curve","strokeWidth","fillOpacity","showDots","connectNulls","showGrid","showTooltip","showLegend","showXAxis","showYAxis","xTickFormatter","yTickFormatter","xAxisAngle","xAxisInterval","yAxisTickCount","yAxisDomain","gridDashed","gridHorizontal","gridVertical","tooltipContent","props","ref","isStacked","isGradient","xAxisTitle","yAxisTitle","yDomain","resolveAxisDomain","xAxisHeight","gradientId","jsx","cn","ChartContainer","jsxs","RechartsAreaChart","key","CartesianGrid","XAxis","YAxis","ChartTooltip","ChartTooltipContent","ChartLegend","ChartLegendContent","Area"],"mappings":"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"}

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

@@ -1,10 +1,11 @@
-import { jsx as t, jsxs as p, Fragment as C } from "react/jsx-runtime";
-import * as R from "react";
-import { cva as S } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { BarChart as F, CartesianGrid as G, XAxis as z, YAxis as k, Bar as I, ReferenceLine as M } from "recharts";
-import { cn as O } from "../../../lib/utils.js";
-import { ChartContainer as X, ChartTooltip as Y, ChartTooltipContent as _, ChartLegend as q, ChartLegendContent as E } from "../chart/chart.js";
-const H = S("", {
+import { jsx as t, jsxs as p, Fragment as V } from "react/jsx-runtime";
+import * as Q from "react";
+import { cva as U } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { BarChart as W, CartesianGrid as X, XAxis as j, YAxis as w, Bar as Y, ReferenceLine as Z } from "recharts";
+import { cn as x } from "../../../lib/utils.js";
+import { ChartContainer as A, ChartTooltip as tt, ChartTooltipContent as at, ChartLegend as rt, ChartLegendContent as et } from "../chart/chart.js";
+import { resolveAxisDomain as ot } from "../chart/chart-format.js";
+const it = U("", {
   variants: {
     orientation: {
       vertical: "",
@@ -20,138 +21,168 @@ const H = S("", {
     layout: "grouped"
   }
 });
-function J(e, h, d) {
+function nt(e, v, u) {
   if (!e) return;
   if (typeof e.value == "number") return e.value;
   if (!e.average) return;
-  const n = typeof e.average == "string" ? [e.average] : d, l = h.flatMap(
-    (o) => n.map((a) => o[a]).filter((a) => typeof a == "number")
+  const s = typeof e.average == "string" ? [e.average] : u, l = v.flatMap(
+    (o) => s.map((a) => o[a]).filter((a) => typeof a == "number")
   );
   if (l.length !== 0)
     return l.reduce((o, a) => o + a, 0) / l.length;
 }
-const K = R.forwardRef(
+const lt = Q.forwardRef(
   ({
     className: e,
-    config: h,
-    data: d,
-    dataKeys: n,
+    config: v,
+    data: u,
+    dataKeys: s,
     xKey: l,
     referenceLine: o,
     xAxisLabel: a,
-    yAxisLabel: u,
-    xUnit: x,
-    yUnit: B,
+    yAxisLabel: h,
+    xUnit: R,
+    yUnit: S,
     orientation: r = "vertical",
     layout: f = "grouped",
-    barRadius: s = 4,
-    showGrid: b = !0,
-    showTooltip: T = !0,
-    showLegend: w = !0,
-    tooltipContent: $,
-    ...A
-  }, N) => {
-    const V = r === "horizontal" ? "vertical" : "horizontal", m = f === "stacked", j = o ? Array.isArray(o) ? o : [o] : [], g = a ? { value: a, position: "insideBottom", offset: 0 } : void 0, y = u ? {
-      value: u,
+    barRadius: d = 4,
+    showGrid: T = !0,
+    showTooltip: G = !0,
+    showLegend: H = !0,
+    showXAxis: y = !0,
+    showYAxis: g = !0,
+    xTickFormatter: C,
+    yTickFormatter: k,
+    xAxisAngle: i,
+    xAxisInterval: z,
+    yAxisTickCount: B,
+    yAxisDomain: M,
+    gridDashed: O,
+    gridHorizontal: _,
+    gridVertical: q,
+    tooltipContent: E,
+    ...I
+  }, J) => {
+    const K = r === "horizontal" ? "vertical" : "horizontal", b = f === "stacked", L = o ? Array.isArray(o) ? o : [o] : [], D = a ? { value: a, position: "insideBottom", offset: 0 } : void 0, $ = h ? {
+      value: h,
       angle: -90,
       position: "insideLeft",
       style: { textAnchor: "middle" }
-    } : void 0, D = r === "horizontal" ? [0, s, s, 0] : [s, s, 0, 0];
+    } : void 0, F = ot(M), N = a || i != null ? 30 + (i != null ? 20 : 0) + (a ? 18 : 0) : void 0, P = r === "horizontal" ? [0, d, d, 0] : [d, d, 0, 0];
     return /* @__PURE__ */ t(
       "div",
       {
-        ref: N,
+        ref: J,
         "data-orientation": r,
         "data-layout": f,
-        className: O(H({ orientation: r, layout: f }), e),
-        ...A,
+        className: x(it({ orientation: r, layout: f }), e),
+        ...I,
         children: /* @__PURE__ */ t(
-          X,
+          A,
           {
-            config: h,
+            config: v,
             className: "size-full [&_.recharts-label]:fill-foreground",
-            children: /* @__PURE__ */ p(F, { data: d, layout: V, children: [
-              b && /* @__PURE__ */ t(
-                G,
+            children: /* @__PURE__ */ p(W, { data: u, layout: K, children: [
+              T && /* @__PURE__ */ t(
+                X,
                 {
-                  horizontal: r === "vertical",
-                  vertical: r === "horizontal"
+                  horizontal: _ ?? r === "vertical",
+                  vertical: q ?? r === "horizontal",
+                  strokeDasharray: O ? "3 3" : void 0
                 }
               ),
-              r === "horizontal" ? /* @__PURE__ */ p(C, { children: [
+              r === "horizontal" ? /* @__PURE__ */ p(V, { children: [
                 /* @__PURE__ */ t(
-                  z,
+                  j,
                   {
                     type: "number",
+                    hide: !y,
                     tickLine: !1,
                     axisLine: !1,
-                    unit: x,
-                    height: a ? 48 : void 0,
-                    label: g
+                    unit: R,
+                    tickFormatter: C,
+                    angle: i,
+                    interval: z,
+                    textAnchor: i != null ? i < 0 ? "end" : "start" : void 0,
+                    tickCount: B,
+                    domain: F,
+                    height: N,
+                    label: D
                   }
                 ),
                 /* @__PURE__ */ t(
-                  k,
+                  w,
                   {
                     dataKey: l,
                     type: "category",
+                    hide: !g,
                     tickLine: !1,
                     axisLine: !1,
-                    width: u ? 96 : 80,
-                    label: y
+                    tickFormatter: k,
+                    width: h ? 96 : 80,
+                    label: $
                   }
                 )
-              ] }) : /* @__PURE__ */ p(C, { children: [
+              ] }) : /* @__PURE__ */ p(V, { children: [
                 /* @__PURE__ */ t(
-                  z,
+                  j,
                   {
                     dataKey: l,
                     type: "category",
+                    hide: !y,
                     tickLine: !1,
                     axisLine: !1,
-                    height: a ? 48 : void 0,
-                    label: g
+                    tickFormatter: C,
+                    angle: i,
+                    interval: z,
+                    textAnchor: i != null ? i < 0 ? "end" : "start" : void 0,
+                    height: N,
+                    label: D
                   }
                 ),
                 /* @__PURE__ */ t(
-                  k,
+                  w,
                   {
                     type: "number",
+                    hide: !g,
                     tickLine: !1,
                     axisLine: !1,
-                    unit: B,
-                    width: u ? 72 : void 0,
-                    label: y
+                    unit: S,
+                    tickFormatter: k,
+                    tickCount: B,
+                    domain: F,
+                    width: h ? 72 : void 0,
+                    label: $
                   }
                 )
               ] }),
-              T && /* @__PURE__ */ t(Y, { content: $ ?? /* @__PURE__ */ t(_, {}) }),
-              w && /* @__PURE__ */ t(q, { content: /* @__PURE__ */ t(E, {}) }),
-              n.map((i, v) => {
-                const c = m ? v === n.length - 1 : !0;
+              G && /* @__PURE__ */ t(tt, { content: E ?? /* @__PURE__ */ t(at, {}) }),
+              H && /* @__PURE__ */ t(rt, { content: /* @__PURE__ */ t(et, {}) }),
+              s.map((n, m) => {
+                const c = b ? m === s.length - 1 : !0;
                 return /* @__PURE__ */ t(
-                  I,
+                  Y,
                   {
-                    dataKey: i,
-                    fill: `var(--color-${i})`,
-                    stackId: m ? "a" : void 0,
-                    radius: s > 0 && c ? D : void 0,
+                    dataKey: n,
+                    fill: `var(--color-${n})`,
+                    stackId: b ? "a" : void 0,
+                    radius: d > 0 && c ? P : void 0,
                     isAnimationActive: !1
                   },
-                  i
+                  n
                 );
               }),
-              j.map((i, v) => {
-                const c = J(i, d, n);
+              L.map((n, m) => {
+                const c = nt(n, u, s);
                 return c === void 0 ? null : /* @__PURE__ */ t(
-                  M,
+                  Z,
                   {
                     ...r === "horizontal" ? { x: c } : { y: c },
                     stroke: "var(--ui-text-on-surface-secondary)",
                     strokeDasharray: "4 4",
                     ifOverflow: "extendDomain",
-                    label: i.label ? {
-                      value: i.label,
+                    label: n.label ? {
+                      value: n.label,
                       // Sit the caption at the top of the line: above the
                       // right end of a horizontal line (vertical bars), or
                       // above the top of a vertical line (horizontal bars).
@@ -160,7 +191,7 @@ const K = R.forwardRef(
                       fontSize: 12
                     } : void 0
                   },
-                  `${i.label ?? "ref"}-${v}`
+                  `${n.label ?? "ref"}-${m}`
                 );
               })
             ] })
@@ -170,10 +201,10 @@ const K = R.forwardRef(
     );
   }
 );
-K.displayName = "BarChart";
+lt.displayName = "BarChart";
 export {
-  K as BarChart,
-  J as barChartReferenceValue,
-  H as barChartVariants
+  lt as BarChart,
+  nt as barChartReferenceValue,
+  it as barChartVariants
 };
 //# sourceMappingURL=bar-chart.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"bar-chart.js","sources":["../../../../src/components/ui/bar-chart/bar-chart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  Bar,\n  BarChart as RechartsBarChart,\n  CartesianGrid,\n  ReferenceLine,\n  XAxis,\n  YAxis,\n} from 'recharts';\n\nimport { cn } from '@/lib/utils';\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n  type ChartConfig,\n} from '../chart';\n\n// A typed recharts composition over the shared `Chart` primitives. The two CVA\n// axes are the design's Bar-chart variant set (B2): `orientation` (which way the\n// bars grow) and `layout` (grouped side-by-side vs stacked). The classes stay\n// empty because the recharts SVG — not CSS — draws the bars: the same two props\n// drive recharts' `layout` prop, the axis roles, the `stackId`, and the corner\n// radius below. CVA is kept so the variant set is a first-class, spec-conformant\n// part of the API (matched against ui-spec's api.yaml enums) and exposed via\n// `VariantProps`; the resolved values are also mirrored onto `data-orientation`\n// / `data-layout` for styling hooks and tests.\nconst barChartVariants = cva('', {\n  variants: {\n    orientation: {\n      vertical: '',\n      horizontal: '',\n    },\n    layout: {\n      grouped: '',\n      stacked: '',\n    },\n  },\n  defaultVariants: {\n    orientation: 'vertical',\n    layout: 'grouped',\n  },\n});\n\nexport interface BarChartReferenceLine {\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\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).\n * Exported for unit tests; not part of the package's public API.\n */\nexport function barChartReferenceValue(\n  referenceLine: BarChartReferenceLine | undefined,\n  data: ReadonlyArray<Record<string, string | number>>,\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\nexport interface BarChartProps\n  extends Omit<React.ComponentProps<'div'>, 'children'>,\n    VariantProps<typeof barChartVariants> {\n  /** Row-per-category data. Each object holds the category key + one numeric field per series. */\n  data: ReadonlyArray<Record<string, string | number>>;\n  /**\n   * Per-series map of `label` / `color` (imported from the shared `Chart`\n   * primitives). Series colors are caller-supplied — reference an existing\n   * semantic `--ui-*` token; there is no chart palette tier yet.\n   */\n  config: ChartConfig;\n  /** Series to plot — one `<Bar>` per key. Each must exist in `config` and in every data row. */\n  dataKeys: string[];\n  /** Category axis key (the shared dimension across rows, e.g. `\"month\"`). */\n  xKey: string;\n  /**\n   * One or more dashed reference/average lines on the value axis (Y for vertical\n   * bars, X for horizontal). Each is driven by a fixed `value` or a computed\n   * series `average`. Pass a single object or an array to draw several at once.\n   */\n  referenceLine?: BarChartReferenceLine | BarChartReferenceLine[];\n  /** Title rendered beneath the horizontal (X) axis. */\n  xAxisLabel?: string;\n  /** Title rendered beside the vertical (Y) axis (rotated). */\n  yAxisLabel?: string;\n  /** Unit suffix on X-axis tick values (recharts `unit`) — applies when the X axis is numeric (`orientation=\"horizontal\"`). */\n  xUnit?: string;\n  /** Unit suffix on Y-axis tick values (recharts `unit`) — applies when the Y axis is numeric (`orientation=\"vertical\"`). */\n  yUnit?: string;\n  /** Corner radius applied to the growing end of each bar. */\n  barRadius?: number;\n  showGrid?: boolean;\n  showTooltip?: boolean;\n  showLegend?: boolean;\n  /**\n   * Replace the default tooltip. Pass a configured `ChartTooltipContent`\n   * (imported from this library) — e.g. with a `formatter` / `labelFormatter` /\n   * `indicator` — to customize formatting, per-series rows, or extra fields\n   * without composing recharts yourself. Ignored when `showTooltip` is false.\n   */\n  tooltipContent?: React.ComponentProps<typeof ChartTooltip>['content'];\n}\n\nconst BarChart = React.forwardRef<HTMLDivElement, BarChartProps>(\n  (\n    {\n      className,\n      config,\n      data,\n      dataKeys,\n      xKey,\n      referenceLine,\n      xAxisLabel,\n      yAxisLabel,\n      xUnit,\n      yUnit,\n      orientation = 'vertical',\n      layout = 'grouped',\n      barRadius = 4,\n      showGrid = true,\n      showTooltip = true,\n      showLegend = true,\n      tooltipContent,\n      ...props\n    },\n    ref\n  ) => {\n    // Our `orientation` is bar-direction; recharts' `layout` is the opposite axis.\n    const rechartsLayout = orientation === 'horizontal' ? 'vertical' : 'horizontal';\n    const isStacked = layout === 'stacked';\n\n    const referenceLines = referenceLine\n      ? Array.isArray(referenceLine)\n        ? referenceLine\n        : [referenceLine]\n      : [];\n\n    // Axis titles: the X title sits below the ticks; the Y title is rotated in\n    // the left gutter. Passed to recharts' native `label` (themed via the\n    // `.recharts-label` fill selector on the container).\n    const xAxisTitle = xAxisLabel\n      ? { value: xAxisLabel, position: 'insideBottom' as const, offset: 0 }\n      : undefined;\n    const yAxisTitle = yAxisLabel\n      ? {\n          value: yAxisLabel,\n          angle: -90,\n          position: 'insideLeft' as const,\n          style: { textAnchor: 'middle' as const },\n        }\n      : undefined;\n\n    // Round only the growing end: top for vertical bars, right for horizontal.\n    const endRadius: [number, number, number, number] =\n      orientation === 'horizontal'\n        ? [0, barRadius, barRadius, 0]\n        : [barRadius, barRadius, 0, 0];\n\n    return (\n      <div\n        ref={ref}\n        data-orientation={orientation}\n        data-layout={layout}\n        className={cn(barChartVariants({ orientation, layout }), className)}\n        {...props}\n      >\n        <ChartContainer\n          config={config}\n          className=\"size-full [&_.recharts-label]:fill-foreground\"\n        >\n          <RechartsBarChart data={data as readonly unknown[]} layout={rechartsLayout}>\n            {showGrid && (\n              <CartesianGrid\n                horizontal={orientation === 'vertical'}\n                vertical={orientation === 'horizontal'}\n              />\n            )}\n            {orientation === 'horizontal' ? (\n              <>\n                <XAxis\n                  type=\"number\"\n                  tickLine={false}\n                  axisLine={false}\n                  unit={xUnit}\n                  height={xAxisLabel ? 48 : undefined}\n                  label={xAxisTitle}\n                />\n                <YAxis\n                  dataKey={xKey}\n                  type=\"category\"\n                  tickLine={false}\n                  axisLine={false}\n                  width={yAxisLabel ? 96 : 80}\n                  label={yAxisTitle}\n                />\n              </>\n            ) : (\n              <>\n                <XAxis\n                  dataKey={xKey}\n                  type=\"category\"\n                  tickLine={false}\n                  axisLine={false}\n                  height={xAxisLabel ? 48 : undefined}\n                  label={xAxisTitle}\n                />\n                <YAxis\n                  type=\"number\"\n                  tickLine={false}\n                  axisLine={false}\n                  unit={yUnit}\n                  width={yAxisLabel ? 72 : undefined}\n                  label={yAxisTitle}\n                />\n              </>\n            )}\n            {showTooltip && (\n              <ChartTooltip content={tooltipContent ?? <ChartTooltipContent />} />\n            )}\n            {showLegend && <ChartLegend content={<ChartLegendContent />} />}\n            {dataKeys.map((key, index) => {\n              // In a stack only the last segment's end is rounded; grouped bars\n              // each round their own end.\n              const rounded = isStacked ? index === dataKeys.length - 1 : true;\n              return (\n                <Bar\n                  key={key}\n                  dataKey={key}\n                  fill={`var(--color-${key})`}\n                  stackId={isStacked ? 'a' : undefined}\n                  radius={barRadius > 0 && rounded ? endRadius : undefined}\n                  isAnimationActive={false}\n                />\n              );\n            })}\n            {referenceLines.map((ref, index) => {\n              const value = barChartReferenceValue(ref, data, dataKeys);\n              if (value === undefined) return null;\n              return (\n                <ReferenceLine\n                  key={`${ref.label ?? 'ref'}-${index}`}\n                  // Draw on the value axis: Y for vertical bars, X for horizontal.\n                  {...(orientation === 'horizontal' ? { x: value } : { y: value })}\n                  stroke=\"var(--ui-text-on-surface-secondary)\"\n                  strokeDasharray=\"4 4\"\n                  // extendDomain so a target beyond the data max stays visible.\n                  ifOverflow=\"extendDomain\"\n                  label={\n                    ref.label\n                      ? {\n                          value: ref.label,\n                          // Sit the caption at the top of the line: above the\n                          // right end of a horizontal line (vertical bars), or\n                          // above the top of a vertical line (horizontal bars).\n                          position:\n                            orientation === 'horizontal'\n                              ? 'top'\n                              : 'insideTopRight',\n                          fill: 'var(--ui-text-on-surface-secondary)',\n                          fontSize: 12,\n                        }\n                      : undefined\n                  }\n                />\n              );\n            })}\n          </RechartsBarChart>\n        </ChartContainer>\n      </div>\n    );\n  }\n);\nBarChart.displayName = 'BarChart';\n\nexport { BarChart, barChartVariants };\n"],"names":["barChartVariants","cva","barChartReferenceValue","referenceLine","data","dataKeys","keys","nums","row","key","value","sum","n","BarChart","React","className","config","xKey","xAxisLabel","yAxisLabel","xUnit","yUnit","orientation","layout","barRadius","showGrid","showTooltip","showLegend","tooltipContent","props","ref","rechartsLayout","isStacked","referenceLines","xAxisTitle","yAxisTitle","endRadius","jsx","cn","ChartContainer","jsxs","RechartsBarChart","CartesianGrid","Fragment","XAxis","YAxis","ChartTooltip","ChartTooltipContent","ChartLegend","ChartLegendContent","index","rounded","Bar","ReferenceLine"],"mappings":"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"}
+{"version":3,"file":"bar-chart.js","sources":["../../../../src/components/ui/bar-chart/bar-chart.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport {\n  Bar,\n  BarChart as RechartsBarChart,\n  CartesianGrid,\n  ReferenceLine,\n  XAxis,\n  YAxis,\n} from 'recharts';\n\nimport { cn } from '@/lib/utils';\nimport {\n  ChartContainer,\n  ChartLegend,\n  ChartLegendContent,\n  ChartTooltip,\n  ChartTooltipContent,\n  resolveAxisDomain,\n  type ChartConfig,\n  type CartesianChartProps,\n} from '../chart';\n\n// A typed recharts composition over the shared `Chart` primitives. The two CVA\n// axes are the design's Bar-chart variant set (B2): `orientation` (which way the\n// bars grow) and `layout` (grouped side-by-side vs stacked). The classes stay\n// empty because the recharts SVG — not CSS — draws the bars: the same two props\n// drive recharts' `layout` prop, the axis roles, the `stackId`, and the corner\n// radius below. CVA is kept so the variant set is a first-class, spec-conformant\n// part of the API (matched against ui-spec's api.yaml enums) and exposed via\n// `VariantProps`; the resolved values are also mirrored onto `data-orientation`\n// / `data-layout` for styling hooks and tests.\nconst barChartVariants = cva('', {\n  variants: {\n    orientation: {\n      vertical: '',\n      horizontal: '',\n    },\n    layout: {\n      grouped: '',\n      stacked: '',\n    },\n  },\n  defaultVariants: {\n    orientation: 'vertical',\n    layout: 'grouped',\n  },\n});\n\nexport interface BarChartReferenceLine {\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\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).\n * Exported for unit tests; not part of the package's public API.\n */\nexport function barChartReferenceValue(\n  referenceLine: BarChartReferenceLine | undefined,\n  data: ReadonlyArray<Record<string, string | number>>,\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\nexport interface BarChartProps\n  extends Omit<React.ComponentProps<'div'>, 'children'>,\n    VariantProps<typeof barChartVariants>,\n    CartesianChartProps {\n  /** Row-per-category data. Each object holds the category key + one numeric field per series. */\n  data: ReadonlyArray<Record<string, string | number>>;\n  /**\n   * Per-series map of `label` / `color` (imported from the shared `Chart`\n   * primitives). Series colors are caller-supplied — reference an existing\n   * semantic `--ui-*` token; there is no chart palette tier yet.\n   */\n  config: ChartConfig;\n  /** Series to plot — one `<Bar>` per key. Each must exist in `config` and in every data row. */\n  dataKeys: string[];\n  /** Category axis key (the shared dimension across rows, e.g. `\"month\"`). */\n  xKey: string;\n  /**\n   * One or more dashed reference/average lines on the value axis (Y for vertical\n   * bars, X for horizontal). Each is driven by a fixed `value` or a computed\n   * series `average`. Pass a single object or an array to draw several at once.\n   */\n  referenceLine?: BarChartReferenceLine | BarChartReferenceLine[];\n  /** Unit suffix on X-axis tick values (recharts `unit`) — applies when the X axis is numeric (`orientation=\"horizontal\"`). */\n  xUnit?: string;\n  /** Corner radius applied to the growing end of each bar. */\n  barRadius?: number;\n  showLegend?: boolean;\n}\n\nconst BarChart = React.forwardRef<HTMLDivElement, BarChartProps>(\n  (\n    {\n      className,\n      config,\n      data,\n      dataKeys,\n      xKey,\n      referenceLine,\n      xAxisLabel,\n      yAxisLabel,\n      xUnit,\n      yUnit,\n      orientation = 'vertical',\n      layout = 'grouped',\n      barRadius = 4,\n      showGrid = true,\n      showTooltip = true,\n      showLegend = true,\n      showXAxis = true,\n      showYAxis = true,\n      xTickFormatter,\n      yTickFormatter,\n      xAxisAngle,\n      xAxisInterval,\n      yAxisTickCount,\n      yAxisDomain,\n      gridDashed,\n      gridHorizontal,\n      gridVertical,\n      tooltipContent,\n      ...props\n    },\n    ref\n  ) => {\n    // Our `orientation` is bar-direction; recharts' `layout` is the opposite axis.\n    const rechartsLayout = orientation === 'horizontal' ? 'vertical' : 'horizontal';\n    const isStacked = layout === 'stacked';\n\n    const referenceLines = referenceLine\n      ? Array.isArray(referenceLine)\n        ? referenceLine\n        : [referenceLine]\n      : [];\n\n    // Axis titles: the X title sits below the ticks; the Y title is rotated in\n    // the left gutter. Passed to recharts' native `label` (themed via the\n    // `.recharts-label` fill selector on the container).\n    const xAxisTitle = xAxisLabel\n      ? { value: xAxisLabel, position: 'insideBottom' as const, offset: 0 }\n      : undefined;\n    const yAxisTitle = yAxisLabel\n      ? {\n          value: yAxisLabel,\n          angle: -90,\n          position: 'insideLeft' as const,\n          style: { textAnchor: 'middle' as const },\n        }\n      : undefined;\n\n    const yDomain = resolveAxisDomain(yAxisDomain);\n\n    // Room for the X tick row: recharts' default 30, plus a rotated tick row\n    // (+20) and/or the axis title (+18). Additive — both can be present at once,\n    // which the old label-or-angle ternary under-allocated.\n    const xAxisHeight =\n      xAxisLabel || xAxisAngle != null\n        ? 30 + (xAxisAngle != null ? 20 : 0) + (xAxisLabel ? 18 : 0)\n        : undefined;\n\n    // Round only the growing end: top for vertical bars, right for horizontal.\n    const endRadius: [number, number, number, number] =\n      orientation === 'horizontal'\n        ? [0, barRadius, barRadius, 0]\n        : [barRadius, barRadius, 0, 0];\n\n    return (\n      <div\n        ref={ref}\n        data-orientation={orientation}\n        data-layout={layout}\n        className={cn(barChartVariants({ orientation, layout }), className)}\n        {...props}\n      >\n        <ChartContainer\n          config={config}\n          className=\"size-full [&_.recharts-label]:fill-foreground\"\n        >\n          <RechartsBarChart data={data as readonly unknown[]} layout={rechartsLayout}>\n            {showGrid && (\n              <CartesianGrid\n                horizontal={gridHorizontal ?? orientation === 'vertical'}\n                vertical={gridVertical ?? orientation === 'horizontal'}\n                strokeDasharray={gridDashed ? '3 3' : undefined}\n              />\n            )}\n            {orientation === 'horizontal' ? (\n              <>\n                {/* Horizontal bars put the values on X, so the value-axis\n                    props (tickCount/domain) belong here — recharts ignores both\n                    on the category axis. */}\n                <XAxis\n                  type=\"number\"\n                  hide={!showXAxis}\n                  tickLine={false}\n                  axisLine={false}\n                  unit={xUnit}\n                  tickFormatter={xTickFormatter}\n                  angle={xAxisAngle}\n                  interval={xAxisInterval}\n                  textAnchor={\n                    xAxisAngle != null ? (xAxisAngle < 0 ? 'end' : 'start') : undefined\n                  }\n                  tickCount={yAxisTickCount}\n                  domain={yDomain}\n                  height={xAxisHeight}\n                  label={xAxisTitle}\n                />\n                <YAxis\n                  dataKey={xKey}\n                  type=\"category\"\n                  hide={!showYAxis}\n                  tickLine={false}\n                  axisLine={false}\n                  tickFormatter={yTickFormatter}\n                  width={yAxisLabel ? 96 : 80}\n                  label={yAxisTitle}\n                />\n              </>\n            ) : (\n              <>\n                <XAxis\n                  dataKey={xKey}\n                  type=\"category\"\n                  hide={!showXAxis}\n                  tickLine={false}\n                  axisLine={false}\n                  tickFormatter={xTickFormatter}\n                  angle={xAxisAngle}\n                  interval={xAxisInterval}\n                  textAnchor={\n                    xAxisAngle != null ? (xAxisAngle < 0 ? 'end' : 'start') : undefined\n                  }\n                  height={xAxisHeight}\n                  label={xAxisTitle}\n                />\n                <YAxis\n                  type=\"number\"\n                  hide={!showYAxis}\n                  tickLine={false}\n                  axisLine={false}\n                  unit={yUnit}\n                  tickFormatter={yTickFormatter}\n                  tickCount={yAxisTickCount}\n                  domain={yDomain}\n                  width={yAxisLabel ? 72 : undefined}\n                  label={yAxisTitle}\n                />\n              </>\n            )}\n            {showTooltip && (\n              <ChartTooltip content={tooltipContent ?? <ChartTooltipContent />} />\n            )}\n            {showLegend && <ChartLegend content={<ChartLegendContent />} />}\n            {dataKeys.map((key, index) => {\n              // In a stack only the last segment's end is rounded; grouped bars\n              // each round their own end.\n              const rounded = isStacked ? index === dataKeys.length - 1 : true;\n              return (\n                <Bar\n                  key={key}\n                  dataKey={key}\n                  fill={`var(--color-${key})`}\n                  stackId={isStacked ? 'a' : undefined}\n                  radius={barRadius > 0 && rounded ? endRadius : undefined}\n                  isAnimationActive={false}\n                />\n              );\n            })}\n            {referenceLines.map((ref, index) => {\n              const value = barChartReferenceValue(ref, data, dataKeys);\n              if (value === undefined) return null;\n              return (\n                <ReferenceLine\n                  key={`${ref.label ?? 'ref'}-${index}`}\n                  // Draw on the value axis: Y for vertical bars, X for horizontal.\n                  {...(orientation === 'horizontal' ? { x: value } : { y: value })}\n                  stroke=\"var(--ui-text-on-surface-secondary)\"\n                  strokeDasharray=\"4 4\"\n                  // extendDomain so a target beyond the data max stays visible.\n                  ifOverflow=\"extendDomain\"\n                  label={\n                    ref.label\n                      ? {\n                          value: ref.label,\n                          // Sit the caption at the top of the line: above the\n                          // right end of a horizontal line (vertical bars), or\n                          // above the top of a vertical line (horizontal bars).\n                          position:\n                            orientation === 'horizontal'\n                              ? 'top'\n                              : 'insideTopRight',\n                          fill: 'var(--ui-text-on-surface-secondary)',\n                          fontSize: 12,\n                        }\n                      : undefined\n                  }\n                />\n              );\n            })}\n          </RechartsBarChart>\n        </ChartContainer>\n      </div>\n    );\n  }\n);\nBarChart.displayName = 'BarChart';\n\nexport { BarChart, barChartVariants };\n"],"names":["barChartVariants","cva","barChartReferenceValue","referenceLine","data","dataKeys","keys","nums","row","key","value","sum","n","BarChart","React","className","config","xKey","xAxisLabel","yAxisLabel","xUnit","yUnit","orientation","layout","barRadius","showGrid","showTooltip","showLegend","showXAxis","showYAxis","xTickFormatter","yTickFormatter","xAxisAngle","xAxisInterval","yAxisTickCount","yAxisDomain","gridDashed","gridHorizontal","gridVertical","tooltipContent","props","ref","rechartsLayout","isStacked","referenceLines","xAxisTitle","yAxisTitle","yDomain","resolveAxisDomain","xAxisHeight","endRadius","jsx","cn","ChartContainer","jsxs","RechartsBarChart","CartesianGrid","Fragment","XAxis","YAxis","ChartTooltip","ChartTooltipContent","ChartLegend","ChartLegendContent","index","rounded","Bar","ReferenceLine"],"mappings":"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"}