@devalok/shilp-sutra 0.1.0

package/dist/ui/charts/_internal/grid-lines.js

@@ -0,0 +1,42 @@
+import { jsxs as k, jsx as t } from "react/jsx-runtime";
+function m({
+  width: n,
+  height: d,
+  xScale: r,
+  yScale: s,
+  horizontal: p = !0,
+  vertical: e = !1
+}) {
+  return /* @__PURE__ */ k("g", { className: "grid-lines", children: [
+    p && (s == null ? void 0 : s.ticks) && s.ticks().map((i, o) => /* @__PURE__ */ t(
+      "line",
+      {
+        x1: 0,
+        x2: n,
+        y1: s(i),
+        y2: s(i),
+        stroke: "var(--color-border-subtle)",
+        strokeDasharray: "3,3",
+        opacity: 0.6
+      },
+      `h-${o}`
+    )),
+    e && (r == null ? void 0 : r.ticks) && r.ticks().map((i, o) => /* @__PURE__ */ t(
+      "line",
+      {
+        x1: r(i),
+        x2: r(i),
+        y1: 0,
+        y2: d,
+        stroke: "var(--color-border-subtle)",
+        strokeDasharray: "3,3",
+        opacity: 0.6
+      },
+      `v-${o}`
+    ))
+  ] });
+}
+m.displayName = "GridLines";
+export {
+  m as GridLines
+};

package/dist/ui/charts/_internal/legend.d.ts

@@ -0,0 +1,15 @@
+interface LegendItem {
+    label: string;
+    color: string;
+}
+interface LegendProps {
+    items: LegendItem[];
+    position?: 'top' | 'bottom' | 'left' | 'right';
+    className?: string;
+}
+export declare function Legend({ items, position, className }: LegendProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Legend {
+    var displayName: string;
+}
+export type { LegendItem, LegendProps };
+//# sourceMappingURL=legend.d.ts.map

package/dist/ui/charts/_internal/legend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"legend.d.ts","sourceRoot":"","sources":["../../../../src/ui/charts/_internal/legend.tsx"],"names":[],"mappings":"AAGA,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;CACd;AAED,UAAU,WAAW;IACnB,KAAK,EAAE,UAAU,EAAE,CAAA;IACnB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAA;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,MAAM,CAAC,EAAE,KAAK,EAAE,QAAmB,EAAE,SAAS,EAAE,EAAE,WAAW,2CAsB5E;yBAtBe,MAAM;;;AAyBtB,YAAY,EAAE,UAAU,EAAE,WAAW,EAAE,CAAA"}

package/dist/ui/charts/_internal/legend.js

@@ -0,0 +1,28 @@
+import { jsx as l, jsxs as t } from "react/jsx-runtime";
+import { cn as n } from "../../lib/utils.js";
+function c({ items: r, position: s = "bottom", className: a }) {
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      className: n(
+        "flex gap-ds-04 text-ds-sm text-text-secondary",
+        s === "left" || s === "right" ? "flex-col" : "flex-row flex-wrap justify-center",
+        a
+      ),
+      children: r.map((e) => /* @__PURE__ */ t("div", { className: "flex items-center gap-ds-02", children: [
+        /* @__PURE__ */ l(
+          "span",
+          {
+            className: "inline-block h-3 w-3 shrink-0 rounded-ds-sm",
+            style: { backgroundColor: e.color }
+          }
+        ),
+        /* @__PURE__ */ l("span", { children: e.label })
+      ] }, e.label))
+    }
+  );
+}
+c.displayName = "Legend";
+export {
+  c as Legend
+};

package/dist/ui/charts/_internal/scales.d.ts

@@ -0,0 +1,5 @@
+export declare function createLinearScale(domain: [number, number], range: [number, number]): import('d3-scale').ScaleLinear<number, number, never>;
+export declare function createBandScale(domain: string[], range: [number, number], padding?: number): import('d3-scale').ScaleBand<string>;
+export declare function createTimeScale(domain: [Date, Date], range: [number, number]): import('d3-scale').ScaleTime<number, number, never>;
+export declare function createOrdinalScale(domain: string[], colors: string[]): import('d3-scale').ScaleOrdinal<string, string, never>;
+//# sourceMappingURL=scales.d.ts.map

