@giddaa-housing/ui 0.1.0 → 1.0.0

package/dist/waterfall-chart.js

@@ -0,0 +1,577 @@
+"use client";
+import {
+  ChartCard,
+  ChartContainer,
+  ChartDescription,
+  ChartHeader,
+  ChartTitle,
+  ChartTooltip,
+  ChartTooltipContent
+} from "./chunk-NOFXVRWL.js";
+import {
+  SizeProvider,
+  useComponentSize
+} from "./chunk-HL3ZSYES.js";
+import {
+  cn
+} from "./chunk-Y4TTYVNE.js";
+
+// src/waterfall-chart.tsx
+import { cva } from "class-variance-authority";
+import {
+  Bar,
+  LabelList,
+  BarChart as RechartsBarChart,
+  ReferenceLine,
+  XAxis,
+  YAxis
+} from "recharts";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var WATERFALL_CHART_COLORS = {
+  total: "var(--color-status-info)",
+  increase: "var(--color-status-success)",
+  decrease: "var(--color-status-danger)",
+  connector: "var(--color-line-strong)",
+  baseline: "var(--color-line)"
+};
+var WATERFALL_CHART_LEGEND_ITEMS = [
+  { label: "Increase", color: WATERFALL_CHART_COLORS.increase },
+  { label: "Decrease", color: WATERFALL_CHART_COLORS.decrease },
+  { label: "Total", color: WATERFALL_CHART_COLORS.total }
+];
+var WATERFALL_CHART_CONFIG = {
+  increase: {
+    label: "Increase",
+    color: WATERFALL_CHART_COLORS.increase
+  },
+  decrease: {
+    label: "Decrease",
+    color: WATERFALL_CHART_COLORS.decrease
+  },
+  total: {
+    label: "Total",
+    color: WATERFALL_CHART_COLORS.total
+  }
+};
+var WATERFALL_CHART_LAYOUT = {
+  sm: {
+    height: 150,
+    horizontalHeight: 170,
+    margin: { top: 18, right: 8, bottom: 0, left: 0 },
+    horizontalMargin: { top: 6, right: 36, bottom: 0, left: 0 },
+    barSize: 18,
+    barRadius: 3,
+    connectorWidth: 1.25,
+    valueGap: 4,
+    tickFontSize: 10,
+    yAxisWidth: 56,
+    xAxisHeight: 20
+  },
+  md: {
+    height: 190,
+    horizontalHeight: 220,
+    margin: { top: 22, right: 10, bottom: 0, left: 0 },
+    horizontalMargin: { top: 8, right: 44, bottom: 0, left: 0 },
+    barSize: 24,
+    barRadius: 4,
+    connectorWidth: 1.5,
+    valueGap: 5,
+    tickFontSize: 11,
+    yAxisWidth: 72,
+    xAxisHeight: 24
+  },
+  lg: {
+    height: 250,
+    horizontalHeight: 280,
+    margin: { top: 28, right: 12, bottom: 0, left: 0 },
+    horizontalMargin: { top: 10, right: 56, bottom: 0, left: 0 },
+    barSize: 32,
+    barRadius: 5,
+    connectorWidth: 1.5,
+    valueGap: 6,
+    tickFontSize: 12,
+    yAxisWidth: 88,
+    xAxisHeight: 28
+  }
+};
+var waterfallLegendVariants = cva("flex min-w-0", {
+  variants: {
+    placement: {
+      right: "flex-col items-start",
+      bottom: "flex-row flex-wrap items-center"
+    },
+    size: {
+      sm: "text-gdt-xs",
+      md: "text-gdt-xs",
+      lg: "text-gdt-sm"
+    }
+  },
+  compoundVariants: [
+    { placement: "right", size: "sm", className: "gap-2" },
+    { placement: "right", size: "md", className: "gap-2.5" },
+    { placement: "right", size: "lg", className: "gap-3" },
+    { placement: "bottom", className: "gap-x-4 gap-y-2" }
+  ],
+  defaultVariants: { placement: "right", size: "md" }
+});
+function defaultValueFormatter(value, { step }) {
+  if (step.type === "total") {
+    return value.toLocaleString("en-NG");
+  }
+  return `${value > 0 ? "+" : ""}${value.toLocaleString("en-NG")}`;
+}
+function resolveWaterfallData(data) {
+  let running = 0;
+  return data.map((datum, index) => {
+    const isEdge = index === 0 || index === data.length - 1;
+    const requestedType = datum.type ?? (isEdge ? "total" : "auto");
+    const type = requestedType === "auto" ? datum.value >= 0 ? "increase" : "decrease" : requestedType;
+    if (type === "total") {
+      running = datum.value;
+      return {
+        label: datum.label,
+        value: datum.value,
+        start: 0,
+        end: datum.value,
+        range: [0, datum.value].sort((a, b) => a - b),
+        type,
+        fill: datum.fill ?? WATERFALL_CHART_COLORS.total
+      };
+    }
+    const start = running;
+    const end = running + datum.value;
+    running = end;
+    return {
+      label: datum.label,
+      value: datum.value,
+      start,
+      end,
+      range: [start, end].sort((a, b) => a - b),
+      type,
+      fill: datum.fill ?? (type === "increase" ? WATERFALL_CHART_COLORS.increase : WATERFALL_CHART_COLORS.decrease)
+    };
+  });
+}
+function getWaterfallDomain(steps, domain) {
+  if (domain) return domain;
+  const values = steps.flatMap((step) => [step.start, step.end, 0]);
+  const min = Math.min(...values);
+  const max = Math.max(...values);
+  const span = Math.max(max - min, 1);
+  const pad = span * 0.08;
+  return [Math.min(0, min - pad), Math.max(0, max + pad)];
+}
+function getPayloadStep(payload) {
+  if (typeof payload !== "object" || payload === null) return void 0;
+  if (!("payload" in payload)) return void 0;
+  const row = payload.payload;
+  if (typeof row !== "object" || row === null) return void 0;
+  if (!("step" in row)) return void 0;
+  return row.step;
+}
+function findDatumByLabel(data, label) {
+  const stringLabel = String(label);
+  return data.find((datum) => datum.label === stringLabel) ?? {
+    label: stringLabel,
+    value: 0
+  };
+}
+function formatTooltipValue(valueFormatter, data) {
+  return (_value, _name, item, index) => {
+    const step = getPayloadStep(item);
+    if (!step) return "";
+    const datumIndex = Math.max(index, 0);
+    return valueFormatter(step.value, {
+      datum: data[datumIndex] ?? {
+        label: step.label,
+        value: step.value,
+        type: step.type
+      },
+      step,
+      index: datumIndex
+    });
+  };
+}
+function WaterfallChartLegend({
+  className,
+  size,
+  placement = "right",
+  items = WATERFALL_CHART_LEGEND_ITEMS,
+  ...props
+}) {
+  const resolvedSize = useComponentSize(size);
+  const markerClassName = resolvedSize === "sm" ? "size-2" : resolvedSize === "lg" ? "size-3" : "size-2.5";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn(
+        waterfallLegendVariants({ placement, size: resolvedSize }),
+        className
+      ),
+      ...props,
+      children: items.map((item) => /* @__PURE__ */ jsxs("div", { className: "inline-flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "span",
+          {
+            "aria-hidden": "true",
+            className: cn("shrink-0 rounded-[2px]", markerClassName),
+            style: { backgroundColor: item.color }
+          }
+        ),
+        /* @__PURE__ */ jsx("span", { className: "font-medium text-fg-secondary", children: item.label })
+      ] }, item.label))
+    }
+  );
+}
+function WaterfallBarShape(props) {
+  const x = Number(props.x ?? 0);
+  const y = Number(props.y ?? 0);
+  const width = Number(props.width ?? 0);
+  const height = Number(props.height ?? 0);
+  const payload = props.payload;
+  const radius = Number(props.radius ?? 0);
+  const rectX = width < 0 ? x + width : x;
+  const rectY = height < 0 ? y + height : y;
+  const rectWidth = Math.abs(width);
+  const rectHeight = Math.abs(height);
+  if (rectWidth <= 0 || rectHeight <= 0) return null;
+  return /* @__PURE__ */ jsx(
+    "rect",
+    {
+      x: rectX,
+      y: rectY,
+      width: rectWidth,
+      height: rectHeight,
+      rx: radius,
+      fill: payload?.step?.fill ?? payload?.fill ?? WATERFALL_CHART_COLORS.total
+    }
+  );
+}
+function WaterfallValueLabel({
+  x,
+  y,
+  width,
+  height,
+  value,
+  payload,
+  orientation = "vertical",
+  layout,
+  valueFormatter = defaultValueFormatter,
+  data,
+  index
+}) {
+  const step = payload?.step ?? payload;
+  if (!step || x == null || y == null || width == null || height == null) {
+    return null;
+  }
+  const resolvedIndex = index ?? data.findIndex((datum) => datum.label === step.label);
+  const context = {
+    datum: data[resolvedIndex] ?? {
+      label: step.label,
+      value: step.value,
+      type: step.type
+    },
+    step,
+    index: Math.max(resolvedIndex, 0)
+  };
+  const fallbackLabel = Array.isArray(value) ? value.join(", ") : value == null ? "" : String(value);
+  const label = valueFormatter(step.value, context) ?? fallbackLabel;
+  const numX = Number(x);
+  const numY = Number(y);
+  const numWidth = Number(width);
+  const numHeight = Number(height);
+  const rectX = numWidth < 0 ? numX + numWidth : numX;
+  const rectY = numHeight < 0 ? numY + numHeight : numY;
+  const rectWidth = Math.abs(numWidth);
+  const rectHeight = Math.abs(numHeight);
+  if (orientation === "horizontal") {
+    return /* @__PURE__ */ jsx(
+      "text",
+      {
+        x: rectX + rectWidth + layout.valueGap,
+        y: rectY + rectHeight / 2,
+        dominantBaseline: "central",
+        className: "fill-fg-primary text-gdt-xs font-semibold tabular-nums",
+        children: label
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    "text",
+    {
+      x: rectX + rectWidth / 2,
+      y: Math.max(10, rectY - layout.valueGap),
+      textAnchor: "middle",
+      className: "fill-fg-primary text-gdt-xs font-semibold tabular-nums",
+      children: label
+    }
+  );
+}
+function WaterfallChartPlot({
+  data,
+  size,
+  orientation = "vertical",
+  legend = false,
+  showValues = true,
+  showTooltip = false,
+  valueType = "number",
+  valueFormatter = defaultValueFormatter,
+  categoryFormatter = (label) => label,
+  domain,
+  ariaLabel,
+  className,
+  ...props
+}) {
+  const resolvedSize = useComponentSize(size);
+  const layout = WATERFALL_CHART_LAYOUT[resolvedSize];
+  const steps = resolveWaterfallData(data);
+  if (!steps.length) return null;
+  const isHorizontal = orientation === "horizontal";
+  const resolvedDomain = getWaterfallDomain(steps, domain);
+  const chartHeight = isHorizontal ? layout.horizontalHeight : layout.height;
+  const chartMargin = isHorizontal ? layout.horizontalMargin : layout.margin;
+  const chartData = steps.map((step) => ({
+    ...step,
+    range: step.range,
+    step
+  }));
+  const summary = ariaLabel ?? `Waterfall chart from ${steps[0]?.label ?? "start"} to ${steps.at(-1)?.label ?? "end"}`;
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("w-full min-w-0", className),
+      "data-slot": "waterfall-chart-plot",
+      role: "img",
+      "aria-label": summary,
+      ...props,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "flex min-w-0 gap-5",
+            legend === "bottom" ? "flex-col" : "items-center justify-between max-sm:flex-col"
+          ),
+          children: [
+            /* @__PURE__ */ jsx(
+              ChartContainer,
+              {
+                config: WATERFALL_CHART_CONFIG,
+                className: "aspect-auto w-full min-w-0 flex-1",
+                style: { height: chartHeight },
+                initialDimension: { width: 420, height: chartHeight },
+                children: /* @__PURE__ */ jsxs(
+                  RechartsBarChart,
+                  {
+                    accessibilityLayer: true,
+                    data: chartData,
+                    layout: isHorizontal ? "vertical" : "horizontal",
+                    margin: chartMargin,
+                    children: [
+                      isHorizontal ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                        /* @__PURE__ */ jsx(
+                          XAxis,
+                          {
+                            type: "number",
+                            domain: resolvedDomain,
+                            axisLine: false,
+                            tickLine: false,
+                            tick: false
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          YAxis,
+                          {
+                            type: "category",
+                            dataKey: "label",
+                            width: layout.yAxisWidth,
+                            axisLine: false,
+                            tickLine: false,
+                            tickMargin: 8,
+                            tick: { fontSize: layout.tickFontSize },
+                            tickFormatter: (label) => categoryFormatter(
+                              String(label),
+                              findDatumByLabel(data, label)
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          ReferenceLine,
+                          {
+                            x: 0,
+                            stroke: WATERFALL_CHART_COLORS.baseline,
+                            strokeWidth: layout.connectorWidth
+                          }
+                        ),
+                        steps.slice(0, -1).map((step, index) => /* @__PURE__ */ jsx(
+                          ReferenceLine,
+                          {
+                            segment: [
+                              { x: step.end, y: steps[index].label },
+                              { x: step.end, y: steps[index + 1].label }
+                            ],
+                            stroke: WATERFALL_CHART_COLORS.connector,
+                            strokeWidth: layout.connectorWidth
+                          },
+                          `${step.label}-connector`
+                        ))
+                      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+                        /* @__PURE__ */ jsx(
+                          XAxis,
+                          {
+                            dataKey: "label",
+                            height: layout.xAxisHeight,
+                            axisLine: false,
+                            tickLine: false,
+                            tickMargin: 8,
+                            tick: { fontSize: layout.tickFontSize },
+                            tickFormatter: (label) => categoryFormatter(
+                              String(label),
+                              findDatumByLabel(data, label)
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          YAxis,
+                          {
+                            type: "number",
+                            domain: resolvedDomain,
+                            width: layout.yAxisWidth,
+                            axisLine: false,
+                            tickLine: false,
+                            tick: false
+                          }
+                        ),
+                        /* @__PURE__ */ jsx(
+                          ReferenceLine,
+                          {
+                            y: 0,
+                            stroke: WATERFALL_CHART_COLORS.baseline,
+                            strokeWidth: layout.connectorWidth
+                          }
+                        ),
+                        steps.slice(0, -1).map((step, index) => /* @__PURE__ */ jsx(
+                          ReferenceLine,
+                          {
+                            segment: [
+                              { x: steps[index].label, y: step.end },
+                              { x: steps[index + 1].label, y: step.end }
+                            ],
+                            stroke: WATERFALL_CHART_COLORS.connector,
+                            strokeWidth: layout.connectorWidth
+                          },
+                          `${step.label}-connector`
+                        ))
+                      ] }),
+                      showTooltip ? /* @__PURE__ */ jsx(
+                        ChartTooltip,
+                        {
+                          cursor: false,
+                          content: /* @__PURE__ */ jsx(
+                            ChartTooltipContent,
+                            {
+                              nameKey: "type",
+                              valueType,
+                              formatter: formatTooltipValue(valueFormatter, data)
+                            }
+                          )
+                        }
+                      ) : null,
+                      /* @__PURE__ */ jsx(
+                        Bar,
+                        {
+                          dataKey: "range",
+                          name: "Change",
+                          barSize: layout.barSize,
+                          isAnimationActive: false,
+                          shape: /* @__PURE__ */ jsx(WaterfallBarShape, { radius: layout.barRadius }),
+                          children: showValues ? /* @__PURE__ */ jsx(
+                            LabelList,
+                            {
+                              dataKey: "range",
+                              content: /* @__PURE__ */ jsx(
+                                WaterfallValueLabel,
+                                {
+                                  orientation,
+                                  layout,
+                                  valueFormatter,
+                                  data
+                                }
+                              )
+                            }
+                          ) : null
+                        }
+                      )
+                    ]
+                  }
+                )
+              }
+            ),
+            legend ? /* @__PURE__ */ jsx(
+              WaterfallChartLegend,
+              {
+                size: resolvedSize,
+                placement: legend,
+                className: legend === "bottom" ? "justify-center" : "shrink-0"
+              }
+            ) : null
+          ]
+        }
+      )
+    }
+  );
+}
+function WaterfallChart({
+  data,
+  size,
+  orientation = "vertical",
+  title,
+  description,
+  legend = "right",
+  showValues = true,
+  showTooltip = false,
+  valueType = "number",
+  valueFormatter,
+  categoryFormatter,
+  domain,
+  ariaLabel,
+  className,
+  ...props
+}) {
+  const resolvedSize = useComponentSize(size);
+  const showHeader = title != null || description != null;
+  return /* @__PURE__ */ jsx(ChartCard, { size: resolvedSize, className, ...props, children: /* @__PURE__ */ jsxs(SizeProvider, { size: resolvedSize, children: [
+    showHeader ? /* @__PURE__ */ jsxs(ChartHeader, { children: [
+      title != null ? /* @__PURE__ */ jsx(ChartTitle, { children: title }) : null,
+      description != null ? /* @__PURE__ */ jsx(ChartDescription, { children: description }) : null
+    ] }) : null,
+    /* @__PURE__ */ jsx(
+      WaterfallChartPlot,
+      {
+        data,
+        size: resolvedSize,
+        orientation,
+        legend,
+        showValues,
+        showTooltip,
+        valueType,
+        valueFormatter,
+        categoryFormatter,
+        domain,
+        ariaLabel
+      }
+    )
+  ] }) });
+}
+var WaterfallChartCard = WaterfallChart;
+export {
+  WATERFALL_CHART_COLORS,
+  WATERFALL_CHART_CONFIG,
+  WATERFALL_CHART_LAYOUT,
+  WATERFALL_CHART_LEGEND_ITEMS,
+  WaterfallChart,
+  WaterfallChartCard,
+  WaterfallChartLegend,
+  WaterfallChartPlot,
+  resolveWaterfallData
+};
+//# sourceMappingURL=waterfall-chart.js.map

