@acronis-platform/ui-react 5.2.0 → 5.3.1

package/dist/components/ui/histogram/histogram.js

@@ -1,13 +1,13 @@
 "use client";
 import { cn as e } from "../../../lib/utils.js";
-import { ChartContainer as t, ChartTooltip as n, ChartTooltipContent as r } from "../chart/chart.js";
-import { resolveAnimation as i, resolveAxisDomain as a, resolveRotatedTickAnchor as o, resolveXAxisHeight as s, resolveXAxisTitle as c, resolveYAxisTitle as l } from "../chart/chart-format.js";
-import * as u from "react";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Bar as p, BarChart as m, CartesianGrid as h, XAxis as g, YAxis as _ } from "recharts";
+import { ChartContainer as t, ChartTooltip as n, ChartTooltipContent as r, toCssKey as i } from "../chart/chart.js";
+import { resolveAnimation as a, resolveAxisDomain as o, resolveRotatedTickAnchor as s, resolveXAxisHeight as c, resolveXAxisTitle as l, resolveYAxisTitle as u } from "../chart/chart-format.js";
+import * as d from "react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Bar as m, BarChart as h, CartesianGrid as g, XAxis as _, YAxis as v } from "recharts";
 //#region src/components/ui/histogram/histogram.tsx
-var v = (e) => Number(e.toFixed(2));
-function y(e, t, n) {
+var y = (e) => Number(e.toFixed(2));
+function b(e, t, n) {
 	let r = e.filter((e) => typeof e == "number" && Number.isFinite(e));
 	if (r.length === 0 || t < 1) return [];
 	let [i, a] = n ?? [Math.min(...r), Math.max(...r)], o = Math.min(i, a), s = Math.max(i, a), c = o === s ? o + 1 : s, l = (c - o) / t, u = Array.from({ length: t }, (e, n) => {
@@ -15,7 +15,7 @@ function y(e, t, n) {
 		return {
 			x0: r,
 			x1: i,
-			label: `${v(r)}–${v(i)}`,
+			label: `${y(r)}–${y(i)}`,
 			count: 0
 		};
 	});
@@ -26,83 +26,83 @@ function y(e, t, n) {
 	}
 	return u;
 }
-var b = u.forwardRef(({ className: v, config: b, palette: x, values: S, dataKey: C = "count", binCount: w = 10, domain: T, xAxisLabel: E, yAxisLabel: D, yUnit: O, barRadius: k = 0, showGrid: A = !0, showTooltip: j = !0, showXAxis: M = !0, showYAxis: N = !0, xTickFormatter: P, yTickFormatter: F, xAxisAngle: I, xAxisInterval: L, yAxisTickCount: R, yAxisDomain: z, gridDashed: B, gridHorizontal: V, gridVertical: H, tooltipContent: U, animate: W, animationDuration: G, animationBegin: K, animationEasing: q, ...J }, Y) => {
-	let X = i({
-		animate: W,
-		animationDuration: G,
-		animationBegin: K,
-		animationEasing: q
-	}), Z = c(E), Q = l(D), $ = a(z), ee = s(E, I), te = u.useMemo(() => y(S, w, T), [
-		S,
-		w,
-		T
+var x = d.forwardRef(({ className: y, config: x, palette: S, values: C, dataKey: w = "count", binCount: T = 10, domain: E, xAxisLabel: D, yAxisLabel: O, yUnit: k, barRadius: A = 0, showGrid: j = !0, showTooltip: M = !0, showXAxis: N = !0, showYAxis: P = !0, xTickFormatter: F, yTickFormatter: I, xAxisAngle: L, xAxisInterval: R, yAxisTickCount: z, yAxisDomain: B, gridDashed: V, gridHorizontal: H, gridVertical: U, tooltipContent: W, animate: G, animationDuration: K, animationBegin: q, animationEasing: J, ...Y }, X) => {
+	let Z = a({
+		animate: G,
+		animationDuration: K,
+		animationBegin: q,
+		animationEasing: J
+	}), Q = l(D), $ = u(O), ee = o(B), te = c(D, L), ne = d.useMemo(() => b(C, T, E), [
+		C,
+		T,
+		E
 	]).map((e) => ({
 		label: e.label,
-		[C]: e.count
+		[w]: e.count
 	}));
-	return /* @__PURE__ */ d("div", {
-		ref: Y,
-		className: e(v),
-		...J,
-		children: /* @__PURE__ */ d(t, {
-			config: b,
-			palette: x,
+	return /* @__PURE__ */ f("div", {
+		ref: X,
+		className: e(y),
+		...Y,
+		children: /* @__PURE__ */ f(t, {
+			config: x,
+			palette: S,
 			className: "size-full [&_.recharts-label]:fill-foreground",
-			children: /* @__PURE__ */ f(m, {
-				data: te,
+			children: /* @__PURE__ */ p(h, {
+				data: ne,
 				barCategoryGap: 0,
 				children: [
-					A && /* @__PURE__ */ d(h, {
-						horizontal: V ?? !0,
-						vertical: H ?? !1,
-						strokeDasharray: B ? "3 3" : void 0
+					j && /* @__PURE__ */ f(g, {
+						horizontal: H ?? !0,
+						vertical: U ?? !1,
+						strokeDasharray: V ? "3 3" : void 0
 					}),
-					/* @__PURE__ */ d(g, {
+					/* @__PURE__ */ f(_, {
 						dataKey: "label",
-						hide: !M,
+						hide: !N,
 						tickLine: !1,
 						axisLine: !1,
-						tickFormatter: P,
-						angle: I,
-						interval: L,
-						textAnchor: o(I),
-						height: ee,
-						label: Z
+						tickFormatter: F,
+						angle: L,
+						interval: R,
+						textAnchor: s(L),
+						height: te,
+						label: Q
 					}),
-					/* @__PURE__ */ d(_, {
+					/* @__PURE__ */ f(v, {
 						type: "number",
-						hide: !N,
+						hide: !P,
 						tickLine: !1,
 						axisLine: !1,
 						allowDecimals: !1,
-						unit: O,
-						tickFormatter: F,
-						tickCount: R,
-						domain: $,
-						width: D ? 72 : void 0,
-						label: Q
+						unit: k,
+						tickFormatter: I,
+						tickCount: z,
+						domain: ee,
+						width: O ? 72 : void 0,
+						label: $
 					}),
-					j && /* @__PURE__ */ d(n, { content: U ?? /* @__PURE__ */ d(r, {}) }),
-					/* @__PURE__ */ d(p, {
-						dataKey: C,
-						fill: `var(--color-${C})`,
+					M && /* @__PURE__ */ f(n, { content: W ?? /* @__PURE__ */ f(r, {}) }),
+					/* @__PURE__ */ f(m, {
+						dataKey: w,
+						fill: `var(--color-${i(String(w))})`,
 						stroke: "var(--ui-background-surface-primary)",
 						strokeWidth: 1,
-						radius: k > 0 ? [
-							k,
-							k,
+						radius: A > 0 ? [
+							A,
+							A,
 							0,
 							0
 						] : void 0,
-						...X
+						...Z
 					})
 				]
 			})
 		})
 	});
 });
-b.displayName = "Histogram";
+x.displayName = "Histogram";
 //#endregion
-export { b as Histogram, y as computeHistogramBins };
+export { x as Histogram, b as computeHistogramBins };
 
 //# sourceMappingURL=histogram.js.map

package/dist/components/ui/histogram/histogram.js.map

@@ -1 +1 @@
-{"version":3,"file":"histogram.js","names":[],"sources":["../../../../src/components/ui/histogram/histogram.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  Bar,\n  BarChart as RechartsBarChart,\n  CartesianGrid,\n  XAxis,\n  YAxis,\n} from 'recharts';\n\nimport { cn } from '@/lib/utils';\nimport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  resolveAnimation,\n  resolveAxisDomain,\n  resolveRotatedTickAnchor,\n  resolveXAxisHeight,\n  resolveXAxisTitle,\n  resolveYAxisTitle,\n  type ChartConfig,\n  type ChartPalette,\n  type CartesianChartProps,\n  type ChartAnimationProps,\n} from '../chart';\n\n// A histogram bins a set of continuous samples into equal-width ranges and plots\n// the frequency of each as contiguous bars — distinct from BarChart, whose bars\n// are pre-categorized. The binning is the component's job (a pure helper), so the\n// consumer passes raw `values`, not pre-aggregated rows. Built on the shared\n// `Chart` primitives; no new tokens (the single series' color is caller-supplied\n// via `config`, same `--color-<key>` mechanism as the other chart types).\n\nexport interface HistogramBin {\n  /** Lower bound of the bin (inclusive). */\n  x0: number;\n  /** Upper bound of the bin (exclusive, except the last bin which is inclusive). */\n  x1: number;\n  /** Human-readable range label, e.g. `\"0–10\"`. */\n  label: string;\n  /** How many samples fell in the bin. */\n  count: number;\n}\n\nconst roundEdge = (n: number) => Number(n.toFixed(2));\n\n/**\n * Split `values` into `binCount` equal-width bins and count the samples in each.\n * The range is `domain` if given, else the data's [min, max]; values outside the\n * domain are dropped, and the max value lands in the last (inclusive) bin.\n * Returns [] when there's nothing to bin. Exported for unit tests; not part of\n * the package's public API.\n */\nexport function computeHistogramBins(\n  values: ReadonlyArray<number>,\n  binCount: number,\n  domain?: [number, number]\n): HistogramBin[] {\n  const nums = values.filter(\n    (v): v is number => typeof v === 'number' && Number.isFinite(v)\n  );\n  if (nums.length === 0 || binCount < 1) return [];\n\n  const [d0, d1] = domain ?? [Math.min(...nums), Math.max(...nums)];\n  // Normalize an inverted domain ([max, min]) so binning stays robust.\n  const min = Math.min(d0, d1);\n  const hi = Math.max(d0, d1);\n  // A zero-width range (all values equal, or a degenerate domain) can't be\n  // divided — widen it by 1 so the single bin has extent.\n  const max = min === hi ? min + 1 : hi;\n  const width = (max - min) / binCount;\n\n  const bins: HistogramBin[] = Array.from({ length: binCount }, (_, i) => {\n    const x0 = min + i * width;\n    const x1 = i === binCount - 1 ? max : min + (i + 1) * width;\n    return { x0, x1, label: `${roundEdge(x0)}–${roundEdge(x1)}`, count: 0 };\n  });\n\n  for (const v of nums) {\n    if (v < min || v > max) continue;\n    let idx = Math.floor((v - min) / width);\n    if (idx >= binCount) idx = binCount - 1; // the max value\n    bins[idx].count += 1;\n  }\n  return bins;\n}\n\nexport interface HistogramProps\n  extends Omit<React.ComponentProps<'div'>, 'children'>,\n    CartesianChartProps,\n    ChartAnimationProps {\n  /**\n   * The dataviz palette this chart's series are painted from. Series that\n   * state no `color` of their own take a stop of it. See `ChartPalette`.\n   */\n  palette?: ChartPalette;\n  /** Raw continuous samples to bin (non-finite values are ignored). */\n  values: ReadonlyArray<number>;\n  /**\n   * Single-series map of `label` / `icon` / `tone`, keyed by `dataKey` (imported\n   * from the shared `Chart` primitives). Series take their colour from the\n   * container's `palette`; each entry maps a key to a `label` and an optional\n   * `tone`.\n   */\n  config: ChartConfig;\n  /** `config` key that colors + labels the frequency bars. */\n  dataKey?: string;\n  /** Number of equal-width bins. */\n  binCount?: number;\n  /** Fix the binning range instead of deriving it from the data's min/max. */\n  domain?: [number, number];\n  /** Corner radius on the top of each bar. */\n  barRadius?: number;\n}\n\nconst Histogram = React.forwardRef<HTMLDivElement, HistogramProps>(\n  (\n    {\n      className,\n      config,\n      palette,\n      values,\n      dataKey = 'count',\n      binCount = 10,\n      domain,\n      xAxisLabel,\n      yAxisLabel,\n      yUnit,\n      barRadius = 0,\n      showGrid = true,\n      showTooltip = 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      animate,\n      animationDuration,\n      animationBegin,\n      animationEasing,\n      ...props\n    },\n    ref\n  ) => {\n    const animation = resolveAnimation({\n      animate,\n      animationDuration,\n      animationBegin,\n      animationEasing,\n    });\n    const xAxisTitle = resolveXAxisTitle(xAxisLabel);\n    const yAxisTitle = resolveYAxisTitle(yAxisLabel);\n\n    const yDomain = resolveAxisDomain(yAxisDomain);\n\n    const xAxisHeight = resolveXAxisHeight(xAxisLabel, xAxisAngle);\n\n    const bins = React.useMemo(\n      () => computeHistogramBins(values, binCount, domain),\n      [values, binCount, domain]\n    );\n    // Bars carry the bin `label` as the category and `count` under `dataKey`, so\n    // the tooltip resolves the frequency from `config[dataKey]`.\n    const data = bins.map((bin) => ({ label: bin.label, [dataKey]: bin.count }));\n\n    return (\n      <div\n        ref={ref}\n        className={cn(className)}\n        {...props}\n      >\n        <ChartContainer\n          config={config}\n          palette={palette}\n          className=\"size-full [&_.recharts-label]:fill-foreground\"\n        >\n          <RechartsBarChart data={data} barCategoryGap={0}>\n            {showGrid && (\n              <CartesianGrid\n                horizontal={gridHorizontal ?? true}\n                vertical={gridVertical ?? false}\n                strokeDasharray={gridDashed ? '3 3' : undefined}\n              />\n            )}\n            <XAxis\n              dataKey=\"label\"\n              hide={!showXAxis}\n              tickLine={false}\n              axisLine={false}\n              tickFormatter={xTickFormatter}\n              angle={xAxisAngle}\n              interval={xAxisInterval}\n              textAnchor={resolveRotatedTickAnchor(xAxisAngle)}\n              height={xAxisHeight}\n              label={xAxisTitle}\n            />\n            <YAxis\n              type=\"number\"\n              hide={!showYAxis}\n              tickLine={false}\n              axisLine={false}\n              allowDecimals={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            <Bar\n              dataKey={dataKey}\n              fill={`var(--color-${dataKey})`}\n              // A hairline in the surface color separates the contiguous bars so\n              // they don't blend into one mass (same trick as the Treemap cells).\n              stroke=\"var(--ui-background-surface-primary)\"\n              strokeWidth={1}\n              radius={barRadius > 0 ? [barRadius, barRadius, 0, 0] : undefined}\n              {...animation}\n            />\n          </RechartsBarChart>\n        </ChartContainer>\n      </div>\n    );\n  }\n);\nHistogram.displayName = 'Histogram';\n\nexport { Histogram };\n"],"mappings":"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"}
+{"version":3,"file":"histogram.js","names":[],"sources":["../../../../src/components/ui/histogram/histogram.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport {\n  Bar,\n  BarChart as RechartsBarChart,\n  CartesianGrid,\n  XAxis,\n  YAxis,\n} from 'recharts';\n\nimport { cn } from '@/lib/utils';\nimport {\n  ChartContainer,\n  ChartTooltip,\n  ChartTooltipContent,\n  resolveAnimation,\n  resolveAxisDomain,\n  resolveRotatedTickAnchor,\n  resolveXAxisHeight,\n  resolveXAxisTitle,\n  resolveYAxisTitle,\n  type ChartConfig,\n  toCssKey,\n  type ChartPalette,\n  type CartesianChartProps,\n  type ChartAnimationProps,\n} from '../chart';\n\n// A histogram bins a set of continuous samples into equal-width ranges and plots\n// the frequency of each as contiguous bars — distinct from BarChart, whose bars\n// are pre-categorized. The binning is the component's job (a pure helper), so the\n// consumer passes raw `values`, not pre-aggregated rows. Built on the shared\n// `Chart` primitives; no new tokens (the single series' color is caller-supplied\n// via `config`, same `--color-<key>` mechanism as the other chart types).\n\nexport interface HistogramBin {\n  /** Lower bound of the bin (inclusive). */\n  x0: number;\n  /** Upper bound of the bin (exclusive, except the last bin which is inclusive). */\n  x1: number;\n  /** Human-readable range label, e.g. `\"0–10\"`. */\n  label: string;\n  /** How many samples fell in the bin. */\n  count: number;\n}\n\nconst roundEdge = (n: number) => Number(n.toFixed(2));\n\n/**\n * Split `values` into `binCount` equal-width bins and count the samples in each.\n * The range is `domain` if given, else the data's [min, max]; values outside the\n * domain are dropped, and the max value lands in the last (inclusive) bin.\n * Returns [] when there's nothing to bin. Exported for unit tests; not part of\n * the package's public API.\n */\nexport function computeHistogramBins(\n  values: ReadonlyArray<number>,\n  binCount: number,\n  domain?: [number, number]\n): HistogramBin[] {\n  const nums = values.filter(\n    (v): v is number => typeof v === 'number' && Number.isFinite(v)\n  );\n  if (nums.length === 0 || binCount < 1) return [];\n\n  const [d0, d1] = domain ?? [Math.min(...nums), Math.max(...nums)];\n  // Normalize an inverted domain ([max, min]) so binning stays robust.\n  const min = Math.min(d0, d1);\n  const hi = Math.max(d0, d1);\n  // A zero-width range (all values equal, or a degenerate domain) can't be\n  // divided — widen it by 1 so the single bin has extent.\n  const max = min === hi ? min + 1 : hi;\n  const width = (max - min) / binCount;\n\n  const bins: HistogramBin[] = Array.from({ length: binCount }, (_, i) => {\n    const x0 = min + i * width;\n    const x1 = i === binCount - 1 ? max : min + (i + 1) * width;\n    return { x0, x1, label: `${roundEdge(x0)}–${roundEdge(x1)}`, count: 0 };\n  });\n\n  for (const v of nums) {\n    if (v < min || v > max) continue;\n    let idx = Math.floor((v - min) / width);\n    if (idx >= binCount) idx = binCount - 1; // the max value\n    bins[idx].count += 1;\n  }\n  return bins;\n}\n\nexport interface HistogramProps\n  extends Omit<React.ComponentProps<'div'>, 'children'>,\n    CartesianChartProps,\n    ChartAnimationProps {\n  /**\n   * The dataviz palette this chart's series are painted from. Series that\n   * state no `color` of their own take a stop of it. See `ChartPalette`.\n   */\n  palette?: ChartPalette;\n  /** Raw continuous samples to bin (non-finite values are ignored). */\n  values: ReadonlyArray<number>;\n  /**\n   * Single-series map of `label` / `icon` / `tone`, keyed by `dataKey` (imported\n   * from the shared `Chart` primitives). Series take their colour from the\n   * container's `palette`; each entry maps a key to a `label` and an optional\n   * `tone`.\n   */\n  config: ChartConfig;\n  /** `config` key that colors + labels the frequency bars. */\n  dataKey?: string;\n  /** Number of equal-width bins. */\n  binCount?: number;\n  /** Fix the binning range instead of deriving it from the data's min/max. */\n  domain?: [number, number];\n  /** Corner radius on the top of each bar. */\n  barRadius?: number;\n}\n\nconst Histogram = React.forwardRef<HTMLDivElement, HistogramProps>(\n  (\n    {\n      className,\n      config,\n      palette,\n      values,\n      dataKey = 'count',\n      binCount = 10,\n      domain,\n      xAxisLabel,\n      yAxisLabel,\n      yUnit,\n      barRadius = 0,\n      showGrid = true,\n      showTooltip = 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      animate,\n      animationDuration,\n      animationBegin,\n      animationEasing,\n      ...props\n    },\n    ref\n  ) => {\n    const animation = resolveAnimation({\n      animate,\n      animationDuration,\n      animationBegin,\n      animationEasing,\n    });\n    const xAxisTitle = resolveXAxisTitle(xAxisLabel);\n    const yAxisTitle = resolveYAxisTitle(yAxisLabel);\n\n    const yDomain = resolveAxisDomain(yAxisDomain);\n\n    const xAxisHeight = resolveXAxisHeight(xAxisLabel, xAxisAngle);\n\n    const bins = React.useMemo(\n      () => computeHistogramBins(values, binCount, domain),\n      [values, binCount, domain]\n    );\n    // Bars carry the bin `label` as the category and `count` under `dataKey`, so\n    // the tooltip resolves the frequency from `config[dataKey]`.\n    const data = bins.map((bin) => ({ label: bin.label, [dataKey]: bin.count }));\n\n    return (\n      <div\n        ref={ref}\n        className={cn(className)}\n        {...props}\n      >\n        <ChartContainer\n          config={config}\n          palette={palette}\n          className=\"size-full [&_.recharts-label]:fill-foreground\"\n        >\n          <RechartsBarChart data={data} barCategoryGap={0}>\n            {showGrid && (\n              <CartesianGrid\n                horizontal={gridHorizontal ?? true}\n                vertical={gridVertical ?? false}\n                strokeDasharray={gridDashed ? '3 3' : undefined}\n              />\n            )}\n            <XAxis\n              dataKey=\"label\"\n              hide={!showXAxis}\n              tickLine={false}\n              axisLine={false}\n              tickFormatter={xTickFormatter}\n              angle={xAxisAngle}\n              interval={xAxisInterval}\n              textAnchor={resolveRotatedTickAnchor(xAxisAngle)}\n              height={xAxisHeight}\n              label={xAxisTitle}\n            />\n            <YAxis\n              type=\"number\"\n              hide={!showYAxis}\n              tickLine={false}\n              axisLine={false}\n              allowDecimals={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            <Bar\n              dataKey={dataKey}\n              fill={`var(--color-${toCssKey(String(dataKey))})`}\n              // A hairline in the surface color separates the contiguous bars so\n              // they don't blend into one mass (same trick as the Treemap cells).\n              stroke=\"var(--ui-background-surface-primary)\"\n              strokeWidth={1}\n              radius={barRadius > 0 ? [barRadius, barRadius, 0, 0] : undefined}\n              {...animation}\n            />\n          </RechartsBarChart>\n        </ChartContainer>\n      </div>\n    );\n  }\n);\nHistogram.displayName = 'Histogram';\n\nexport { Histogram };\n"],"mappings":"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"}

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

@@ -1,13 +1,13 @@
 "use client";
 import { cn as e } from "../../../lib/utils.js";
 import { cva as t } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { ChartContainer as n, ChartLegend as r, ChartLegendContent as i, ChartTooltip as a, ChartTooltipContent as o } from "../chart/chart.js";
-import { CHART_LABEL_MARGIN as s, dropProjectionPayload as c, resolveAnimation as l, resolveAxisDomain as u, resolveBrushProps as d, resolveChartReferenceValue as f, resolveLabelFillClass as p, resolveReferenceLineProps as ee, resolveRotatedTickAnchor as te, resolveXAxisHeight as ne, resolveXAxisTitle as re, resolveYAxisTitle as ie, toLabelFormatter as ae, toReferenceLineList as oe } from "../chart/chart-format.js";
+import { ChartContainer as n, ChartLegend as r, ChartLegendContent as i, ChartTooltip as a, ChartTooltipContent as o, toCssKey as s } from "../chart/chart.js";
+import { CHART_LABEL_MARGIN as c, dropProjectionPayload as l, resolveAnimation as u, resolveAxisDomain as d, resolveBrushProps as f, resolveChartReferenceValue as p, resolveLabelFillClass as ee, resolveReferenceLineProps as te, resolveRotatedTickAnchor as ne, resolveXAxisHeight as re, resolveXAxisTitle as ie, resolveYAxisTitle as ae, toLabelFormatter as oe, toReferenceLineList as se } from "../chart/chart-format.js";
 import * as m from "react";
 import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Area as se, Brush as ce, CartesianGrid as le, ComposedChart as ue, LabelList as de, Line as v, LineChart as fe, ReferenceLine as y, Text as pe, XAxis as me, YAxis as he, usePlotArea as b, useXAxisScale as x } from "recharts";
+import { Area as ce, Brush as le, CartesianGrid as v, ComposedChart as y, LabelList as ue, Line as b, LineChart as de, ReferenceLine as fe, Text as pe, XAxis as me, YAxis as he, usePlotArea as x, useXAxisScale as S } from "recharts";
 //#region src/components/ui/line-chart/line-chart.tsx
-var S = t("", {
+var C = t("", {
 	variants: {
 		curve: {
 			linear: "",
@@ -29,7 +29,7 @@ var S = t("", {
 	}
 });
 function ge({ projectionStart: e, prevTick: t, clipId: n, dataKeys: r }) {
-	let i = x(), a = b();
+	let i = S(), a = x();
 	if (!i || !a) return null;
 	let o = i(t), s = i(e);
 	if (o == null || s == null) return null;
@@ -63,15 +63,15 @@ function ge({ projectionStart: e, prevTick: t, clipId: n, dataKeys: r }) {
 		})
 	] });
 }
-var C = "__band_";
-function w(e) {
-	return e?.filter((e) => !String(e.dataKey).startsWith(C));
-}
+var w = "__band_";
 function T(e) {
+	return e?.filter((e) => !String(e.dataKey).startsWith(w));
+}
+function E(e) {
 	return function(t) {
 		let n = {
 			...t,
-			payload: w(t.payload)
+			payload: T(t.payload)
 		};
 		return typeof e == "function" ? /* @__PURE__ */ g(e, { ...n }) : m.cloneElement(e, n);
 	};
@@ -80,24 +80,24 @@ function _e(e) {
 	return function(t) {
 		let n = {
 			...t,
-			payload: c(t.payload)
+			payload: l(t.payload)
 		};
 		return typeof e == "function" ? /* @__PURE__ */ g(e, { ...n }) : m.cloneElement(e, n);
 	};
 }
-var E = m.forwardRef(({ className: t, config: h, palette: b, data: x, dataKeys: E, comparisonKeys: D, deltaBands: ve, xKey: O, xAxisLabel: k, yAxisLabel: A, yUnit: ye, curve: j = "monotone", lineStyle: M = "solid", strokeWidth: N = 2, showDots: P = !1, dotSize: be = 3, showActiveDot: xe, connectNulls: F = !1, lineSettings: I, referenceLine: Se, projectionStart: L, showGrid: Ce = !0, showTooltip: we = !0, showLegend: Te = !0, showXAxis: Ee = !0, showYAxis: De = !0, xTickFormatter: R, yTickFormatter: Oe, xAxisAngle: z, xAxisInterval: ke, yAxisTickCount: Ae, yAxisDomain: je, gridDashed: Me, gridHorizontal: Ne, gridVertical: Pe, tooltipContent: B, animate: Fe, animationDuration: Ie, animationBegin: Le, animationEasing: Re, showLabels: V = !1, labelPosition: ze, labelFormatter: Be, showBrush: Ve = !1, brushHeight: He, brushAriaLabel: Ue, ...We }, Ge) => {
-	let H = l({
+var D = m.forwardRef(({ className: t, config: h, palette: x, data: S, dataKeys: D, comparisonKeys: O, deltaBands: ve, xKey: k, xAxisLabel: A, yAxisLabel: j, yUnit: ye, curve: M = "monotone", lineStyle: N = "solid", strokeWidth: P = 2, showDots: be = !1, dotSize: xe = 3, showActiveDot: Se, connectNulls: F = !1, lineSettings: I, referenceLine: Ce, projectionStart: L, showGrid: we = !0, showTooltip: Te = !0, showLegend: Ee = !0, showXAxis: De = !0, showYAxis: Oe = !0, xTickFormatter: R, yTickFormatter: ke, xAxisAngle: z, xAxisInterval: Ae, yAxisTickCount: je, yAxisDomain: B, gridDashed: Me, gridHorizontal: Ne, gridVertical: Pe, tooltipContent: V, animate: Fe, animationDuration: Ie, animationBegin: Le, animationEasing: Re, showLabels: H = !1, labelPosition: ze, labelFormatter: Be, showBrush: Ve = !1, brushHeight: He, brushAriaLabel: Ue, ...We }, Ge) => {
+	let U = u({
 		animate: Fe,
 		animationDuration: Ie,
 		animationBegin: Le,
 		animationEasing: Re
-	}), Ke = ze ?? "top", qe = u(je), Je = oe(Se), U = (e) => I?.[e]?.color ?? `var(--color-${e})`, W = (e) => I?.[e]?.curveType ?? j ?? "monotone", Ye = V || Object.values(I ?? {}).some((e) => e.showLabel), G = ne(k, z), K = m.useMemo(() => L === void 0 ? -1 : x.findIndex((e) => e[O] === L), [
+	}), Ke = ze ?? "top", qe = d(B), Je = se(Ce), W = (e) => I?.[e]?.color ?? `var(--color-${s(e)})`, G = (e) => I?.[e]?.curveType ?? M ?? "monotone", Ye = H || Object.values(I ?? {}).some((e) => e.showLabel), Xe = re(A, z), K = m.useMemo(() => L === void 0 ? -1 : S.findIndex((e) => e[k] === L), [
 		L,
-		x,
-		O
+		S,
+		k
 	]), q = K > 0, J = m.useMemo(() => {
 		if (!q) return;
-		let e = new Set(x.slice(K).map((e) => e[O]));
+		let e = new Set(S.slice(K).map((e) => e[k]));
 		return ({ payload: t, index: n, ...r }) => /* @__PURE__ */ g(pe, {
 			...r,
 			fontSize: 12,
@@ -107,168 +107,168 @@ var E = m.forwardRef(({ className: t, config: h, palette: b, data: x, dataKeys:
 	}, [
 		q,
 		K,
-		x,
-		O,
+		S,
+		k,
 		R
-	]), Y = m.useMemo(() => q ? x.map((e) => ({
+	]), Y = m.useMemo(() => q ? S.map((e) => ({
 		...e,
-		...Object.fromEntries(E.map((t) => [`_proj_${t}`, e[t]]))
-	})) : x, [
+		...Object.fromEntries(D.map((t) => [`_proj_${t}`, e[t]]))
+	})) : S, [
 		q,
-		x,
-		E
+		S,
+		D
 	]), X = m.useMemo(() => {
-		if (!(K <= 0)) return x[K - 1]?.[O];
+		if (!(K <= 0)) return S[K - 1]?.[k];
 	}, [
 		K,
-		x,
-		O
-	]), Z = `line-proj-${m.useId().replace(/:/g, "")}`, Xe = m.useMemo(() => {
-		if (!B) return;
-		let e = T(B);
+		S,
+		k
+	]), Z = `line-proj-${m.useId().replace(/:/g, "")}`, Ze = m.useMemo(() => {
+		if (!V) return;
+		let e = E(V);
 		return q ? _e(e) : e;
-	}, [B, q]), Ze = re(k), Qe = ie(A), Q = (ve ?? []).map(([e, t], n) => ({
-		field: `${C}${n}`,
+	}, [V, q]), Qe = ie(A), $e = ae(j), Q = (ve ?? []).map(([e, t], n) => ({
+		field: `${w}${n}`,
 		current: e,
 		comparison: t
-	})), $ = Q.length > 0, $e = Xe ?? ($ || q ? ((e) => /* @__PURE__ */ g(o, {
+	})), $ = Q.length > 0, et = Ze ?? ($ || q ? ((e) => /* @__PURE__ */ g(o, {
 		active: e.active,
 		label: e.label,
-		payload: c(w(e.payload))
-	})) : /* @__PURE__ */ g(o, {})), et = $ || q ? ((e) => /* @__PURE__ */ g(i, {
+		payload: l(T(e.payload))
+	})) : /* @__PURE__ */ g(o, {})), tt = $ || q ? ((e) => /* @__PURE__ */ g(i, {
 		verticalAlign: e.verticalAlign,
-		payload: c(w(e.payload))
-	})) : /* @__PURE__ */ g(i, {}), tt = Q.length ? Y.map((e) => {
+		payload: l(T(e.payload))
+	})) : /* @__PURE__ */ g(i, {}), nt = Q.length ? Y.map((e) => {
 		let t = { ...e };
 		for (let { field: n, current: r, comparison: i } of Q) {
 			let a = e[r], o = e[i];
 			t[n] = typeof a == "number" && typeof o == "number" ? [Math.min(a, o), Math.max(a, o)] : void 0;
 		}
 		return t;
-	}) : Y, nt = Q.length > 0 ? ue : fe;
+	}) : Y, rt = Q.length > 0 ? y : de;
 	return /* @__PURE__ */ g("div", {
 		ref: Ge,
-		"data-curve": j,
-		"data-line-style": M,
-		className: e(S({
-			curve: j,
-			lineStyle: M
+		"data-curve": M,
+		"data-line-style": N,
+		className: e(C({
+			curve: M,
+			lineStyle: N
 		}), t),
 		...We,
 		children: /* @__PURE__ */ g(n, {
 			config: h,
-			palette: b,
+			palette: x,
 			className: "size-full [&_.recharts-label]:fill-foreground",
-			children: /* @__PURE__ */ _(nt, {
-				data: tt,
-				margin: Ye ? s : void 0,
+			children: /* @__PURE__ */ _(rt, {
+				data: nt,
+				margin: Ye ? c : void 0,
 				children: [
-					Ce && /* @__PURE__ */ g(le, {
+					we && /* @__PURE__ */ g(v, {
 						horizontal: Ne ?? !0,
 						vertical: Pe ?? !1,
 						strokeDasharray: Me ? "3 3" : void 0
 					}),
 					/* @__PURE__ */ g(me, {
-						dataKey: O,
+						dataKey: k,
 						type: "category",
-						hide: !Ee,
+						hide: !De,
 						tickLine: !1,
 						axisLine: !1,
 						tickMargin: 8,
 						tickFormatter: J ? void 0 : R,
 						tick: J,
 						angle: z,
-						interval: ke,
-						textAnchor: te(z),
-						height: G,
-						label: Ze
+						interval: Ae,
+						textAnchor: ne(z),
+						height: Xe,
+						label: Qe
 					}),
 					/* @__PURE__ */ g(he, {
 						type: "number",
-						hide: !De,
+						hide: !Oe,
 						tickLine: !1,
 						axisLine: !1,
 						unit: ye,
-						tickFormatter: Oe,
-						tickCount: Ae,
+						tickFormatter: ke,
+						tickCount: je,
 						domain: qe,
-						width: A ? 72 : void 0,
-						label: Qe
+						width: j ? 72 : void 0,
+						label: $e
 					}),
-					we && /* @__PURE__ */ g(a, { content: $e }),
-					Te && /* @__PURE__ */ g(r, { content: et }),
+					Te && /* @__PURE__ */ g(a, { content: et }),
+					Ee && /* @__PURE__ */ g(r, { content: tt }),
 					q && X != null && /* @__PURE__ */ g(ge, {
 						projectionStart: L,
 						prevTick: X,
 						clipId: Z,
-						dataKeys: E
+						dataKeys: D
 					}),
-					Q.map(({ field: e, current: t }) => /* @__PURE__ */ g(se, {
+					Q.map(({ field: e, current: t }) => /* @__PURE__ */ g(ce, {
 						dataKey: e,
-						type: W(t),
+						type: G(t),
 						stroke: "none",
-						fill: U(t),
+						fill: W(t),
 						fillOpacity: .12,
 						connectNulls: F,
 						dot: !1,
 						activeDot: !1,
 						clipPath: q ? `url(#${Z}-actual)` : void 0,
-						...H,
+						...U,
 						legendType: "none",
 						tooltipType: "none"
 					}, e)),
-					E.map((e, t) => {
-						let n = D?.includes(e), r = I?.[e], i = !n && (r?.showDots ?? P), a = r?.dotSize ?? be, o = !n && (xe ?? i), s = r?.dashed ?? M === "dashed", c = r?.showLabel ?? V, l = r?.labelPosition ?? Ke;
-						return /* @__PURE__ */ g(v, {
+					D.map((e, t) => {
+						let n = O?.includes(e), r = I?.[e], i = !n && (r?.showDots ?? be), a = r?.dotSize ?? xe, o = !n && (Se ?? i), s = r?.dashed ?? N === "dashed", c = r?.showLabel ?? H, l = r?.labelPosition ?? Ke;
+						return /* @__PURE__ */ g(b, {
 							className: q && !n ? `actual-${Z}-${t}` : void 0,
-							type: W(e),
+							type: G(e),
 							dataKey: e,
-							stroke: U(e),
-							strokeWidth: r?.strokeWidth ?? N,
+							stroke: W(e),
+							strokeWidth: r?.strokeWidth ?? P,
 							strokeDasharray: n || s ? "5 5" : void 0,
 							strokeOpacity: n ? .5 : void 0,
 							dot: i ? { r: a } : !1,
 							activeDot: o ? { r: a + 2 } : !1,
 							connectNulls: F,
-							...H,
-							children: c && /* @__PURE__ */ g(de, {
+							...U,
+							children: c && /* @__PURE__ */ g(ue, {
 								dataKey: e,
 								position: l,
-								formatter: ae(Be),
-								className: p(l),
+								formatter: oe(Be),
+								className: ee(l),
 								fontSize: 12
 							})
 						}, e);
 					}),
-					q && E.map((e, t) => {
-						if (D?.includes(e)) return null;
+					q && D.map((e, t) => {
+						if (O?.includes(e)) return null;
 						let n = I?.[e];
-						return /* @__PURE__ */ g(v, {
+						return /* @__PURE__ */ g(b, {
 							className: `proj-${Z}-${t}`,
-							type: W(e),
+							type: G(e),
 							dataKey: `_proj_${e}`,
 							name: e,
-							stroke: U(e),
-							strokeWidth: n?.strokeWidth ?? N,
+							stroke: W(e),
+							strokeWidth: n?.strokeWidth ?? P,
 							strokeDasharray: "5 5",
 							dot: !1,
 							activeDot: !1,
 							legendType: "none",
 							tooltipType: "none",
-							...H
+							...U
 						}, `_proj_${e}`);
 					}),
 					Je.map((e, t) => {
-						let n = f(e, x, E);
-						return n === void 0 ? null : /* @__PURE__ */ g(y, {
+						let n = p(e, S, D);
+						return n === void 0 ? null : /* @__PURE__ */ g(fe, {
 							y: n,
-							...ee(e.label, e.labelPosition)
+							...te(e.label, e.labelPosition)
 						}, `${e.label ?? "ref"}-${t}`);
 					}),
-					Ve && /* @__PURE__ */ g(ce, {
-						dataKey: O,
+					Ve && /* @__PURE__ */ g(le, {
+						dataKey: k,
 						tickFormatter: R,
-						...d({
+						...f({
 							brushHeight: He,
 							brushAriaLabel: Ue
 						})
@@ -278,8 +278,8 @@ var E = m.forwardRef(({ className: t, config: h, palette: b, data: x, dataKeys:
 		})
 	});
 });
-E.displayName = "LineChart";
+D.displayName = "LineChart";
 //#endregion
-export { E as LineChart, T as createBandStrippedTooltip, w as dropBandSeries, S as lineChartVariants };
+export { D as LineChart, E as createBandStrippedTooltip, T as dropBandSeries, C as lineChartVariants };
 
 //# sourceMappingURL=line-chart.js.map