package/dist/ui/charts/_internal/scales.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scales.d.ts","sourceRoot":"","sources":["../../../../src/ui/charts/_internal/scales.ts"],"names":[],"mappings":"AAEA,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,yDAElF;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,SAAM,wCAEvF;AAED,wBAAgB,eAAe,CAAC,MAAM,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,uDAE5E;AAED,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,0DAEpE"}

package/dist/ui/charts/_internal/tooltip.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+interface TooltipState {
+    visible: boolean;
+    x: number;
+    y: number;
+    content: React.ReactNode;
+}
+interface ChartTooltipProps {
+    state: TooltipState;
+    className?: string;
+}
+export declare function ChartTooltip({ state, className }: ChartTooltipProps): import("react/jsx-runtime").JSX.Element | null;
+export declare namespace ChartTooltip {
+    var displayName: string;
+}
+/** Hook to manage chart tooltip state */
+export declare function useChartTooltip(): {
+    tooltip: TooltipState;
+    show: (x: number, y: number, content: React.ReactNode) => void;
+    hide: () => void;
+};
+export type { TooltipState, ChartTooltipProps };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/ui/charts/_internal/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/ui/charts/_internal/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,YAAY;IACpB,OAAO,EAAE,OAAO,CAAA;IAChB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AAED,UAAU,iBAAiB;IACzB,KAAK,EAAE,YAAY,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,iBAAiB,kDAkBnE;yBAlBe,YAAY;;;AAqB5B,yCAAyC;AACzC,wBAAgB,eAAe;;cAQA,MAAM,KAAK,MAAM,WAAW,KAAK,CAAC,SAAS;;EASzE;AAED,YAAY,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/ui/charts/_internal/tooltip.js

@@ -0,0 +1,38 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useState as d, useCallback as r } from "react";
+import { cn as a } from "../../lib/utils.js";
+function u({ state: t, className: o }) {
+  return t.visible ? /* @__PURE__ */ p(
+    "div",
+    {
+      className: a(
+        "pointer-events-none absolute z-tooltip",
+        "rounded-ds-md border border-border",
+        "bg-layer-01 px-ds-03 py-ds-02",
+        "shadow-02",
+        "text-ds-sm text-text-primary",
+        o
+      ),
+      style: { left: t.x + 12, top: t.y - 12 },
+      children: t.content
+    }
+  ) : null;
+}
+u.displayName = "ChartTooltip";
+function f() {
+  const [t, o] = d({
+    visible: !1,
+    x: 0,
+    y: 0,
+    content: null
+  }), i = r((e, s, n) => {
+    o({ visible: !0, x: e, y: s, content: n });
+  }, []), l = r(() => {
+    o((e) => ({ ...e, visible: !1 }));
+  }, []);
+  return { tooltip: t, show: i, hide: l };
+}
+export {
+  u as ChartTooltip,
+  f as useChartTooltip
+};

package/dist/ui/charts/_internal/types.d.ts

