soadtech-ui 0.1.0

package/dist/components/Card/index.d.ts

@@ -0,0 +1,20 @@
+export { Card } from './Card';
+export { CardHeader } from './CardHeader';
+export { CardContent } from './CardContent';
+export { CardFooter } from './CardFooter';
+export type { CardProps, CardVariant, CardPadding, CardHeaderProps, CardHeaderSize, CardContentProps, CardFooterProps, CardFooterAlign, } from './Card.types';
+export { StatCard } from './StatCard';
+export type { StatCardProps } from './StatCard.types';
+export { PlanCard } from './PlanCard';
+export type { PlanCardProps, PlanCardFeature } from './PlanCard.types';
+export { InsightCard } from './InsightCard';
+export type { InsightCardProps, InsightCardVariant } from './InsightCard.types';
+export { ProductCard } from './ProductCard';
+export type { ProductCardProps, ProductCardLayout } from './ProductCard.types';
+export { KPICard } from './KPICard';
+export type { KPICardProps, KPIItem } from './KPICard.types';
+export { ListItemCard } from './ListItemCard';
+export type { ListItemCardProps, ListItem } from './ListItemCard.types';
+export { UserGroupCard } from './UserGroupCard';
+export type { UserGroupCardProps, UserGroupAvatar, } from './UserGroupCard.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EACV,SAAS,EACT,WAAW,EACX,WAAW,EACX,eAAe,EACf,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,eAAe,GAChB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAEvE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAEhF,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAE/E,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE7D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAExE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACV,kBAAkB,EAClB,eAAe,GAChB,MAAM,uBAAuB,CAAC"}

package/dist/components/Chart/BarChart.d.ts

@@ -0,0 +1,3 @@
+import { BarChartProps } from './BarChart.types';
+export declare const BarChart: import('react').ForwardRefExoticComponent<BarChartProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=BarChart.d.ts.map

package/dist/components/Chart/BarChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/BarChart.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,eAAO,MAAM,QAAQ,0GAyLpB,CAAC"}

package/dist/components/Chart/BarChart.js

