soadtech-ui 0.1.0

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

@@ -0,0 +1,23 @@
+import './ProgressChart.module.css';const s = "_root_17kjy_1", _ = "_bar_17kjy_6", e = "_segment_17kjy_15", o = "_primary_17kjy_22", t = "_seg1_17kjy_22", n = "_seg2_17kjy_26", r = "_seg3_17kjy_30", y = "_seg4_17kjy_34", g = "_secondary_17kjy_40", c = {
+  root: s,
+  bar: _,
+  segment: e,
+  primary: o,
+  seg1: t,
+  seg2: n,
+  seg3: r,
+  seg4: y,
+  secondary: g
+};
+export {
+  _ as bar,
+  c as default,
+  o as primary,
+  s as root,
+  g as secondary,
+  t as seg1,
+  n as seg2,
+  r as seg3,
+  y as seg4,
+  e as segment
+};

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

@@ -0,0 +1,16 @@
+import { HTMLAttributes } from 'react';
+export interface ProgressChartSegment {
+    value: number;
+}
+export type ProgressChartColor = 'primary' | 'secondary';
+export interface ProgressChartProps extends HTMLAttributes<HTMLDivElement> {
+    /** Segments with values (will be normalized to percentages) */
+    segments: ProgressChartSegment[];
+    /** Border radius */
+    radius?: number;
+    /** Color palette */
+    color?: ProgressChartColor;
+    /** Height of the progress bar in px */
+    barHeight?: number;
+}
+//# sourceMappingURL=ProgressChart.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressChart.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/ProgressChart.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,WAAW,CAAC;AAEzD,MAAM,WAAW,kBAAmB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACxE,+DAA+D;IAC/D,QAAQ,EAAE,oBAAoB,EAAE,CAAC;IACjC,oBAAoB;IACpB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,oBAAoB;IACpB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TrendLineChart.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/TrendLineChart.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAgBlE,eAAO,MAAM,cAAc,gHA2G1B,CAAC"}

package/dist/components/Chart/TrendLineChart.js

@@ -0,0 +1,110 @@
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { forwardRef as W, useId as b, useState as A, useMemo as H } from "react";
+import { cn as N } from "../../utils/cn.js";
+import { smoothPath as R, areaPath as w } from "./chart.utils.js";
+import { useChartHover as B } from "./useChartHover.js";
+import { HoverTooltip as G } from "./HoverTooltip.js";
+import S from "./TrendLineChart.module.css.js";
+const _ = {
+  primary: {
+    stroke: "var(--st-color-chart-1)",
+    fill: "var(--st-color-chart-1)",
+    fillEnd: "var(--st-color-chart-1-subtle)"
+  },
+  secondary: {
+    stroke: "var(--st-color-chart-2)",
+    fill: "var(--st-color-chart-2)",
+    fillEnd: "var(--st-color-chart-2-subtle)"
+  }
+}, q = W(
+  ({
+    data: r,
+    color: y = "primary",
+    showDots: k = !1,
+    areaFill: f = !0,
+    width: l = 120,
+    height: n = 40,
+    className: C,
+    ...L
+  }, M) => {
+    const m = b(), c = _[y], { hover: P, show: E, hide: I } = B(), [a, h] = A(null), { points: e, linePath: u } = H(() => {
+      if (r.length < 2) return { points: [], linePath: "" };
+      const s = Math.min(...r), O = Math.max(...r) - s || 1, i = 4, $ = l - i * 2, g = n - i * 2, v = r.map((j, T) => ({
+        x: i + T / (r.length - 1) * $,
+        y: i + (1 - (j - s) / O) * g
+      }));
+      return { points: v, linePath: R(v) };
+    }, [r, l, n]);
+    if (r.length < 2) return null;
+    const d = f ? w(u, n - 4, e[0].x, e[e.length - 1].x) : null, x = l / r.length;
+    return /* @__PURE__ */ p("div", { ref: M, className: N(S.root, C), ...L, children: [
+      /* @__PURE__ */ p(
+        "svg",
+        {
+          width: l,
+          height: n,
+          viewBox: `0 0 ${l} ${n}`,
+          fill: "none",
+          children: [
+            f && /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ p("linearGradient", { id: m, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+              /* @__PURE__ */ t("stop", { offset: "0%", stopColor: c.fill, stopOpacity: "0.3" }),
+              /* @__PURE__ */ t(
+                "stop",
+                {
+                  offset: "100%",
+                  stopColor: c.fillEnd,
+                  stopOpacity: "0"
+                }
+              )
+            ] }) }),
+            d && /* @__PURE__ */ t("path", { d, fill: `url(#${m})` }),
+            /* @__PURE__ */ t(
+              "path",
+              {
+                d: u,
+                stroke: c.stroke,
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round"
+              }
+            ),
+            e.map((s, o) => k || a === o ? /* @__PURE__ */ t(
+              "circle",
+              {
+                cx: s.x,
+                cy: s.y,
+                r: a === o ? 3.5 : 2.5,
+                fill: c.stroke,
+                stroke: a === o ? "var(--st-color-surface)" : "none",
+                strokeWidth: a === o ? 1.5 : 0
+              },
+              o
+            ) : null),
+            r.map((s, o) => /* @__PURE__ */ t(
+              "rect",
+              {
+                x: e[o].x - x / 2,
+                y: 0,
+                width: x,
+                height: n,
+                fill: "transparent",
+                onMouseEnter: () => {
+                  h(o), E(e[o].x, e[o].y, /* @__PURE__ */ t("div", { children: s }));
+                },
+                onMouseLeave: () => {
+                  h(null), I();
+                }
+              },
+              `hit-${o}`
+            ))
+          ]
+        }
+      ),
+      /* @__PURE__ */ t(G, { hover: P })
+    ] });
+  }
+);
+q.displayName = "TrendLineChart";
+export {
+  q as TrendLineChart
+};

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

