@zentauri-ui/zentauri-components 1.8.1 → 1.8.3

package/dist/charts/radar.mjs

@@ -0,0 +1,81 @@
+"use client";
+import { ChartFrame, resolveColor, getSeriesFill } from '../chunk-HZIRD3SR.mjs';
+export { chartColorValues, chartPalette, chartVariants } from '../chunk-HZIRD3SR.mjs';
+import '../chunk-FXYPRPAT.mjs';
+import '../chunk-4D54YOL6.mjs';
+import { RadarChart as RadarChart$1, PolarGrid, PolarAngleAxis, PolarRadiusAxis, Tooltip, Legend, Radar } from 'recharts';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function RadarChart({
+  appearance,
+  className,
+  containerStyle,
+  data,
+  density,
+  emptyState = null,
+  height = 320,
+  series,
+  showGrid = true,
+  showLegend = false,
+  showTooltip = true,
+  tooltipColor = "#0f172a",
+  style,
+  xKey,
+  ...props
+}) {
+  const hasData = data.length > 0 && series.length > 0;
+  return /* @__PURE__ */ jsx(
+    ChartFrame,
+    {
+      appearance,
+      className,
+      containerStyle,
+      density,
+      emptyState,
+      hasData,
+      height,
+      style,
+      ...props,
+      children: /* @__PURE__ */ jsxs(RadarChart$1, { data, children: [
+        showGrid ? /* @__PURE__ */ jsx(PolarGrid, { stroke: "currentColor", opacity: 0.18 }) : null,
+        /* @__PURE__ */ jsx(
+          PolarAngleAxis,
+          {
+            dataKey: String(xKey),
+            tick: { fill: "currentColor", fontSize: 12 }
+          }
+        ),
+        /* @__PURE__ */ jsx(PolarRadiusAxis, { tick: { fill: "currentColor", fontSize: 11 } }),
+        showTooltip ? /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            contentStyle: { color: tooltipColor },
+            labelStyle: { color: tooltipColor },
+            itemStyle: { color: tooltipColor }
+          }
+        ) : null,
+        showLegend ? /* @__PURE__ */ jsx(Legend, {}) : null,
+        series.map((item, index) => {
+          const color = resolveColor(item.color, index);
+          const fill = getSeriesFill(item, index, 0.24);
+          return /* @__PURE__ */ jsx(
+            Radar,
+            {
+              dataKey: item.dataKey,
+              name: item.name,
+              stroke: item.stroke ?? color.stroke,
+              fill: fill ?? color.fill,
+              fillOpacity: 0.72
+            },
+            item.dataKey
+          );
+        })
+      ] })
+    }
+  );
+}
+RadarChart.displayName = "RadarChart";
+
+export { RadarChart };
+//# sourceMappingURL=radar.mjs.map
+//# sourceMappingURL=radar.mjs.map

package/dist/charts/radar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/charts/radar/Radar.tsx"],"names":["RechartsRadarChart"],"mappings":";;;;;;;AAgBO,SAAS,UAAA,CAEd;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,MAAA,GAAS,GAAA;AAAA,EACT,MAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,UAAA,GAAa,KAAA;AAAA,EACb,WAAA,GAAc,IAAA;AAAA,EACd,YAAA,GAAe,SAAA;AAAA,EACf,KAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA4B;AAC1B,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,MAAA,GAAS,CAAA,IAAK,OAAO,MAAA,GAAS,CAAA;AAEnD,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,IAAA,CAACA,gBAAmB,IAAA,EACjB,QAAA,EAAA;AAAA,QAAA,QAAA,uBAAY,SAAA,EAAA,EAAU,MAAA,EAAO,cAAA,EAAe,OAAA,EAAS,MAAM,CAAA,GAAK,IAAA;AAAA,wBACjE,GAAA;AAAA,UAAC,cAAA;AAAA,UAAA;AAAA,YACC,OAAA,EAAS,OAAO,IAAI,CAAA;AAAA,YACpB,IAAA,EAAM,EAAE,IAAA,EAAM,cAAA,EAAgB,UAAU,EAAA;AAAG;AAAA,SAC7C;AAAA,wBACA,GAAA,CAAC,mBAAgB,IAAA,EAAM,EAAE,MAAM,cAAA,EAAgB,QAAA,EAAU,IAAG,EAAG,CAAA;AAAA,QAC9D,WAAA,mBACC,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAc,EAAE,KAAA,EAAO,YAAA,EAAa;AAAA,YACpC,UAAA,EAAY,EAAE,KAAA,EAAO,YAAA,EAAa;AAAA,YAClC,SAAA,EAAW,EAAE,KAAA,EAAO,YAAA;AAAa;AAAA,SACnC,GACE,IAAA;AAAA,QACH,UAAA,mBAAa,GAAA,CAAC,MAAA,EAAA,EAAO,CAAA,GAAK,IAAA;AAAA,QAC1B,MAAA,CAAO,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC3B,UAAA,MAAM,KAAA,GAAQ,YAAA,CAAa,IAAA,CAAK,KAAA,EAAO,KAAK,CAAA;AAC5C,UAAA,MAAM,IAAA,GAAO,aAAA,CAAc,IAAA,EAAM,KAAA,EAAO,IAAI,CAAA;AAC5C,UAAA,uBACE,GAAA;AAAA,YAAC,KAAA;AAAA,YAAA;AAAA,cAEC,SAAS,IAAA,CAAK,OAAA;AAAA,cACd,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,MAAA,EAAQ,IAAA,CAAK,MAAA,IAAU,KAAA,CAAM,MAAA;AAAA,cAC7B,IAAA,EAAM,QAAQ,KAAA,CAAM,IAAA;AAAA,cACpB,WAAA,EAAa;AAAA,aAAA;AAAA,YALR,IAAA,CAAK;AAAA,WAMZ;AAAA,QAEJ,CAAC;AAAA,OAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEA,UAAA,CAAW,WAAA,GAAc,YAAA","file":"radar.mjs","sourcesContent":["\"use client\";\n\nimport {\n  Legend,\n  PolarAngleAxis,\n  PolarGrid,\n  PolarRadiusAxis,\n  Radar,\n  RadarChart as RechartsRadarChart,\n  Tooltip,\n} from \"recharts\";\n\nimport { ChartFrame } from \"../shared/chart-frame\";\nimport { getSeriesFill, resolveColor } from \"../shared/colors\";\nimport type { RadarChartProps } from \"../shared/types\";\n\nexport function RadarChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>({\n  appearance,\n  className,\n  containerStyle,\n  data,\n  density,\n  emptyState = null,\n  height = 320,\n  series,\n  showGrid = true,\n  showLegend = false,\n  showTooltip = true,\n  tooltipColor = \"#0f172a\",\n  style,\n  xKey,\n  ...props\n}: RadarChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\n\n  return (\n    <ChartFrame\n      appearance={appearance}\n      className={className}\n      containerStyle={containerStyle}\n      density={density}\n      emptyState={emptyState}\n      hasData={hasData}\n      height={height}\n      style={style}\n      {...props}\n    >\n      <RechartsRadarChart data={data}>\n        {showGrid ? <PolarGrid stroke=\"currentColor\" opacity={0.18} /> : null}\n        <PolarAngleAxis\n          dataKey={String(xKey)}\n          tick={{ fill: \"currentColor\", fontSize: 12 }}\n        />\n        <PolarRadiusAxis tick={{ fill: \"currentColor\", fontSize: 11 }} />\n        {showTooltip ? (\n          <Tooltip\n            contentStyle={{ color: tooltipColor }}\n            labelStyle={{ color: tooltipColor }}\n            itemStyle={{ color: tooltipColor }}\n          />\n        ) : null}\n        {showLegend ? <Legend /> : null}\n        {series.map((item, index) => {\n          const color = resolveColor(item.color, index);\n          const fill = getSeriesFill(item, index, 0.24);\n          return (\n            <Radar\n              key={item.dataKey}\n              dataKey={item.dataKey}\n              name={item.name}\n              stroke={item.stroke ?? color.stroke}\n              fill={fill ?? color.fill}\n              fillOpacity={0.72}\n            />\n          );\n        })}\n      </RechartsRadarChart>\n    </ChartFrame>\n  );\n}\n\nRadarChart.displayName = \"RadarChart\";\n"]}