@@ -0,0 +1,17 @@
+export interface ChartMargin {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+export declare const DEFAULT_MARGIN: ChartMargin;
+export interface DataPoint {
+    [key: string]: string | number | Date;
+}
+export interface Series {
+    key: string;
+    label: string;
+    color?: string;
+}
+export type ChartColor = 'chart-1' | 'chart-2' | 'chart-3' | 'chart-4' | 'chart-5' | 'chart-6' | 'chart-7' | 'chart-8';
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/charts/_internal/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/charts/_internal/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;CACb;AAED,eAAO,MAAM,cAAc,EAAE,WAK5B,CAAA;AAED,MAAM,WAAW,SAAS;IACxB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,IAAI,CAAA;CACtC;AAED,MAAM,WAAW,MAAM;IACrB,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,MAAM,UAAU,GAClB,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,GACT,SAAS,CAAA"}

package/dist/ui/charts/_internal/types.js

@@ -0,0 +1,9 @@
+const t = {
+  top: 20,
+  right: 20,
+  bottom: 40,
+  left: 50
+};
+export {
+  t as DEFAULT_MARGIN
+};

package/dist/ui/charts/area-chart.d.ts

@@ -0,0 +1,39 @@
+import { DataPoint, Series } from './_internal/types';
+export interface AreaChartProps {
+    /** Data array */
+    data: DataPoint[];
+    /** Key for x-axis */
+    xKey: string;
+    /** Series definitions — each becomes an area */
+    series: Series[];
+    /** Use curved (monotone) interpolation */
+    curved?: boolean;
+    /** Stack areas on top of each other */
+    stacked?: boolean;
+    /** Fill opacity for area shapes */
+    fillOpacity?: number;
+    /** Use vertical gradient fill */
+    gradient?: boolean;
+    /** Stroke width for area outline */
+    strokeWidth?: number;
+    /** Chart height */
+    height?: number;
+    /** Show grid lines */
+    showGrid?: boolean;
+    /** Show tooltip on hover */
+    showTooltip?: boolean;
+    /** Show legend */
+    showLegend?: boolean;
+    /** Animate on mount */
+    animate?: boolean;
+    /** X-axis label */
+    xLabel?: string;
+    /** Y-axis label */
+    yLabel?: string;
+    className?: string;
+}
+export declare function AreaChart({ data, xKey, series, curved, stacked, fillOpacity, gradient, strokeWidth, height, showGrid, showTooltip, showLegend, animate, xLabel, yLabel, className, }: AreaChartProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace AreaChart {
+    var displayName: string;
+}
+//# sourceMappingURL=area-chart.d.ts.map

package/dist/ui/charts/area-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"area-chart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/area-chart.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1D,MAAM,WAAW,cAAc;IAC7B,iBAAiB;IACjB,IAAI,EAAE,SAAS,EAAE,CAAA;IACjB,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,gDAAgD;IAChD,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mCAAmC;IACnC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oCAAoC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,uBAAuB;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAOD,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAc,EACd,OAAe,EACf,WAAiB,EACjB,QAAgB,EAChB,WAAe,EACf,MAAY,EACZ,QAAe,EACf,WAAkB,EAClB,UAAkB,EAClB,OAAc,EACd,MAAM,EACN,MAAM,EACN,SAAS,GACV,EAAE,cAAc,2CAwUhB;yBAzVe,SAAS"}

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

@@ -0,0 +1,244 @@
+import { jsxs as f, jsx as r, Fragment as S } from "react/jsx-runtime";
+import * as oe from "react";
+import { stack as ne, stackOrderNone as re, stackOffsetNone as ae, area as _, curveMonotoneX as le, curveLinear as ce, line as z } from "d3-shape";
+import { scaleLinear as B, scalePoint as se } from "d3-scale";
+import { cn as ie } from "../lib/utils.js";
+import { ChartContainer as me } from "./chart-container.js";
+import { Axis as I } from "./_internal/axes.js";
+import { GridLines as O } from "./_internal/grid-lines.js";
+import { Legend as ue } from "./_internal/legend.js";
+import { useChartTooltip as pe, ChartTooltip as fe } from "./_internal/tooltip.js";
+import { resolveColor as de } from "./_internal/colors.js";
+import { useReducedMotion as he } from "./_internal/animation.js";
+function ye({
+  data: m,
+  xKey: h,
+  series: c,
+  curved: V = !1,
+  stacked: G = !1,
+  fillOpacity: b = 0.3,
+  gradient: k = !1,
+  strokeWidth: X = 2,
+  height: F = 300,
+  showGrid: A = !0,
+  showTooltip: M = !0,
+  showLegend: Y = !1,
+  animate: ge = !0,
+  xLabel: Z,
+  yLabel: q,
+  className: E
+}) {
+  const { tooltip: J, show: Q, hide: U } = pe();
+  he();
+  const y = c.map((d, u) => de(d.color, u)), C = oe.useId();
+  return /* @__PURE__ */ f("div", { className: ie("relative", E), children: [
+    /* @__PURE__ */ r(me, { height: F, children: ({ width: d, height: u, margin: ke }) => {
+      const L = m.map((e) => e[h]), W = L.every((e) => typeof e == "number");
+      let $, v, x;
+      if (W) {
+        const e = L, t = Math.min(...e), a = Math.max(...e), s = B().domain([t, a]).range([0, d]);
+        $ = s, v = (i) => s(Number(i[h])), x = (i) => s(Number(m[i][h]));
+      } else {
+        const e = L.map(String), t = se().domain(e).range([0, d]).padding(0.5);
+        $ = t, v = (a) => t(String(a[h])) ?? 0, x = (a) => t(String(m[a][h])) ?? 0;
+      }
+      let D;
+      G ? D = Math.max(
+        ...m.map(
+          (e) => c.reduce((t, a) => t + (Number(e[a.key]) || 0), 0)
+        )
+      ) : D = Math.max(
+        ...m.flatMap(
+          (e) => c.map((t) => Number(e[t.key]) || 0)
+        )
+      );
+      const g = B().domain([0, D * 1.1]).range([u, 0]).nice(), N = V ? le : ce, j = () => m.map((e, t) => {
+        const a = v(e), s = d / Math.max(m.length - 1, 1);
+        return /* @__PURE__ */ r(
+          "rect",
+          {
+            x: a - s / 2,
+            y: 0,
+            width: s,
+            height: u,
+            fill: "transparent",
+            onMouseMove: (i) => {
+              var o;
+              const p = (o = i.currentTarget.closest("div")) == null ? void 0 : o.getBoundingClientRect();
+              Q(
+                i.clientX - ((p == null ? void 0 : p.left) ?? 0),
+                i.clientY - ((p == null ? void 0 : p.top) ?? 0),
+                /* @__PURE__ */ f("div", { children: [
+                  /* @__PURE__ */ r("div", { className: "font-medium", children: String(e[h]) }),
+                  c.map((l, n) => /* @__PURE__ */ f(
+                    "div",
+                    {
+                      className: "flex items-center gap-ds-02",
+                      children: [
+                        /* @__PURE__ */ r(
+                          "span",
+                          {
+                            className: "inline-block h-2 w-2 rounded-ds-full",
+                            style: { backgroundColor: y[n] }
+                          }
+                        ),
+                        /* @__PURE__ */ f("span", { className: "text-text-secondary", children: [
+                          l.label,
+                          ":"
+                        ] }),
+                        " ",
+                        Number(e[l.key]).toLocaleString()
+                      ]
+                    },
+                    l.key
+                  ))
+                ] })
+              );
+            },
+            onMouseLeave: U
+          },
+          `hover-${t}`
+        );
+      }), P = () => k ? /* @__PURE__ */ r("defs", { children: c.map((e, t) => /* @__PURE__ */ f(
+        "linearGradient",
+        {
+          id: `${C}-gradient-${t}`,
+          x1: "0",
+          y1: "0",
+          x2: "0",
+          y2: "1",
+          children: [
+            /* @__PURE__ */ r(
+              "stop",
+              {
+                offset: "0%",
+                stopColor: y[t],
+                stopOpacity: b
+              }
+            ),
+            /* @__PURE__ */ r(
+              "stop",
+              {
+                offset: "100%",
+                stopColor: y[t],
+                stopOpacity: 0.05
+              }
+            )
+          ]
+        },
+        `grad-${t}`
+      )) }) : null, R = () => /* @__PURE__ */ f(S, { children: [
+        /* @__PURE__ */ r(
+          I,
+          {
+            scale: $,
+            orientation: "bottom",
+            transform: `translate(0,${u})`,
+            label: Z
+          }
+        ),
+        /* @__PURE__ */ r(I, { scale: g, orientation: "left", label: q })
+      ] });
+      if (G) {
+        const e = c.map((o) => o.key), t = ne().keys(e).order(re).offset(ae), a = m.map((o) => {
+          const l = { [h]: String(o[h]) };
+          for (const n of c)
+            l[n.key] = Number(o[n.key]) || 0;
+          return l;
+        }), s = t(a), i = _().curve(N).x((o, l) => x(l)).y0((o) => g(o[0])).y1((o) => g(o[1])), p = z().curve(N).x((o, l) => x(l)).y((o) => g(o[1]));
+        return /* @__PURE__ */ f(S, { children: [
+          P(),
+          A && /* @__PURE__ */ r(
+            O,
+            {
+              width: d,
+              height: u,
+              yScale: g,
+              horizontal: !0
+            }
+          ),
+          [...s].reverse().map((o, l) => {
+            const n = s.length - 1 - l, T = o, K = i(T) ?? "", ee = p(T) ?? "", te = k ? `url(#${C}-gradient-${n})` : y[n];
+            return /* @__PURE__ */ f("g", { children: [
+              /* @__PURE__ */ r(
+                "path",
+                {
+                  d: K,
+                  fill: te,
+                  opacity: k ? 1 : b
+                }
+              ),
+              /* @__PURE__ */ r(
+                "path",
+                {
+                  d: ee,
+                  fill: "none",
+                  stroke: y[n],
+                  strokeWidth: X,
+                  strokeLinejoin: "round",
+                  strokeLinecap: "round"
+                }
+              )
+            ] }, c[n].key);
+          }),
+          M && j(),
+          R()
+        ] });
+      }
+      const w = _().curve(N).defined((e) => e != null), H = z().curve(N).defined((e) => e != null);
+      return /* @__PURE__ */ f(S, { children: [
+        P(),
+        A && /* @__PURE__ */ r(
+          O,
+          {
+            width: d,
+            height: u,
+            yScale: g,
+            horizontal: !0
+          }
+        ),
+        [...c].reverse().map((e, t) => {
+          const a = c.length - 1 - t, s = w.x((n) => v(n)).y0(u).y1((n) => g(Number(n[e.key]) || 0)), i = H.x((n) => v(n)).y((n) => g(Number(n[e.key]) || 0)), p = s(m) ?? "", o = i(m) ?? "", l = k ? `url(#${C}-gradient-${a})` : y[a];
+          return /* @__PURE__ */ f("g", { children: [
+            /* @__PURE__ */ r(
+              "path",
+              {
+                d: p,
+                fill: l,
+                opacity: k ? 1 : b
+              }
+            ),
+            /* @__PURE__ */ r(
+              "path",
+              {
+                d: o,
+                fill: "none",
+                stroke: y[a],
+                strokeWidth: X,
+                strokeLinejoin: "round",
+                strokeLinecap: "round"
+              }
+            )
+          ] }, e.key);
+        }),
+        M && j(),
+        R()
+      ] });
+    } }),
+    M && /* @__PURE__ */ r(fe, { state: J }),
+    Y && c.length > 1 && /* @__PURE__ */ r(
+      ue,
+      {
+        items: c.map((d, u) => ({
+          label: d.label,
+          color: y[u]
+        })),
+        className: "mt-ds-04"
+      }
+    )
+  ] });
+}
+ye.displayName = "AreaChart";
+export {
+  ye as AreaChart
+};

package/dist/ui/charts/bar-chart.d.ts

@@ -0,0 +1,41 @@
+import { DataPoint, ChartColor } from './_internal/types';
+export interface BarChartProps {
+    /** Data array */
+    data: DataPoint[];
+    /** Key for x-axis categories */
+    xKey: string;
+    /** Key(s) for y-axis values. String for single series, array for multi-series */
+    yKey: string | string[];
+    /** Bar orientation */
+    orientation?: 'vertical' | 'horizontal';
+    /** Stack multiple series */
+    stacked?: boolean;
+    /** Group multiple series side by side */
+    grouped?: boolean;
+    /** Color(s) for bars */
+    color?: ChartColor | ChartColor[] | string | string[];
+    /** Chart height in pixels */
+    height?: number;
+    /** Show background grid lines */
+    showGrid?: boolean;
+    /** Show tooltip on hover */
+    showTooltip?: boolean;
+    /** Show legend (only for multi-series) */
+    showLegend?: boolean;
+    /** Animate bars on mount */
+    animate?: boolean;
+    /** Bar corner radius */
+    barRadius?: number;
+    /** X-axis label */
+    xLabel?: string;
+    /** Y-axis label */
+    yLabel?: string;
+    /** Series labels (for legend) */
+    seriesLabels?: string[];
+    className?: string;
+}
+export declare function BarChart({ data, xKey, yKey, orientation, stacked, grouped, color, height, showGrid, showTooltip, showLegend, animate, barRadius, xLabel, yLabel, seriesLabels, className, }: BarChartProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace BarChart {
+    var displayName: string;
+}
+//# sourceMappingURL=bar-chart.d.ts.map

package/dist/ui/charts/bar-chart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"bar-chart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/bar-chart.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9D,MAAM,WAAW,aAAa;IAC5B,iBAAiB;IACjB,IAAI,EAAE,SAAS,EAAE,CAAA;IACjB,gCAAgC;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,iFAAiF;IACjF,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACvB,sBAAsB;IACtB,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;IACvC,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wBAAwB;IACxB,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,EAAE,GAAG,MAAM,GAAG,MAAM,EAAE,CAAA;IACrD,6BAA6B;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iCAAiC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4BAA4B;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,iCAAiC;IACjC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,WAAwB,EACxB,OAAe,EACf,OAAe,EACf,KAAK,EACL,MAAY,EACZ,QAAe,EACf,WAAkB,EAClB,UAAkB,EAClB,OAAc,EACd,SAAa,EACb,MAAM,EACN,MAAM,EACN,YAAY,EACZ,SAAS,GACV,EAAE,aAAa,2CA4Mf;yBA9Ne,QAAQ"}