@@ -0,0 +1 @@
+._root_1wnud_1{position:relative;display:inline-flex;line-height:0}

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

@@ -0,0 +1,7 @@
+import './TrendLineChart.module.css';const o = "_root_1wnud_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};

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

@@ -0,0 +1,17 @@
+import { HTMLAttributes } from 'react';
+export type TrendLineChartColor = 'primary' | 'secondary';
+export interface TrendLineChartProps extends Omit<HTMLAttributes<HTMLDivElement>, 'color'> {
+    /** Array of numeric data points */
+    data: number[];
+    /** Color palette */
+    color?: TrendLineChartColor;
+    /** Show dots at data points */
+    showDots?: boolean;
+    /** Fill the area under the line */
+    areaFill?: boolean;
+    /** Chart width in px */
+    width?: number;
+    /** Chart height in px */
+    height?: number;
+}
+//# sourceMappingURL=TrendLineChart.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TrendLineChart.types.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/TrendLineChart.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,WAAW,CAAC;AAE1D,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACrD,mCAAmC;IACnC,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,oBAAoB;IACpB,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,yBAAyB;IACzB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/dist/components/Chart/chart.utils.d.ts

@@ -0,0 +1,18 @@
+/** Linear interpolation */
+export declare function lerp(a: number, b: number, t: number): number;
+/** Compute nice axis scale — returns array of tick values */
+export declare function niceScale(min: number, max: number, maxTicks?: number): number[];
+/** Convert data points to a smooth SVG path using Catmull-Rom → cubic bezier */
+export declare function smoothPath(points: {
+    x: number;
+    y: number;
+}[], tension?: number): string;
+/** Create area path by closing a line path to the bottom */
+export declare function areaPath(linePath: string, bottomY: number, startX: number, endX: number): string;
+/** Create a donut arc path segment */
+export declare function donutArc(cx: number, cy: number, outerR: number, innerR: number, startAngle: number, endAngle: number): string;
+/** Normalize segment values to fractions summing to 1 */
+export declare function normalizeSegments(values: number[]): number[];
+/** Create a bar path with only top corners rounded */
+export declare function roundedBarPath(x: number, y: number, width: number, height: number, radius: number): string;
+//# sourceMappingURL=chart.utils.d.ts.map