package/dist/charts/scatter/Scatter.d.ts

@@ -0,0 +1,6 @@
+import type { ScatterChartProps } from "../shared/types";
+export declare function ScatterChart<TDatum extends Record<string, number | string | null | undefined>>({ appearance, className, containerStyle, data, density, emptyState, height, margin, series, showGrid, showLegend, showTooltip, tooltipColor, style, syncId, xKey, ...props }: ScatterChartProps<TDatum>): import("react/jsx-runtime").JSX.Element;
+export declare namespace ScatterChart {
+    var displayName: string;
+}
+//# sourceMappingURL=Scatter.d.ts.map

package/dist/charts/scatter/Scatter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Scatter.d.ts","sourceRoot":"","sources":["../../../src/charts/scatter/Scatter.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAEzD,wBAAgB,YAAY,CAC1B,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EACjE,EACA,UAAU,EACV,SAAS,EACT,cAAc,EACd,IAAI,EACJ,OAAO,EACP,UAAiB,EACjB,MAAY,EACZ,MAA2B,EAC3B,MAAM,EACN,QAAe,EACf,UAAkB,EAClB,WAAkB,EAClB,YAAwB,EACxB,KAAK,EACL,MAAM,EACN,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,MAAM,CAAC,2CAgE3B;yBApFe,YAAY"}

package/dist/charts/scatter/index.d.ts

@@ -0,0 +1,4 @@
+export { ScatterChart } from "./Scatter";
+export type { ChartColor, ChartDatum, ChartMargin, ChartSeries, ChartSharedStatic, ScatterChartProps, } from "../shared/types";
+export { chartColorValues, chartPalette, chartVariants, } from "../shared/variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/charts/scatter/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/scatter/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,YAAY,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,iBAAiB,GAClB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,aAAa,GACd,MAAM,oBAAoB,CAAC"}

package/dist/charts/scatter.js

@@ -0,0 +1,116 @@
+"use client";
+'use strict';
+
+var chunkPWPMKXEG_js = require('../chunk-PWPMKXEG.js');
+require('../chunk-W3QRRWQX.js');
+require('../chunk-ZS5756ZC.js');
+var recharts = require('recharts');
+var jsxRuntime = require('react/jsx-runtime');
+
+function ScatterChart({
+  appearance,
+  className,
+  containerStyle,
+  data,
+  density,
+  emptyState = null,
+  height = 320,
+  margin = chunkPWPMKXEG_js.defaultChartMargin,
+  series,
+  showGrid = true,
+  showLegend = false,
+  showTooltip = true,
+  tooltipColor = "#0f172a",
+  style,
+  syncId,
+  xKey,
+  ...props
+}) {
+  const hasData = data.length > 0 && series.length > 0;
+  const xAxisKey = String(xKey);
+  const isNumericX = typeof data[0]?.[xAxisKey] === "number";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkPWPMKXEG_js.ChartFrame,
+    {
+      appearance,
+      className,
+      containerStyle,
+      density,
+      emptyState,
+      hasData,
+      height,
+      style,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.ScatterChart, { data, margin, syncId, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkPWPMKXEG_js.ChartDecorators,
+          {
+            axis: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                recharts.XAxis,
+                {
+                  dataKey: xAxisKey,
+                  type: isNumericX ? "number" : "category",
+                  minTickGap: 24,
+                  tickLine: false,
+                  tickMargin: 10,
+                  axisLine: false,
+                  fontSize: 12
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                recharts.YAxis,
+                {
+                  dataKey: "__chartY",
+                  type: "number",
+                  width: 40,
+                  tickLine: false,
+                  tickMargin: 8,
+                  axisLine: false,
+                  fontSize: 12
+                }
+              )
+            ] }),
+            showGrid,
+            showLegend,
+            showTooltip,
+            tooltipColor
+          }
+        ),
+        series.map((item, index) => {
+          const color = chunkPWPMKXEG_js.resolveColor(item.color, index);
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            recharts.Scatter,
+            {
+              data: data.map((entry) => ({
+                ...entry,
+                __chartY: entry[item.dataKey]
+              })),
+              name: item.name,
+              fill: item.fill ?? color.stroke,
+              line: item.stroke ? { stroke: item.stroke } : false
+            },
+            item.dataKey
+          );
+        })
+      ] })
+    }
+  );
+}
+ScatterChart.displayName = "ScatterChart";
+
+Object.defineProperty(exports, "chartColorValues", {
+  enumerable: true,
+  get: function () { return chunkPWPMKXEG_js.chartColorValues; }
+});
+Object.defineProperty(exports, "chartPalette", {
+  enumerable: true,
+  get: function () { return chunkPWPMKXEG_js.chartPalette; }
+});
+Object.defineProperty(exports, "chartVariants", {
+  enumerable: true,
+  get: function () { return chunkPWPMKXEG_js.chartVariants; }
+});
+exports.ScatterChart = ScatterChart;
+//# sourceMappingURL=scatter.js.map
+//# sourceMappingURL=scatter.js.map

package/dist/charts/scatter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/charts/scatter/Scatter.tsx"],"names":["defaultChartMargin","jsx","ChartFrame","jsxs","RechartsScatterChart","ChartDecorators","Fragment","XAxis","YAxis","resolveColor","Scatter"],"mappings":"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","file":"scatter.js","sourcesContent":["\"use client\";\n\nimport {\n  Scatter,\n  ScatterChart as RechartsScatterChart,\n  XAxis,\n  YAxis,\n} from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { ScatterChartProps } from \"../shared/types\";\n\nexport function ScatterChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>({\n  appearance,\n  className,\n  containerStyle,\n  data,\n  density,\n  emptyState = null,\n  height = 320,\n  margin = defaultChartMargin,\n  series,\n  showGrid = true,\n  showLegend = false,\n  showTooltip = true,\n  tooltipColor = \"#0f172a\",\n  style,\n  syncId,\n  xKey,\n  ...props\n}: ScatterChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\n  const xAxisKey = String(xKey);\n  const isNumericX = typeof data[0]?.[xAxisKey] === \"number\";\n\n  return (\n    <ChartFrame\n      appearance={appearance}\n      className={className}\n      containerStyle={containerStyle}\n      density={density}\n      emptyState={emptyState}\n      hasData={hasData}\n      height={height}\n      style={style}\n      {...props}\n    >\n      <RechartsScatterChart data={data} margin={margin} syncId={syncId}>\n        <ChartDecorators\n          axis={\n            <>\n              <XAxis\n                dataKey={xAxisKey}\n                type={isNumericX ? \"number\" : \"category\"}\n                minTickGap={24}\n                tickLine={false}\n                tickMargin={10}\n                axisLine={false}\n                fontSize={12}\n              />\n              <YAxis\n                dataKey=\"__chartY\"\n                type=\"number\"\n                width={40}\n                tickLine={false}\n                tickMargin={8}\n                axisLine={false}\n                fontSize={12}\n              />\n            </>\n          }\n          showGrid={showGrid}\n          showLegend={showLegend}\n          showTooltip={showTooltip}\n          tooltipColor={tooltipColor}\n        />\n        {series.map((item, index) => {\n          const color = resolveColor(item.color, index);\n          return (\n            <Scatter\n              key={item.dataKey}\n              data={data.map((entry) => ({\n                ...entry,\n                __chartY: entry[item.dataKey],\n              }))}\n              name={item.name}\n              fill={item.fill ?? color.stroke}\n              line={item.stroke ? { stroke: item.stroke } : false}\n            />\n          );\n        })}\n      </RechartsScatterChart>\n    </ChartFrame>\n  );\n}\n\nScatterChart.displayName = \"ScatterChart\";\n"]}