@@ -0,0 +1,147 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { forwardRef as F, useRef as G, useState as C, useId as O, useEffect as T, useMemo as _ } from "react";
+import { cn as q } from "../../utils/cn.js";
+import { roundedBarPath as N, niceScale as D } from "./chart.utils.js";
+import { useChartHover as J } from "./useChartHover.js";
+import { HoverTooltip as K } from "./HoverTooltip.js";
+import s from "./BarChart.module.css.js";
+const Q = F(
+  ({
+    data: o,
+    comparison: v = !1,
+    gridLines: I = !0,
+    height: l = 200,
+    legend: M,
+    className: L,
+    ...P
+  }, $) => {
+    const p = G(null), [i, E] = C(0), W = O(), { hover: j, show: B, hide: R } = J(), [H, m] = C(null);
+    T(() => {
+      if (!p.current) return;
+      const e = new ResizeObserver((t) => {
+        for (const a of t)
+          E(a.contentRect.width);
+      });
+      return e.observe(p.current), () => e.disconnect();
+    }, []);
+    const S = _(() => {
+      const e = o.map((t) => t.value);
+      return v && e.push(...o.map((t) => t.compareValue ?? 0)), e;
+    }, [o, v]), k = Math.max(...S, 0), u = D(0, k), d = u[u.length - 1], z = 0.3, n = i / o.length, h = n * (1 - z), f = 3;
+    return /* @__PURE__ */ c("div", { ref: $, className: q(s.root, L), ...P, children: [
+      M && /* @__PURE__ */ r("div", { className: s.legend, children: M }),
+      /* @__PURE__ */ c("div", { className: s.grid, children: [
+        /* @__PURE__ */ r("div", { className: s.yAxis, style: { height: l }, children: [...u].reverse().map((e, t) => /* @__PURE__ */ r("span", { className: s.yLabel, children: e >= 1e3 ? `${(e / 1e3).toFixed(e % 1e3 === 0 ? 0 : 1)}k` : e }, t)) }),
+        /* @__PURE__ */ c("div", { ref: p, className: s.chartArea, style: { height: l }, children: [
+          i > 0 && /* @__PURE__ */ c(
+            "svg",
+            {
+              width: i,
+              height: l,
+              viewBox: `0 0 ${i} ${l}`,
+              children: [
+                /* @__PURE__ */ r("defs", { children: /* @__PURE__ */ r("clipPath", { id: W, children: /* @__PURE__ */ r("rect", { width: i, height: l }) }) }),
+                I && u.map((e, t) => {
+                  const a = l - t / (u.length - 1) * l;
+                  return /* @__PURE__ */ r(
+                    "line",
+                    {
+                      x1: 0,
+                      y1: a,
+                      x2: i,
+                      y2: a,
+                      stroke: "var(--st-color-chart-grid)",
+                      strokeWidth: "1"
+                    },
+                    t
+                  );
+                }),
+                /* @__PURE__ */ r("g", { clipPath: `url(#${W})`, children: o.map((e, t) => {
+                  const a = n * t + n / 2, x = H === t;
+                  if (v && e.compareValue != null) {
+                    const A = h / 2 - 1, b = d > 0 ? e.value / d * l : 0, w = d > 0 ? e.compareValue / d * l : 0;
+                    return /* @__PURE__ */ c("g", { children: [
+                      /* @__PURE__ */ r(
+                        "path",
+                        {
+                          d: N(a - h / 2, l - b, A, b, f),
+                          fill: "var(--st-color-chart-1)",
+                          opacity: x ? 1 : 0.85
+                        }
+                      ),
+                      /* @__PURE__ */ r(
+                        "path",
+                        {
+                          d: N(a + 1, l - w, A, w, f),
+                          fill: "var(--st-color-chart-2)",
+                          opacity: x ? 1 : 0.85
+                        }
+                      ),
+                      /* @__PURE__ */ r(
+                        "rect",
+                        {
+                          x: n * t,
+                          y: 0,
+                          width: n,
+                          height: l,
+                          fill: "transparent",
+                          onMouseEnter: () => {
+                            m(t), B(a, l - Math.max(b, w), /* @__PURE__ */ c("div", { children: [
+                              /* @__PURE__ */ r("div", { style: { fontWeight: 600, marginBottom: 2 }, children: e.label }),
+                              /* @__PURE__ */ r("div", { children: e.value }),
+                              /* @__PURE__ */ r("div", { children: e.compareValue })
+                            ] }));
+                          },
+                          onMouseLeave: () => {
+                            m(null), R();
+                          }
+                        }
+                      )
+                    ] }, t);
+                  }
+                  const V = h, y = d > 0 ? e.value / d * l : 0;
+                  return /* @__PURE__ */ c("g", { children: [
+                    /* @__PURE__ */ r(
+                      "path",
+                      {
+                        d: N(a - V / 2, l - y, V, y, f),
+                        fill: "var(--st-color-chart-1)",
+                        opacity: x ? 1 : 0.85
+                      }
+                    ),
+                    /* @__PURE__ */ r(
+                      "rect",
+                      {
+                        x: n * t,
+                        y: 0,
+                        width: n,
+                        height: l,
+                        fill: "transparent",
+                        onMouseEnter: () => {
+                          m(t), B(a, l - y, /* @__PURE__ */ c("div", { children: [
+                            /* @__PURE__ */ r("div", { style: { fontWeight: 600, marginBottom: 2 }, children: e.label }),
+                            /* @__PURE__ */ r("div", { children: e.value })
+                          ] }));
+                        },
+                        onMouseLeave: () => {
+                          m(null), R();
+                        }
+                      }
+                    )
+                  ] }, t);
+                }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ r(K, { hover: j })
+        ] }),
+        /* @__PURE__ */ r("div", {}),
+        /* @__PURE__ */ r("div", { className: s.xAxis, children: o.map((e, t) => /* @__PURE__ */ r("span", { className: s.xLabel, children: e.label }, t)) })
+      ] })
+    ] });
+  }
+);
+Q.displayName = "BarChart";
+export {
+  Q as BarChart
+};

package/dist/components/Chart/BarChart.module.css

@@ -0,0 +1 @@
+._root_ovxqs_1{display:flex;flex-direction:column;gap:var(--st-space-3);font-family:var(--st-font-family)}._legend_ovxqs_8{display:flex;justify-content:flex-end}._grid_ovxqs_13{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;gap:var(--st-space-2)}._yAxis_ovxqs_20{display:flex;flex-direction:column;justify-content:space-between;text-align:right;padding-right:var(--st-space-2)}._yLabel_ovxqs_28{font-size:var(--st-font-size-xs);color:var(--st-color-chart-axis);line-height:1}._chartArea_ovxqs_34{position:relative;width:100%}._chartArea_ovxqs_34 svg{display:block;width:100%}._xAxis_ovxqs_44{display:flex;justify-content:space-around;padding-top:var(--st-space-2)}._xLabel_ovxqs_50{font-size:var(--st-font-size-xs);color:var(--st-color-chart-axis);text-align:center}

package/dist/components/Chart/BarChart.module.css.js

@@ -0,0 +1,21 @@
+import './BarChart.module.css';const s = "_root_ovxqs_1", o = "_legend_ovxqs_8", _ = "_grid_ovxqs_13", x = "_yAxis_ovxqs_20", e = "_yLabel_ovxqs_28", t = "_chartArea_ovxqs_34", a = "_xAxis_ovxqs_44", r = "_xLabel_ovxqs_50", c = {
+  root: s,
+  legend: o,
+  grid: _,
+  yAxis: x,
+  yLabel: e,
+  chartArea: t,
+  xAxis: a,
+  xLabel: r
+};
+export {
+  t as chartArea,
+  c as default,
+  _ as grid,
+  o as legend,
+  s as root,
+  a as xAxis,
+  r as xLabel,
+  x as yAxis,
+  e as yLabel
+};

package/dist/components/Chart/BarChart.types.d.ts

@@ -0,0 +1,19 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface BarChartDataPoint {
+    label: string;
+    value: number;
+    compareValue?: number;
+}
+export interface BarChartProps extends HTMLAttributes<HTMLDivElement> {
+    /** Chart data */
+    data: BarChartDataPoint[];
+    /** Show comparison bars */
+    comparison?: boolean;
+    /** Show horizontal grid lines */
+    gridLines?: boolean;
+    /** Chart height in px */
+    height?: number;
+    /** Legend element */
+    legend?: ReactNode;
+}
+//# sourceMappingURL=BarChart.types.d.ts.map

package/dist/components/Chart/BarChart.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/BarChart.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,CAAC,cAAc,CAAC;IACnE,iBAAiB;IACjB,IAAI,EAAE,iBAAiB,EAAE,CAAC;IAC1B,2BAA2B;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,qBAAqB;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB"}

package/dist/components/Chart/ChartAction.d.ts

@@ -0,0 +1,3 @@
+import { ChartActionProps } from './ChartAction.types';
+export declare const ChartAction: import('react').ForwardRefExoticComponent<ChartActionProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ChartAction.d.ts.map

package/dist/components/Chart/ChartAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartAction.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/ChartAction.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAG5D,eAAO,MAAM,WAAW,6GA2BvB,CAAC"}

package/dist/components/Chart/ChartAction.js

@@ -0,0 +1,28 @@
+import { jsxs as p, jsx as i } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { cn as c } from "../../utils/cn.js";
+import l from "./ChartAction.module.css.js";
+const v = u(
+  ({ tabs: e, activeTab: o, onTabChange: t, actions: s, className: m, ...a }, d) => /* @__PURE__ */ p("div", { ref: d, className: c(l.root, m), ...a, children: [
+    e && e.length > 0 && /* @__PURE__ */ i("div", { className: l.tabs, role: "tablist", children: e.map((r) => /* @__PURE__ */ i(
+      "button",
+      {
+        role: "tab",
+        "aria-selected": o === r.value,
+        className: c(
+          l.tab,
+          o === r.value && l.active
+        ),
+        onClick: () => t == null ? void 0 : t(r.value),
+        type: "button",
+        children: r.label
+      },
+      r.value
+    )) }),
+    s && /* @__PURE__ */ i("div", { className: l.actions, children: s })
+  ] })
+);
+v.displayName = "ChartAction";
+export {
+  v as ChartAction
+};

package/dist/components/Chart/ChartAction.module.css

@@ -0,0 +1 @@
+._root_r3xj4_1{display:flex;align-items:center;justify-content:space-between;gap:var(--st-space-3);font-family:var(--st-font-family)}._tabs_r3xj4_9{display:inline-flex;background-color:var(--st-color-neutral-100);border-radius:var(--st-radius-lg);padding:3px;gap:2px}._tab_r3xj4_9{all:unset;cursor:pointer;padding:var(--st-space-1) var(--st-space-3);font-size:var(--st-font-size-sm);font-weight:var(--st-font-weight-medium);color:var(--st-color-muted);border-radius:var(--st-radius-md);transition:all var(--st-transition-fast);white-space:nowrap}._tab_r3xj4_9:hover{color:var(--st-color-foreground)}._tab_r3xj4_9._active_r3xj4_33{background-color:var(--st-color-surface);color:var(--st-color-foreground);box-shadow:var(--st-shadow-xs)}._actions_r3xj4_39{display:flex;align-items:center;gap:var(--st-space-2)}

package/dist/components/Chart/ChartAction.module.css.js

@@ -0,0 +1,15 @@
+import './ChartAction.module.css';const t = "_root_r3xj4_1", o = "_tabs_r3xj4_9", s = "_tab_r3xj4_9", _ = "_active_r3xj4_33", a = "_actions_r3xj4_39", c = {
+  root: t,
+  tabs: o,
+  tab: s,
+  active: _,
+  actions: a
+};
+export {
+  a as actions,
+  _ as active,
+  c as default,
+  t as root,
+  s as tab,
+  o as tabs
+};

package/dist/components/Chart/ChartAction.types.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export interface ChartActionTab {
+    label: string;
+    value: string;
+}
+export interface ChartActionProps extends HTMLAttributes<HTMLDivElement> {
+    /** Segmented tab options */
+    tabs?: ChartActionTab[];
+    /** Currently active tab value */
+    activeTab?: string;
+    /** Tab change callback */
+    onTabChange?: (value: string) => void;
+    /** Slot for action buttons/icons on the right */
+    actions?: ReactNode;
+}
+//# sourceMappingURL=ChartAction.types.d.ts.map

package/dist/components/Chart/ChartAction.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartAction.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/ChartAction.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,4BAA4B;IAC5B,IAAI,CAAC,EAAE,cAAc,EAAE,CAAC;IACxB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0BAA0B;IAC1B,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,iDAAiD;IACjD,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB"}

package/dist/components/Chart/ChartAxis.d.ts

@@ -0,0 +1,3 @@
+import { ChartAxisProps } from './ChartAxis.types';
+export declare function ChartAxis({ yTicks, xLabels, chartWidth, chartHeight, gridLines, formatY, }: ChartAxisProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChartAxis.d.ts.map

package/dist/components/Chart/ChartAxis.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartAxis.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/ChartAxis.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAQxD,wBAAgB,SAAS,CAAC,EACxB,MAAM,EACN,OAAO,EACP,UAAU,EACV,WAAW,EACX,SAAgB,EAChB,OAAwB,GACzB,EAAE,cAAc,2CA+DhB"}

package/dist/components/Chart/ChartAxis.types.d.ts

@@ -0,0 +1,15 @@
+export interface ChartAxisProps {
+    /** Y-axis tick values (bottom to top) */
+    yTicks: number[];
+    /** X-axis labels */
+    xLabels: string[];
+    /** Chart area width in px */
+    chartWidth: number;
+    /** Chart area height in px */
+    chartHeight: number;
+    /** Show horizontal grid lines */
+    gridLines?: boolean;
+    /** Format Y-axis tick values */
+    formatY?: (value: number) => string;
+}
+//# sourceMappingURL=ChartAxis.types.d.ts.map

package/dist/components/Chart/ChartAxis.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartAxis.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/ChartAxis.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B,yCAAyC;IACzC,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,oBAAoB;IACpB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,6BAA6B;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,8BAA8B;IAC9B,WAAW,EAAE,MAAM,CAAC;IACpB,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gCAAgC;IAChC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;CACrC"}

package/dist/components/Chart/ChartLegend.d.ts

@@ -0,0 +1,4 @@
+import { LegendLabelProps, LegendGroupProps } from './ChartLegend.types';
+export declare const LegendLabel: import('react').ForwardRefExoticComponent<LegendLabelProps & import('react').RefAttributes<HTMLSpanElement>>;
+export declare const LegendGroup: import('react').ForwardRefExoticComponent<LegendGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ChartLegend.d.ts.map

package/dist/components/Chart/ChartLegend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLegend.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/ChartLegend.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAU9E,eAAO,MAAM,WAAW,8GAsBvB,CAAC;AAIF,eAAO,MAAM,WAAW,6GAQvB,CAAC"}

package/dist/components/Chart/ChartLegend.js

@@ -0,0 +1,42 @@
+import { jsx as l, jsxs as f } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { cn as t } from "../../utils/cn.js";
+import r from "./ChartLegend.module.css.js";
+const c = {
+  1: "var(--st-color-chart-1)",
+  2: "var(--st-color-chart-2)",
+  3: "var(--st-color-chart-3)",
+  4: "var(--st-color-chart-4)"
+}, g = n(
+  ({ label: o, colorIndex: a = 1, color: e, variant: s = "dot", className: d, style: m, ...p }, i) => {
+    const L = e ?? c[a] ?? c[1];
+    return /* @__PURE__ */ f(
+      "span",
+      {
+        ref: i,
+        className: t(r.label, d),
+        style: m,
+        ...p,
+        children: [
+          /* @__PURE__ */ l(
+            "span",
+            {
+              className: t(r.indicator, r[s]),
+              style: { backgroundColor: L }
+            }
+          ),
+          o
+        ]
+      }
+    );
+  }
+);
+g.displayName = "LegendLabel";
+const u = n(
+  ({ children: o, className: a, ...e }, s) => /* @__PURE__ */ l("div", { ref: s, className: t(r.group, a), ...e, children: o })
+);
+u.displayName = "LegendGroup";
+export {
+  u as LegendGroup,
+  g as LegendLabel
+};

package/dist/components/Chart/ChartLegend.module.css

@@ -0,0 +1 @@
+._group_1guw3_1{display:flex;flex-wrap:wrap;align-items:center;gap:var(--st-space-4)}._label_1guw3_8{display:inline-flex;align-items:center;gap:var(--st-space-2);font-family:var(--st-font-family);font-size:var(--st-font-size-sm);color:var(--st-color-foreground)}._indicator_1guw3_17{flex-shrink:0}._dot_1guw3_21{width:8px;height:8px;border-radius:var(--st-radius-full)}._line_1guw3_27{width:16px;height:3px;border-radius:var(--st-radius-full)}

package/dist/components/Chart/ChartLegend.module.css.js

@@ -0,0 +1,15 @@
+import './ChartLegend.module.css';const o = "_group_1guw3_1", t = "_label_1guw3_8", _ = "_indicator_1guw3_17", n = "_dot_1guw3_21", l = "_line_1guw3_27", c = {
+  group: o,
+  label: t,
+  indicator: _,
+  dot: n,
+  line: l
+};
+export {
+  c as default,
+  n as dot,
+  o as group,
+  _ as indicator,
+  t as label,
+  l as line
+};

package/dist/components/Chart/ChartLegend.types.d.ts

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'react';
+export type LegendLabelVariant = 'dot' | 'line';
+export interface LegendLabelProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Label text */
+    label: string;
+    /** Color index (1–4) maps to --st-color-chart-N */
+    colorIndex?: number;
+    /** Custom color override */
+    color?: string;
+    /** Dot or line indicator */
+    variant?: LegendLabelVariant;
+}
+export interface LegendGroupProps extends HTMLAttributes<HTMLDivElement> {
+    children: React.ReactNode;
+}
+//# sourceMappingURL=ChartLegend.types.d.ts.map

package/dist/components/Chart/ChartLegend.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLegend.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/ChartLegend.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,MAAM,CAAC;AAEhD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,eAAe,CAAC;IACvE,iBAAiB;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,mDAAmD;IACnD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,4BAA4B;IAC5B,OAAO,CAAC,EAAE,kBAAkB,CAAC;CAC9B;AAED,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACtE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B"}

package/dist/components/Chart/ChartTooltip.d.ts

@@ -0,0 +1,3 @@
+import { ChartTooltipProps } from './ChartTooltip.types';
+export declare const ChartTooltip: import('react').ForwardRefExoticComponent<ChartTooltipProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=ChartTooltip.d.ts.map

package/dist/components/Chart/ChartTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/ChartTooltip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAU9D,eAAO,MAAM,YAAY,8GA6BxB,CAAC"}

package/dist/components/Chart/ChartTooltip.js

@@ -0,0 +1,37 @@
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { cn as h } from "../../utils/cn.js";
+import r from "./ChartTooltip.module.css.js";
+const l = {
+  1: "var(--st-color-chart-1)",
+  2: "var(--st-color-chart-2)",
+  3: "var(--st-color-chart-3)",
+  4: "var(--st-color-chart-4)"
+}, v = d(
+  ({ items: s, variant: t = "simple", visible: c = !0, className: e, ...n }, p) => c ? /* @__PURE__ */ a(
+    "div",
+    {
+      ref: p,
+      className: h(r.root, r[t], e),
+      role: "tooltip",
+      ...n,
+      children: s.map((o, i) => /* @__PURE__ */ m("div", { className: r.item, children: [
+        o.colorIndex && /* @__PURE__ */ a(
+          "span",
+          {
+            className: r.dot,
+            style: {
+              backgroundColor: l[o.colorIndex] ?? l[1]
+            }
+          }
+        ),
+        /* @__PURE__ */ a("span", { className: r.label, children: o.label }),
+        o.value && /* @__PURE__ */ a("span", { className: r.value, children: o.value })
+      ] }, i))
+    }
+  ) : null
+);
+v.displayName = "ChartTooltip";
+export {
+  v as ChartTooltip
+};

package/dist/components/Chart/ChartTooltip.module.css

@@ -0,0 +1 @@
+._root_1uuwg_1{display:flex;flex-direction:column;background-color:var(--st-color-chart-tooltip-bg);color:var(--st-color-chart-tooltip-fg);border-radius:var(--st-radius-lg);padding:var(--st-space-2) var(--st-space-3);font-family:var(--st-font-family);font-size:var(--st-font-size-sm);gap:var(--st-space-1);box-shadow:var(--st-shadow-lg);min-width:100px}._item_1uuwg_15{display:flex;align-items:center;gap:var(--st-space-2)}._dot_1uuwg_21{width:8px;height:8px;border-radius:var(--st-radius-full);flex-shrink:0}._label_1uuwg_28{flex:1;opacity:.8}._value_1uuwg_33{font-weight:var(--st-font-weight-semibold);margin-left:var(--st-space-3)}._simple_1uuwg_40 ._item_1uuwg_15{gap:var(--st-space-2)}._detailed_1uuwg_44{padding:var(--st-space-3) var(--st-space-4)}._detailed_1uuwg_44 ._value_1uuwg_33{font-size:var(--st-font-size-md)}._multi_1uuwg_52{gap:var(--st-space-2)}

package/dist/components/Chart/ChartTooltip.module.css.js

@@ -0,0 +1,21 @@
+import './ChartTooltip.module.css';const t = "_root_1uuwg_1", _ = "_item_1uuwg_15", u = "_dot_1uuwg_21", e = "_label_1uuwg_28", l = "_value_1uuwg_33", o = "_simple_1uuwg_40", s = "_detailed_1uuwg_44", i = "_multi_1uuwg_52", a = {
+  root: t,
+  item: _,
+  dot: u,
+  label: e,
+  value: l,
+  simple: o,
+  detailed: s,
+  multi: i
+};
+export {
+  a as default,
+  s as detailed,
+  u as dot,
+  _ as item,
+  e as label,
+  i as multi,
+  t as root,
+  o as simple,
+  l as value
+};

package/dist/components/Chart/ChartTooltip.types.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'react';
+export type ChartTooltipVariant = 'simple' | 'detailed' | 'multi';
+export interface ChartTooltipItem {
+    label: string;
+    value?: string;
+    /** Color index (1–4) for the dot indicator */
+    colorIndex?: number;
+}
+export interface ChartTooltipProps extends HTMLAttributes<HTMLDivElement> {
+    /** Tooltip items */
+    items: ChartTooltipItem[];
+    /** Tooltip variant */
+    variant?: ChartTooltipVariant;
+    /** Visibility */
+    visible?: boolean;
+}
+//# sourceMappingURL=ChartTooltip.types.d.ts.map

package/dist/components/Chart/ChartTooltip.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTooltip.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/ChartTooltip.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,mBAAmB,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAElE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,8CAA8C;IAC9C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,oBAAoB;IACpB,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,sBAAsB;IACtB,OAAO,CAAC,EAAE,mBAAmB,CAAC;IAC9B,iBAAiB;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/components/Chart/DonutChart.d.ts

@@ -0,0 +1,3 @@
+import { DonutChartProps } from './DonutChart.types';
+export declare const DonutChart: import('react').ForwardRefExoticComponent<DonutChartProps & import('react').RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=DonutChart.d.ts.map

package/dist/components/Chart/DonutChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DonutChart.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/DonutChart.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAY1D,eAAO,MAAM,UAAU,4GAuFtB,CAAC"}

package/dist/components/Chart/DonutChart.js

@@ -0,0 +1,91 @@
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import { forwardRef as H, useMemo as w, useState as O } from "react";
+import { cn as P } from "../../utils/cn.js";
+import { normalizeSegments as T, donutArc as X } from "./chart.utils.js";
+import { useChartHover as Y } from "./useChartHover.js";
+import { HoverTooltip as $ } from "./HoverTooltip.js";
+import h from "./DonutChart.module.css.js";
+const R = [
+  "var(--st-color-chart-1)",
+  "var(--st-color-chart-2)",
+  "var(--st-color-chart-3)",
+  "var(--st-color-chart-4)",
+  "var(--st-color-chart-1-muted)",
+  "var(--st-color-chart-2-muted)"
+], b = H(
+  ({
+    segments: i,
+    centerLabel: m,
+    thickness: C = 24,
+    size: r = 160,
+    dark: E = !1,
+    className: I,
+    ...N
+  }, S) => {
+    const u = w(
+      () => T(i.map((t) => t.value)),
+      [i]
+    ), e = r / 2, l = e - 2, a = l - C, A = w(() => {
+      const t = [];
+      let o = -Math.PI / 2;
+      return u.forEach((s, x) => {
+        if (s <= 0) return;
+        const c = s * Math.PI * 2, M = X(e, e, l, a, o, o + c);
+        if (M) {
+          const g = o + c / 2, y = (l + a) / 2;
+          t.push({
+            d: M,
+            color: R[x % R.length],
+            midX: e + y * Math.cos(g),
+            midY: e + y * Math.sin(g),
+            index: x
+          });
+        }
+        o += c;
+      }), t;
+    }, [u, e, l, a]), { hover: j, show: B, hide: D } = Y(), [v, p] = O(null), f = i.reduce((t, o) => t + o.value, 0);
+    return /* @__PURE__ */ d(
+      "div",
+      {
+        ref: S,
+        className: P(h.root, E && h.dark, I),
+        style: { width: r, height: r },
+        ...N,
+        children: [
+          /* @__PURE__ */ n("svg", { width: r, height: r, viewBox: `0 0 ${r} ${r}`, children: A.map((t) => /* @__PURE__ */ n(
+            "path",
+            {
+              d: t.d,
+              fill: t.color,
+              opacity: v === null || v === t.index ? 1 : 0.5,
+              style: { transition: "opacity 150ms ease" },
+              onMouseEnter: () => {
+                p(t.index);
+                const o = i[t.index], s = f > 0 ? (o.value / f * 100).toFixed(1) : "0";
+                B(t.midX, t.midY, /* @__PURE__ */ d("div", { children: [
+                  o.label && /* @__PURE__ */ n("div", { style: { fontWeight: 600, marginBottom: 2 }, children: o.label }),
+                  /* @__PURE__ */ d("div", { children: [
+                    o.value,
+                    " (",
+                    s,
+                    "%)"
+                  ] })
+                ] }));
+              },
+              onMouseLeave: () => {
+                p(null), D();
+              }
+            },
+            t.index
+          )) }),
+          m && /* @__PURE__ */ n("div", { className: h.center, children: m }),
+          /* @__PURE__ */ n($, { hover: j })
+        ]
+      }
+    );
+  }
+);
+b.displayName = "DonutChart";
+export {
+  b as DonutChart
+};

package/dist/components/Chart/DonutChart.module.css

@@ -0,0 +1 @@
+._root_1s3aq_1{position:relative;display:inline-flex;align-items:center;justify-content:center;font-family:var(--st-font-family)}._root_1s3aq_1 svg{display:block}._center_1s3aq_13{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:var(--st-font-size-sm);color:var(--st-color-foreground);pointer-events:none}._dark_1s3aq_25{background-color:var(--st-color-neutral-900);border-radius:var(--st-radius-2xl)}._dark_1s3aq_25 ._center_1s3aq_13{color:var(--st-color-chart-tooltip-fg)}