package/dist/components/Chart/chart.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chart.utils.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/chart.utils.ts"],"names":[],"mappings":"AAAA,2BAA2B;AAC3B,wBAAgB,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,GAAG,MAAM,CAE5D;AAED,6DAA6D;AAC7D,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,QAAQ,SAAI,GAAG,MAAM,EAAE,CAmB1E;AAED,gFAAgF;AAChF,wBAAgB,UAAU,CACxB,MAAM,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,EAAE,EAClC,OAAO,SAAM,GACZ,MAAM,CAuBR;AAED,4DAA4D;AAC5D,wBAAgB,QAAQ,CACtB,QAAQ,EAAE,MAAM,EAChB,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,GACX,MAAM,CAER;AAED,sCAAsC;AACtC,wBAAgB,QAAQ,CACtB,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,MAAM,EAClB,QAAQ,EAAE,MAAM,GACf,MAAM,CA2BR;AAED,yDAAyD;AACzD,wBAAgB,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAI5D;AAED,sDAAsD;AACtD,wBAAgB,cAAc,CAC5B,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GACb,MAAM,CAaR"}

package/dist/components/Chart/chart.utils.js

@@ -0,0 +1,61 @@
+function d(t, c, n = 5) {
+  if (t === c) return [t];
+  const s = (c - t) / (n - 1), o = Math.pow(10, Math.floor(Math.log10(s))), r = s / o;
+  let e;
+  r <= 1.5 ? e = o : r <= 3 ? e = 2 * o : r <= 7 ? e = 5 * o : e = 10 * o;
+  const a = Math.floor(t / e) * e, u = Math.ceil(c / e) * e, f = [];
+  for (let l = a; l <= u + e * 0.5; l += e)
+    f.push(Math.round(l * 1e10) / 1e10);
+  return f;
+}
+function p(t, c = 0.3) {
+  if (t.length < 2) return "";
+  if (t.length === 2)
+    return `M${t[0].x},${t[0].y}L${t[1].x},${t[1].y}`;
+  let n = `M${t[0].x},${t[0].y}`;
+  for (let $ = 0; $ < t.length - 1; $++) {
+    const s = t[Math.max(0, $ - 1)], o = t[$], r = t[$ + 1], e = t[Math.min(t.length - 1, $ + 2)], a = o.x + (r.x - s.x) * c / 3, u = o.y + (r.y - s.y) * c / 3, f = r.x - (e.x - o.x) * c / 3, l = r.y - (e.y - o.y) * c / 3;
+    n += `C${a},${u},${f},${l},${r.x},${r.y}`;
+  }
+  return n;
+}
+function m(t, c, n, $) {
+  return `${t}L${$},${c}L${n},${c}Z`;
+}
+function P(t, c, n, $, s, o) {
+  const e = s + 0.02, a = o - 0.02;
+  if (a <= e) return "";
+  const u = Math.cos, f = Math.sin, l = t + n * u(e), h = c + n * f(e), g = t + n * u(a), x = c + n * f(a), y = t + $ * u(a), i = c + $ * f(a), L = t + $ * u(e), A = c + $ * f(e), M = a - e > Math.PI ? 1 : 0;
+  return [
+    `M${l},${h}`,
+    `A${n},${n},0,${M},1,${g},${x}`,
+    `L${y},${i}`,
+    `A${$},${$},0,${M},0,${L},${A}`,
+    "Z"
+  ].join("");
+}
+function S(t) {
+  const c = t.reduce((n, $) => n + $, 0);
+  return c === 0 ? t.map(() => 0) : t.map((n) => n / c);
+}
+function Z(t, c, n, $, s) {
+  if ($ <= 0) return "";
+  const o = Math.min(s, n / 2, $), r = c + $;
+  return [
+    `M${t},${r}`,
+    `L${t},${c + o}`,
+    `A${o},${o},0,0,1,${t + o},${c}`,
+    `L${t + n - o},${c}`,
+    `A${o},${o},0,0,1,${t + n},${c + o}`,
+    `L${t + n},${r}`,
+    "Z"
+  ].join("");
+}
+export {
+  m as areaPath,
+  P as donutArc,
+  d as niceScale,
+  S as normalizeSegments,
+  Z as roundedBarPath,
+  p as smoothPath
+};

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