package/dist/charts/scatter.mjs

@@ -0,0 +1,103 @@
+"use client";
+import { ChartFrame, defaultChartMargin, ChartDecorators, resolveColor } from '../chunk-HZIRD3SR.mjs';
+export { chartColorValues, chartPalette, chartVariants } from '../chunk-HZIRD3SR.mjs';
+import '../chunk-FXYPRPAT.mjs';
+import '../chunk-4D54YOL6.mjs';
+import { ScatterChart as ScatterChart$1, XAxis, YAxis, Scatter } from 'recharts';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function ScatterChart({
+  appearance,
+  className,
+  containerStyle,
+  data,
+  density,
+  emptyState = null,
+  height = 320,
+  margin = defaultChartMargin,
+  series,
+  showGrid = true,
+  showLegend = false,
+  showTooltip = true,
+  tooltipColor = "#0f172a",
+  style,
+  syncId,
+  xKey,
+  ...props
+}) {
+  const hasData = data.length > 0 && series.length > 0;
+  const xAxisKey = String(xKey);
+  const isNumericX = typeof data[0]?.[xAxisKey] === "number";
+  return /* @__PURE__ */ jsx(
+    ChartFrame,
+    {
+      appearance,
+      className,
+      containerStyle,
+      density,
+      emptyState,
+      hasData,
+      height,
+      style,
+      ...props,
+      children: /* @__PURE__ */ jsxs(ScatterChart$1, { data, margin, syncId, children: [
+        /* @__PURE__ */ jsx(
+          ChartDecorators,
+          {
+            axis: /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                XAxis,
+                {
+                  dataKey: xAxisKey,
+                  type: isNumericX ? "number" : "category",
+                  minTickGap: 24,
+                  tickLine: false,
+                  tickMargin: 10,
+                  axisLine: false,
+                  fontSize: 12
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                YAxis,
+                {
+                  dataKey: "__chartY",
+                  type: "number",
+                  width: 40,
+                  tickLine: false,
+                  tickMargin: 8,
+                  axisLine: false,
+                  fontSize: 12
+                }
+              )
+            ] }),
+            showGrid,
+            showLegend,
+            showTooltip,
+            tooltipColor
+          }
+        ),
+        series.map((item, index) => {
+          const color = resolveColor(item.color, index);
+          return /* @__PURE__ */ jsx(
+            Scatter,
+            {
+              data: data.map((entry) => ({
+                ...entry,
+                __chartY: entry[item.dataKey]
+              })),
+              name: item.name,
+              fill: item.fill ?? color.stroke,
+              line: item.stroke ? { stroke: item.stroke } : false
+            },
+            item.dataKey
+          );
+        })
+      ] })
+    }
+  );
+}
+ScatterChart.displayName = "ScatterChart";
+
+export { ScatterChart };
+//# sourceMappingURL=scatter.mjs.map
+//# sourceMappingURL=scatter.mjs.map

package/dist/charts/scatter.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/charts/scatter/Scatter.tsx"],"names":["RechartsScatterChart"],"mappings":"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","file":"scatter.mjs","sourcesContent":["\"use client\";\n\nimport {\n  Scatter,\n  ScatterChart as RechartsScatterChart,\n  XAxis,\n  YAxis,\n} from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { ScatterChartProps } from \"../shared/types\";\n\nexport function ScatterChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>({\n  appearance,\n  className,\n  containerStyle,\n  data,\n  density,\n  emptyState = null,\n  height = 320,\n  margin = defaultChartMargin,\n  series,\n  showGrid = true,\n  showLegend = false,\n  showTooltip = true,\n  tooltipColor = \"#0f172a\",\n  style,\n  syncId,\n  xKey,\n  ...props\n}: ScatterChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\n  const xAxisKey = String(xKey);\n  const isNumericX = typeof data[0]?.[xAxisKey] === \"number\";\n\n  return (\n    <ChartFrame\n      appearance={appearance}\n      className={className}\n      containerStyle={containerStyle}\n      density={density}\n      emptyState={emptyState}\n      hasData={hasData}\n      height={height}\n      style={style}\n      {...props}\n    >\n      <RechartsScatterChart data={data} margin={margin} syncId={syncId}>\n        <ChartDecorators\n          axis={\n            <>\n              <XAxis\n                dataKey={xAxisKey}\n                type={isNumericX ? \"number\" : \"category\"}\n                minTickGap={24}\n                tickLine={false}\n                tickMargin={10}\n                axisLine={false}\n                fontSize={12}\n              />\n              <YAxis\n                dataKey=\"__chartY\"\n                type=\"number\"\n                width={40}\n                tickLine={false}\n                tickMargin={8}\n                axisLine={false}\n                fontSize={12}\n              />\n            </>\n          }\n          showGrid={showGrid}\n          showLegend={showLegend}\n          showTooltip={showTooltip}\n          tooltipColor={tooltipColor}\n        />\n        {series.map((item, index) => {\n          const color = resolveColor(item.color, index);\n          return (\n            <Scatter\n              key={item.dataKey}\n              data={data.map((entry) => ({\n                ...entry,\n                __chartY: entry[item.dataKey],\n              }))}\n              name={item.name}\n              fill={item.fill ?? color.stroke}\n              line={item.stroke ? { stroke: item.stroke } : false}\n            />\n          );\n        })}\n      </RechartsScatterChart>\n    </ChartFrame>\n  );\n}\n\nScatterChart.displayName = \"ScatterChart\";\n"]}

package/dist/charts/shared/chart-frame.d.ts

@@ -8,6 +8,7 @@ type ChartFrameProps = HTMLAttributes<HTMLDivElement> & {
     emptyState?: ReactNode;
     hasData: boolean;
     height: number;
+    overlay?: ReactNode;
     style?: CSSProperties;
     children: ReactNode;
 };
@@ -17,7 +18,7 @@ export declare const defaultChartMargin: {
     bottom: number;
     left: number;
 };