package/dist/waterfall-chart.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/waterfall-chart.tsx"],"sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport type * as React from \"react\";\nimport {\n\tBar,\n\tLabelList,\n\tBarChart as RechartsBarChart,\n\tReferenceLine,\n\tXAxis,\n\tYAxis,\n} from \"recharts\";\nimport {\n\tChartCard,\n\ttype ChartConfig,\n\tChartContainer,\n\tChartDescription,\n\tChartHeader,\n\tChartTitle,\n\tChartTooltip,\n\tChartTooltipContent,\n\ttype ChartValueType,\n} from \"./chart\";\nimport { cn } from \"./lib/cn\";\nimport {\n\ttype ComponentSize,\n\tSizeProvider,\n\tuseComponentSize,\n} from \"./size-context\";\n\ntype WaterfallChartOrientation = \"vertical\" | \"horizontal\";\ntype WaterfallChartLegendPlacement = \"right\" | \"bottom\";\ntype WaterfallChartStepType = \"auto\" | \"increase\" | \"decrease\" | \"total\";\n\ntype WaterfallChartDatum = {\n\t/** Step label shown on the category axis, legend/tooltip context, and value label context. */\n\tlabel: string;\n\t/** Absolute subtotal for `type=\"total\"`; delta amount for increase/decrease steps. */\n\tvalue: number;\n\t/** Defaults to `total` for the first/last datum and `auto` for middle data. */\n\ttype?: WaterfallChartStepType;\n\t/** Optional fill override for this step. Defaults to semantic status tokens. */\n\tfill?: string;\n};\n\ntype ResolvedWaterfallStep = {\n\tlabel: string;\n\tvalue: number;\n\tstart: number;\n\tend: number;\n\trange: [number, number];\n\ttype: Exclude<WaterfallChartStepType, \"auto\">;\n\tfill: string;\n};\n\ntype WaterfallChartLayout = {\n\theight: number;\n\thorizontalHeight: number;\n\tmargin: { top: number; right: number; bottom: number; left: number };\n\thorizontalMargin: {\n\t\ttop: number;\n\t\tright: number;\n\t\tbottom: number;\n\t\tleft: number;\n\t};\n\tbarSize: number;\n\tbarRadius: number;\n\tconnectorWidth: number;\n\tvalueGap: number;\n\ttickFontSize: number;\n\tyAxisWidth: number;\n\txAxisHeight: number;\n};\n\ntype WaterfallChartFormatContext = {\n\tdatum: WaterfallChartDatum;\n\tstep: ResolvedWaterfallStep;\n\tindex: number;\n};\n\ntype WaterfallChartPlotProps = Omit<React.ComponentProps<\"div\">, \"children\"> & {\n\tdata: WaterfallChartDatum[];\n\tsize?: ComponentSize;\n\torientation?: WaterfallChartOrientation;\n\tlegend?: WaterfallChartLegendPlacement | false;\n\tshowValues?: boolean;\n\tshowTooltip?: boolean;\n\tvalueType?: ChartValueType;\n\tvalueFormatter?: (\n\t\tvalue: number,\n\t\tcontext: WaterfallChartFormatContext,\n\t) => React.ReactNode;\n\tcategoryFormatter?: (label: string, datum: WaterfallChartDatum) => string;\n\tdomain?: [number, number] | [number, \"auto\"];\n\tariaLabel?: string;\n};\n\ntype WaterfallChartLegendProps = Omit<\n\tReact.ComponentProps<\"div\">,\n\t\"children\"\n> & {\n\tsize?: ComponentSize;\n\tplacement?: WaterfallChartLegendPlacement;\n\titems?: WaterfallChartLegendItem[];\n};\n\ntype WaterfallChartLegendItem = {\n\tlabel: string;\n\tcolor: string;\n};\n\ntype WaterfallChartProps = Omit<\n\tReact.ComponentProps<typeof ChartCard>,\n\t\"children\" | \"size\"\n> &\n\tWaterfallChartPlotProps & {\n\t\ttitle?: React.ReactNode;\n\t\tdescription?: React.ReactNode;\n\t};\n\nconst WATERFALL_CHART_COLORS = {\n\ttotal: \"var(--color-status-info)\",\n\tincrease: \"var(--color-status-success)\",\n\tdecrease: \"var(--color-status-danger)\",\n\tconnector: \"var(--color-line-strong)\",\n\tbaseline: \"var(--color-line)\",\n} as const;\n\nconst WATERFALL_CHART_LEGEND_ITEMS: WaterfallChartLegendItem[] = [\n\t{ label: \"Increase\", color: WATERFALL_CHART_COLORS.increase },\n\t{ label: \"Decrease\", color: WATERFALL_CHART_COLORS.decrease },\n\t{ label: \"Total\", color: WATERFALL_CHART_COLORS.total },\n];\n\nconst WATERFALL_CHART_CONFIG = {\n\tincrease: {\n\t\tlabel: \"Increase\",\n\t\tcolor: WATERFALL_CHART_COLORS.increase,\n\t},\n\tdecrease: {\n\t\tlabel: \"Decrease\",\n\t\tcolor: WATERFALL_CHART_COLORS.decrease,\n\t},\n\ttotal: {\n\t\tlabel: \"Total\",\n\t\tcolor: WATERFALL_CHART_COLORS.total,\n\t},\n} satisfies ChartConfig;\n\nconst WATERFALL_CHART_LAYOUT: Record<ComponentSize, WaterfallChartLayout> = {\n\tsm: {\n\t\theight: 150,\n\t\thorizontalHeight: 170,\n\t\tmargin: { top: 18, right: 8, bottom: 0, left: 0 },\n\t\thorizontalMargin: { top: 6, right: 36, bottom: 0, left: 0 },\n\t\tbarSize: 18,\n\t\tbarRadius: 3,\n\t\tconnectorWidth: 1.25,\n\t\tvalueGap: 4,\n\t\ttickFontSize: 10,\n\t\tyAxisWidth: 56,\n\t\txAxisHeight: 20,\n\t},\n\tmd: {\n\t\theight: 190,\n\t\thorizontalHeight: 220,\n\t\tmargin: { top: 22, right: 10, bottom: 0, left: 0 },\n\t\thorizontalMargin: { top: 8, right: 44, bottom: 0, left: 0 },\n\t\tbarSize: 24,\n\t\tbarRadius: 4,\n\t\tconnectorWidth: 1.5,\n\t\tvalueGap: 5,\n\t\ttickFontSize: 11,\n\t\tyAxisWidth: 72,\n\t\txAxisHeight: 24,\n\t},\n\tlg: {\n\t\theight: 250,\n\t\thorizontalHeight: 280,\n\t\tmargin: { top: 28, right: 12, bottom: 0, left: 0 },\n\t\thorizontalMargin: { top: 10, right: 56, bottom: 0, left: 0 },\n\t\tbarSize: 32,\n\t\tbarRadius: 5,\n\t\tconnectorWidth: 1.5,\n\t\tvalueGap: 6,\n\t\ttickFontSize: 12,\n\t\tyAxisWidth: 88,\n\t\txAxisHeight: 28,\n\t},\n};\n\nconst waterfallLegendVariants = cva(\"flex min-w-0\", {\n\tvariants: {\n\t\tplacement: {\n\t\t\tright: \"flex-col items-start\",\n\t\t\tbottom: \"flex-row flex-wrap items-center\",\n\t\t},\n\t\tsize: {\n\t\t\tsm: \"text-gdt-xs\",\n\t\t\tmd: \"text-gdt-xs\",\n\t\t\tlg: \"text-gdt-sm\",\n\t\t},\n\t},\n\tcompoundVariants: [\n\t\t{ placement: \"right\", size: \"sm\", className: \"gap-2\" },\n\t\t{ placement: \"right\", size: \"md\", className: \"gap-2.5\" },\n\t\t{ placement: \"right\", size: \"lg\", className: \"gap-3\" },\n\t\t{ placement: \"bottom\", className: \"gap-x-4 gap-y-2\" },\n\t],\n\tdefaultVariants: { placement: \"right\", size: \"md\" },\n});\n\nfunction defaultValueFormatter(\n\tvalue: number,\n\t{ step }: WaterfallChartFormatContext,\n) {\n\tif (step.type === \"total\") {\n\t\treturn value.toLocaleString(\"en-NG\");\n\t}\n\n\treturn `${value > 0 ? \"+\" : \"\"}${value.toLocaleString(\"en-NG\")}`;\n}\n\nfunction resolveWaterfallData(data: WaterfallChartDatum[]) {\n\tlet running = 0;\n\n\treturn data.map((datum, index) => {\n\t\tconst isEdge = index === 0 || index === data.length - 1;\n\t\tconst requestedType = datum.type ?? (isEdge ? \"total\" : \"auto\");\n\t\tconst type =\n\t\t\trequestedType === \"auto\"\n\t\t\t\t? datum.value >= 0\n\t\t\t\t\t? \"increase\"\n\t\t\t\t\t: \"decrease\"\n\t\t\t\t: requestedType;\n\n\t\tif (type === \"total\") {\n\t\t\trunning = datum.value;\n\t\t\treturn {\n\t\t\t\tlabel: datum.label,\n\t\t\t\tvalue: datum.value,\n\t\t\t\tstart: 0,\n\t\t\t\tend: datum.value,\n\t\t\t\trange: [0, datum.value].sort((a, b) => a - b) as [number, number],\n\t\t\t\ttype,\n\t\t\t\tfill: datum.fill ?? WATERFALL_CHART_COLORS.total,\n\t\t\t} satisfies ResolvedWaterfallStep;\n\t\t}\n\n\t\tconst start = running;\n\t\tconst end = running + datum.value;\n\t\trunning = end;\n\n\t\treturn {\n\t\t\tlabel: datum.label,\n\t\t\tvalue: datum.value,\n\t\t\tstart,\n\t\t\tend,\n\t\t\trange: [start, end].sort((a, b) => a - b) as [number, number],\n\t\t\ttype,\n\t\t\tfill:\n\t\t\t\tdatum.fill ??\n\t\t\t\t(type === \"increase\"\n\t\t\t\t\t? WATERFALL_CHART_COLORS.increase\n\t\t\t\t\t: WATERFALL_CHART_COLORS.decrease),\n\t\t} satisfies ResolvedWaterfallStep;\n\t});\n}\n\nfunction getWaterfallDomain(\n\tsteps: ResolvedWaterfallStep[],\n\tdomain?: [number, number] | [number, \"auto\"],\n) {\n\tif (domain) return domain;\n\n\tconst values = steps.flatMap((step) => [step.start, step.end, 0]);\n\tconst min = Math.min(...values);\n\tconst max = Math.max(...values);\n\tconst span = Math.max(max - min, 1);\n\tconst pad = span * 0.08;\n\n\treturn [Math.min(0, min - pad), Math.max(0, max + pad)] as [number, number];\n}\n\nfunction getPayloadStep(payload: unknown): ResolvedWaterfallStep | undefined {\n\tif (typeof payload !== \"object\" || payload === null) return undefined;\n\tif (!(\"payload\" in payload)) return undefined;\n\tconst row = payload.payload;\n\tif (typeof row !== \"object\" || row === null) return undefined;\n\tif (!(\"step\" in row)) return undefined;\n\treturn row.step as ResolvedWaterfallStep;\n}\n\nfunction findDatumByLabel(data: WaterfallChartDatum[], label: unknown) {\n\tconst stringLabel = String(label);\n\treturn (\n\t\tdata.find((datum) => datum.label === stringLabel) ?? {\n\t\t\tlabel: stringLabel,\n\t\t\tvalue: 0,\n\t\t}\n\t);\n}\n\nfunction formatTooltipValue(\n\tvalueFormatter: NonNullable<WaterfallChartPlotProps[\"valueFormatter\"]>,\n\tdata: WaterfallChartDatum[],\n) {\n\treturn (\n\t\t_value: unknown,\n\t\t_name: unknown,\n\t\titem: unknown,\n\t\tindex: number,\n\t): React.ReactNode => {\n\t\tconst step = getPayloadStep(item);\n\t\tif (!step) return \"\";\n\t\tconst datumIndex = Math.max(index, 0);\n\t\treturn valueFormatter(step.value, {\n\t\t\tdatum: data[datumIndex] ?? {\n\t\t\t\tlabel: step.label,\n\t\t\t\tvalue: step.value,\n\t\t\t\ttype: step.type,\n\t\t\t},\n\t\t\tstep,\n\t\t\tindex: datumIndex,\n\t\t});\n\t};\n}\n\nfunction WaterfallChartLegend({\n\tclassName,\n\tsize,\n\tplacement = \"right\",\n\titems = WATERFALL_CHART_LEGEND_ITEMS,\n\t...props\n}: WaterfallChartLegendProps) {\n\tconst resolvedSize = useComponentSize(size);\n\tconst markerClassName =\n\t\tresolvedSize === \"sm\"\n\t\t\t? \"size-2\"\n\t\t\t: resolvedSize === \"lg\"\n\t\t\t\t? \"size-3\"\n\t\t\t\t: \"size-2.5\";\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\n\t\t\t\twaterfallLegendVariants({ placement, size: resolvedSize }),\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{items.map((item) => (\n\t\t\t\t<div key={item.label} className=\"inline-flex items-center gap-2\">\n\t\t\t\t\t<span\n\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\tclassName={cn(\"shrink-0 rounded-[2px]\", markerClassName)}\n\t\t\t\t\t\tstyle={{ backgroundColor: item.color }}\n\t\t\t\t\t/>\n\t\t\t\t\t<span className=\"font-medium text-fg-secondary\">{item.label}</span>\n\t\t\t\t</div>\n\t\t\t))}\n\t\t</div>\n\t);\n}\n\nfunction WaterfallBarShape(props: Record<string, unknown>) {\n\tconst x = Number(props.x ?? 0);\n\tconst y = Number(props.y ?? 0);\n\tconst width = Number(props.width ?? 0);\n\tconst height = Number(props.height ?? 0);\n\tconst payload = props.payload as\n\t\t| (ResolvedWaterfallStep & { step?: ResolvedWaterfallStep })\n\t\t| undefined;\n\tconst radius = Number(props.radius ?? 0);\n\n\tconst rectX = width < 0 ? x + width : x;\n\tconst rectY = height < 0 ? y + height : y;\n\tconst rectWidth = Math.abs(width);\n\tconst rectHeight = Math.abs(height);\n\n\tif (rectWidth <= 0 || rectHeight <= 0) return null;\n\n\treturn (\n\t\t<rect\n\t\t\tx={rectX}\n\t\t\ty={rectY}\n\t\t\twidth={rectWidth}\n\t\t\theight={rectHeight}\n\t\t\trx={radius}\n\t\t\tfill={\n\t\t\t\tpayload?.step?.fill ?? payload?.fill ?? WATERFALL_CHART_COLORS.total\n\t\t\t}\n\t\t/>\n\t);\n}\n\nfunction WaterfallValueLabel({\n\tx,\n\ty,\n\twidth,\n\theight,\n\tvalue,\n\tpayload,\n\torientation = \"vertical\",\n\tlayout,\n\tvalueFormatter = defaultValueFormatter,\n\tdata,\n\tindex,\n}: {\n\tx?: string | number;\n\ty?: string | number;\n\twidth?: string | number;\n\theight?: string | number;\n\tvalue?: unknown;\n\tpayload?: ResolvedWaterfallStep & { step?: ResolvedWaterfallStep };\n\torientation?: WaterfallChartOrientation;\n\tlayout: WaterfallChartLayout;\n\tvalueFormatter?: NonNullable<WaterfallChartPlotProps[\"valueFormatter\"]>;\n\tdata: WaterfallChartDatum[];\n\tindex?: number;\n}) {\n\tconst step = payload?.step ?? payload;\n\n\tif (!step || x == null || y == null || width == null || height == null) {\n\t\treturn null;\n\t}\n\n\tconst resolvedIndex =\n\t\tindex ?? data.findIndex((datum) => datum.label === step.label);\n\tconst context = {\n\t\tdatum: data[resolvedIndex] ?? {\n\t\t\tlabel: step.label,\n\t\t\tvalue: step.value,\n\t\t\ttype: step.type,\n\t\t},\n\t\tstep,\n\t\tindex: Math.max(resolvedIndex, 0),\n\t};\n\n\tconst fallbackLabel = Array.isArray(value)\n\t\t? value.join(\", \")\n\t\t: value == null\n\t\t\t? \"\"\n\t\t\t: String(value);\n\tconst label = valueFormatter(step.value, context) ?? fallbackLabel;\n\n\tconst numX = Number(x);\n\tconst numY = Number(y);\n\tconst numWidth = Number(width);\n\tconst numHeight = Number(height);\n\tconst rectX = numWidth < 0 ? numX + numWidth : numX;\n\tconst rectY = numHeight < 0 ? numY + numHeight : numY;\n\tconst rectWidth = Math.abs(numWidth);\n\tconst rectHeight = Math.abs(numHeight);\n\n\tif (orientation === \"horizontal\") {\n\t\treturn (\n\t\t\t<text\n\t\t\t\tx={rectX + rectWidth + layout.valueGap}\n\t\t\t\ty={rectY + rectHeight / 2}\n\t\t\t\tdominantBaseline=\"central\"\n\t\t\t\tclassName=\"fill-fg-primary text-gdt-xs font-semibold tabular-nums\"\n\t\t\t>\n\t\t\t\t{label}\n\t\t\t</text>\n\t\t);\n\t}\n\n\treturn (\n\t\t<text\n\t\t\tx={rectX + rectWidth / 2}\n\t\t\ty={Math.max(10, rectY - layout.valueGap)}\n\t\t\ttextAnchor=\"middle\"\n\t\t\tclassName=\"fill-fg-primary text-gdt-xs font-semibold tabular-nums\"\n\t\t>\n\t\t\t{label}\n\t\t</text>\n\t);\n}\n\nfunction WaterfallChartPlot({\n\tdata,\n\tsize,\n\torientation = \"vertical\",\n\tlegend = false,\n\tshowValues = true,\n\tshowTooltip = false,\n\tvalueType = \"number\",\n\tvalueFormatter = defaultValueFormatter,\n\tcategoryFormatter = (label) => label,\n\tdomain,\n\tariaLabel,\n\tclassName,\n\t...props\n}: WaterfallChartPlotProps) {\n\tconst resolvedSize = useComponentSize(size);\n\tconst layout = WATERFALL_CHART_LAYOUT[resolvedSize];\n\tconst steps = resolveWaterfallData(data);\n\n\tif (!steps.length) return null;\n\n\tconst isHorizontal = orientation === \"horizontal\";\n\tconst resolvedDomain = getWaterfallDomain(steps, domain);\n\tconst chartHeight = isHorizontal ? layout.horizontalHeight : layout.height;\n\tconst chartMargin = isHorizontal ? layout.horizontalMargin : layout.margin;\n\tconst chartData = steps.map((step) => ({\n\t\t...step,\n\t\trange: step.range,\n\t\tstep,\n\t}));\n\tconst summary =\n\t\tariaLabel ??\n\t\t`Waterfall chart from ${steps[0]?.label ?? \"start\"} to ${\n\t\t\tsteps.at(-1)?.label ?? \"end\"\n\t\t}`;\n\n\treturn (\n\t\t<div\n\t\t\tclassName={cn(\"w-full min-w-0\", className)}\n\t\t\tdata-slot=\"waterfall-chart-plot\"\n\t\t\trole=\"img\"\n\t\t\taria-label={summary}\n\t\t\t{...props}\n\t\t>\n\t\t\t<div\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"flex min-w-0 gap-5\",\n\t\t\t\t\tlegend === \"bottom\"\n\t\t\t\t\t\t? \"flex-col\"\n\t\t\t\t\t\t: \"items-center justify-between max-sm:flex-col\",\n\t\t\t\t)}\n\t\t\t>\n\t\t\t\t<ChartContainer\n\t\t\t\t\tconfig={WATERFALL_CHART_CONFIG}\n\t\t\t\t\tclassName=\"aspect-auto w-full min-w-0 flex-1\"\n\t\t\t\t\tstyle={{ height: chartHeight }}\n\t\t\t\t\tinitialDimension={{ width: 420, height: chartHeight }}\n\t\t\t\t>\n\t\t\t\t\t<RechartsBarChart\n\t\t\t\t\t\taccessibilityLayer\n\t\t\t\t\t\tdata={chartData}\n\t\t\t\t\t\tlayout={isHorizontal ? \"vertical\" : \"horizontal\"}\n\t\t\t\t\t\tmargin={chartMargin}\n\t\t\t\t\t>\n\t\t\t\t\t\t{isHorizontal ? (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<XAxis\n\t\t\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\t\t\tdomain={resolvedDomain}\n\t\t\t\t\t\t\t\t\taxisLine={false}\n\t\t\t\t\t\t\t\t\ttickLine={false}\n\t\t\t\t\t\t\t\t\ttick={false}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<YAxis\n\t\t\t\t\t\t\t\t\ttype=\"category\"\n\t\t\t\t\t\t\t\t\tdataKey=\"label\"\n\t\t\t\t\t\t\t\t\twidth={layout.yAxisWidth}\n\t\t\t\t\t\t\t\t\taxisLine={false}\n\t\t\t\t\t\t\t\t\ttickLine={false}\n\t\t\t\t\t\t\t\t\ttickMargin={8}\n\t\t\t\t\t\t\t\t\ttick={{ fontSize: layout.tickFontSize }}\n\t\t\t\t\t\t\t\t\ttickFormatter={(label) =>\n\t\t\t\t\t\t\t\t\t\tcategoryFormatter(\n\t\t\t\t\t\t\t\t\t\t\tString(label),\n\t\t\t\t\t\t\t\t\t\t\tfindDatumByLabel(data, label),\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ReferenceLine\n\t\t\t\t\t\t\t\t\tx={0}\n\t\t\t\t\t\t\t\t\tstroke={WATERFALL_CHART_COLORS.baseline}\n\t\t\t\t\t\t\t\t\tstrokeWidth={layout.connectorWidth}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{steps.slice(0, -1).map((step, index) => (\n\t\t\t\t\t\t\t\t\t<ReferenceLine\n\t\t\t\t\t\t\t\t\t\tkey={`${step.label}-connector`}\n\t\t\t\t\t\t\t\t\t\tsegment={[\n\t\t\t\t\t\t\t\t\t\t\t{ x: step.end, y: steps[index].label },\n\t\t\t\t\t\t\t\t\t\t\t{ x: step.end, y: steps[index + 1].label },\n\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\tstroke={WATERFALL_CHART_COLORS.connector}\n\t\t\t\t\t\t\t\t\t\tstrokeWidth={layout.connectorWidth}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t<XAxis\n\t\t\t\t\t\t\t\t\tdataKey=\"label\"\n\t\t\t\t\t\t\t\t\theight={layout.xAxisHeight}\n\t\t\t\t\t\t\t\t\taxisLine={false}\n\t\t\t\t\t\t\t\t\ttickLine={false}\n\t\t\t\t\t\t\t\t\ttickMargin={8}\n\t\t\t\t\t\t\t\t\ttick={{ fontSize: layout.tickFontSize }}\n\t\t\t\t\t\t\t\t\ttickFormatter={(label) =>\n\t\t\t\t\t\t\t\t\t\tcategoryFormatter(\n\t\t\t\t\t\t\t\t\t\t\tString(label),\n\t\t\t\t\t\t\t\t\t\t\tfindDatumByLabel(data, label),\n\t\t\t\t\t\t\t\t\t\t)\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<YAxis\n\t\t\t\t\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t\t\t\t\tdomain={resolvedDomain}\n\t\t\t\t\t\t\t\t\twidth={layout.yAxisWidth}\n\t\t\t\t\t\t\t\t\taxisLine={false}\n\t\t\t\t\t\t\t\t\ttickLine={false}\n\t\t\t\t\t\t\t\t\ttick={false}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t<ReferenceLine\n\t\t\t\t\t\t\t\t\ty={0}\n\t\t\t\t\t\t\t\t\tstroke={WATERFALL_CHART_COLORS.baseline}\n\t\t\t\t\t\t\t\t\tstrokeWidth={layout.connectorWidth}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t{steps.slice(0, -1).map((step, index) => (\n\t\t\t\t\t\t\t\t\t<ReferenceLine\n\t\t\t\t\t\t\t\t\t\tkey={`${step.label}-connector`}\n\t\t\t\t\t\t\t\t\t\tsegment={[\n\t\t\t\t\t\t\t\t\t\t\t{ x: steps[index].label, y: step.end },\n\t\t\t\t\t\t\t\t\t\t\t{ x: steps[index + 1].label, y: step.end },\n\t\t\t\t\t\t\t\t\t\t]}\n\t\t\t\t\t\t\t\t\t\tstroke={WATERFALL_CHART_COLORS.connector}\n\t\t\t\t\t\t\t\t\t\tstrokeWidth={layout.connectorWidth}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{showTooltip ? (\n\t\t\t\t\t\t\t<ChartTooltip\n\t\t\t\t\t\t\t\tcursor={false}\n\t\t\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t\t\t<ChartTooltipContent\n\t\t\t\t\t\t\t\t\t\tnameKey=\"type\"\n\t\t\t\t\t\t\t\t\t\tvalueType={valueType}\n\t\t\t\t\t\t\t\t\t\tformatter={formatTooltipValue(valueFormatter, data)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t<Bar\n\t\t\t\t\t\t\tdataKey=\"range\"\n\t\t\t\t\t\t\tname=\"Change\"\n\t\t\t\t\t\t\tbarSize={layout.barSize}\n\t\t\t\t\t\t\tisAnimationActive={false}\n\t\t\t\t\t\t\tshape={<WaterfallBarShape radius={layout.barRadius} />}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{showValues ? (\n\t\t\t\t\t\t\t\t<LabelList\n\t\t\t\t\t\t\t\t\tdataKey=\"range\"\n\t\t\t\t\t\t\t\t\tcontent={\n\t\t\t\t\t\t\t\t\t\t<WaterfallValueLabel\n\t\t\t\t\t\t\t\t\t\t\torientation={orientation}\n\t\t\t\t\t\t\t\t\t\t\tlayout={layout}\n\t\t\t\t\t\t\t\t\t\t\tvalueFormatter={valueFormatter}\n\t\t\t\t\t\t\t\t\t\t\tdata={data}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t) : null}\n\t\t\t\t\t\t</Bar>\n\t\t\t\t\t</RechartsBarChart>\n\t\t\t\t</ChartContainer>\n\t\t\t\t{legend ? (\n\t\t\t\t\t<WaterfallChartLegend\n\t\t\t\t\t\tsize={resolvedSize}\n\t\t\t\t\t\tplacement={legend}\n\t\t\t\t\t\tclassName={legend === \"bottom\" ? \"justify-center\" : \"shrink-0\"}\n\t\t\t\t\t/>\n\t\t\t\t) : null}\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nfunction WaterfallChart({\n\tdata,\n\tsize,\n\torientation = \"vertical\",\n\ttitle,\n\tdescription,\n\tlegend = \"right\",\n\tshowValues = true,\n\tshowTooltip = false,\n\tvalueType = \"number\",\n\tvalueFormatter,\n\tcategoryFormatter,\n\tdomain,\n\tariaLabel,\n\tclassName,\n\t...props\n}: WaterfallChartProps) {\n\tconst resolvedSize = useComponentSize(size);\n\tconst showHeader = title != null || description != null;\n\n\treturn (\n\t\t<ChartCard size={resolvedSize} className={className} {...props}>\n\t\t\t<SizeProvider size={resolvedSize}>\n\t\t\t\t{showHeader ? (\n\t\t\t\t\t<ChartHeader>\n\t\t\t\t\t\t{title != null ? <ChartTitle>{title}</ChartTitle> : null}\n\t\t\t\t\t\t{description != null ? (\n\t\t\t\t\t\t\t<ChartDescription>{description}</ChartDescription>\n\t\t\t\t\t\t) : null}\n\t\t\t\t\t</ChartHeader>\n\t\t\t\t) : null}\n\t\t\t\t<WaterfallChartPlot\n\t\t\t\t\tdata={data}\n\t\t\t\t\tsize={resolvedSize}\n\t\t\t\t\torientation={orientation}\n\t\t\t\t\tlegend={legend}\n\t\t\t\t\tshowValues={showValues}\n\t\t\t\t\tshowTooltip={showTooltip}\n\t\t\t\t\tvalueType={valueType}\n\t\t\t\t\tvalueFormatter={valueFormatter}\n\t\t\t\t\tcategoryFormatter={categoryFormatter}\n\t\t\t\t\tdomain={domain}\n\t\t\t\t\tariaLabel={ariaLabel}\n\t\t\t\t/>\n\t\t\t</SizeProvider>\n\t\t</ChartCard>\n\t);\n}\n\nconst WaterfallChartCard = WaterfallChart;\n\nexport {\n\tWATERFALL_CHART_COLORS,\n\tWATERFALL_CHART_CONFIG,\n\tWATERFALL_CHART_LAYOUT,\n\tWATERFALL_CHART_LEGEND_ITEMS,\n\tWaterfallChart,\n\tWaterfallChartCard,\n\tWaterfallChartLegend,\n\tWaterfallChartPlot,\n\tresolveWaterfallData,\n};\nexport type {\n\tResolvedWaterfallStep,\n\tWaterfallChartDatum,\n\tWaterfallChartFormatContext,\n\tWaterfallChartLayout,\n\tWaterfallChartLegendItem,\n\tWaterfallChartLegendPlacement,\n\tWaterfallChartOrientation,\n\tWaterfallChartPlotProps,\n\tWaterfallChartProps,\n\tWaterfallChartStepType,\n};\n"],"mappings":"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","names":[]}