@@ -0,0 +1,21 @@
+export { BarChart } from './BarChart';
+export type { BarChartProps, BarChartDataPoint } from './BarChart.types';
+export { LineChart } from './LineChart';
+export type { LineChartProps, LineChartDataPoint } from './LineChart.types';
+export { DonutChart } from './DonutChart';
+export type { DonutChartProps, DonutChartSegment } from './DonutChart.types';
+export { ProgressChart } from './ProgressChart';
+export type { ProgressChartProps, ProgressChartSegment, ProgressChartColor, } from './ProgressChart.types';
+export { GridChart } from './GridChart';
+export type { GridChartProps, GridChartColor } from './GridChart.types';
+export { TrendLineChart } from './TrendLineChart';
+export type { TrendLineChartProps, TrendLineChartColor, } from './TrendLineChart.types';
+export { KPIIndicator } from './KPIIndicator';
+export type { KPIIndicatorProps, KPIIndicatorSize } from './KPIIndicator.types';
+export { LegendLabel, LegendGroup } from './ChartLegend';
+export type { LegendLabelProps, LegendLabelVariant, LegendGroupProps, } from './ChartLegend.types';
+export { ChartAction } from './ChartAction';
+export type { ChartActionProps, ChartActionTab, } from './ChartAction.types';
+export { ChartTooltip } from './ChartTooltip';
+export type { ChartTooltipProps, ChartTooltipItem, ChartTooltipVariant, } from './ChartTooltip.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAEzE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AAE5E,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAE7E,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EACV,kBAAkB,EAClB,oBAAoB,EACpB,kBAAkB,GACnB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EACV,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAEhF,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AACzD,YAAY,EACV,gBAAgB,EAChB,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EACV,gBAAgB,EAChB,cAAc,GACf,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EACV,iBAAiB,EACjB,gBAAgB,EAChB,mBAAmB,GACpB,MAAM,sBAAsB,CAAC"}

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

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface HoverState {
+    visible: boolean;
+    x: number;
+    y: number;
+    content: ReactNode;
+}
+export declare function useChartHover(): {
+    readonly hover: HoverState;
+    readonly show: (x: number, y: number, content: ReactNode) => void;
+    readonly hide: () => void;
+};
+//# sourceMappingURL=useChartHover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useChartHover.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/useChartHover.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,OAAO,CAAC;IACjB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,OAAO,EAAE,SAAS,CAAC;CACpB;AAID,wBAAgB,aAAa;;uBAIrB,MAAM,KAAK,MAAM,WAAW,SAAS;;EAQ5C"}

package/dist/components/Chart/useChartHover.js

@@ -0,0 +1,12 @@
+import { useState as u, useCallback as t } from "react";
+const o = { visible: !1, x: 0, y: 0, content: null };
+function v() {
+  const [s, e] = u(o), n = t(
+    (c, i, l) => e({ visible: !0, x: c, y: i, content: l }),
+    []
+  ), r = t(() => e(o), []);
+  return { hover: s, show: n, hide: r };
+}
+export {
+  v as useChartHover
+};

package/dist/components/Checkbox/Checkbox.d.ts

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

package/dist/components/Checkbox/Checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA8BtD,eAAO,MAAM,QAAQ,4GAiEpB,CAAC"}

package/dist/components/Checkbox/Checkbox.js