-export declare function ChartFrame({ appearance, children, className, containerStyle, density, emptyState, hasData, height, style, ...props }: ChartFrameProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChartFrame({ appearance, children, className, containerStyle, density, emptyState, hasData, height, overlay, style, ...props }: ChartFrameProps): import("react/jsx-runtime").JSX.Element;
 export declare function ChartDecorators({ axis, showGrid, showLegend, showTooltip, tooltipColor, }: {
     axis: ReactNode;
     showGrid: boolean;

package/dist/charts/shared/chart-frame.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chart-frame.d.ts","sourceRoot":"","sources":["../../../src/charts/shared/chart-frame.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AA0BxD,KAAK,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACtD,UAAU,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,YAAY,CAAC,CAAC;IAC9D,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,IAAI,CAAC;IACxD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;CAA6C,CAAC;AAE7E,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,cAAc,EACd,OAAO,EACP,UAAiB,EACjB,OAAO,EACP,MAAM,EACN,KAAK,EACL,GAAG,KAAK,EACT,EAAE,eAAe,2CA6CjB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,WAAW,EACX,YAAwB,GACzB,EAAE;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,2CAsBA"}
+{"version":3,"file":"chart-frame.d.ts","sourceRoot":"","sources":["../../../src/charts/shared/chart-frame.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKtE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AA0BxD,KAAK,eAAe,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IACtD,UAAU,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,YAAY,CAAC,CAAC;IAC9D,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,IAAI,CAAC;IACxD,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;CAA6C,CAAC;AAE7E,wBAAgB,UAAU,CAAC,EACzB,UAAU,EACV,QAAQ,EACR,SAAS,EACT,cAAc,EACd,OAAO,EACP,UAAiB,EACjB,OAAO,EACP,MAAM,EACN,OAAO,EACP,KAAK,EACL,GAAG,KAAK,EACT,EAAE,eAAe,2CA6CjB;AAED,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,QAAQ,EACR,UAAU,EACV,WAAW,EACX,YAAwB,GACzB,EAAE;IACD,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,2CAsBA"}

package/dist/charts/shared/types.d.ts

@@ -1,8 +1,8 @@
 import type { VariantProps } from "class-variance-authority";
 import type { CSSProperties, HTMLAttributes, ReactNode } from "react";
 import type { chartPalette, chartVariants } from "./variants";
-import { PieProps } from "recharts";
-export type ChartType = "area" | "bar" | "bubble" | "line" | "pie";
+import type { PieProps } from "recharts";
+export type ChartType = "area" | "bar" | "bubble" | "funnel" | "line" | "pie" | "radar" | "scatter" | "stacked-bar";
 export type ChartColor = keyof typeof chartPalette;
 export type ChartDatum = Record<string, number | string | null | undefined>;
 export type ChartMargin = {
@@ -42,6 +42,9 @@ export type AreaChartProps<TDatum extends ChartDatum = ChartDatum> = BaseChartPr
 export type BarChartProps<TDatum extends ChartDatum = ChartDatum> = BaseChartProps<TDatum>;
 export type LineChartProps<TDatum extends ChartDatum = ChartDatum> = BaseChartProps<TDatum>;
 export type BubbleChartProps<TDatum extends ChartDatum = ChartDatum> = BaseChartProps<TDatum>;
+export type RadarChartProps<TDatum extends ChartDatum = ChartDatum> = BaseChartProps<TDatum>;
+export type ScatterChartProps<TDatum extends ChartDatum = ChartDatum> = BaseChartProps<TDatum>;
+export type StackedBarChartProps<TDatum extends ChartDatum = ChartDatum> = Omit<BaseChartProps<TDatum>, "stacked">;
 export type PieChartProps<TDatum extends ChartDatum = ChartDatum> = ChartSharedStatic & Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
     data: TDatum[];
     dataKey: keyof TDatum & string;
@@ -54,6 +57,8 @@ export type PieChartProps<TDatum extends ChartDatum = ChartDatum> = ChartSharedS
     containerStyle?: CSSProperties;
     paddingAngle?: PieProps["paddingAngle"];
     cornerRadius?: PieProps["cornerRadius"];
+    center?: ReactNode;
+    colorKey?: keyof TDatum & string;
     label?: boolean;
     labelLine?: boolean;
     labelColor?: string;
@@ -63,4 +68,19 @@ export type PieChartProps<TDatum extends ChartDatum = ChartDatum> = ChartSharedS
     outerRadius?: PieProps["outerRadius"];
     shape?: PieProps["shape"];
 };
+export type FunnelChartProps<TDatum extends ChartDatum = ChartDatum> = ChartSharedStatic & Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    data: TDatum[];
+    dataKey: keyof TDatum & string;
+    nameKey: keyof TDatum & string;
+    height?: number;
+    showLegend?: boolean;
+    showTooltip?: boolean;
+    tooltipColor?: string;
+    emptyState?: ReactNode;
+    containerStyle?: CSSProperties;
+    colorKey?: keyof TDatum & string;
+    label?: boolean;
+    stroke?: string;
+    fill?: string;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/charts/shared/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/charts/shared/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEtE,OAAO,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEpC,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,CAAC;AAEnE,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,YAAY,CAAC;AAEnD,MAAM,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC;AAE5E,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,UAAU,GAAG,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAEnE,MAAM,MAAM,cAAc,CAAC,MAAM,SAAS,UAAU,GAAG,UAAU,IAC/D,iBAAiB,GACf,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IACjD,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,IAAI,EAAE,MAAM,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAEN,MAAM,MAAM,cAAc,CAAC,MAAM,SAAS,UAAU,GAAG,UAAU,IAC/D,cAAc,CAAC,MAAM,CAAC,CAAC;AAEzB,MAAM,MAAM,aAAa,CAAC,MAAM,SAAS,UAAU,GAAG,UAAU,IAC9D,cAAc,CAAC,MAAM,CAAC,CAAC;AAEzB,MAAM,MAAM,cAAc,CAAC,MAAM,SAAS,UAAU,GAAG,UAAU,IAC/D,cAAc,CAAC,MAAM,CAAC,CAAC;AAEzB,MAAM,MAAM,gBAAgB,CAAC,MAAM,SAAS,UAAU,GAAG,UAAU,IACjE,cAAc,CAAC,MAAM,CAAC,CAAC;AAEzB,MAAM,MAAM,aAAa,CAAC,MAAM,SAAS,UAAU,GAAG,UAAU,IAC9D,iBAAiB,GACf,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,GAAG;IACjD,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,OAAO,EAAE,MAAM,MAAM,GAAG,MAAM,CAAC;IAC/B,OAAO,EAAE,MAAM,MAAM,GAAG,MAAM,CAAC;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,aAAa,CAAC;IAC/B,YAAY,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;IACxC,YAAY,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC5B,IAAI,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;IACxB,WAAW,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;IACtC,WAAW,CAAC,EAAE,QAAQ,CAAC,aAAa,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;CAC3B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/charts/shared/types.ts"],"names":[],"mappings":"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"}

package/dist/charts/stacked-bar/StackedBar.d.ts

@@ -0,0 +1,6 @@
+import type { StackedBarChartProps } from "../shared/types";
+export declare function StackedBarChart<TDatum extends Record<string, number | string | null | undefined>>(props: StackedBarChartProps<TDatum>): import("react/jsx-runtime").JSX.Element;
+export declare namespace StackedBarChart {
+    var displayName: string;
+}
+//# sourceMappingURL=StackedBar.d.ts.map

package/dist/charts/stacked-bar/StackedBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StackedBar.d.ts","sourceRoot":"","sources":["../../../src/charts/stacked-bar/StackedBar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAE5D,wBAAgB,eAAe,CAC7B,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,GAAG,SAAS,CAAC,EACjE,KAAK,EAAE,oBAAoB,CAAC,MAAM,CAAC,2CAEpC;yBAJe,eAAe"}

package/dist/charts/stacked-bar/index.d.ts

@@ -0,0 +1,4 @@
+export { StackedBarChart } from "./StackedBar";
+export type { ChartColor, ChartDatum, ChartMargin, ChartSeries, ChartSharedStatic, StackedBarChartProps, } from "../shared/types";
+export { chartColorValues, chartPalette, chartVariants, } from "../shared/variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/charts/stacked-bar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/stacked-bar/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,YAAY,EACV,UAAU,EACV,UAAU,EACV,WAAW,EACX,WAAW,EACX,iBAAiB,EACjB,oBAAoB,GACrB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACL,gBAAgB,EAChB,YAAY,EACZ,aAAa,GACd,MAAM,oBAAoB,CAAC"}

package/dist/charts/stacked-bar.js

@@ -0,0 +1,29 @@
+"use client";
+'use strict';
+
+var chunkLREMK2XR_js = require('../chunk-LREMK2XR.js');
+var chunkPWPMKXEG_js = require('../chunk-PWPMKXEG.js');
+require('../chunk-W3QRRWQX.js');
+require('../chunk-ZS5756ZC.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function StackedBarChart(props) {
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkLREMK2XR_js.BarChart, { ...props, stacked: true });
+}
+StackedBarChart.displayName = "StackedBarChart";
+
+Object.defineProperty(exports, "chartColorValues", {
+  enumerable: true,
+  get: function () { return chunkPWPMKXEG_js.chartColorValues; }
+});
+Object.defineProperty(exports, "chartPalette", {
+  enumerable: true,
+  get: function () { return chunkPWPMKXEG_js.chartPalette; }
+});
+Object.defineProperty(exports, "chartVariants", {
+  enumerable: true,
+  get: function () { return chunkPWPMKXEG_js.chartVariants; }
+});
+exports.StackedBarChart = StackedBarChart;
+//# sourceMappingURL=stacked-bar.js.map
+//# sourceMappingURL=stacked-bar.js.map

package/dist/charts/stacked-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/charts/stacked-bar/StackedBar.tsx"],"names":["jsx","BarChart"],"mappings":";;;;;;;;AAKO,SAAS,gBAEd,KAAA,EAAqC;AACrC,EAAA,uBAAOA,cAAA,CAACC,yBAAA,EAAA,EAAU,GAAG,KAAA,EAAO,SAAO,IAAA,EAAC,CAAA;AACtC;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA","file":"stacked-bar.js","sourcesContent":["\"use client\";\n\nimport { BarChart } from \"../bar/Bar\";\nimport type { StackedBarChartProps } from \"../shared/types\";\n\nexport function StackedBarChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>(props: StackedBarChartProps<TDatum>) {\n  return <BarChart {...props} stacked />;\n}\n\nStackedBarChart.displayName = \"StackedBarChart\";\n"]}

