@acronis-platform/ui-react 2.0.0 → 4.0.0

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

@@ -1,11 +1,11 @@
-import { jsx as i, jsxs as g, Fragment as _ } from "react/jsx-runtime";
-import * as T from "react";
-import { cva as Qe } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
-import { Text as Ke, BarChart as et, CartesianGrid as tt, Brush as rt, XAxis as de, YAxis as he, LabelList as ot, Bar as fe, ReferenceArea as nt, ReferenceLine as it, Cell as lt, Rectangle as j } from "recharts";
+import { jsx as i, jsxs as p, Fragment as _ } from "react/jsx-runtime";
+import * as k from "react";
+import { cva as Ke } from "../../../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.js";
+import { Text as et, BarChart as tt, CartesianGrid as rt, Brush as ot, XAxis as de, YAxis as he, LabelList as nt, Bar as fe, ReferenceArea as it, ReferenceLine as lt, Cell as at, Rectangle as j } from "recharts";
 import { cn as ue } from "../../../lib/utils.js";
-import { resolveAnimation as at, resolveCartesianLabelPosition as st, resolveCategoryRange as ve, resolveBrushProps as ct, resolveRotatedTickAnchor as ge, CHART_LABEL_FONT_SIZE as dt, resolveLabelFillClass as ht, toLabelFormatter as ft, resolveChartReferenceValue as ut, resolveReferenceLineProps as vt, resolveXAxisTitle as gt, resolveXAxisHeight as pt, resolveAxisDomain as mt, resolveYAxisTitle as $t, toReferenceLineList as Ct } from "../chart/chart-format.js";
-import { ChartContainer as Lt, ChartTooltip as zt, ChartLegend as yt, ChartTooltipContent as Ot, ChartLegendContent as kt } from "../chart/chart.js";
-const St = Qe("", {
+import { resolveAnimation as st, resolveCartesianLabelPosition as ct, resolveCategoryRange as ve, resolveBrushProps as dt, resolveRotatedTickAnchor as ge, CHART_LABEL_FONT_SIZE as ht, resolveLabelFillClass as ft, toLabelFormatter as ut, resolveChartReferenceValue as vt, resolveReferenceLineProps as gt, resolveXAxisTitle as pt, resolveXAxisHeight as mt, resolveAxisDomain as $t, resolveYAxisTitle as Ct, toReferenceLineList as Lt } from "../chart/chart-format.js";
+import { ChartContainer as zt, ChartTooltip as yt, ChartLegend as Ot, ChartTooltipContent as kt, ChartLegendContent as St } from "../chart/chart.js";
+const Rt = Ke("", {
   variants: {
     orientation: {
       vertical: "",
@@ -21,176 +21,176 @@ const St = Qe("", {
     layout: "grouped"
   }
 }), F = "__headroom_";
-function me(t, n) {
-  const o = t == null ? void 0 : t.filter(
-    (r) => !String(r.dataKey).startsWith(F)
+function me(r, o) {
+  const n = r == null ? void 0 : r.filter(
+    (t) => !String(t.dataKey).startsWith(F)
   );
-  return n ? o == null ? void 0 : o.slice().sort(
-    (r, a) => n.indexOf(String(r.dataKey)) - n.indexOf(String(a.dataKey))
-  ) : o;
+  return o ? n == null ? void 0 : n.slice().sort(
+    (t, s) => o.indexOf(String(t.dataKey)) - o.indexOf(String(s.dataKey))
+  ) : n;
 }
-function $e(t) {
-  return t == null ? void 0 : t.map(
-    (n) => {
-      var o;
-      return (o = n.color) != null && o.startsWith("url(") ? { ...n, color: `var(--color-${String(n.dataKey)})` } : n;
+function $e(r) {
+  return r == null ? void 0 : r.map(
+    (o) => {
+      var n;
+      return (n = o.color) != null && n.startsWith("url(") ? { ...o, color: `var(--color-${String(o.dataKey)})` } : o;
     }
   );
 }
-function Rt({
-  content: t,
-  dataKeys: n,
-  ...o
+function Tt({
+  content: r,
+  dataKeys: o,
+  ...n
 }) {
-  const r = {
-    ...o,
-    payload: $e(me(o.payload, n))
+  const t = {
+    ...n,
+    payload: $e(me(n.payload, o))
   };
-  return t ? typeof t == "function" ? T.createElement(
-    t,
-    r
-  ) : T.cloneElement(t, r) : /* @__PURE__ */ i(Ot, { ...r });
+  return r ? typeof r == "function" ? k.createElement(
+    r,
+    t
+  ) : k.cloneElement(r, t) : /* @__PURE__ */ i(kt, { ...t });
 }
-function Tt({
-  dataKeys: t,
-  ...n
+function bt({
+  dataKeys: r,
+  ...o
 }) {
   return /* @__PURE__ */ i(
-    kt,
+    St,
     {
-      verticalAlign: n.verticalAlign,
+      verticalAlign: o.verticalAlign,
       payload: $e(
-        me(n.payload, t)
+        me(o.payload, r)
       )
     }
   );
 }
-function bt({
-  bar: t,
-  track: n,
-  trackFill: o,
-  paint: r
+function Dt({
+  bar: r,
+  track: o,
+  trackFill: n,
+  paint: t
 }) {
-  return /* @__PURE__ */ g(_, { children: [
-    n && /* @__PURE__ */ i(
+  return /* @__PURE__ */ p(_, { children: [
+    o && /* @__PURE__ */ i(
       j,
       {
         className: "recharts-bar-background-rectangle",
-        x: n.x ?? void 0,
-        y: n.y ?? void 0,
-        width: n.width ?? void 0,
-        height: n.height ?? void 0,
-        fill: o
+        x: o.x ?? void 0,
+        y: o.y ?? void 0,
+        width: o.width ?? void 0,
+        height: o.height ?? void 0,
+        fill: n
       }
     ),
     /* @__PURE__ */ i(
       j,
       {
-        x: t.x ?? void 0,
-        y: t.y ?? void 0,
-        width: t.width ?? void 0,
-        height: t.height ?? void 0,
-        radius: t.radius,
-        fill: (r == null ? void 0 : r.fill) ?? t.fill,
-        fillOpacity: (r == null ? void 0 : r.fillOpacity) ?? t.fillOpacity,
-        stroke: t.stroke,
-        strokeWidth: t.strokeWidth,
-        strokeDasharray: t.strokeDasharray
+        x: r.x ?? void 0,
+        y: r.y ?? void 0,
+        width: r.width ?? void 0,
+        height: r.height ?? void 0,
+        radius: r.radius,
+        fill: (t == null ? void 0 : t.fill) ?? r.fill,
+        fillOpacity: (t == null ? void 0 : t.fillOpacity) ?? r.fillOpacity,
+        stroke: r.stroke,
+        strokeWidth: r.strokeWidth,
+        strokeDasharray: r.strokeDasharray
       }
     )
   ] });
 }
 function pe({
-  inRange: t,
-  trackFill: n,
-  paint: o
+  inRange: r,
+  trackFill: o,
+  paint: n
 }) {
-  return ({ background: r, index: a, ...u }) => bt({
-    bar: u,
-    track: t(a) ? r : void 0,
-    trackFill: n,
-    paint: o
+  return ({ background: t, index: s, ...a }) => Dt({
+    bar: a,
+    track: r(s) ? t : void 0,
+    trackFill: o,
+    paint: n
   });
 }
-function Dt({
-  rangeBackground: t,
-  inRange: n,
-  trackFill: o,
-  activeBarOption: r
+function Et({
+  rangeBackground: r,
+  inRange: o,
+  trackFill: n,
+  activeBarOption: t
 }) {
-  return t ? {
-    shape: pe({ inRange: n, trackFill: o }),
-    activeBar: r && pe({ inRange: n, trackFill: o, paint: r })
-  } : { shape: void 0, activeBar: r };
+  return r ? {
+    shape: pe({ inRange: o, trackFill: n }),
+    activeBar: t && pe({ inRange: o, trackFill: n, paint: t })
+  } : { shape: void 0, activeBar: t };
 }
-function Et({
-  band: t,
-  vertical: n
+function Nt({
+  band: r,
+  vertical: o
 }) {
-  const { x: o = 0, y: r = 0, width: a = 0, height: u = 0, fill: h, fillOpacity: p } = t;
-  return /* @__PURE__ */ g(_, { children: [
+  const { x: n = 0, y: t = 0, width: s = 0, height: a = 0, fill: f, fillOpacity: m } = r;
+  return /* @__PURE__ */ p(_, { children: [
     /* @__PURE__ */ i(
       j,
       {
         className: "recharts-reference-area-rect",
-        x: o,
-        y: r,
-        width: a,
-        height: u,
-        fill: h,
-        fillOpacity: p
+        x: n,
+        y: t,
+        width: s,
+        height: a,
+        fill: f,
+        fillOpacity: m
       }
     ),
     /* @__PURE__ */ i(
       "line",
       {
-        x1: o,
-        y1: r,
-        x2: n ? o : o + a,
-        y2: n ? r + u : r,
+        x1: n,
+        y1: t,
+        x2: o ? n : n + s,
+        y2: o ? t + a : t,
         stroke: "var(--ui-border-on-surface-border)",
         strokeDasharray: "4 4"
       }
     )
   ] });
 }
-function Nt({
-  divider: t,
-  vertical: n
+function wt({
+  divider: r,
+  vertical: o
 }) {
-  if (t)
-    return (o) => Et({ band: o, vertical: n });
+  if (r)
+    return (n) => Nt({ band: n, vertical: o });
 }
-function wt(t) {
-  return t ? {
-    value: t,
+function xt(r) {
+  return r ? {
+    value: r,
     position: "insideTop",
     fill: "var(--ui-text-on-surface-secondary)",
     fontSize: 12
   } : void 0;
 }
-function xt({
-  id: t,
-  dataKeys: n,
-  shapes: o,
-  horizontal: r
+function Bt({
+  id: r,
+  dataKeys: o,
+  shapes: n,
+  horizontal: t
 }) {
-  const a = o.has("gradient"), u = o.has("pattern");
-  return !a && !u ? null : /* @__PURE__ */ i("defs", { children: n.map((h) => /* @__PURE__ */ g(T.Fragment, { children: [
-    a && /* @__PURE__ */ g(
+  const s = n.has("gradient"), a = n.has("pattern");
+  return !s && !a ? null : /* @__PURE__ */ i("defs", { children: o.map((f) => /* @__PURE__ */ p(k.Fragment, { children: [
+    s && /* @__PURE__ */ p(
       "linearGradient",
       {
-        id: `${t}-gradient-${h}`,
+        id: `${r}-gradient-${f}`,
         x1: "0",
         y1: "0",
-        x2: r ? "1" : "0",
-        y2: r ? "0" : "1",
+        x2: t ? "1" : "0",
+        y2: t ? "0" : "1",
         children: [
           /* @__PURE__ */ i(
             "stop",
             {
               offset: "0%",
-              stopColor: `var(--color-${h})`,
+              stopColor: `var(--color-${f})`,
               stopOpacity: 1
             }
           ),
@@ -198,17 +198,17 @@ function xt({
             "stop",
             {
               offset: "100%",
-              stopColor: `var(--color-${h})`,
+              stopColor: `var(--color-${f})`,
               stopOpacity: 0.35
             }
           )
         ]
       }
     ),
-    u && /* @__PURE__ */ g(
+    a && /* @__PURE__ */ p(
       "pattern",
       {
-        id: `${t}-pattern-${h}`,
+        id: `${r}-pattern-${f}`,
         patternUnits: "userSpaceOnUse",
         width: 6,
         height: 6,
@@ -219,7 +219,7 @@ function xt({
             {
               width: 6,
               height: 6,
-              fill: `var(--color-${h})`,
+              fill: `var(--color-${f})`,
               fillOpacity: 0.25
             }
           ),
@@ -230,167 +230,168 @@ function xt({
               y1: 0,
               x2: 0,
               y2: 6,
-              stroke: `var(--color-${h})`,
+              stroke: `var(--color-${f})`,
               strokeWidth: 3
             }
           )
         ]
       }
     )
-  ] }, h)) });
+  ] }, f)) });
 }
-function Bt({
-  data: t,
-  chartData: n,
-  xKey: o,
-  seriesKey: r,
-  settings: a,
-  range: u,
-  headroomKey: h,
-  barShape: p,
-  rounded: E,
-  fillOf: k,
-  radiusFor: W
+function Pt({
+  data: r,
+  chartData: o,
+  xKey: n,
+  seriesKey: t,
+  settings: s,
+  range: a,
+  headroomKey: f,
+  barShape: m,
+  rounded: S,
+  fillOf: R,
+  radiusFor: T
 }) {
-  const { fill: A, opacity: d, dashed: C } = a;
-  return t.map((L, v) => {
+  const { fill: W, opacity: A, dashed: d } = s;
+  return r.map((b, g) => {
     var w;
-    const m = v >= u[0] && v <= u[1], N = m && a.shape || p, H = h !== void 0 && Number(
-      (w = n[v]) == null ? void 0 : w[`${F}${r}`]
+    const v = g >= a[0] && g <= a[1], N = v && s.shape || m, H = f !== void 0 && Number(
+      (w = o[g]) == null ? void 0 : w[`${F}${t}`]
     ) > 0;
     return /* @__PURE__ */ i(
-      lt,
+      at,
       {
-        fill: m ? A ?? k(r, N) : k(r, p),
-        fillOpacity: m ? d : void 0,
-        stroke: m && C ? `var(--color-${r})` : void 0,
-        strokeWidth: m && C ? 1 : void 0,
-        strokeDasharray: m && C ? "4 3" : void 0,
-        radius: H ? void 0 : W(N, E)
+        fill: v ? W ?? R(t, N) : R(t, m),
+        fillOpacity: v ? A : void 0,
+        stroke: v && d ? `var(--color-${t})` : void 0,
+        strokeWidth: v && d ? 1 : void 0,
+        strokeDasharray: v && d ? "4 3" : void 0,
+        radius: H ? void 0 : T(N, S)
       },
-      `${r}-${String(L[o])}-${v}`
+      `${t}-${String(b[n])}-${g}`
     );
   });
 }
-const Pt = T.forwardRef(
+const _t = k.forwardRef(
   ({
-    className: t,
-    config: n,
-    data: o,
-    dataKeys: r,
+    className: r,
+    config: o,
+    palette: n,
+    data: t,
+    dataKeys: s,
     xKey: a,
-    referenceLine: u,
-    referenceArea: h,
-    barSettings: p,
-    xAxisLabel: E,
-    yAxisLabel: k,
+    referenceLine: f,
+    referenceArea: m,
+    barSettings: S,
+    xAxisLabel: R,
+    yAxisLabel: T,
     xUnit: W,
     yUnit: A,
     orientation: d = "vertical",
-    layout: C = "grouped",
-    barRadius: L = 4,
+    layout: b = "grouped",
+    barRadius: g = 4,
     barShape: v = "rounded",
-    barSize: m,
-    maxBarSize: N,
-    barGap: H,
-    barCategoryGap: w,
+    barSize: N,
+    maxBarSize: H,
+    barGap: w,
+    barCategoryGap: Ce,
     minPointSize: I,
-    showBackground: Ce = !1,
+    showBackground: Le = !1,
     backgroundFill: U = "var(--ui-background-surface-secondary)",
-    showActiveBar: Le = !1,
-    activeBar: z,
-    showGrid: ze = !0,
-    showTooltip: ye = !0,
-    showLegend: Oe = !0,
+    showActiveBar: ze = !1,
+    activeBar: C,
+    showGrid: ye = !0,
+    showTooltip: Oe = !0,
+    showLegend: ke = !0,
     showXAxis: Y = !0,
     showYAxis: Z = !0,
     xTickFormatter: x,
     yTickFormatter: B,
-    xAxisAngle: b,
+    xAxisAngle: D,
     xAxisInterval: q,
     yAxisTickCount: J,
-    yAxisDomain: ke,
-    gridDashed: Se,
-    gridHorizontal: Re,
-    gridVertical: Te,
-    tooltipContent: be,
-    animate: De,
-    animationDuration: Ee,
-    animationBegin: Ne,
-    animationEasing: we,
-    showLabels: xe = !1,
-    labelPosition: Be,
-    labelFormatter: Pe,
-    showBrush: _e = !1,
-    brushHeight: Fe,
-    brushAriaLabel: We,
-    ...Ae
-  }, He) => {
-    const Q = at({
-      animate: De,
-      animationDuration: Ee,
-      animationBegin: Ne,
-      animationEasing: we
-    }), Me = d === "horizontal" ? "vertical" : "horizontal", D = C === "stacked", K = st({
-      labelPosition: Be,
-      isStacked: D,
+    yAxisDomain: Se,
+    gridDashed: Re,
+    gridHorizontal: Te,
+    gridVertical: be,
+    tooltipContent: De,
+    animate: Ee,
+    animationDuration: Ne,
+    animationBegin: we,
+    animationEasing: xe,
+    showLabels: Be = !1,
+    labelPosition: Pe,
+    labelFormatter: _e,
+    showBrush: Fe = !1,
+    brushHeight: We,
+    brushAriaLabel: Ae,
+    ...He
+  }, Me) => {
+    const Q = st({
+      animate: Ee,
+      animationDuration: Ne,
+      animationBegin: we,
+      animationEasing: xe
+    }), Ve = d === "horizontal" ? "vertical" : "horizontal", E = b === "stacked", K = ct({
+      labelPosition: Pe,
+      isStacked: E,
       growingEnd: d === "horizontal" ? "right" : "top"
-    }), Ve = Ct(u), ee = (h ? Array.isArray(h) ? h : [h] : []).map((e) => ({ area: e, range: ve(e, o, a) })).filter(
+    }), Ge = Lt(f), ee = (m ? Array.isArray(m) ? m : [m] : []).map((e) => ({ area: e, range: ve(e, t, a) })).filter(
       (e) => e.range !== void 0
     ), P = new Map(
-      r.flatMap((e) => {
-        const l = p == null ? void 0 : p[e], c = l ? ve(l, o, a) : void 0;
-        return l && c ? [[e, { settings: l, range: c }]] : [];
+      s.flatMap((e) => {
+        const l = S == null ? void 0 : S[e], h = l ? ve(l, t, a) : void 0;
+        return l && h ? [[e, { settings: l, range: h }]] : [];
       })
     ), M = new Map(
-      D ? [] : Array.from(
+      E ? [] : Array.from(
         P,
         ([e, l]) => typeof l.settings.background == "string" ? [e, l.settings.background] : void 0
       ).filter((e) => e !== void 0)
-    ), V = M.size ? o.map((e, l) => {
-      const c = {};
-      return M.forEach((s, f) => {
-        const $ = P.get(f);
+    ), V = M.size ? t.map((e, l) => {
+      const h = {};
+      return M.forEach((c, u) => {
+        const $ = P.get(u);
         if (!$) return;
-        const [S, R] = $.range;
-        if (l < S || l > R) return;
-        const y = e[f], O = e[s];
-        typeof y != "number" || typeof O != "number" || (c[`${F}${f}`] = Math.max(0, O - y));
-      }), { ...e, ...c };
-    }) : o, te = new Set(
+        const [y, O] = $.range;
+        if (l < y || l > O) return;
+        const L = e[u], z = e[c];
+        typeof L != "number" || typeof z != "number" || (h[`${F}${u}`] = Math.max(0, z - L));
+      }), { ...e, ...h };
+    }) : t, te = new Set(
       ee.filter(({ area: e }) => e.highlightTicks !== !1).flatMap(
-        ({ range: e }) => o.slice(e[0], e[1] + 1).map((l) => l[a])
+        ({ range: e }) => t.slice(e[0], e[1] + 1).map((l) => l[a])
       )
     ), re = te.size ? ({
       payload: e,
       index: l,
-      ...c
+      ...h
     }) => {
-      const s = d === "horizontal" ? B : x, f = s ? s(e.value, l) : e.value;
+      const c = d === "horizontal" ? B : x, u = c ? c(e.value, l) : e.value;
       return /* @__PURE__ */ i(
-        Ke,
+        et,
         {
-          ...c,
+          ...h,
           className: ue(
             "fill-muted-foreground",
             te.has(e.value) && "fill-primary italic"
           ),
           fontSize: 12,
-          children: f
+          children: u
         }
       );
-    } : void 0, Ge = Le ? {
-      ...(z == null ? void 0 : z.fill) !== void 0 ? { fill: z.fill } : {},
-      fillOpacity: (z == null ? void 0 : z.opacity) ?? 0.85
-    } : !1, G = `bar-${T.useId().replace(/:/g, "")}`, oe = /* @__PURE__ */ new Set([v]);
+    } : void 0, Xe = ze ? {
+      ...(C == null ? void 0 : C.fill) !== void 0 ? { fill: C.fill } : {},
+      fillOpacity: (C == null ? void 0 : C.opacity) ?? 0.85
+    } : !1, G = `bar-${k.useId().replace(/:/g, "")}`, oe = /* @__PURE__ */ new Set([v]);
     P.forEach(({ settings: e }) => {
       e.shape && oe.add(e.shape);
     });
-    const Xe = (e) => I === void 0 ? void 0 : (l, c) => {
-      var f;
-      const s = D ? (f = V[c]) == null ? void 0 : f[e] : l;
-      return typeof s == "number" && s !== 0 ? I : 0;
-    }, ne = (e, l) => l === "gradient" ? `url(#${G}-gradient-${e})` : l === "pattern" ? `url(#${G}-pattern-${e})` : `var(--color-${e})`, ie = gt(E), le = $t(k), ae = mt(ke), se = pt(E, b), je = d === "horizontal" ? [0, L, L, 0] : [L, L, 0, 0], X = (e, l) => e === "pill" ? 9999 : L > 0 && l ? je : void 0, Ie = /* @__PURE__ */ i(Rt, { content: be, dataKeys: r }), Ue = /* @__PURE__ */ i(Tt, { dataKeys: r }), Ye = () => d === "horizontal" ? /* @__PURE__ */ g(_, { children: [
+    const je = (e) => I === void 0 ? void 0 : (l, h) => {
+      var u;
+      const c = E ? (u = V[h]) == null ? void 0 : u[e] : l;
+      return typeof c == "number" && c !== 0 ? I : 0;
+    }, ne = (e, l) => l === "gradient" ? `url(#${G}-gradient-${e})` : l === "pattern" ? `url(#${G}-pattern-${e})` : `var(--color-${e})`, ie = pt(R), le = Ct(T), ae = $t(Se), se = mt(R, D), Ie = d === "horizontal" ? [0, g, g, 0] : [g, g, 0, 0], X = (e, l) => e === "pill" ? 9999 : g > 0 && l ? Ie : void 0, Ue = /* @__PURE__ */ i(Tt, { content: De, dataKeys: s }), Ye = /* @__PURE__ */ i(bt, { dataKeys: s }), Ze = () => d === "horizontal" ? /* @__PURE__ */ p(_, { children: [
       /* @__PURE__ */ i(
         de,
         {
@@ -400,9 +401,9 @@ const Pt = T.forwardRef(
           axisLine: !1,
           unit: W,
           tickFormatter: x,
-          angle: b,
+          angle: D,
           interval: q,
-          textAnchor: ge(b),
+          textAnchor: ge(D),
           tickCount: J,
           domain: ae,
           height: se,
@@ -419,11 +420,11 @@ const Pt = T.forwardRef(
           axisLine: !1,
           tick: re,
           tickFormatter: B,
-          width: k ? 96 : 80,
+          width: T ? 96 : 80,
           label: le
         }
       )
-    ] }) : /* @__PURE__ */ g(_, { children: [
+    ] }) : /* @__PURE__ */ p(_, { children: [
       /* @__PURE__ */ i(
         de,
         {
@@ -434,9 +435,9 @@ const Pt = T.forwardRef(
           axisLine: !1,
           tick: re,
           tickFormatter: x,
-          angle: b,
+          angle: D,
           interval: q,
-          textAnchor: ge(b),
+          textAnchor: ge(D),
           height: se,
           label: ie
         }
@@ -452,54 +453,54 @@ const Pt = T.forwardRef(
           tickFormatter: B,
           tickCount: J,
           domain: ae,
-          width: k ? 72 : void 0,
+          width: T ? 72 : void 0,
           label: le
         }
       )
-    ] }), Ze = () => r.map((e, l) => {
-      const c = D ? l === r.length - 1 : !0, s = P.get(e), f = (ce) => s !== void 0 && ce >= s.range[0] && ce <= s.range[1], $ = M.get(e), { shape: S, activeBar: R } = Dt({
-        rangeBackground: (s == null ? void 0 : s.settings.background) === !0,
-        inRange: f,
+    ] }), qe = () => s.map((e, l) => {
+      const h = E ? l === s.length - 1 : !0, c = P.get(e), u = (ce) => c !== void 0 && ce >= c.range[0] && ce <= c.range[1], $ = M.get(e), { shape: y, activeBar: O } = Et({
+        rangeBackground: (c == null ? void 0 : c.settings.background) === !0,
+        inRange: u,
         trackFill: U,
-        activeBarOption: Ge
-      }), y = s && Bt({
-        data: o,
+        activeBarOption: Xe
+      }), L = c && Pt({
+        data: t,
         chartData: V,
         xKey: a,
         seriesKey: e,
-        settings: s.settings,
-        range: s.range,
+        settings: c.settings,
+        range: c.range,
         headroomKey: $,
         barShape: v,
-        rounded: c,
+        rounded: h,
         fillOf: ne,
         radiusFor: X
-      }), O = xe && /* @__PURE__ */ i(
-        ot,
+      }), z = Be && /* @__PURE__ */ i(
+        nt,
         {
           dataKey: e,
           position: K,
-          formatter: ft(Pe),
-          className: ht(K),
-          fontSize: dt
+          formatter: ut(_e),
+          className: ft(K),
+          fontSize: ht
         }
       );
-      return /* @__PURE__ */ g(T.Fragment, { children: [
-        /* @__PURE__ */ g(
+      return /* @__PURE__ */ p(k.Fragment, { children: [
+        /* @__PURE__ */ p(
           fe,
           {
             dataKey: e,
             fill: ne(e, v),
-            stackId: D ? "a" : $ ? e : void 0,
-            radius: X(v, c),
-            minPointSize: Xe(e),
-            background: Ce ? { fill: U } : void 0,
-            shape: S,
-            activeBar: R,
+            stackId: E ? "a" : $ ? e : void 0,
+            radius: X(v, h),
+            minPointSize: je(e),
+            background: Le ? { fill: U } : void 0,
+            shape: y,
+            activeBar: O,
             ...Q,
             children: [
-              y,
-              O
+              L,
+              z
             ]
           }
         ),
@@ -517,31 +518,31 @@ const Pt = T.forwardRef(
           }
         )
       ] }, e);
-    }), qe = () => ee.map(({ area: e, range: l }, c) => {
-      var S, R, y, O;
-      const [s, f] = l, $ = d === "horizontal" ? { y1: (S = o[s]) == null ? void 0 : S[a], y2: (R = o[f]) == null ? void 0 : R[a] } : { x1: (y = o[s]) == null ? void 0 : y[a], x2: (O = o[f]) == null ? void 0 : O[a] };
+    }), Je = () => ee.map(({ area: e, range: l }, h) => {
+      var y, O, L, z;
+      const [c, u] = l, $ = d === "horizontal" ? { y1: (y = t[c]) == null ? void 0 : y[a], y2: (O = t[u]) == null ? void 0 : O[a] } : { x1: (L = t[c]) == null ? void 0 : L[a], x2: (z = t[u]) == null ? void 0 : z[a] };
       return /* @__PURE__ */ i(
-        nt,
+        it,
         {
           ...$,
           fill: "var(--ui-background-surface-secondary)",
           fillOpacity: 0.6,
           ifOverflow: "extendDomain",
-          shape: Nt({
+          shape: wt({
             divider: e.divider,
             vertical: d !== "horizontal"
           }),
-          label: wt(e.label)
+          label: xt(e.label)
         },
-        `${e.label ?? "area"}-${c}`
+        `${e.label ?? "area"}-${h}`
       );
-    }), Je = () => Ve.map((e, l) => {
-      const c = ut(e, o, r);
-      return c === void 0 ? null : /* @__PURE__ */ i(
-        it,
+    }), Qe = () => Ge.map((e, l) => {
+      const h = vt(e, t, s);
+      return h === void 0 ? null : /* @__PURE__ */ i(
+        lt,
         {
-          ...d === "horizontal" ? { x: c } : { y: c },
-          ...vt(
+          ...d === "horizontal" ? { x: h } : { y: h },
+          ...gt(
             e.label,
             e.labelPosition ?? (d === "horizontal" ? "top" : "insideTopRight")
           )
@@ -552,55 +553,56 @@ const Pt = T.forwardRef(
     return /* @__PURE__ */ i(
       "div",
       {
-        ref: He,
+        ref: Me,
         "data-orientation": d,
-        "data-layout": C,
-        className: ue(St({ orientation: d, layout: C }), t),
-        ...Ae,
+        "data-layout": b,
+        className: ue(Rt({ orientation: d, layout: b }), r),
+        ...He,
         children: /* @__PURE__ */ i(
-          Lt,
+          zt,
           {
-            config: n,
+            config: o,
+            palette: n,
             className: "size-full [&_.recharts-label]:fill-foreground",
-            children: /* @__PURE__ */ g(
-              et,
+            children: /* @__PURE__ */ p(
+              tt,
               {
                 data: V,
-                layout: Me,
-                barSize: m,
-                maxBarSize: N,
-                barGap: H,
-                barCategoryGap: w,
+                layout: Ve,
+                barSize: N,
+                maxBarSize: H,
+                barGap: w,
+                barCategoryGap: Ce,
                 children: [
                   /* @__PURE__ */ i(
-                    xt,
+                    Bt,
                     {
                       id: G,
-                      dataKeys: r,
+                      dataKeys: s,
                       shapes: oe,
                       horizontal: d === "horizontal"
                     }
                   ),
-                  ze && /* @__PURE__ */ i(
-                    tt,
+                  ye && /* @__PURE__ */ i(
+                    rt,
                     {
-                      horizontal: Re ?? d === "vertical",
-                      vertical: Te ?? d === "horizontal",
-                      strokeDasharray: Se ? "3 3" : void 0
+                      horizontal: Te ?? d === "vertical",
+                      vertical: be ?? d === "horizontal",
+                      strokeDasharray: Re ? "3 3" : void 0
                     }
                   ),
-                  Ye(),
-                  ye && /* @__PURE__ */ i(zt, { content: Ie }),
-                  Oe && /* @__PURE__ */ i(yt, { content: Ue }),
                   Ze(),
+                  Oe && /* @__PURE__ */ i(yt, { content: Ue }),
+                  ke && /* @__PURE__ */ i(Ot, { content: Ye }),
                   qe(),
                   Je(),
-                  _e && /* @__PURE__ */ i(
-                    rt,
+                  Qe(),
+                  Fe && /* @__PURE__ */ i(
+                    ot,
                     {
                       dataKey: a,
                       tickFormatter: d === "horizontal" ? B : x,
-                      ...ct({ brushHeight: Fe, brushAriaLabel: We })
+                      ...dt({ brushHeight: We, brushAriaLabel: Ae })
                     }
                   )
                 ]
@@ -612,12 +614,12 @@ const Pt = T.forwardRef(
     );
   }
 );
-Pt.displayName = "BarChart";
+_t.displayName = "BarChart";
 export {
-  Pt as BarChart,
-  Tt as NormalizedLegendContent,
-  Rt as NormalizedTooltipContent,
-  St as barChartVariants,
+  _t as BarChart,
+  bt as NormalizedLegendContent,
+  Tt as NormalizedTooltipContent,
+  Rt as barChartVariants,
   pe as createTrackShape,
   me as dropHeadroomSeries,
   $e as withSeriesColor