@@ -0,0 +1,87 @@
+import { jsxs as x, jsx as t } from "react/jsx-runtime";
+import { forwardRef as k, useRef as v, useEffect as w } from "react";
+import { cn as L } from "../../utils/cn.js";
+import r from "./Checkbox.module.css.js";
+function N() {
+  return /* @__PURE__ */ t("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ t(
+    "path",
+    {
+      d: "M2.5 6L5 8.5L9.5 3.5",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }
+  ) });
+}
+function b() {
+  return /* @__PURE__ */ t("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ t(
+    "path",
+    {
+      d: "M2.5 6H9.5",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round"
+    }
+  ) });
+}
+const j = k(
+  ({
+    indeterminate: s = !1,
+    readOnly: n = !1,
+    size: a = "md",
+    disabled: l = !1,
+    checked: p,
+    defaultChecked: f,
+    onCheckedChange: i,
+    onChange: c,
+    className: d,
+    ...m
+  }, o) => {
+    const u = v(null);
+    w(() => {
+      const e = (o == null ? void 0 : o.current) ?? u.current;
+      e && (e.indeterminate = s);
+    }, [s, o]);
+    const h = (e) => {
+      if (n) {
+        e.preventDefault();
+        return;
+      }
+      c == null || c(e), i == null || i(e.target.checked);
+    };
+    return /* @__PURE__ */ x(
+      "span",
+      {
+        className: L(
+          r.root,
+          r[a],
+          l && r.disabled,
+          n && r.readOnly,
+          d
+        ),
+        children: [
+          /* @__PURE__ */ t(
+            "input",
+            {
+              ref: o ?? u,
+              type: "checkbox",
+              className: r.input,
+              checked: p,
+              defaultChecked: f,
+              disabled: l,
+              readOnly: n,
+              onChange: h,
+              ...m
+            }
+          ),
+          /* @__PURE__ */ t("span", { className: r.box, children: /* @__PURE__ */ t("span", { className: r.icon, children: s ? /* @__PURE__ */ t(b, {}) : /* @__PURE__ */ t(N, {}) }) })
+        ]
+      }
+    );
+  }
+);
+j.displayName = "Checkbox";
+export {
+  j as Checkbox
+};

package/dist/components/Checkbox/Checkbox.module.css

@@ -0,0 +1 @@
+._root_1n0rt_2{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}._md_1n0rt_11{width:20px;height:20px}._sm_1n0rt_16{width:16px;height:16px}._input_1n0rt_22{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;opacity:0;cursor:pointer;z-index:1}._box_1n0rt_35{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border:1.5px solid var(--st-color-neutral-300);border-radius:var(--st-radius-sm);background-color:var(--st-color-background);color:var(--st-color-success-foreground);transition:background-color var(--st-transition-fast),border-color var(--st-transition-fast),box-shadow var(--st-transition-fast)}._icon_1n0rt_52{display:inline-flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--st-transition-fast)}._root_1n0rt_2:has(._input_1n0rt_22:checked) ._box_1n0rt_35,._root_1n0rt_2:has(._input_1n0rt_22:indeterminate) ._box_1n0rt_35{background-color:var(--st-color-success);border-color:var(--st-color-success)}._root_1n0rt_2:has(._input_1n0rt_22:checked) ._icon_1n0rt_52,._root_1n0rt_2:has(._input_1n0rt_22:indeterminate) ._icon_1n0rt_52{opacity:1}._root_1n0rt_2:not(._disabled_1n0rt_73):not(._readOnly_1n0rt_73):has(._input_1n0rt_22:hover) ._box_1n0rt_35{border-color:var(--st-color-neutral-400)}._root_1n0rt_2:not(._disabled_1n0rt_73):not(._readOnly_1n0rt_73):has(._input_1n0rt_22:checked:hover) ._box_1n0rt_35,._root_1n0rt_2:not(._disabled_1n0rt_73):not(._readOnly_1n0rt_73):has(._input_1n0rt_22:indeterminate:hover) ._box_1n0rt_35{background-color:var(--st-color-success-hover);border-color:var(--st-color-success-hover)}._root_1n0rt_2:has(._input_1n0rt_22:focus-visible) ._box_1n0rt_35{box-shadow:0 0 0 2px var(--st-color-success)}._disabled_1n0rt_73{opacity:.5;pointer-events:none}._readOnly_1n0rt_73 ._input_1n0rt_22{cursor:default}._readOnly_1n0rt_73 ._box_1n0rt_35{border-color:var(--st-color-neutral-200)}

package/dist/components/Checkbox/Checkbox.module.css.js

@@ -0,0 +1,21 @@
+import './Checkbox.module.css';const n = "_root_1n0rt_2", t = "_md_1n0rt_11", _ = "_sm_1n0rt_16", o = "_input_1n0rt_22", s = "_box_1n0rt_35", r = "_icon_1n0rt_52", d = "_disabled_1n0rt_73", c = "_readOnly_1n0rt_73", e = {
+  root: n,
+  md: t,
+  sm: _,
+  input: o,
+  box: s,
+  icon: r,
+  disabled: d,
+  readOnly: c
+};
+export {
+  s as box,
+  e as default,
+  d as disabled,
+  r as icon,
+  o as input,
+  t as md,
+  c as readOnly,
+  n as root,
+  _ as sm
+};