package/dist/charts/stacked-bar.mjs

@@ -0,0 +1,15 @@
+"use client";
+import { BarChart } from '../chunk-O2KM3ETC.mjs';
+export { chartColorValues, chartPalette, chartVariants } from '../chunk-HZIRD3SR.mjs';
+import '../chunk-FXYPRPAT.mjs';
+import '../chunk-4D54YOL6.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+function StackedBarChart(props) {
+  return /* @__PURE__ */ jsx(BarChart, { ...props, stacked: true });
+}
+StackedBarChart.displayName = "StackedBarChart";
+
+export { StackedBarChart };
+//# sourceMappingURL=stacked-bar.mjs.map
+//# sourceMappingURL=stacked-bar.mjs.map

package/dist/charts/stacked-bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/charts/stacked-bar/StackedBar.tsx"],"names":[],"mappings":";;;;;;AAKO,SAAS,gBAEd,KAAA,EAAqC;AACrC,EAAA,uBAAO,GAAA,CAAC,QAAA,EAAA,EAAU,GAAG,KAAA,EAAO,SAAO,IAAA,EAAC,CAAA;AACtC;AAEA,eAAA,CAAgB,WAAA,GAAc,iBAAA","file":"stacked-bar.mjs","sourcesContent":["\"use client\";\n\nimport { BarChart } from \"../bar/Bar\";\nimport type { StackedBarChartProps } from \"../shared/types\";\n\nexport function StackedBarChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>(props: StackedBarChartProps<TDatum>) {\n  return <BarChart {...props} stacked />;\n}\n\nStackedBarChart.displayName = \"StackedBarChart\";\n"]}

package/dist/{chunk-ABOZ5QIX.js → chunk-466QDL44.js}

@@ -1,24 +1,17 @@
 'use strict';
 
+var chunkMUP7DVQR_js = require('./chunk-MUP7DVQR.js');
 var classVarianceAuthority = require('class-variance-authority');
 
