@devalok/shilp-sutra 0.17.2 → 0.18.0

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

@@ -1,6 +1,7 @@
 "use client";
 import { DataPoint, Series } from './_internal/types';
-export interface LineChartProps {
+import * as React from 'react';
+export interface LineChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     /** Data array */
     data: DataPoint[];
     /** Key for x-axis */
@@ -31,8 +32,5 @@ export interface LineChartProps {
     yLabel?: string;
     className?: string;
 }
-export declare function LineChart({ data, xKey, series, curved, showDots, dotSize, strokeWidth, height, showGrid, showTooltip, showLegend, animate, xLabel, yLabel, className, }: LineChartProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace LineChart {
-    var displayName: string;
-}
+export declare const LineChart: React.ForwardRefExoticComponent<LineChartProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=line-chart.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"line-chart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/line-chart.tsx"],"names":[],"mappings":"AAcA,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,+CAA+C;IAC/C,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,wBAAwB;IACxB,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;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,MAAc,EACd,QAAgB,EAChB,OAAW,EACX,WAAe,EACf,MAAY,EACZ,QAAe,EACf,WAAkB,EAClB,UAAkB,EAClB,OAAc,EACd,MAAM,EACN,MAAM,EACN,SAAS,GACV,EAAE,cAAc,2CA2LhB;yBA3Me,SAAS"}
+{"version":3,"file":"line-chart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/line-chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAc9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAE1D,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC5F,iBAAiB;IACjB,IAAI,EAAE,SAAS,EAAE,CAAA;IACjB,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,+CAA+C;IAC/C,MAAM,EAAE,MAAM,EAAE,CAAA;IAChB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iBAAiB;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,wBAAwB;IACxB,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;AAED,eAAO,MAAM,SAAS,uFAqNrB,CAAA"}

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

@@ -5,7 +5,7 @@ interface PieSlice {
     value: number;
     color?: string;
 }