package/dist/components/Checkbox/Checkbox.types.d.ts

@@ -0,0 +1,9 @@
+import { InputHTMLAttributes } from 'react';
+export type CheckboxSize = 'md' | 'sm';
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    indeterminate?: boolean;
+    readOnly?: boolean;
+    size?: CheckboxSize;
+    onCheckedChange?: (checked: boolean) => void;
+}
+//# sourceMappingURL=Checkbox.types.d.ts.map

package/dist/components/Checkbox/Checkbox.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.types.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/Checkbox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C"}

package/dist/components/Checkbox/CheckboxField.d.ts

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

package/dist/components/Checkbox/CheckboxField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxField.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxField.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGhE,eAAO,MAAM,aAAa,iHA4CzB,CAAC"}

package/dist/components/Checkbox/CheckboxField.js

@@ -0,0 +1,52 @@
+import { jsxs as d, jsx as a } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { cn as x } from "../../utils/cn.js";
+import { Checkbox as y } from "./Checkbox.js";
+import { useCheckboxGroup as N } from "./CheckboxGroupContext.js";
+import e from "./CheckboxField.module.css.js";
+const k = h(
+  ({
+    label: i,
+    description: l,
+    variant: n = "default",
+    disabled: c = !1,
+    readOnly: m = !1,
+    size: t,
+    className: f,
+    ...b
+  }, p) => {
+    const s = N(), o = c || (s == null ? void 0 : s.disabled) || !1, r = m || (s == null ? void 0 : s.readOnly) || !1;
+    return /* @__PURE__ */ d(
+      "label",
+      {
+        className: x(
+          e.root,
+          e[n],
+          o && e.disabled,
+          r && e.readOnly,
+          f
+        ),
+        children: [
+          /* @__PURE__ */ a(
+            y,
+            {
+              ref: p,
+              disabled: o,
+              readOnly: r,
+              size: t,
+              ...b
+            }
+          ),
+          /* @__PURE__ */ d("span", { className: e.content, children: [
+            /* @__PURE__ */ a("span", { className: e.label, children: i }),
+            l && /* @__PURE__ */ a("span", { className: e.description, children: l })
+          ] })
+        ]
+      }
+    );
+  }
+);
+k.displayName = "CheckboxField";
+export {
+  k as CheckboxField
+};

package/dist/components/Checkbox/CheckboxField.module.css

@@ -0,0 +1 @@
+._root_3cgpf_2{display:flex;align-items:flex-start;gap:var(--st-space-2);cursor:pointer;-webkit-user-select:none;user-select:none}._content_3cgpf_11{display:flex;flex-direction:column;gap:var(--st-space-0);padding-top:1px}._label_3cgpf_19{font-family:var(--st-font-family);font-size:var(--st-font-size-sm);font-weight:var(--st-font-weight-medium);line-height:var(--st-line-height-tight);color:var(--st-color-foreground)}._description_3cgpf_28{font-family:var(--st-font-family);font-size:var(--st-font-size-xs);line-height:var(--st-line-height-normal);color:var(--st-color-muted)}._card_3cgpf_36{border:1px solid var(--st-color-border);border-radius:var(--st-radius-xl);padding:var(--st-space-3) var(--st-space-4);transition:border-color var(--st-transition-fast),background-color var(--st-transition-fast)}._card_3cgpf_36:hover:not(._disabled_3cgpf_45):not(._readOnly_3cgpf_45){border-color:var(--st-color-border-strong)}._card_3cgpf_36:has(input:checked),._card_3cgpf_36:has(input:indeterminate){border-color:var(--st-color-success)}._card_3cgpf_36:has(input:focus-visible){border-color:var(--st-color-success);box-shadow:0 0 0 2px var(--st-color-success)}._disabled_3cgpf_45{opacity:.5;cursor:default;pointer-events:none}._readOnly_3cgpf_45{cursor:default}

package/dist/components/Checkbox/CheckboxField.module.css.js