-// src/ui/buttons/variants.ts
-
-// src/design-system/tokens.ts
-var zuiInteractiveBase = ["transition-colors", "select-none"];
-var zuiDisabledState = {
-  default: "disabled:pointer-events-none disabled:opacity-50"
-};
-
 // src/design-system/button.ts
 var zuiButtonBase = [
   "inline-flex items-center justify-center gap-2 whitespace-nowrap",
   "rounded-[var(--zui-button-radius,0.75rem)]",
   "text-sm font-medium",
   "ring-offset-[var(--zui-button-ring-offset,#f8fafc)] dark:ring-offset-[var(--zui-button-ring-offset-dark,#020617)]",
-  ...zuiInteractiveBase,
+  ...chunkMUP7DVQR_js.zuiInteractiveBase,
   "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-button-focus-ring,#475569)] dark:focus-visible:ring-[var(--zui-button-focus-ring-dark,#cbd5e1)] focus-visible:ring-offset-2",
-  zuiDisabledState.default
+  chunkMUP7DVQR_js.zuiDisabledState.default
 ];
 var zuiButtonAppearances = {
   default: "bg-[var(--zui-button-default-bg,#0f172a)] dark:bg-[var(--zui-button-default-bg-dark,#f8fafc)] text-[color:var(--zui-button-default-fg,#f8fafc)] dark:text-[color:var(--zui-button-default-fg-dark,#020617)] shadow-[var(--zui-button-default-shadow,0_1px_2px_#0f172a14)] dark:shadow-[var(--zui-button-default-shadow-dark,0_1px_2px_#0f172a1f)] hover:bg-[var(--zui-button-default-bg-hover,#000000)] dark:hover:bg-[var(--zui-button-default-bg-hover-dark,#ffffff)]",
@@ -80,5 +73,5 @@ var buttonVariants = classVarianceAuthority.cva(zuiButtonBase, {
 });
 
 exports.buttonVariants = buttonVariants;
-//# sourceMappingURL=chunk-ABOZ5QIX.js.map
-//# sourceMappingURL=chunk-ABOZ5QIX.js.map
+//# sourceMappingURL=chunk-466QDL44.js.map
+//# sourceMappingURL=chunk-466QDL44.js.map

package/dist/chunk-466QDL44.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/button.ts","../src/ui/buttons/variants.ts"],"names":["zuiInteractiveBase","zuiDisabledState","cva"],"mappings":";;;;;;AAEO,IAAM,aAAA,GAAgB;AAAA,EAC3B,iEAAA;AAAA,EACA,4CAAA;AAAA,EACA,qBAAA;AAAA,EACA,mHAAA;AAAA,EACA,GAAGA,mCAAA;AAAA,EACH,2MAAA;AAAA,EACAC,iCAAA,CAAiB;AACnB,CAAA;AAEO,IAAM,oBAAA,GAAuB;AAAA,EAClC,OAAA,EACE,ycAAA;AAAA,EACF,SAAA,EACE,+UAAA;AAAA,EACF,WAAA,EACE,2VAAA;AAAA,EACF,OAAA,EACE,gdAAA;AAAA,EACF,KAAA,EACE,gPAAA;AAAA,EACF,IAAA,EAAM,2JAAA;AAAA,EACN,KAAA,EACE,idAAA;AAAA,EACF,OAAA,EACE,mUAAA;AAAA,EACF,MAAA,EACE,6TAAA;AAAA,EACF,MAAA,EACE,6TAAA;AAAA,EACF,IAAA,EAAM,iTAAA;AAAA,EACN,IAAA,EAAM,iTAAA;AAAA,EACN,GAAA,EAAK,2SAAA;AAAA,EACL,IAAA,EAAM,iTAAA;AAAA,EACN,MAAA,EACE,6TAAA;AAAA,EACF,MAAA,EACE,6TAAA;AAAA,EACF,IAAA,EAAM,iTAAA;AAAA,EACN,KAAA,EACE,uTAAA;AAAA,EACF,MAAA,EACE,6TAAA;AAAA,EACF,eAAA,EACE,knBAAA;AAAA,EACF,gBAAA,EACE,4nBAAA;AAAA,EACF,cAAA,EACE,wmBAAA;AAAA,EACF,iBAAA,EACE,soBAAA;AAAA,EACF,iBAAA,EACE,soBAAA;AAAA,EACF,eAAA,EACE,knBAAA;AAAA,EACF,iBAAA,EACE,soBAAA;AAAA,EACF,eAAA,EACE,knBAAA;AAAA,EACF,iBAAA,EACE;AACJ,CAAA;AAEO,IAAM,cAAA,GAAiB;AAAA,EAC5B,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI,kBAAA;AAAA,EACJ,EAAA,EAAI,6BAAA;AAAA,EACJ,EAAA,EAAI,2BAAA;AAAA,EACJ,KAAA,EAAO,mCAAA;AAAA,EACP,KAAA,EAAO,qCAAA;AAAA,EACP,KAAA,EAAO,sCAAA;AAAA,EACP,KAAA,EAAO,sCAAA;AAAA,EACP,KAAA,EAAO,sCAAA;AAAA,EACP,KAAA,EAAO,sCAAA;AAAA,EACP,KAAA,EAAO,6BAAA;AAAA,EACP,KAAA,EAAO,sCAAA;AAAA,EACP,MAAA,EAAQ,sCAAA;AAAA,EACR,IAAA,EAAM;AACR,CAAA;;;ACxEO,IAAM,cAAA,GAAiBC,2BAAI,aAAA,EAAe;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,oBAAA;AAAA,IACZ,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-466QDL44.js","sourcesContent":["import { zuiDisabledState, zuiInteractiveBase } from \"./tokens\";\n\nexport const zuiButtonBase = [\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap\",\n  \"rounded-[var(--zui-button-radius,0.75rem)]\",\n  \"text-sm font-medium\",\n  \"ring-offset-[var(--zui-button-ring-offset,#f8fafc)] dark:ring-offset-[var(--zui-button-ring-offset-dark,#020617)]\",\n  ...zuiInteractiveBase,\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-button-focus-ring,#475569)] dark:focus-visible:ring-[var(--zui-button-focus-ring-dark,#cbd5e1)] focus-visible:ring-offset-2\",\n  zuiDisabledState.default,\n] as const;\n\nexport const zuiButtonAppearances = {\n  default:\n    \"bg-[var(--zui-button-default-bg,#0f172a)] dark:bg-[var(--zui-button-default-bg-dark,#f8fafc)] text-[color:var(--zui-button-default-fg,#f8fafc)] dark:text-[color:var(--zui-button-default-fg-dark,#020617)] shadow-[var(--zui-button-default-shadow,0_1px_2px_#0f172a14)] dark:shadow-[var(--zui-button-default-shadow-dark,0_1px_2px_#0f172a1f)] hover:bg-[var(--zui-button-default-bg-hover,#000000)] dark:hover:bg-[var(--zui-button-default-bg-hover-dark,#ffffff)]\",\n  secondary:\n    \"bg-[var(--zui-button-secondary-bg,#e2e8f0)] dark:bg-[var(--zui-button-secondary-bg-dark,#1e293b)] text-[color:var(--zui-button-secondary-fg,#0f172a)] dark:text-[color:var(--zui-button-secondary-fg-dark,#f8fafc)] hover:bg-[var(--zui-button-secondary-bg-hover,#cbd5e1)] dark:hover:bg-[var(--zui-button-secondary-bg-hover-dark,#334155)]\",\n  destructive:\n    \"bg-[var(--zui-button-destructive-bg,#f43f5e)] dark:bg-[var(--zui-button-destructive-bg-dark,#be123c)] text-[color:var(--zui-button-destructive-fg,#ffffff)] dark:text-[color:var(--zui-button-destructive-fg-dark,#ffffff)] hover:bg-[var(--zui-button-destructive-bg-hover,#f43f5e)] dark:hover:bg-[var(--zui-button-destructive-bg-hover-dark,#9f1239)]\",\n  outline:\n    \"border border-[color:var(--zui-button-outline-border,#0000001a)] dark:border-[color:var(--zui-button-outline-border-dark,#ffffff1a)] bg-[var(--zui-button-outline-bg,#0000000d)] dark:bg-[var(--zui-button-outline-bg-dark,#ffffff0d)] text-[color:var(--zui-button-outline-fg,#0f172a)] dark:text-[color:var(--zui-button-outline-fg-dark,#f8fafc)] hover:bg-[var(--zui-button-outline-bg-hover,#0000001a)] dark:hover:bg-[var(--zui-button-outline-bg-hover-dark,#ffffff1a)]\",\n  ghost:\n    \"bg-transparent text-[color:var(--zui-button-ghost-fg,#334155)] dark:text-[color:var(--zui-button-ghost-fg-dark,#e2e8f0)] hover:bg-[var(--zui-button-ghost-bg-hover,#0000000d)] dark:hover:bg-[var(--zui-button-ghost-bg-hover-dark,#ffffff0d)]\",\n  link: \"bg-transparent text-[color:var(--zui-button-link-fg,#0e7490)] dark:text-[color:var(--zui-button-link-fg-dark,#67e8f9)] underline-offset-4 hover:underline\",\n  glass:\n    \"border border-[color:var(--zui-button-glass-border,#00000026)] dark:border-[color:var(--zui-button-glass-border-dark,#ffffff26)] bg-[var(--zui-button-glass-bg,#0000001a)] dark:bg-[var(--zui-button-glass-bg-dark,#ffffff1a)] text-[color:var(--zui-button-glass-fg,#0f172a)] dark:text-[color:var(--zui-button-glass-fg-dark,#ffffff)] backdrop-blur-md hover:bg-[var(--zui-button-glass-bg-hover,#00000026)] dark:hover:bg-[var(--zui-button-glass-bg-hover-dark,#ffffff26)]\",\n  emerald:\n    \"bg-[var(--zui-button-emerald-bg,#10b981)] dark:bg-[var(--zui-button-emerald-bg-dark,#065f46)] text-[color:var(--zui-button-emerald-fg,#ffffff)] dark:text-[color:var(--zui-button-emerald-fg-dark,#ffffff)] hover:bg-[var(--zui-button-emerald-bg-hover,#10b981)] dark:hover:bg-[var(--zui-button-emerald-bg-hover-dark,#064e3b)]\",\n  indigo:\n    \"bg-[var(--zui-button-indigo-bg,#3730a3)] dark:bg-[var(--zui-button-indigo-bg-dark,#4f46e5)] text-[color:var(--zui-button-indigo-fg,#ffffff)] dark:text-[color:var(--zui-button-indigo-fg-dark,#ffffff)] hover:bg-[var(--zui-button-indigo-bg-hover,#3730a3)] dark:hover:bg-[var(--zui-button-indigo-bg-hover-dark,#4f46e5)]\",\n  purple:\n    \"bg-[var(--zui-button-purple-bg,#6b21a8)] dark:bg-[var(--zui-button-purple-bg-dark,#9333ea)] text-[color:var(--zui-button-purple-fg,#ffffff)] dark:text-[color:var(--zui-button-purple-fg-dark,#ffffff)] hover:bg-[var(--zui-button-purple-bg-hover,#6b21a8)] dark:hover:bg-[var(--zui-button-purple-bg-hover-dark,#9333ea)]\",\n  pink: \"bg-[var(--zui-button-pink-bg,#9d174d)] dark:bg-[var(--zui-button-pink-bg-dark,#db2777)] text-[color:var(--zui-button-pink-fg,#ffffff)] dark:text-[color:var(--zui-button-pink-fg-dark,#ffffff)] hover:bg-[var(--zui-button-pink-bg-hover,#9d174d)] dark:hover:bg-[var(--zui-button-pink-bg-hover-dark,#db2777)]\",\n  rose: \"bg-[var(--zui-button-rose-bg,#9f1239)] dark:bg-[var(--zui-button-rose-bg-dark,#e11d48)] text-[color:var(--zui-button-rose-fg,#ffffff)] dark:text-[color:var(--zui-button-rose-fg-dark,#ffffff)] hover:bg-[var(--zui-button-rose-bg-hover,#9f1239)] dark:hover:bg-[var(--zui-button-rose-bg-hover-dark,#e11d48)]\",\n  sky: \"bg-[var(--zui-button-sky-bg,#0ea5e9)] dark:bg-[var(--zui-button-sky-bg-dark,#0369a1)] text-[color:var(--zui-button-sky-fg,#ffffff)] dark:text-[color:var(--zui-button-sky-fg-dark,#ffffff)] hover:bg-[var(--zui-button-sky-bg-hover,#0ea5e9)] dark:hover:bg-[var(--zui-button-sky-bg-hover-dark,#075985)]\",\n  teal: \"bg-[var(--zui-button-teal-bg,#14b8a6)] dark:bg-[var(--zui-button-teal-bg-dark,#0f766e)] text-[color:var(--zui-button-teal-fg,#ffffff)] dark:text-[color:var(--zui-button-teal-fg-dark,#ffffff)] hover:bg-[var(--zui-button-teal-bg-hover,#14b8a6)] dark:hover:bg-[var(--zui-button-teal-bg-hover-dark,#115e59)]\",\n  yellow:\n    \"bg-[var(--zui-button-yellow-bg,#eab308)] dark:bg-[var(--zui-button-yellow-bg-dark,#854d0e)] text-[color:var(--zui-button-yellow-fg,#ffffff)] dark:text-[color:var(--zui-button-yellow-fg-dark,#ffffff)] hover:bg-[var(--zui-button-yellow-bg-hover,#eab308)] dark:hover:bg-[var(--zui-button-yellow-bg-hover-dark,#713f12)]\",\n  orange:\n    \"bg-[var(--zui-button-orange-bg,#f97316)] dark:bg-[var(--zui-button-orange-bg-dark,#9a3412)] text-[color:var(--zui-button-orange-fg,#ffffff)] dark:text-[color:var(--zui-button-orange-fg-dark,#ffffff)] hover:bg-[var(--zui-button-orange-bg-hover,#f97316)] dark:hover:bg-[var(--zui-button-orange-bg-hover-dark,#7c2d12)]\",\n  gray: \"bg-[var(--zui-button-gray-bg,#6b7280)] dark:bg-[var(--zui-button-gray-bg-dark,#374151)] text-[color:var(--zui-button-gray-fg,#ffffff)] dark:text-[color:var(--zui-button-gray-fg-dark,#ffffff)] hover:bg-[var(--zui-button-gray-bg-hover,#6b7280)] dark:hover:bg-[var(--zui-button-gray-bg-hover-dark,#1f2937)]\",\n  amber:\n    \"bg-[var(--zui-button-amber-bg,#f59e0b)] dark:bg-[var(--zui-button-amber-bg-dark,#92400e)] text-[color:var(--zui-button-amber-fg,#ffffff)] dark:text-[color:var(--zui-button-amber-fg-dark,#ffffff)] hover:bg-[var(--zui-button-amber-bg-hover,#f59e0b)] dark:hover:bg-[var(--zui-button-amber-bg-hover-dark,#78350f)]\",\n  violet:\n    \"bg-[var(--zui-button-violet-bg,#5b21b6)] dark:bg-[var(--zui-button-violet-bg-dark,#7c3aed)] text-[color:var(--zui-button-violet-fg,#ffffff)] dark:text-[color:var(--zui-button-violet-fg-dark,#ffffff)] hover:bg-[var(--zui-button-violet-bg-hover,#5b21b6)] dark:hover:bg-[var(--zui-button-violet-bg-hover-dark,#7c3aed)]\",\n  \"gradient-blue\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-blue-from,#1e40af)] dark:from-[var(--zui-button-gradient-blue-from-dark,#2563eb)] to-[var(--zui-button-gradient-blue-to,#6b21a8)] dark:to-[var(--zui-button-gradient-blue-to-dark,#9333ea)] text-[color:var(--zui-button-gradient-blue-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-blue-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-blue-from-hover,#1e40af)] dark:hover:from-[var(--zui-button-gradient-blue-from-hover-dark,#2563eb)] hover:to-[var(--zui-button-gradient-blue-to-hover,#6b21a8)] dark:hover:to-[var(--zui-button-gradient-blue-to-hover-dark,#9333ea)]\",\n  \"gradient-green\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-green-from,#166534)] dark:from-[var(--zui-button-gradient-green-from-dark,#16a34a)] to-[var(--zui-button-gradient-green-to,#3f6212)] dark:to-[var(--zui-button-gradient-green-to-dark,#65a30d)] text-[color:var(--zui-button-gradient-green-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-green-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-green-from-hover,#166534)] dark:hover:from-[var(--zui-button-gradient-green-from-hover-dark,#16a34a)] hover:to-[var(--zui-button-gradient-green-to-hover,#3f6212)] dark:hover:to-[var(--zui-button-gradient-green-to-hover-dark,#65a30d)]\",\n  \"gradient-red\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-red-from,#991b1b)] dark:from-[var(--zui-button-gradient-red-from-dark,#dc2626)] to-[var(--zui-button-gradient-red-to,#9d174d)] dark:to-[var(--zui-button-gradient-red-to-dark,#db2777)] text-[color:var(--zui-button-gradient-red-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-red-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-red-from-hover,#991b1b)] dark:hover:from-[var(--zui-button-gradient-red-from-hover-dark,#dc2626)] hover:to-[var(--zui-button-gradient-red-to-hover,#9d174d)] dark:hover:to-[var(--zui-button-gradient-red-to-hover-dark,#db2777)]\",\n  \"gradient-yellow\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-yellow-from,#854d0e)] dark:from-[var(--zui-button-gradient-yellow-from-dark,#ca8a04)] to-[var(--zui-button-gradient-yellow-to,#9a3412)] dark:to-[var(--zui-button-gradient-yellow-to-dark,#ea580c)] text-[color:var(--zui-button-gradient-yellow-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-yellow-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-yellow-from-hover,#854d0e)] dark:hover:from-[var(--zui-button-gradient-yellow-from-hover-dark,#ca8a04)] hover:to-[var(--zui-button-gradient-yellow-to-hover,#9a3412)] dark:hover:to-[var(--zui-button-gradient-yellow-to-hover-dark,#ea580c)]\",\n  \"gradient-purple\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-purple-from,#6b21a8)] dark:from-[var(--zui-button-gradient-purple-from-dark,#9333ea)] to-[var(--zui-button-gradient-purple-to,#9d174d)] dark:to-[var(--zui-button-gradient-purple-to-dark,#db2777)] text-[color:var(--zui-button-gradient-purple-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-purple-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-purple-from-hover,#6b21a8)] dark:hover:from-[var(--zui-button-gradient-purple-from-hover-dark,#9333ea)] hover:to-[var(--zui-button-gradient-purple-to-hover,#9d174d)] dark:hover:to-[var(--zui-button-gradient-purple-to-hover-dark,#db2777)]\",\n  \"gradient-teal\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-teal-from,#115e59)] dark:from-[var(--zui-button-gradient-teal-from-dark,#0d9488)] to-[var(--zui-button-gradient-teal-to,#155e75)] dark:to-[var(--zui-button-gradient-teal-to-dark,#0891b2)] text-[color:var(--zui-button-gradient-teal-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-teal-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-teal-from-hover,#115e59)] dark:hover:from-[var(--zui-button-gradient-teal-from-hover-dark,#0d9488)] hover:to-[var(--zui-button-gradient-teal-to-hover,#155e75)] dark:hover:to-[var(--zui-button-gradient-teal-to-hover-dark,#0891b2)]\",\n  \"gradient-indigo\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-indigo-from,#3730a3)] dark:from-[var(--zui-button-gradient-indigo-from-dark,#4f46e5)] to-[var(--zui-button-gradient-indigo-to,#6b21a8)] dark:to-[var(--zui-button-gradient-indigo-to-dark,#9333ea)] text-[color:var(--zui-button-gradient-indigo-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-indigo-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-indigo-from-hover,#3730a3)] dark:hover:from-[var(--zui-button-gradient-indigo-from-hover-dark,#4f46e5)] hover:to-[var(--zui-button-gradient-indigo-to-hover,#6b21a8)] dark:hover:to-[var(--zui-button-gradient-indigo-to-hover-dark,#9333ea)]\",\n  \"gradient-pink\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-pink-from,#9d174d)] dark:from-[var(--zui-button-gradient-pink-from-dark,#db2777)] to-[var(--zui-button-gradient-pink-to,#9f1239)] dark:to-[var(--zui-button-gradient-pink-to-dark,#e11d48)] text-[color:var(--zui-button-gradient-pink-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-pink-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-pink-from-hover,#9d174d)] dark:hover:from-[var(--zui-button-gradient-pink-from-hover-dark,#db2777)] hover:to-[var(--zui-button-gradient-pink-to-hover,#9f1239)] dark:hover:to-[var(--zui-button-gradient-pink-to-hover-dark,#e11d48)]\",\n  \"gradient-orange\":\n    \"bg-linear-to-r from-[var(--zui-button-gradient-orange-from,#9a3412)] dark:from-[var(--zui-button-gradient-orange-from-dark,#ea580c)] to-[var(--zui-button-gradient-orange-to,#991b1b)] dark:to-[var(--zui-button-gradient-orange-to-dark,#dc2626)] text-[color:var(--zui-button-gradient-orange-fg,#ffffff)] dark:text-[color:var(--zui-button-gradient-orange-fg-dark,#ffffff)] hover:from-[var(--zui-button-gradient-orange-from-hover,#9a3412)] dark:hover:from-[var(--zui-button-gradient-orange-from-hover-dark,#ea580c)] hover:to-[var(--zui-button-gradient-orange-to-hover,#991b1b)] dark:hover:to-[var(--zui-button-gradient-orange-to-hover-dark,#dc2626)]\",\n} as const;\n\nexport const zuiButtonSizes = {\n  sm: \"h-7 md:h-9 px-3 text-xs\",\n  md: \"h-9 md:h-11 px-4\",\n  lg: \"h-10 md:h-12 px-5 text-base\",\n  xl: \"h-12 md:h-14 px-6 text-lg\",\n  \"2xl\": \"h-14 md:h-16 px-6 md:px-8 text-xl\",\n  \"3xl\": \"h-16 md:h-18 px-8 md:px-10 text-2xl\",\n  \"4xl\": \"h-18 md:h-20 px-10 md:px-12 text-2xl\",\n  \"5xl\": \"h-20 md:h-22 px-12 md:px-14 text-2xl\",\n  \"6xl\": \"h-22 md:h-24 px-14 md:px-16 text-2xl\",\n  \"7xl\": \"h-24 md:h-26 px-16 md:px-18 text-2xl\",\n  \"8xl\": \"h-26 md:h-28 px-20 text-2xl\",\n  \"9xl\": \"h-24 md:h-30 px-18 md:px-22 text-2xl\",\n  \"10xl\": \"h-26 md:h-32 px-20 md:px-24 text-2xl\",\n  icon: \"h-10 w-10\",\n} as const;\n","import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiButtonAppearances,\n  zuiButtonBase,\n  zuiButtonSizes,\n} from \"../../design-system\";\n\nexport const buttonVariants = cva(zuiButtonBase, {\n  variants: {\n    appearance: zuiButtonAppearances,\n    size: zuiButtonSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n"]}