-export interface PieChartProps {
+export interface PieChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     /** Data with label and value */
     data: PieSlice[];
     /** Pie or donut variant */
@@ -30,9 +30,6 @@ export interface PieChartProps {
     /** Content to show in center of donut */
     centerLabel?: React.ReactNode;
 }
-export declare function PieChart({ data, variant, innerRadius: innerRadiusRatio, padAngle, cornerRadius, height, showTooltip, showLegend, showLabels, animate, className, centerLabel, }: PieChartProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace PieChart {
-    var displayName: string;
-}
+export declare const PieChart: React.ForwardRefExoticComponent<PieChartProps & React.RefAttributes<HTMLDivElement>>;
 export {};
 //# sourceMappingURL=pie-chart.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"pie-chart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/pie-chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAU9B,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,aAAa;IAC5B,gCAAgC;IAChC,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,KAAK,GAAG,OAAO,CAAA;IACzB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yCAAyC;IACzC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC9B;AAED,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,OAAe,EACf,WAAW,EAAE,gBAAsB,EACnC,QAAY,EACZ,YAAgB,EAChB,MAAY,EACZ,WAAkB,EAClB,UAAkB,EAClB,UAAkB,EAClB,OAAc,EACd,SAAS,EACT,WAAW,GACZ,EAAE,aAAa,2CA8Kf;yBA3Le,QAAQ"}
+{"version":3,"file":"pie-chart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/pie-chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAY9B,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC3F,gCAAgC;IAChC,IAAI,EAAE,QAAQ,EAAE,CAAA;IAChB,2BAA2B;IAC3B,OAAO,CAAC,EAAE,KAAK,GAAG,OAAO,CAAA;IACzB,sDAAsD;IACtD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,oCAAoC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oDAAoD;IACpD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qBAAqB;IACrB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,yCAAyC;IACzC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC9B;AAED,eAAO,MAAM,QAAQ,sFAyMpB,CAAA"}

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

@@ -1,5 +1,6 @@
 "use client";
-export interface RadarChartProps {
+import * as React from 'react';
+export interface RadarChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {
     /** Data array (one entry per data point / axis) */
     data: Record<string, string | number>[];
     /** Axis labels (3-8 axes) */
@@ -28,8 +29,5 @@ export interface RadarChartProps {
     animate?: boolean;
     className?: string;
 }
-export declare function RadarChart({ data, axes, series, maxValue: maxValueProp, levels, fillOpacity, showDots, height, showTooltip, showLegend, animate, className, }: RadarChartProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace RadarChart {
-    var displayName: string;
-}
+export declare const RadarChart: React.ForwardRefExoticComponent<RadarChartProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=radar-chart.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"radar-chart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/radar-chart.tsx"],"names":[],"mappings":"AAWA,MAAM,WAAW,eAAe;IAC9B,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACvC,6BAA6B;IAC7B,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,qBAAqB;IACrB,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACxD,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,uBAAuB;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,QAAQ,EAAE,YAAY,EACtB,MAAU,EACV,WAAkB,EAClB,QAAgB,EAChB,MAAY,EACZ,WAAkB,EAClB,UAAkB,EAClB,OAAc,EACd,SAAS,GACV,EAAE,eAAe,2CAyQjB;yBAtRe,UAAU"}
+{"version":3,"file":"radar-chart.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/radar-chart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC7F,mDAAmD;IACnD,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,EAAE,CAAA;IACvC,6BAA6B;IAC7B,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,qBAAqB;IACrB,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACxD,yCAAyC;IACzC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wDAAwD;IACxD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4BAA4B;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,kCAAkC;IAClC,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,4BAA4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kBAAkB;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,uBAAuB;IACvB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,UAAU,wFAoStB,CAAA"}

package/dist/ui/charts/sparkline.d.ts

@@ -1,5 +1,6 @@
 "use client";
-export interface SparklineProps {
+import * as React from 'react';
+export interface SparklineProps extends Omit<React.SVGAttributes<SVGSVGElement>, 'children'> {
     /** Numeric data points */
     data: number[];
     /** Visual variant */
@@ -14,10 +15,9 @@ export interface SparklineProps {
     showLastDot?: boolean;
     /** Line stroke width (line/area only, default: 1.5) */
     strokeWidth?: number;
+    /** Animate on mount (default: true) */
+    animate?: boolean;
     className?: string;
 }
-export declare function Sparkline({ data, variant, width, height, color, showLastDot, strokeWidth, className, }: SparklineProps): import("react/jsx-runtime").JSX.Element | null;
-export declare namespace Sparkline {
-    var displayName: string;
-}
+export declare const Sparkline: React.ForwardRefExoticComponent<SparklineProps & React.RefAttributes<SVGSVGElement>>;
 //# sourceMappingURL=sparkline.d.ts.map

package/dist/ui/charts/sparkline.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sparkline.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/sparkline.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,cAAc;IAC7B,0BAA0B;IAC1B,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAA;IACjC,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yDAAyD;IACzD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,SAAS,CAAC,EACxB,IAAI,EACJ,OAAgB,EAChB,KAAW,EACX,MAAW,EACX,KAAK,EACL,WAAmB,EACnB,WAAiB,EACjB,SAAS,GACV,EAAE,cAAc,kDA8IhB;yBAvJe,SAAS"}
+{"version":3,"file":"sparkline.d.ts","sourceRoot":"","sources":["../../../src/ui/charts/sparkline.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC,EAAE,UAAU,CAAC;IAC1F,0BAA0B;IAC1B,IAAI,EAAE,MAAM,EAAE,CAAA;IACd,qBAAqB;IACrB,OAAO,CAAC,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,CAAA;IACjC,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,2BAA2B;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,+BAA+B;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yDAAyD;IACzD,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,uDAAuD;IACvD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAID,eAAO,MAAM,SAAS,sFAkMrB,CAAA"}

package/dist/ui/checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/ui/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,iBAAiB,MAAM,4BAA4B,CAAA;AAE/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IAClG,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,QAAA,MAAM,QAAQ,yFAiCZ,CAAA;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"checkbox.d.ts","sourceRoot":"","sources":["../../src/ui/checkbox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,iBAAiB,MAAM,4BAA4B,CAAA;AAG/D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC;IAClG,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED,QAAA,MAAM,QAAQ,yFA8CZ,CAAA;AAGF,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/ui/checkbox.js

@@ -1,34 +1,46 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import { C as r, b as d } from "../_chunks/primitives.js";
-import { IconMinus as m, IconCheck as l } from "@tabler/icons-react";
+import { C as a, b as m } from "../_chunks/primitives.js";
+import { IconMinus as l, IconCheck as f } from "@tabler/icons-react";
 import * as b from "react";
-import { c as f } from "../_chunks/utils.js";
-const h = b.forwardRef(({ className: i, error: o, indeterminate: a, checked: c, ...s }, n) => {
-  const t = a ? "indeterminate" : c;
+import { s as u } from "../_chunks/motion2.js";
+import { c as h } from "../_chunks/utils.js";
+import { A as p, m as x } from "../_chunks/motion.js";
+const g = b.forwardRef(({ className: c, error: i, indeterminate: r, checked: s, ...o }, n) => {
+  const t = r ? "indeterminate" : s, d = t === !0 || t === "indeterminate";
   return /* @__PURE__ */ e(
-    r,
+    a,
     {
       ref: n,
       checked: t,
-      className: f(
+      className: h(
         "peer flex items-center justify-center h-ico-md w-ico-md shrink-0 rounded-ds-sm",
-        "border border-border-strong",
-        "bg-field",
+        "border border-surface-border-strong",
+        "bg-surface-3",
         "transition-colors duration-fast-01",
-        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2",
-        "disabled:cursor-not-allowed disabled:opacity-[0.38]",
-        "data-[state=checked]:bg-interactive data-[state=checked]:border-interactive data-[state=checked]:text-text-on-color",
-        "data-[state=indeterminate]:bg-interactive data-[state=indeterminate]:border-interactive data-[state=indeterminate]:text-text-on-color",
-        o && "border-border-error",
-        i
+        "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent-9 focus-visible:ring-offset-2",
+        "disabled:cursor-not-allowed disabled:opacity-action-disabled",
+        "data-[state=checked]:bg-accent-9 data-[state=checked]:border-accent-7 data-[state=checked]:text-accent-fg",
+        "data-[state=indeterminate]:bg-accent-9 data-[state=indeterminate]:border-accent-7 data-[state=indeterminate]:text-accent-fg",
+        i && "border-error-7",
+        c
       ),
-      ...s,
-      children: /* @__PURE__ */ e(d, { className: "flex items-center justify-center text-current animate-check-pop", children: t === "indeterminate" ? /* @__PURE__ */ e(m, { className: "h-ico-sm w-ico-sm" }) : /* @__PURE__ */ e(l, { className: "h-3 w-3" }) })
+      ...o,
+      children: /* @__PURE__ */ e(p, { children: d && /* @__PURE__ */ e(m, { forceMount: !0, asChild: !0, children: /* @__PURE__ */ e(
+        x.span,
+        {
+          className: "flex items-center justify-center text-current",
+          initial: { scale: 0, opacity: 0 },
+          animate: { scale: 1, opacity: 1 },
+          exit: { scale: 0, opacity: 0 },
+          transition: u.bouncy,
+          children: t === "indeterminate" ? /* @__PURE__ */ e(l, { className: "h-ico-sm w-ico-sm" }) : /* @__PURE__ */ e(f, { className: "h-ico-sm w-ico-sm" })
+        }
+      ) }) })
     }
   );
 });
-h.displayName = r.displayName;
+g.displayName = a.displayName;
 export {
-  h as Checkbox
+  g as Checkbox
 };

package/dist/ui/chip.d.ts

@@ -2,7 +2,7 @@
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 declare const chipVariants: (props?: ({
-    variant?: "subtle" | "outline" | null | undefined;
+    variant?: "outline" | "subtle" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     color?: "default" | "error" | "cyan" | "indigo" | "orange" | "teal" | "info" | "success" | "warning" | "amber" | "slate" | "emerald" | "primary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
@@ -51,7 +51,7 @@ type ChipProps = Omit<VariantProps<typeof chipVariants>, 'color'> & {
     className?: string;
 };
 declare const Chip: React.ForwardRefExoticComponent<Omit<VariantProps<(props?: ({
-    variant?: "subtle" | "outline" | null | undefined;
+    variant?: "outline" | "subtle" | null | undefined;
     size?: "sm" | "md" | "lg" | null | undefined;
     color?: "default" | "error" | "cyan" | "indigo" | "orange" | "teal" | "info" | "success" | "warning" | "amber" | "slate" | "emerald" | "primary" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string>, "color"> & {
@@ -63,5 +63,6 @@ declare const Chip: React.ForwardRefExoticComponent<Omit<VariantProps<(props?: (
     disabled?: boolean;
     className?: string;
 } & React.RefAttributes<HTMLElement>>;
+export { AnimatePresence as ChipGroup } from 'framer-motion';
 export { Chip, chipVariants, type ChipProps };
 //# sourceMappingURL=chip.d.ts.map

package/dist/ui/chip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../src/ui/chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAIjE,QAAA,MAAM,YAAY;;;;8EA6DjB,CAAA;AAED,KAAK,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEzJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,KAAK,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,EAAE,OAAO,CAAC,GAAG;IAClE,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,IAAI;;;;;WATD,MAAM;YACL,SAAS;WACV,KAAK,CAAC,SAAS;cACZ,KAAK,CAAC,iBAAiB;gBACrB,MAAM,IAAI;eACX,OAAO;gBACN,MAAM;qCAyCnB,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,SAAS,EAAE,CAAA"}
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../src/ui/chip.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAQjE,QAAA,MAAM,YAAY;;;;8EA6DjB,CAAA;AAED,KAAK,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEzJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,KAAK,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,EAAE,OAAO,CAAC,GAAG;IAClE,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACjC,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,IAAI;;;;;WATD,MAAM;YACL,SAAS;WACV,KAAK,CAAC,SAAS;cACZ,KAAK,CAAC,iBAAiB;gBACrB,MAAM,IAAI;eACX,OAAO;gBACN,MAAM;qCA6CnB,CAAA;AAGD,OAAO,EAAE,eAAe,IAAI,SAAS,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,SAAS,EAAE,CAAA"}

package/dist/ui/chip.js

@@ -1,16 +1,19 @@
 "use client";
-import { jsxs as v, jsx as r } from "react/jsx-runtime";
-import * as f from "react";
-import { IconX as p } from "@tabler/icons-react";
-import { e as N } from "../_chunks/vendor-utils.js";
-import { c as h } from "../_chunks/utils.js";
-const w = N(
+import { jsxs as f, jsx as e } from "react/jsx-runtime";
+import * as v from "react";
+import { IconX as N } from "@tabler/icons-react";
+import { ag as h } from "../_chunks/vendor-utils.js";
+import { s as w, m as C } from "../_chunks/motion2.js";
+import { c as k } from "../_chunks/utils.js";
+import { m as n } from "../_chunks/motion.js";
+import { A as $ } from "../_chunks/motion.js";
+const j = h(
   "inline-flex items-center gap-ds-02 font-sans leading-ds-relaxed rounded-ds-full transition-colors duration-fast-01",
   {
     variants: {
       variant: {
-        subtle: "bg-layer-02 text-text-primary border border-transparent",
-        outline: "bg-transparent text-text-primary border border-border"
+        subtle: "bg-surface-2 text-surface-fg border border-transparent",
+        outline: "bg-transparent text-surface-fg border border-surface-border-strong"
       },
       size: {
         sm: "h-ds-xs px-ds-03 text-ds-xs",
@@ -34,30 +37,30 @@ const w = N(
       }
     },
     compoundVariants: [
-      { variant: "subtle", color: "primary", className: "bg-interactive text-text-on-color" },
-      { variant: "subtle", color: "success", className: "bg-success-surface text-success-text border-success-border" },
-      { variant: "subtle", color: "error", className: "bg-error-surface text-error-text border-error-border" },
-      { variant: "subtle", color: "warning", className: "bg-warning-surface text-warning-text border-warning-border" },
-      { variant: "subtle", color: "info", className: "bg-info-surface text-info-text border-info-border" },
-      { variant: "subtle", color: "teal", className: "bg-category-teal-surface text-category-teal-text border-category-teal-border" },
-      { variant: "subtle", color: "amber", className: "bg-category-amber-surface text-category-amber-text border-category-amber-border" },
-      { variant: "subtle", color: "slate", className: "bg-category-slate-surface text-category-slate-text border-category-slate-border" },
-      { variant: "subtle", color: "indigo", className: "bg-category-indigo-surface text-category-indigo-text border-category-indigo-border" },
-      { variant: "subtle", color: "cyan", className: "bg-category-cyan-surface text-category-cyan-text border-category-cyan-border" },
-      { variant: "subtle", color: "orange", className: "bg-category-orange-surface text-category-orange-text border-category-orange-border" },
-      { variant: "subtle", color: "emerald", className: "bg-category-emerald-surface text-category-emerald-text border-category-emerald-border" },
-      { variant: "outline", color: "primary", className: "border-border-interactive text-text-interactive" },
-      { variant: "outline", color: "success", className: "border-border-success text-success-text" },
-      { variant: "outline", color: "error", className: "border-border-error text-error-text" },
-      { variant: "outline", color: "warning", className: "border-border-warning text-warning-text" },
-      { variant: "outline", color: "info", className: "border-info-border text-info-text" },
-      { variant: "outline", color: "teal", className: "border-category-teal-border text-category-teal-text" },
-      { variant: "outline", color: "amber", className: "border-category-amber-border text-category-amber-text" },
-      { variant: "outline", color: "slate", className: "border-category-slate-border text-category-slate-text" },
-      { variant: "outline", color: "indigo", className: "border-category-indigo-border text-category-indigo-text" },
-      { variant: "outline", color: "cyan", className: "border-category-cyan-border text-category-cyan-text" },
-      { variant: "outline", color: "orange", className: "border-category-orange-border text-category-orange-text" },
-      { variant: "outline", color: "emerald", className: "border-category-emerald-border text-category-emerald-text" }
+      { variant: "subtle", color: "primary", className: "bg-accent-9 text-accent-fg" },
+      { variant: "subtle", color: "success", className: "bg-success-3 text-success-11 border-success-7" },
+      { variant: "subtle", color: "error", className: "bg-error-3 text-error-11 border-error-7" },
+      { variant: "subtle", color: "warning", className: "bg-warning-3 text-warning-11 border-warning-7" },
+      { variant: "subtle", color: "info", className: "bg-info-3 text-info-11 border-info-7" },
+      { variant: "subtle", color: "teal", className: "bg-category-teal-3 text-category-teal-11 border-category-teal-7" },
+      { variant: "subtle", color: "amber", className: "bg-category-amber-3 text-category-amber-11 border-category-amber-7" },
+      { variant: "subtle", color: "slate", className: "bg-category-slate-3 text-category-slate-11 border-category-slate-7" },
+      { variant: "subtle", color: "indigo", className: "bg-category-indigo-3 text-category-indigo-11 border-category-indigo-7" },
+      { variant: "subtle", color: "cyan", className: "bg-category-cyan-3 text-category-cyan-11 border-category-cyan-7" },
+      { variant: "subtle", color: "orange", className: "bg-category-orange-3 text-category-orange-11 border-category-orange-7" },
+      { variant: "subtle", color: "emerald", className: "bg-category-emerald-3 text-category-emerald-11 border-category-emerald-7" },
+      { variant: "outline", color: "primary", className: "border-accent-7 text-accent-11" },
+      { variant: "outline", color: "success", className: "border-success-7 text-success-11" },
+      { variant: "outline", color: "error", className: "border-error-7 text-error-11" },
+      { variant: "outline", color: "warning", className: "border-warning-7 text-warning-11" },
+      { variant: "outline", color: "info", className: "border-info-7 text-info-11" },
+      { variant: "outline", color: "teal", className: "border-category-teal-7 text-category-teal-11" },
+      { variant: "outline", color: "amber", className: "border-category-amber-7 text-category-amber-11" },
+      { variant: "outline", color: "slate", className: "border-category-slate-7 text-category-slate-11" },
+      { variant: "outline", color: "indigo", className: "border-category-indigo-7 text-category-indigo-11" },
+      { variant: "outline", color: "cyan", className: "border-category-cyan-7 text-category-cyan-11" },
+      { variant: "outline", color: "orange", className: "border-category-orange-7 text-category-orange-11" },
+      { variant: "outline", color: "emerald", className: "border-category-emerald-7 text-category-emerald-11" }
     ],
     defaultVariants: {
       variant: "subtle",
@@ -65,31 +68,35 @@ const w = N(
       color: "default"
     }
   }
-), C = f.forwardRef(
-  ({ label: a, variant: n, size: l, color: i, icon: o, onClick: s, onDismiss: c, disabled: t, className: d, ...b }, g) => {
-    const e = !!s, m = e ? "button" : "span", x = e && !t ? "cursor-pointer hover:bg-field-hover active:scale-95" : "", u = t ? "opacity-action-disabled cursor-not-allowed" : "";
-    return /* @__PURE__ */ v(
-      m,
+), R = v.forwardRef(
+  ({ label: t, variant: i, size: l, color: g, icon: o, onClick: s, onDismiss: c, disabled: r, className: d, ...m }, b) => {
+    const a = !!s, u = a ? n.button : n.span, y = a && !r ? "cursor-pointer hover:bg-surface-4 active:scale-95" : "", x = r ? "opacity-action-disabled cursor-not-allowed" : "";
+    return /* @__PURE__ */ f(
+      u,
       {
-        ref: g,
-        className: h(w({ variant: n, size: l, color: i }), x, u, d),
-        onClick: e ? s : void 0,
-        disabled: e ? t : void 0,
-        type: e ? "button" : void 0,
-        ...b,
+        ref: b,
+        layout: !0,
+        initial: { opacity: 1, scale: 1 },
+        exit: { opacity: 0, scale: 0.8 },
+        transition: w.snappy,
+        className: k(j({ variant: i, size: l, color: g }), y, x, d),
+        onClick: a ? s : void 0,
+        disabled: a ? r : void 0,
+        type: a ? "button" : void 0,
+        ...C(m),
         children: [
-          o && /* @__PURE__ */ r("span", { className: "flex-shrink-0 [&>svg]:w-ico-sm [&>svg]:h-ico-sm", children: o }),
-          /* @__PURE__ */ r("span", { children: a }),
-          c && /* @__PURE__ */ r(
+          o && /* @__PURE__ */ e("span", { className: "flex-shrink-0 [&>svg]:w-ico-sm [&>svg]:h-ico-sm", children: o }),
+          /* @__PURE__ */ e("span", { children: t }),
+          c && /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              "aria-label": `Remove ${a}`,
-              className: "flex-shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-full p-ds-01 hover:bg-layer-03 hover:rotate-90 transition-[color,transform] duration-fast-02 [&>svg]:w-ico-sm [&>svg]:h-ico-sm",
-              onClick: (y) => {
-                y.stopPropagation(), c();
+              "aria-label": `Remove ${t}`,
+              className: "flex-shrink-0 min-h-ds-xs min-w-ds-xs flex items-center justify-center rounded-ds-full p-ds-01 hover:bg-surface-3 hover:rotate-90 transition-[color,transform] duration-fast-02 [&>svg]:w-ico-sm [&>svg]:h-ico-sm",
+              onClick: (p) => {
+                p.stopPropagation(), c();
               },
-              children: /* @__PURE__ */ r(p, { className: "h-ico-sm w-ico-sm" })
+              children: /* @__PURE__ */ e(N, { className: "h-ico-sm w-ico-sm" })
             }
           )
         ]
@@ -97,8 +104,9 @@ const w = N(
     );
   }
 );
-C.displayName = "Chip";
+R.displayName = "Chip";
 export {
-  C as Chip,
-  w as chipVariants
+  R as Chip,
+  $ as ChipGroup,
+  j as chipVariants
 };

package/dist/ui/code.js

@@ -1,32 +1,32 @@
 import { jsx as e } from "react/jsx-runtime";
-import * as a from "react";
-import { c as s } from "../_chunks/utils.js";
-const n = a.forwardRef(
-  ({ className: r, variant: m = "inline", children: o, ...d }, t) => m === "block" ? /* @__PURE__ */ e(
+import * as f from "react";
+import { c as t } from "../_chunks/utils.js";
+const m = f.forwardRef(
+  ({ className: o, variant: a = "inline", children: r, ...d }, s) => a === "block" ? /* @__PURE__ */ e(
     "pre",
     {
-      ref: t,
-      className: s(
-        "overflow-x-auto rounded-ds-md border border-border-subtle bg-layer-02 p-ds-05 font-mono text-ds-sm leading-ds-relaxed text-text-primary",
-        r
+      ref: s,
+      className: t(
+        "overflow-x-auto rounded-ds-md border border-surface-border bg-surface-2 p-ds-05 font-mono text-ds-sm leading-ds-relaxed text-surface-fg",
+        o
       ),
       ...d,
-      children: /* @__PURE__ */ e("code", { children: o })
+      children: /* @__PURE__ */ e("code", { children: r })
     }
   ) : /* @__PURE__ */ e(
     "code",
     {
-      ref: t,
-      className: s(
-        "rounded-ds-sm bg-layer-03 px-ds-02 py-ds-01 font-mono text-ds-sm text-text-primary",
-        r
+      ref: s,
+      className: t(
+        "rounded-ds-sm bg-surface-3 px-ds-02 py-ds-01 font-mono text-ds-sm text-surface-fg",
+        o
       ),
       ...d,
-      children: o
+      children: r
     }
   )
 );
-n.displayName = "Code";
+m.displayName = "Code";
 export {
-  n as Code
+  m as Code
 };

package/dist/ui/collapsible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../src/ui/collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,+BAA+B,CAAA;AAIrE,QAAA,MAAM,WAAW,8GAA4B,CAAA;AAE7C,QAAA,MAAM,kBAAkB,wHAA+B,CAAA;AAEvD,QAAA,MAAM,kBAAkB,wKAYtB,CAAA;AAGF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAA;AAE/F,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA"}
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../src/ui/collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,+BAA+B,CAAA;AAMrE,QAAA,MAAM,WAAW,8GAA4B,CAAA;AAE7C,QAAA,MAAM,kBAAkB,wHAA+B,CAAA;AAEvD,QAAA,MAAM,kBAAkB,wKAiBtB,CAAA;AAGF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAA;AAE/F,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/ui/collapsible.js

@@ -1,22 +1,30 @@
 "use client";
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import * as l from "react";
-import { U as a, V as i, W as r } from "../_chunks/primitives.js";
-import { c as p } from "../_chunks/utils.js";
-const f = i, b = r, m = l.forwardRef(({ className: o, ...e }, t) => /* @__PURE__ */ s(
-  a,
+import { U as o, V as r, W as m } from "../_chunks/primitives.js";
+import { c as n } from "../_chunks/utils.js";
+import { t as p } from "../_chunks/motion2.js";
+import { m as c } from "../_chunks/motion.js";
+const y = r, N = m, d = l.forwardRef(({ className: t, children: e, ...i }, s) => /* @__PURE__ */ a(
+  o,
   {
-    ref: t,
-    className: p(
-      "overflow-hidden data-[state=closed]:animate-collapsible-up data-[state=open]:animate-collapsible-down",
-      o
-    ),
-    ...e
+    ref: s,
+    className: n("overflow-hidden data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up", t),
+    ...i,
+    children: /* @__PURE__ */ a(
+      c.div,
+      {
+        initial: !1,
+        animate: { opacity: 1 },
+        transition: p.fade,
+        children: e
+      }
+    )
   }
 ));
-m.displayName = a.displayName;
+d.displayName = o.displayName;
 export {
-  f as Collapsible,
-  m as CollapsibleContent,
-  b as CollapsibleTrigger
+  y as Collapsible,
+  d as CollapsibleContent,
+  N as CollapsibleTrigger
 };

package/dist/ui/color-input.d.ts

@@ -1,6 +1,6 @@
 "use client";
 import * as React from 'react';
-export interface ColorInputProps {
+export interface ColorInputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /** Current color value (hex string, e.g. "#d33163") */
     value?: string;
     /** Called when the color changes */

package/dist/ui/color-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-input.d.ts","sourceRoot":"","sources":["../../src/ui/color-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,eAAe;IAC9B,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oCAAoC;IACpC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,UAAU,0FAmFf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"color-input.d.ts","sourceRoot":"","sources":["../../src/ui/color-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC7F,uDAAuD;IACvD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,oCAAoC;IACpC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAA;IAClB,oCAAoC;IACpC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,UAAU,0FAmFf,CAAA;AAGD,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/ui/color-input.js

@@ -1,31 +1,31 @@
 "use client";
-import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
 import * as m from "react";
-import { c as s } from "../_chunks/utils.js";
-const f = m.forwardRef(
-  ({ value: a = "#000000", onChange: n, presets: c, disabled: o = !1, className: d }, u) => {
-    const l = (r) => {
-      n == null || n(r);
+import { c } from "../_chunks/utils.js";
+const b = m.forwardRef(
+  ({ value: s = "#000000", onChange: l, presets: n, disabled: o = !1, className: i, ...u }, f) => {
+    const a = (r) => {
+      l == null || l(r);
     };
-    return /* @__PURE__ */ i("div", { className: s("flex flex-col gap-ds-03", d), children: [
-      /* @__PURE__ */ i("div", { className: "flex items-center gap-ds-03", children: [
-        /* @__PURE__ */ i(
+    return /* @__PURE__ */ d("div", { className: c("flex flex-col gap-ds-03", i), ...u, children: [
+      /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-03", children: [
+        /* @__PURE__ */ d(
           "label",
           {
             "aria-label": "Pick a color",
-            className: s(
-              "relative flex h-ds-sm w-ds-sm shrink-0 cursor-pointer items-center justify-center overflow-hidden rounded-ds-md border border-border transition-colors hover:border-border-strong",
+            className: c(
+              "relative flex h-ds-sm w-ds-sm shrink-0 cursor-pointer items-center justify-center overflow-hidden rounded-ds-md border border-surface-border-strong transition-colors hover:border-surface-border-strong",
               o && "cursor-not-allowed opacity-50"
             ),
             children: [
               /* @__PURE__ */ t(
                 "input",
                 {
-                  ref: u,
+                  ref: f,
                   type: "color",
-                  value: a,
+                  value: s,
                   disabled: o,
-                  onChange: (r) => l(r.target.value),
+                  onChange: (r) => a(r.target.value),
                   className: "absolute inset-0 h-full w-full cursor-pointer opacity-0"
                 }
               ),
@@ -33,7 +33,7 @@ const f = m.forwardRef(
                 "span",
                 {
                   className: "h-full w-full rounded-[inherit]",
-                  style: { backgroundColor: a }
+                  style: { backgroundColor: s }
                 }
               )
             ]
@@ -44,34 +44,34 @@ const f = m.forwardRef(
           {
             type: "text",
             "aria-label": "Hex color value",
-            value: a,
+            value: s,
             disabled: o,
             onChange: (r) => {
               const e = r.target.value;
-              /^#[0-9a-fA-F]{0,6}$/.test(e) && l(e);
+              /^#[0-9a-fA-F]{0,6}$/.test(e) && a(e);
             },
             onBlur: (r) => {
               const e = r.target.value;
-              /^#[0-9a-fA-F]{6}$/.test(e) && l(e);
+              /^#[0-9a-fA-F]{6}$/.test(e) && a(e);
             },
             maxLength: 7,
-            className: s(
-              "h-ds-sm w-[90px] rounded-ds-md border border-border bg-layer-01 px-ds-03 font-mono text-ds-md text-text-primary transition-colors",
-              "focus:border-interactive focus:outline-none focus:ring-1 focus:ring-interactive",
+            className: c(
+              "h-ds-sm w-[90px] rounded-ds-md border border-surface-border-strong bg-surface-1 px-ds-03 font-mono text-ds-md text-surface-fg transition-colors",
+              "focus:border-accent-7 focus:outline-none focus:ring-1 focus:ring-accent-9",
               o && "cursor-not-allowed opacity-50"
             )
           }
         )
       ] }),
-      c && c.length > 0 && /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-ds-02", children: c.map((r) => /* @__PURE__ */ t(
+      n && n.length > 0 && /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-ds-02", children: n.map((r) => /* @__PURE__ */ t(
         "button",
         {
           type: "button",
           disabled: o,
-          onClick: () => l(r),
-          className: s(
+          onClick: () => a(r),
+          className: c(
             "h-ds-xs w-ds-xs rounded-ds-sm border transition-colors",
-            a === r ? "border-interactive ring-1 ring-interactive" : "border-border hover:border-border-strong",
+            s === r ? "border-accent-7 ring-1 ring-accent-9" : "border-surface-border-strong hover:border-surface-border-strong",
             o && "cursor-not-allowed opacity-50"
           ),
           style: { backgroundColor: r },
@@ -82,7 +82,7 @@ const f = m.forwardRef(
     ] });
   }
 );
-f.displayName = "ColorInput";
+b.displayName = "ColorInput";
 export {
-  f as ColorInput
+  b as ColorInput
 };

package/dist/ui/combobox.d.ts

@@ -68,6 +68,8 @@ interface ComboboxBaseProps extends Omit<React.HTMLAttributes<HTMLDivElement>, '
     /** Max visible items in the dropdown before scroll (default 6) */
     maxVisible?: number;
     renderOption?: (option: ComboboxOption, selected: boolean) => React.ReactNode;
+    /** Accessible label for the trigger button. Falls back to `placeholder` if not provided. */
+    accessibleLabel?: string;
 }
 interface ComboboxSingleProps extends ComboboxBaseProps {
     multiple?: false;