@@ -0,0 +1,19 @@
+import './CheckboxField.module.css';const c = "_root_3cgpf_2", t = "_content_3cgpf_11", o = "_label_3cgpf_19", _ = "_description_3cgpf_28", n = "_card_3cgpf_36", e = "_disabled_3cgpf_45", s = "_readOnly_3cgpf_45", d = {
+  root: c,
+  content: t,
+  label: o,
+  description: _,
+  card: n,
+  disabled: e,
+  readOnly: s
+};
+export {
+  n as card,
+  t as content,
+  d as default,
+  _ as description,
+  e as disabled,
+  o as label,
+  s as readOnly,
+  c as root
+};

package/dist/components/Checkbox/CheckboxField.types.d.ts

@@ -0,0 +1,8 @@
+import { CheckboxProps } from './Checkbox.types';
+export type CheckboxFieldVariant = 'default' | 'card';
+export interface CheckboxFieldProps extends CheckboxProps {
+    label: string;
+    description?: string;
+    variant?: CheckboxFieldVariant;
+}
+//# sourceMappingURL=CheckboxField.types.d.ts.map

package/dist/components/Checkbox/CheckboxField.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxField.types.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxField.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,MAAM,oBAAoB,GAAG,SAAS,GAAG,MAAM,CAAC;AAEtD,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,oBAAoB,CAAC;CAChC"}

package/dist/components/Checkbox/CheckboxGroup.d.ts

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

package/dist/components/Checkbox/CheckboxGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxGroup.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAGhE,eAAO,MAAM,aAAa,+GAmDzB,CAAC"}

package/dist/components/Checkbox/CheckboxGroup.js

@@ -0,0 +1,55 @@
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { forwardRef as d, useMemo as f } from "react";
+import { cn as x } from "../../utils/cn.js";
+import { CheckboxGroupContext as u } from "./CheckboxGroupContext.js";
+import e from "./CheckboxGroup.module.css.js";
+const v = d(
+  ({
+    label: o,
+    helperText: i,
+    error: s,
+    disabled: c = !1,
+    readOnly: a = !1,
+    children: t,
+    className: m,
+    ...n
+  }, p) => {
+    const h = f(
+      () => ({ disabled: c, readOnly: a }),
+      [c, a]
+    );
+    return /* @__PURE__ */ r(u.Provider, { value: h, children: /* @__PURE__ */ l(
+      "div",
+      {
+        ref: p,
+        role: "group",
+        "aria-label": o,
+        className: x(e.root, m),
+        ...n,
+        children: [
+          o && /* @__PURE__ */ r("span", { className: e.label, children: o }),
+          /* @__PURE__ */ r("div", { className: e.items, children: t }),
+          s && /* @__PURE__ */ l("span", { className: e.error, children: [
+            /* @__PURE__ */ r(
+              "svg",
+              {
+                width: "8",
+                height: "8",
+                viewBox: "0 0 8 8",
+                fill: "none",
+                "aria-hidden": "true",
+                children: /* @__PURE__ */ r("circle", { cx: "4", cy: "4", r: "4", fill: "currentColor" })
+              }
+            ),
+            s
+          ] }),
+          !s && i && /* @__PURE__ */ r("span", { className: e.helperText, children: i })
+        ]
+      }
+    ) });
+  }
+);
+v.displayName = "CheckboxGroup";
+export {
+  v as CheckboxGroup
+};

package/dist/components/Checkbox/CheckboxGroup.module.css

@@ -0,0 +1 @@
+._root_18ksu_2{display:flex;flex-direction:column;gap:var(--st-space-3)}._label_18ksu_9{font-family:var(--st-font-family);font-size:var(--st-font-size-sm);font-weight:var(--st-font-weight-semibold);line-height:var(--st-line-height-tight);color:var(--st-color-foreground)}._items_18ksu_18{display:flex;flex-direction:column;gap:var(--st-space-3)}._helperText_18ksu_25{font-family:var(--st-font-family);font-size:var(--st-font-size-xs);line-height:var(--st-line-height-normal);color:var(--st-color-muted)}._error_18ksu_33{display:inline-flex;align-items:center;gap:var(--st-space-1);font-family:var(--st-font-family);font-size:var(--st-font-size-xs);line-height:var(--st-line-height-normal);color:var(--st-color-error)}