package/dist/chunk-4ZP444GA.mjs

@@ -0,0 +1,19 @@
+// src/design-system/tokens.ts
+var zuiCssVariablePattern = "--zui-<component>-<slot?>-<variant?>-<property>-<state?>-dark?";
+var zuiInteractiveBase = ["transition-colors", "select-none"];
+var zuiDisabledState = {
+  default: "disabled:pointer-events-none disabled:opacity-50"
+};
+var zuiFocusRing = {
+  default: "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-focus-ring,oklch(44.6%_0.043_257.281))] dark:focus-visible:ring-[var(--zui-focus-ring-dark,oklch(86.9%_0.022_252.894))] focus-visible:ring-offset-2"
+};
+var zuiRingOffset = {
+  default: "ring-offset-[var(--zui-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-ring-offset-dark,oklch(12.9%_0.042_264.695))]"
+};
+var zuiRadius = {
+  xl: "rounded-[var(--zui-radius-xl,0.75rem)]"
+};
+
+export { zuiCssVariablePattern, zuiDisabledState, zuiFocusRing, zuiInteractiveBase, zuiRadius, zuiRingOffset };
+//# sourceMappingURL=chunk-4ZP444GA.mjs.map
+//# sourceMappingURL=chunk-4ZP444GA.mjs.map

package/dist/chunk-4ZP444GA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/tokens.ts"],"names":[],"mappings":";AAAO,IAAM,qBAAA,GACX;AAEK,IAAM,kBAAA,GAAqB,CAAC,mBAAA,EAAqB,aAAa;AAE9D,IAAM,gBAAA,GAAmB;AAAA,EAC9B,OAAA,EAAS;AACX;AAEO,IAAM,YAAA,GAAe;AAAA,EAC1B,OAAA,EACE;AACJ;AAEO,IAAM,aAAA,GAAgB;AAAA,EAC3B,OAAA,EACE;AACJ;AAEO,IAAM,SAAA,GAAY;AAAA,EACvB,EAAA,EAAI;AACN","file":"chunk-4ZP444GA.mjs","sourcesContent":["export const zuiCssVariablePattern =\n  \"--zui-<component>-<slot?>-<variant?>-<property>-<state?>-dark?\" as const;\n\nexport const zuiInteractiveBase = [\"transition-colors\", \"select-none\"] as const;\n\nexport const zuiDisabledState = {\n  default: \"disabled:pointer-events-none disabled:opacity-50\",\n} as const;\n\nexport const zuiFocusRing = {\n  default:\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--zui-focus-ring,oklch(44.6%_0.043_257.281))] dark:focus-visible:ring-[var(--zui-focus-ring-dark,oklch(86.9%_0.022_252.894))] focus-visible:ring-offset-2\",\n} as const;\n\nexport const zuiRingOffset = {\n  default:\n    \"ring-offset-[var(--zui-ring-offset,oklch(98.4%_0.003_247.858))] dark:ring-offset-[var(--zui-ring-offset-dark,oklch(12.9%_0.042_264.695))]\",\n} as const;\n\nexport const zuiRadius = {\n  xl: \"rounded-[var(--zui-radius-xl,0.75rem)]\",\n} as const;\n"]}