@zentauri-ui/zentauri-components 1.5.0 → 1.5.1

package/README.md

@@ -480,8 +480,7 @@ From this package directory in the monorepo:
 - `pnpm build` (or `npm run build`) — production bundle via `tsup` (Rollup treeshake + `scripts/prepend-use-client.mjs` via `onSuccess` so each UI entry under `dist/ui/`, the chart entry under `dist/charts/`, and `dist/ui/<name>/animated.*` starts with `"use client"` where needed)
 - `pnpm dev` — `tsup` watch mode (same `onSuccess` hook after each rebuild)
 - `pnpm test` / `pnpm test:watch` — **Vitest** and **Testing Library** unit tests // covered 300+ test cases in total
-- **`pnpm run generate:registry`** — runs `scripts/generate-registry.mjs`, which reads **`uiComponentNames`** and **`hooksEntryNames`** from `tsup.config.ts`, merges in **`spinner`**, applies fixed **`nameAliases`**, and writes **`cli/registry.json`** (`components` + `hooks`). Run this after adding or renaming UI/chart areas or hook entries so the CLI stays in sync (the script prints counts).
-- **`prepack`** — invokes `generate:registry` automatically before `npm pack` / publish so the published tarball always ships an up-to-date registry alongside `cli/index.mjs`.
+**`pnpm run generate:registry`** — runs `scripts/generate-registry.mjs`, which reads **`uiComponentNames`**, **`chartEntryNames`**, and **`hooksEntryNames`** from `tsup.config.ts`, merges in **`spinner`**, applies fixed **`nameAliases`**, and writes **`cli/registry.json`** (`components` + `hooks`). Run this after adding or renaming UI/chart areas or hook entries so the CLI stays in sync (the script prints counts).
 
 ## Github Release log
 

package/dist/charts/area/Area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Area.d.ts","sourceRoot":"","sources":["../../../src/charts/area/Area.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,SAAS,CACvB,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,OAAe,EACf,KAAK,EACL,MAAM,EACN,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,MAAM,CAAC,2CAmExB;yBAxFe,SAAS"}
+{"version":3,"file":"Area.d.ts","sourceRoot":"","sources":["../../../src/charts/area/Area.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,wBAAgB,SAAS,CACvB,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,OAAe,EACf,KAAK,EACL,MAAM,EACN,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,MAAM,CAAC,2CAkExB;yBAvFe,SAAS"}

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

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

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

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

package/dist/charts/area.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkCIN5JDN4_js = require('../chunk-CIN5JDN4.js');
+var chunk4E4XKJNR_js = require('../chunk-4E4XKJNR.js');
 require('../chunk-ZS5756ZC.js');
 var recharts = require('recharts');
 var jsxRuntime = require('react/jsx-runtime');
@@ -14,7 +14,7 @@ function AreaChart({
   density,
   emptyState = null,
   height = 320,
-  margin = chunkCIN5JDN4_js.defaultChartMargin,
+  margin = chunk4E4XKJNR_js.defaultChartMargin,
   series,
   showGrid = true,
   showLegend = false,
@@ -29,7 +29,7 @@ function AreaChart({
   const hasData = data.length > 0 && series.length > 0;
   const xAxisKey = String(xKey);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkCIN5JDN4_js.ChartFrame,
+    chunk4E4XKJNR_js.ChartFrame,
     {
       appearance,
       className,
@@ -42,7 +42,7 @@ function AreaChart({
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.AreaChart, { data, margin, syncId, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkCIN5JDN4_js.ChartDecorators,
+          chunk4E4XKJNR_js.ChartDecorators,
           {
             axis: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -78,9 +78,8 @@ function AreaChart({
           }
         ),
         series.map((item, index) => {
-          const color = chunkCIN5JDN4_js.resolveColor(item.color, index);
-          const fill = chunkCIN5JDN4_js.getSeriesFill(item, index);
-          console.log(fill);
+          const color = chunk4E4XKJNR_js.resolveColor(item.color, index);
+          const fill = chunk4E4XKJNR_js.getSeriesFill(item, index);
           return /* @__PURE__ */ jsxRuntime.jsx(
             recharts.Area,
             {
@@ -104,15 +103,15 @@ AreaChart.displayName = "AreaChart";
 
 Object.defineProperty(exports, "chartColorValues", {
   enumerable: true,
-  get: function () { return chunkCIN5JDN4_js.chartColorValues; }
+  get: function () { return chunk4E4XKJNR_js.chartColorValues; }
 });
 Object.defineProperty(exports, "chartPalette", {
   enumerable: true,
-  get: function () { return chunkCIN5JDN4_js.chartPalette; }
+  get: function () { return chunk4E4XKJNR_js.chartPalette; }
 });
 Object.defineProperty(exports, "chartVariants", {
   enumerable: true,
-  get: function () { return chunkCIN5JDN4_js.chartVariants; }
+  get: function () { return chunk4E4XKJNR_js.chartVariants; }
 });
 exports.AreaChart = AreaChart;
 //# sourceMappingURL=area.js.map

package/dist/charts/area.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/charts/area/Area.tsx"],"names":["defaultChartMargin","jsx","ChartFrame","jsxs","RechartsAreaChart","ChartDecorators","Fragment","XAxis","YAxis","resolveColor","getSeriesFill","Area"],"mappings":"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","file":"area.js","sourcesContent":["\"use client\";\n\nimport { Area, AreaChart as RechartsAreaChart, XAxis, YAxis } from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { getSeriesFill, resolveColor } from \"../shared/colors\";\nimport type { AreaChartProps } from \"../shared/types\";\n\nexport function AreaChart<\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  stacked = false,\n  style,\n  syncId,\n  xKey,\n  ...props\n}: AreaChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\n  const xAxisKey = String(xKey);\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      <RechartsAreaChart data={data} margin={margin} syncId={syncId}>\n        <ChartDecorators\n          axis={\n            <>\n              <XAxis\n                dataKey={xAxisKey}\n                minTickGap={24}\n                tickLine={false}\n                tickMargin={10}\n                axisLine={false}\n                fontSize={12}\n                fill=\"#ffffff\"\n                color=\"#ffffff\"\n              />\n              <YAxis\n                width={40}\n                tickLine={false}\n                tickMargin={8}\n                axisLine={false}\n                fontSize={12}\n                fill=\"#ffffff\"\n                color=\"#ffffff\"\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          const fill = getSeriesFill(item, index)\n          console.log(fill)\n          return (\n            <Area\n              key={item.dataKey}\n              type=\"monotone\"\n              dataKey={item.dataKey}\n              name={item.name}\n              stackId={stacked ? (item.stackId ?? \"stack\") : item.stackId}\n              stroke={color.stroke}\n              fill={fill}\n              fillOpacity={1}\n              strokeWidth={2}\n            />\n          );\n        })}\n      </RechartsAreaChart>\n    </ChartFrame>\n  );\n}\n\nAreaChart.displayName = \"AreaChart\";\n"]}
+{"version":3,"sources":["../../src/charts/area/Area.tsx"],"names":["defaultChartMargin","jsx","ChartFrame","jsxs","RechartsAreaChart","ChartDecorators","Fragment","XAxis","YAxis","resolveColor","getSeriesFill","Area"],"mappings":"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","file":"area.js","sourcesContent":["\"use client\";\n\nimport { Area, AreaChart as RechartsAreaChart, XAxis, YAxis } from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { getSeriesFill, resolveColor } from \"../shared/colors\";\nimport type { AreaChartProps } from \"../shared/types\";\n\nexport function AreaChart<\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  stacked = false,\n  style,\n  syncId,\n  xKey,\n  ...props\n}: AreaChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\n  const xAxisKey = String(xKey);\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      <RechartsAreaChart data={data} margin={margin} syncId={syncId}>\n        <ChartDecorators\n          axis={\n            <>\n              <XAxis\n                dataKey={xAxisKey}\n                minTickGap={24}\n                tickLine={false}\n                tickMargin={10}\n                axisLine={false}\n                fontSize={12}\n                fill=\"#ffffff\"\n                color=\"#ffffff\"\n              />\n              <YAxis\n                width={40}\n                tickLine={false}\n                tickMargin={8}\n                axisLine={false}\n                fontSize={12}\n                fill=\"#ffffff\"\n                color=\"#ffffff\"\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          const fill = getSeriesFill(item, index)\n          return (\n            <Area\n              key={item.dataKey}\n              type=\"monotone\"\n              dataKey={item.dataKey}\n              name={item.name}\n              stackId={stacked ? (item.stackId ?? \"stack\") : item.stackId}\n              stroke={color.stroke}\n              fill={fill}\n              fillOpacity={1}\n              strokeWidth={2}\n            />\n          );\n        })}\n      </RechartsAreaChart>\n    </ChartFrame>\n  );\n}\n\nAreaChart.displayName = \"AreaChart\";\n"]}

package/dist/charts/area.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { ChartFrame, defaultChartMargin, ChartDecorators, resolveColor, getSeriesFill } from '../chunk-IQZROQNJ.mjs';
-export { chartColorValues, chartPalette, chartVariants } from '../chunk-IQZROQNJ.mjs';
+import { ChartFrame, defaultChartMargin, ChartDecorators, resolveColor, getSeriesFill } from '../chunk-7I44JVWY.mjs';
+export { chartColorValues, chartPalette, chartVariants } from '../chunk-7I44JVWY.mjs';
 import '../chunk-4D54YOL6.mjs';
 import { AreaChart as AreaChart$1, XAxis, YAxis, Area } from 'recharts';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -79,7 +79,6 @@ function AreaChart({
         series.map((item, index) => {
           const color = resolveColor(item.color, index);
           const fill = getSeriesFill(item, index);
-          console.log(fill);
           return /* @__PURE__ */ jsx(
             Area,
             {

package/dist/charts/area.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/charts/area/Area.tsx"],"names":["RechartsAreaChart"],"mappings":"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","file":"area.mjs","sourcesContent":["\"use client\";\n\nimport { Area, AreaChart as RechartsAreaChart, XAxis, YAxis } from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { getSeriesFill, resolveColor } from \"../shared/colors\";\nimport type { AreaChartProps } from \"../shared/types\";\n\nexport function AreaChart<\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  stacked = false,\n  style,\n  syncId,\n  xKey,\n  ...props\n}: AreaChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\n  const xAxisKey = String(xKey);\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      <RechartsAreaChart data={data} margin={margin} syncId={syncId}>\n        <ChartDecorators\n          axis={\n            <>\n              <XAxis\n                dataKey={xAxisKey}\n                minTickGap={24}\n                tickLine={false}\n                tickMargin={10}\n                axisLine={false}\n                fontSize={12}\n                fill=\"#ffffff\"\n                color=\"#ffffff\"\n              />\n              <YAxis\n                width={40}\n                tickLine={false}\n                tickMargin={8}\n                axisLine={false}\n                fontSize={12}\n                fill=\"#ffffff\"\n                color=\"#ffffff\"\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          const fill = getSeriesFill(item, index)\n          console.log(fill)\n          return (\n            <Area\n              key={item.dataKey}\n              type=\"monotone\"\n              dataKey={item.dataKey}\n              name={item.name}\n              stackId={stacked ? (item.stackId ?? \"stack\") : item.stackId}\n              stroke={color.stroke}\n              fill={fill}\n              fillOpacity={1}\n              strokeWidth={2}\n            />\n          );\n        })}\n      </RechartsAreaChart>\n    </ChartFrame>\n  );\n}\n\nAreaChart.displayName = \"AreaChart\";\n"]}
+{"version":3,"sources":["../../src/charts/area/Area.tsx"],"names":["RechartsAreaChart"],"mappings":"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","file":"area.mjs","sourcesContent":["\"use client\";\n\nimport { Area, AreaChart as RechartsAreaChart, XAxis, YAxis } from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { getSeriesFill, resolveColor } from \"../shared/colors\";\nimport type { AreaChartProps } from \"../shared/types\";\n\nexport function AreaChart<\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  stacked = false,\n  style,\n  syncId,\n  xKey,\n  ...props\n}: AreaChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\n  const xAxisKey = String(xKey);\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      <RechartsAreaChart data={data} margin={margin} syncId={syncId}>\n        <ChartDecorators\n          axis={\n            <>\n              <XAxis\n                dataKey={xAxisKey}\n                minTickGap={24}\n                tickLine={false}\n                tickMargin={10}\n                axisLine={false}\n                fontSize={12}\n                fill=\"#ffffff\"\n                color=\"#ffffff\"\n              />\n              <YAxis\n                width={40}\n                tickLine={false}\n                tickMargin={8}\n                axisLine={false}\n                fontSize={12}\n                fill=\"#ffffff\"\n                color=\"#ffffff\"\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          const fill = getSeriesFill(item, index)\n          return (\n            <Area\n              key={item.dataKey}\n              type=\"monotone\"\n              dataKey={item.dataKey}\n              name={item.name}\n              stackId={stacked ? (item.stackId ?? \"stack\") : item.stackId}\n              stroke={color.stroke}\n              fill={fill}\n              fillOpacity={1}\n              strokeWidth={2}\n            />\n          );\n        })}\n      </RechartsAreaChart>\n    </ChartFrame>\n  );\n}\n\nAreaChart.displayName = \"AreaChart\";\n"]}

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

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

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

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

package/dist/charts/bar.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkCIN5JDN4_js = require('../chunk-CIN5JDN4.js');
+var chunk4E4XKJNR_js = require('../chunk-4E4XKJNR.js');
 require('../chunk-ZS5756ZC.js');
 var recharts = require('recharts');
 var jsxRuntime = require('react/jsx-runtime');
@@ -14,7 +14,7 @@ function BarChart({
   density,
   emptyState = null,
   height = 320,
-  margin = chunkCIN5JDN4_js.defaultChartMargin,
+  margin = chunk4E4XKJNR_js.defaultChartMargin,
   series,
   showGrid = true,
   showLegend = false,
@@ -29,7 +29,7 @@ function BarChart({
   const hasData = data.length > 0 && series.length > 0;
   const xAxisKey = String(xKey);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkCIN5JDN4_js.ChartFrame,
+    chunk4E4XKJNR_js.ChartFrame,
     {
       appearance,
       className,
@@ -42,7 +42,7 @@ function BarChart({
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.BarChart, { data, margin, syncId, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkCIN5JDN4_js.ChartDecorators,
+          chunk4E4XKJNR_js.ChartDecorators,
           {
             axis: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -74,7 +74,7 @@ function BarChart({
           }
         ),
         series.map((item, index) => {
-          const color = chunkCIN5JDN4_js.resolveColor(item.color, index);
+          const color = chunk4E4XKJNR_js.resolveColor(item.color, index);
           return /* @__PURE__ */ jsxRuntime.jsx(
             recharts.Bar,
             {
@@ -95,15 +95,15 @@ BarChart.displayName = "BarChart";
 
 Object.defineProperty(exports, "chartColorValues", {
   enumerable: true,
-  get: function () { return chunkCIN5JDN4_js.chartColorValues; }
+  get: function () { return chunk4E4XKJNR_js.chartColorValues; }
 });
 Object.defineProperty(exports, "chartPalette", {
   enumerable: true,
-  get: function () { return chunkCIN5JDN4_js.chartPalette; }
+  get: function () { return chunk4E4XKJNR_js.chartPalette; }
 });
 Object.defineProperty(exports, "chartVariants", {
   enumerable: true,
-  get: function () { return chunkCIN5JDN4_js.chartVariants; }
+  get: function () { return chunk4E4XKJNR_js.chartVariants; }
 });
 exports.BarChart = BarChart;
 //# sourceMappingURL=bar.js.map

package/dist/charts/bar.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { ChartFrame, defaultChartMargin, ChartDecorators, resolveColor } from '../chunk-IQZROQNJ.mjs';
-export { chartColorValues, chartPalette, chartVariants } from '../chunk-IQZROQNJ.mjs';
+import { ChartFrame, defaultChartMargin, ChartDecorators, resolveColor } from '../chunk-7I44JVWY.mjs';
+export { chartColorValues, chartPalette, chartVariants } from '../chunk-7I44JVWY.mjs';
 import '../chunk-4D54YOL6.mjs';
 import { BarChart as BarChart$1, XAxis, YAxis, Bar } from 'recharts';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/charts/bubble/Bubble.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Bubble.d.ts","sourceRoot":"","sources":["../../../src/charts/bubble/Bubble.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,wBAAgB,WAAW,CACzB,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,gBAAgB,CAAC,MAAM,CAAC,2CAuE1B;yBA3Fe,WAAW"}
+{"version":3,"file":"Bubble.d.ts","sourceRoot":"","sources":["../../../src/charts/bubble/Bubble.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,wBAAgB,WAAW,CACzB,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,gBAAgB,CAAC,MAAM,CAAC,2CAgE1B;yBApFe,WAAW"}

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

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

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

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

package/dist/charts/bubble.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkCIN5JDN4_js = require('../chunk-CIN5JDN4.js');
+var chunk4E4XKJNR_js = require('../chunk-4E4XKJNR.js');
 require('../chunk-ZS5756ZC.js');
 var recharts = require('recharts');
 var jsxRuntime = require('react/jsx-runtime');
@@ -14,7 +14,7 @@ function BubbleChart({
   density,
   emptyState = null,
   height = 320,
-  margin = chunkCIN5JDN4_js.defaultChartMargin,
+  margin = chunk4E4XKJNR_js.defaultChartMargin,
   series,
   showGrid = true,
   showLegend = false,
@@ -28,7 +28,7 @@ function BubbleChart({
   const hasData = data.length > 0 && series.length > 0;
   const xAxisKey = String(xKey);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkCIN5JDN4_js.ChartFrame,
+    chunk4E4XKJNR_js.ChartFrame,
     {
       appearance,
       className,
@@ -41,14 +41,14 @@ function BubbleChart({
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.ScatterChart, { data, margin, syncId, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkCIN5JDN4_js.ChartDecorators,
+          chunk4E4XKJNR_js.ChartDecorators,
           {
             axis: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 recharts.XAxis,
                 {
                   dataKey: xAxisKey,
-                  type: "number",
+                  type: typeof data[0]?.[xAxisKey] === "number" ? "number" : "category",
                   minTickGap: 24,
                   tickLine: false,
                   tickMargin: 10,
@@ -60,7 +60,7 @@ function BubbleChart({
                 recharts.YAxis,
                 {
                   dataKey: "__chartY",
-                  type: "number",
+                  type: typeof data[0]?.[xAxisKey] === "number" ? "number" : "category",
                   width: 40,
                   tickLine: false,
                   tickMargin: 8,
@@ -76,7 +76,7 @@ function BubbleChart({
           }
         ),
         series.map((item, index) => {
-          const color = chunkCIN5JDN4_js.resolveColor(item.color, index);
+          const color = chunk4E4XKJNR_js.resolveColor(item.color, index);
           return /* @__PURE__ */ jsxRuntime.jsx(
             recharts.Scatter,
             {
@@ -86,14 +86,7 @@ function BubbleChart({
                 __chartZ: item.zKey ? entry[item.zKey] : void 0
               })),
               name: item.name,
-              fill: item.fill ?? color.stroke,
-              children: data.map((_entry, cellIndex) => /* @__PURE__ */ jsxRuntime.jsx(
-                recharts.Bar,
-                {
-                  fill: item.fill ?? color.stroke
-                },
-                `${item.dataKey}-${cellIndex}`
-              ))
+              fill: item.fill ?? color.stroke
             },
             item.dataKey
           );
@@ -107,15 +100,15 @@ BubbleChart.displayName = "BubbleChart";
 
 Object.defineProperty(exports, "chartColorValues", {
   enumerable: true,
-  get: function () { return chunkCIN5JDN4_js.chartColorValues; }
+  get: function () { return chunk4E4XKJNR_js.chartColorValues; }
 });
 Object.defineProperty(exports, "chartPalette", {
   enumerable: true,
-  get: function () { return chunkCIN5JDN4_js.chartPalette; }
+  get: function () { return chunk4E4XKJNR_js.chartPalette; }
 });
 Object.defineProperty(exports, "chartVariants", {
   enumerable: true,
-  get: function () { return chunkCIN5JDN4_js.chartVariants; }
+  get: function () { return chunk4E4XKJNR_js.chartVariants; }
 });
 exports.BubbleChart = BubbleChart;
 //# sourceMappingURL=bubble.js.map

package/dist/charts/bubble.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/charts/bubble/Bubble.tsx"],"names":["defaultChartMargin","jsx","ChartFrame","jsxs","RechartsScatterChart","ChartDecorators","Fragment","XAxis","YAxis","resolveColor","Scatter","Bar","ZAxis"],"mappings":"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","file":"bubble.js","sourcesContent":["\"use client\";\n\nimport {\n  Scatter,\n  ScatterChart as RechartsScatterChart,\n  XAxis,\n  YAxis,\n  ZAxis,\n  Bar,\n} from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { BubbleChartProps } from \"../shared/types\";\n\nexport function BubbleChart<\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}: BubbleChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\n  const xAxisKey = String(xKey);\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=\"number\"\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                __chartZ: item.zKey ? entry[item.zKey] : undefined,\n              }))}\n              name={item.name}\n              fill={item.fill ?? color.stroke}\n            >\n              {data.map((_entry, cellIndex) => (\n                <Bar\n                  key={`${item.dataKey}-${cellIndex}`}\n                  fill={item.fill ?? color.stroke}\n                />\n              ))}\n            </Scatter>\n          );\n        })}\n        <ZAxis dataKey=\"__chartZ\" range={[64, 720]} />\n      </RechartsScatterChart>\n    </ChartFrame>\n  );\n}\n\nBubbleChart.displayName = \"BubbleChart\";\n"]}
+{"version":3,"sources":["../../src/charts/bubble/Bubble.tsx"],"names":["defaultChartMargin","jsx","ChartFrame","jsxs","RechartsScatterChart","ChartDecorators","Fragment","XAxis","YAxis","resolveColor","Scatter","ZAxis"],"mappings":"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","file":"bubble.js","sourcesContent":["\"use client\";\n\nimport {\n  Scatter,\n  ScatterChart as RechartsScatterChart,\n  XAxis,\n  YAxis,\n  ZAxis,\n  Bar,\n} from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { BubbleChartProps } from \"../shared/types\";\n\nexport function BubbleChart<\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}: BubbleChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\n  const xAxisKey = String(xKey);\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={typeof data[0]?.[xAxisKey] === \"number\" ? \"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={typeof data[0]?.[xAxisKey] === \"number\" ? \"number\" : \"category\"}\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                __chartZ: item.zKey ? entry[item.zKey] : undefined,\n              }))}\n              name={item.name}\n              fill={item.fill ?? color.stroke}\n            />\n          );\n        })}\n        <ZAxis dataKey=\"__chartZ\" range={[64, 720]} />\n      </RechartsScatterChart>\n    </ChartFrame>\n  );\n}\n\nBubbleChart.displayName = \"BubbleChart\";\n"]}

package/dist/charts/bubble.mjs

@@ -1,8 +1,8 @@
 "use client";
-import { ChartFrame, defaultChartMargin, ChartDecorators, resolveColor } from '../chunk-IQZROQNJ.mjs';
-export { chartColorValues, chartPalette, chartVariants } from '../chunk-IQZROQNJ.mjs';
+import { ChartFrame, defaultChartMargin, ChartDecorators, resolveColor } from '../chunk-7I44JVWY.mjs';
+export { chartColorValues, chartPalette, chartVariants } from '../chunk-7I44JVWY.mjs';
 import '../chunk-4D54YOL6.mjs';
-import { ScatterChart, XAxis, YAxis, Scatter, Bar, ZAxis } from 'recharts';
+import { ScatterChart, XAxis, YAxis, Scatter, ZAxis } from 'recharts';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
 function BubbleChart({
@@ -47,7 +47,7 @@ function BubbleChart({
                 XAxis,
                 {
                   dataKey: xAxisKey,
-                  type: "number",
+                  type: typeof data[0]?.[xAxisKey] === "number" ? "number" : "category",
                   minTickGap: 24,
                   tickLine: false,
                   tickMargin: 10,
@@ -59,7 +59,7 @@ function BubbleChart({
                 YAxis,
                 {
                   dataKey: "__chartY",
-                  type: "number",
+                  type: typeof data[0]?.[xAxisKey] === "number" ? "number" : "category",
                   width: 40,
                   tickLine: false,
                   tickMargin: 8,
@@ -85,14 +85,7 @@ function BubbleChart({
                 __chartZ: item.zKey ? entry[item.zKey] : void 0
               })),
               name: item.name,
-              fill: item.fill ?? color.stroke,
-              children: data.map((_entry, cellIndex) => /* @__PURE__ */ jsx(
-                Bar,
-                {
-                  fill: item.fill ?? color.stroke
-                },
-                `${item.dataKey}-${cellIndex}`
-              ))
+              fill: item.fill ?? color.stroke
             },
             item.dataKey
           );

package/dist/charts/bubble.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/charts/bubble/Bubble.tsx"],"names":["RechartsScatterChart"],"mappings":"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","file":"bubble.mjs","sourcesContent":["\"use client\";\n\nimport {\n  Scatter,\n  ScatterChart as RechartsScatterChart,\n  XAxis,\n  YAxis,\n  ZAxis,\n  Bar,\n} from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { BubbleChartProps } from \"../shared/types\";\n\nexport function BubbleChart<\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}: BubbleChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\n  const xAxisKey = String(xKey);\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=\"number\"\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                __chartZ: item.zKey ? entry[item.zKey] : undefined,\n              }))}\n              name={item.name}\n              fill={item.fill ?? color.stroke}\n            >\n              {data.map((_entry, cellIndex) => (\n                <Bar\n                  key={`${item.dataKey}-${cellIndex}`}\n                  fill={item.fill ?? color.stroke}\n                />\n              ))}\n            </Scatter>\n          );\n        })}\n        <ZAxis dataKey=\"__chartZ\" range={[64, 720]} />\n      </RechartsScatterChart>\n    </ChartFrame>\n  );\n}\n\nBubbleChart.displayName = \"BubbleChart\";\n"]}
+{"version":3,"sources":["../../src/charts/bubble/Bubble.tsx"],"names":["RechartsScatterChart"],"mappings":"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","file":"bubble.mjs","sourcesContent":["\"use client\";\n\nimport {\n  Scatter,\n  ScatterChart as RechartsScatterChart,\n  XAxis,\n  YAxis,\n  ZAxis,\n  Bar,\n} from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { BubbleChartProps } from \"../shared/types\";\n\nexport function BubbleChart<\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}: BubbleChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\n  const xAxisKey = String(xKey);\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={typeof data[0]?.[xAxisKey] === \"number\" ? \"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={typeof data[0]?.[xAxisKey] === \"number\" ? \"number\" : \"category\"}\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                __chartZ: item.zKey ? entry[item.zKey] : undefined,\n              }))}\n              name={item.name}\n              fill={item.fill ?? color.stroke}\n            />\n          );\n        })}\n        <ZAxis dataKey=\"__chartZ\" range={[64, 720]} />\n      </RechartsScatterChart>\n    </ChartFrame>\n  );\n}\n\nBubbleChart.displayName = \"BubbleChart\";\n"]}

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

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

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

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

package/dist/charts/line.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkCIN5JDN4_js = require('../chunk-CIN5JDN4.js');
+var chunk4E4XKJNR_js = require('../chunk-4E4XKJNR.js');
 require('../chunk-ZS5756ZC.js');
 var recharts = require('recharts');
 var jsxRuntime = require('react/jsx-runtime');
@@ -14,7 +14,7 @@ function LineChart({
   density,
   emptyState = null,
   height = 320,
-  margin = chunkCIN5JDN4_js.defaultChartMargin,
+  margin = chunk4E4XKJNR_js.defaultChartMargin,
   series,
   showGrid = true,
   showLegend = false,
@@ -29,7 +29,7 @@ function LineChart({
   const hasData = data.length > 0 && series.length > 0;
   const xAxisKey = String(xKey);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkCIN5JDN4_js.ChartFrame,
+    chunk4E4XKJNR_js.ChartFrame,
     {
       appearance,
       className,
@@ -42,7 +42,7 @@ function LineChart({
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.LineChart, { data, margin, syncId, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkCIN5JDN4_js.ChartDecorators,
+          chunk4E4XKJNR_js.ChartDecorators,
           {
             axis: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -74,7 +74,7 @@ function LineChart({
           }
         ),
         series.map((item, index) => {
-          const color = chunkCIN5JDN4_js.resolveColor(item.color, index);
+          const color = chunk4E4XKJNR_js.resolveColor(item.color, index);
           return /* @__PURE__ */ jsxRuntime.jsx(
             recharts.Line,
             {
@@ -98,15 +98,15 @@ LineChart.displayName = "LineChart";
 
 Object.defineProperty(exports, "chartColorValues", {
   enumerable: true,
-  get: function () { return chunkCIN5JDN4_js.chartColorValues; }
+  get: function () { return chunk4E4XKJNR_js.chartColorValues; }
 });
 Object.defineProperty(exports, "chartPalette", {
   enumerable: true,
-  get: function () { return chunkCIN5JDN4_js.chartPalette; }
+  get: function () { return chunk4E4XKJNR_js.chartPalette; }
 });
 Object.defineProperty(exports, "chartVariants", {
   enumerable: true,
-  get: function () { return chunkCIN5JDN4_js.chartVariants; }
+  get: function () { return chunk4E4XKJNR_js.chartVariants; }
 });
 exports.LineChart = LineChart;
 //# sourceMappingURL=line.js.map

package/dist/charts/line.mjs

@@ -1,6 +1,6 @@
 "use client";
-import { ChartFrame, defaultChartMargin, ChartDecorators, resolveColor } from '../chunk-IQZROQNJ.mjs';
-export { chartColorValues, chartPalette, chartVariants } from '../chunk-IQZROQNJ.mjs';
+import { ChartFrame, defaultChartMargin, ChartDecorators, resolveColor } from '../chunk-7I44JVWY.mjs';
+export { chartColorValues, chartPalette, chartVariants } from '../chunk-7I44JVWY.mjs';
 import '../chunk-4D54YOL6.mjs';
 import { LineChart as LineChart$1, XAxis, YAxis, Line } from 'recharts';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

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

@@ -8,9 +8,6 @@ type ChartFrameProps = HTMLAttributes<HTMLDivElement> & {
     emptyState?: ReactNode;
     hasData: boolean;
     height: number;
-    showGrid?: boolean;
-    showLegend?: boolean;
-    showTooltip?: boolean;
     style?: CSSProperties;
     children: ReactNode;
 };

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":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAItE,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,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,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,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,2CAoCjB;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":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAItE,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,2CAqCjB;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/{chunk-CIN5JDN4.js → chunk-4E4XKJNR.js}

@@ -69,6 +69,25 @@ var chartPalette = {
   "gradient-amber-blue": { stroke: "#d97706", fill: "#fcd34d", textColor: "#d97706" }
 };
 var chartColorValues = Object.keys(chartPalette);
+var CHART_ONLY_DIV_PROP_KEYS = /* @__PURE__ */ new Set([
+  "data",
+  "margin",
+  "series",
+  "showGrid",
+  "showLegend",
+  "showTooltip",
+  "stacked",
+  "strokeDasharray",
+  "syncId",
+  "tooltipColor",
+  "xKey"
+]);
+function filterDivProps(props) {
+  const entries = Object.entries(props).filter(
+    ([key]) => !CHART_ONLY_DIV_PROP_KEYS.has(key)
+  );
+  return Object.fromEntries(entries);
+}
 var defaultChartMargin = { top: 16, right: 16, bottom: 8, left: 0 };
 function ChartFrame({
   appearance,
@@ -82,6 +101,7 @@ function ChartFrame({
   style,
   ...props
 }) {
+  const divProps = filterDivProps(props);
   const chartStyle = {
     "--chart-height": `${height}px`,
     ...style
@@ -92,7 +112,7 @@ function ChartFrame({
       {
         className: chunkZS5756ZC_js.cn(chartVariants({ appearance, density }), className),
         style: chartStyle,
-        ...props,
+        ...divProps,
         children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-full min-h-48 items-center justify-center text-sm text-slate-500", children: emptyState })
       }
     );
@@ -102,7 +122,7 @@ function ChartFrame({
     {
       className: chunkZS5756ZC_js.cn(chartVariants({ appearance, density }), className),
       style: chartStyle,
-      ...props,
+      ...divProps,
       children: /* @__PURE__ */ jsxRuntime.jsx(
         recharts.ResponsiveContainer,
         {
@@ -170,5 +190,5 @@ exports.chartVariants = chartVariants;
 exports.defaultChartMargin = defaultChartMargin;
 exports.getSeriesFill = getSeriesFill;
 exports.resolveColor = resolveColor;
-//# sourceMappingURL=chunk-CIN5JDN4.js.map
-//# sourceMappingURL=chunk-CIN5JDN4.js.map
+//# sourceMappingURL=chunk-4E4XKJNR.js.map
+//# sourceMappingURL=chunk-4E4XKJNR.js.map

package/dist/chunk-4E4XKJNR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/shared/variants.ts","../src/charts/shared/chart-frame.tsx","../src/charts/shared/colors.ts"],"names":["cva","jsx","cn","ResponsiveContainer","jsxs","Fragment","CartesianGrid","Tooltip","Legend"],"mappings":"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","file":"chunk-4E4XKJNR.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const chartVariants = cva(\n  [\n    \"relative w-full min-w-0 overflow-hidden rounded-xl\",\n    \"h-[var(--chart-height)] min-h-64 sm:min-h-72 md:min-h-80\",\n    \"[&_.recharts-default-tooltip]:rounded-lg [&_.recharts-default-tooltip]:border [&_.recharts-default-tooltip]:border-slate-200\",\n    \"[&_.recharts-default-tooltip]:bg-white/95 [&_.recharts-default-tooltip]:shadow-lg\",\n    \"[&_.recharts-default-tooltip]:text-slate-900\",\n  ],\n  {\n    variants: {\n      appearance: {\n        default:\n          \"bg-white text-slate-600 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        muted:\n          \"bg-slate-50 text-slate-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        outline:\n          \"border border-slate-200 bg-white text-slate-600 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        glass:\n          \"border border-white/15 bg-white/10 text-slate-100 backdrop-blur-md [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        sky: \"bg-sky-50 text-sky-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        emerald:\n          \"bg-emerald-50 text-emerald-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        violet:\n          \"bg-violet-50 text-violet-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        amber:\n          \"bg-amber-50 text-amber-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        rose: \"bg-rose-50 text-rose-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        slate:\n          \"bg-slate-50 text-slate-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        gray: \"bg-gray-50 text-gray-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        indigo:\n          \"bg-indigo-50 text-indigo-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        \"gradient-cyan-violet\":\n          \"bg-gradient-to-r from-cyan-500 to-violet-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-emerald-violet\":\n          \"bg-gradient-to-r from-emerald-500 to-violet-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-amber-rose\":\n          \"bg-gradient-to-r from-amber-500 to-rose-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-slate-gray\":\n          \"bg-gradient-to-r from-slate-500 to-gray-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-indigo-purple\":\n          \"bg-gradient-to-r from-indigo-500 to-purple-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-cyan-blue\":\n          \"bg-gradient-to-r from-cyan-500 to-blue-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-emerald-blue\":\n          \"bg-gradient-to-r from-emerald-500 to-blue-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-amber-blue\":\n          \"bg-gradient-to-r from-amber-500 to-blue-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n      },\n      density: {\n        compact: \"p-2 sm:p-3\",\n        comfortable: \"p-3 sm:p-4\",\n        spacious: \"p-4 sm:p-5 md:p-6\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      density: \"comfortable\",\n    },\n  },\n);\n\nexport const chartPalette = {\n  cyan: { stroke: \"#0891b2\", fill: \"#67e8f9\", textColor: \"#0891b2\" },\n  emerald: { stroke: \"#059669\", fill: \"#6ee7b7\", textColor: \"#059669\" },\n  violet: { stroke: \"#7c3aed\", fill: \"#c4b5fd\", textColor: \"#7c3aed\" },\n  amber: { stroke: \"#d97706\", fill: \"#fcd34d\", textColor: \"#d97706\" },\n  rose: { stroke: \"#e11d48\", fill: \"#fda4af\", textColor: \"#e11d48\" },\n  slate: { stroke: \"#475569\", fill: \"#cbd5e1\", textColor: \"#475569\" },\n  gray: { stroke: \"#6b7280\", fill: \"#d1d5db\", textColor: \"#6b7280\" },\n  white: { stroke: \"#ffffff\", fill: \"#ffffff\", textColor: \"#ffffff\" },\n  indigo: { stroke: \"#6366f1\", fill: \"#c7d2fe\", textColor: \"#6366f1\" },\n  \"gradient-cyan-violet\": { stroke: \"#0891b2\", fill: \"#67e8f9\", textColor: \"#0891b2\" },\n  \"gradient-emerald-violet\": { stroke: \"#059669\", fill: \"#6ee7b7\", textColor: \"#059669\" },\n  \"gradient-amber-rose\": { stroke: \"#d97706\", fill: \"#fcd34d\", textColor: \"#d97706\" },\n  \"gradient-slate-gray\": { stroke: \"#475569\", fill: \"#cbd5e1\", textColor: \"#475569\" },\n  \"gradient-indigo-purple\": { stroke: \"#6366f1\", fill: \"#c7d2fe\", textColor: \"#6366f1\" },\n  \"gradient-cyan-blue\": { stroke: \"#0891b2\", fill: \"#67e8f9\", textColor: \"#0891b2\" },\n  \"gradient-emerald-blue\": { stroke: \"#059669\", fill: \"#6ee7b7\", textColor: \"#059669\" },\n  \"gradient-amber-blue\": { stroke: \"#d97706\", fill: \"#fcd34d\", textColor: \"#d97706\" },\n} as const;\n\nexport const chartColorValues = Object.keys(chartPalette) as Array<\n  keyof typeof chartPalette\n>;\n","import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { CartesianGrid, Legend, ResponsiveContainer, Tooltip } from \"recharts\";\n\nimport { cn } from \"../../lib/utils\";\nimport { chartVariants } from \"./variants\";\nimport { VariantProps } from \"class-variance-authority\";\n\n/** Chart-level props that may be forwarded from *Chart `...rest` and must not reach a DOM node. */\nconst CHART_ONLY_DIV_PROP_KEYS = new Set([\n  \"data\",\n  \"margin\",\n  \"series\",\n  \"showGrid\",\n  \"showLegend\",\n  \"showTooltip\",\n  \"stacked\",\n  \"strokeDasharray\",\n  \"syncId\",\n  \"tooltipColor\",\n  \"xKey\",\n]);\n\nfunction filterDivProps(\n  props: HTMLAttributes<HTMLDivElement>,\n): HTMLAttributes<HTMLDivElement> {\n  const entries = Object.entries(props).filter(\n    ([key]) => !CHART_ONLY_DIV_PROP_KEYS.has(key),\n  );\n  return Object.fromEntries(entries) as HTMLAttributes<HTMLDivElement>;\n}\n\ntype ChartFrameProps = HTMLAttributes<HTMLDivElement> & {\n  appearance?: VariantProps<typeof chartVariants>[\"appearance\"];\n  containerStyle?: CSSProperties;\n  density?: \"compact\" | \"comfortable\" | \"spacious\" | null;\n  emptyState?: ReactNode;\n  hasData: boolean;\n  height: number;\n  style?: CSSProperties;\n  children: ReactNode;\n};\n\nexport const defaultChartMargin = { top: 16, right: 16, bottom: 8, left: 0 };\n\nexport function ChartFrame({\n  appearance,\n  children,\n  className,\n  containerStyle,\n  density,\n  emptyState = null,\n  hasData,\n  height,\n  style,\n  ...props\n}: ChartFrameProps) {\n  const divProps = filterDivProps(props);\n  const chartStyle = {\n    \"--chart-height\": `${height}px`,\n    ...style,\n  } as CSSProperties;\n\n  if (!hasData) {\n    return (\n      <div\n        className={cn(chartVariants({ appearance, density }), className)}\n        style={chartStyle}\n        {...divProps}\n      >\n        <div className=\"flex h-full min-h-48 items-center justify-center text-sm text-slate-500\">\n          {emptyState}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(chartVariants({ appearance, density }), className)}\n      style={chartStyle}\n      {...divProps}\n    >\n      <ResponsiveContainer\n        width=\"100%\"\n        height=\"100%\"\n        debounce={80}\n        style={containerStyle}\n      >\n        {children}\n      </ResponsiveContainer>\n    </div>\n  );\n}\n\nexport function ChartDecorators({\n  axis,\n  showGrid,\n  showLegend,\n  showTooltip,\n  tooltipColor = \"#0f172a\",\n}: {\n  axis: ReactNode;\n  showGrid: boolean;\n  showLegend: boolean;\n  showTooltip: boolean;\n  tooltipColor?: string;\n}) {\n  return (\n    <>\n      {showGrid ? (\n        <CartesianGrid\n          strokeDasharray=\"3 3\"\n          stroke=\"currentColor\"\n          opacity={0.16}\n        />\n      ) : null}\n      {axis}\n      {showTooltip ? (\n        <Tooltip\n          cursor={{ opacity: 0.12 }}\n          contentStyle={{ color: tooltipColor }}\n          labelStyle={{ color: tooltipColor }}\n          itemStyle={{ color: tooltipColor }}\n        />\n      ) : null}\n      {showLegend ? <Legend /> : null}\n    </>\n  );\n}\n","import type { ChartColor, ChartSeries } from \"./types\";\nimport { chartPalette } from \"./variants\";\n\nexport function resolveColor(\n  color: ChartColor | string | undefined,\n  index: number,\n) {\n  if (color && color in chartPalette) {\n    return chartPalette[color as ChartColor];\n  }\n  if (color) {\n    return { stroke: color, fill: color };\n  }\n\n  const paletteValues = Object.values(chartPalette);\n  return paletteValues[index % paletteValues.length] ?? chartPalette.cyan;\n}\n\nexport function getSeriesFill(\n  series: ChartSeries,\n  index: number,\n  opacity = 0.18,\n) {\n  const color = resolveColor(series.color, index);\n  return (\n    series.fill ??\n    `${color.fill}${Math.round(opacity * 255)\n      .toString(16)\n      .padStart(2, \"0\")}`\n  );\n}\n"]}

package/dist/{chunk-IQZROQNJ.mjs → chunk-7I44JVWY.mjs}

@@ -67,6 +67,25 @@ var chartPalette = {
   "gradient-amber-blue": { stroke: "#d97706", fill: "#fcd34d", textColor: "#d97706" }
 };
 var chartColorValues = Object.keys(chartPalette);
+var CHART_ONLY_DIV_PROP_KEYS = /* @__PURE__ */ new Set([
+  "data",
+  "margin",
+  "series",
+  "showGrid",
+  "showLegend",
+  "showTooltip",
+  "stacked",
+  "strokeDasharray",
+  "syncId",
+  "tooltipColor",
+  "xKey"
+]);
+function filterDivProps(props) {
+  const entries = Object.entries(props).filter(
+    ([key]) => !CHART_ONLY_DIV_PROP_KEYS.has(key)
+  );
+  return Object.fromEntries(entries);
+}
 var defaultChartMargin = { top: 16, right: 16, bottom: 8, left: 0 };
 function ChartFrame({
   appearance,
@@ -80,6 +99,7 @@ function ChartFrame({
   style,
   ...props
 }) {
+  const divProps = filterDivProps(props);
   const chartStyle = {
     "--chart-height": `${height}px`,
     ...style
@@ -90,7 +110,7 @@ function ChartFrame({
       {
         className: cn(chartVariants({ appearance, density }), className),
         style: chartStyle,
-        ...props,
+        ...divProps,
         children: /* @__PURE__ */ jsx("div", { className: "flex h-full min-h-48 items-center justify-center text-sm text-slate-500", children: emptyState })
       }
     );
@@ -100,7 +120,7 @@ function ChartFrame({
     {
       className: cn(chartVariants({ appearance, density }), className),
       style: chartStyle,
-      ...props,
+      ...divProps,
       children: /* @__PURE__ */ jsx(
         ResponsiveContainer,
         {
@@ -161,5 +181,5 @@ function getSeriesFill(series, index, opacity = 0.18) {
 }
 
 export { ChartDecorators, ChartFrame, chartColorValues, chartPalette, chartVariants, defaultChartMargin, getSeriesFill, resolveColor };
-//# sourceMappingURL=chunk-IQZROQNJ.mjs.map
-//# sourceMappingURL=chunk-IQZROQNJ.mjs.map
+//# sourceMappingURL=chunk-7I44JVWY.mjs.map
+//# sourceMappingURL=chunk-7I44JVWY.mjs.map

package/dist/chunk-7I44JVWY.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/charts/shared/variants.ts","../src/charts/shared/chart-frame.tsx","../src/charts/shared/colors.ts"],"names":[],"mappings":";;;;;AAEO,IAAM,aAAA,GAAgB,GAAA;AAAA,EAC3B;AAAA,IACE,oDAAA;AAAA,IACA,0DAAA;AAAA,IACA,8HAAA;AAAA,IACA,mFAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,UAAA,EAAY;AAAA,QACV,OAAA,EACE,gFAAA;AAAA,QACF,KAAA,EACE,mFAAA;AAAA,QACF,OAAA,EACE,wGAAA;AAAA,QACF,KAAA,EACE,uHAAA;AAAA,QACF,GAAA,EAAK,+EAAA;AAAA,QACL,OAAA,EACE,uFAAA;AAAA,QACF,MAAA,EACE,qFAAA;AAAA,QACF,KAAA,EACE,mFAAA;AAAA,QACF,IAAA,EAAM,iFAAA;AAAA,QACN,KAAA,EACE,mFAAA;AAAA,QACF,IAAA,EAAM,iFAAA;AAAA,QACN,MAAA,EACE,qFAAA;AAAA,QACF,sBAAA,EACE,4GAAA;AAAA,QACF,yBAAA,EACE,+GAAA;AAAA,QACF,qBAAA,EACE,2GAAA;AAAA,QACF,qBAAA,EACE,2GAAA;AAAA,QACF,wBAAA,EACE,8GAAA;AAAA,QACF,oBAAA,EACE,0GAAA;AAAA,QACF,uBAAA,EACE,6GAAA;AAAA,QACF,qBAAA,EACE;AAAA,OACJ;AAAA,MACA,OAAA,EAAS;AAAA,QACP,OAAA,EAAS,YAAA;AAAA,QACT,WAAA,EAAa,YAAA;AAAA,QACb,QAAA,EAAU;AAAA;AACZ,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,UAAA,EAAY,SAAA;AAAA,MACZ,OAAA,EAAS;AAAA;AACX;AAEJ;AAEO,IAAM,YAAA,GAAe;AAAA,EAC1B,MAAM,EAAE,MAAA,EAAQ,WAAW,IAAA,EAAM,SAAA,EAAW,WAAW,SAAA,EAAU;AAAA,EACjE,SAAS,EAAE,MAAA,EAAQ,WAAW,IAAA,EAAM,SAAA,EAAW,WAAW,SAAA,EAAU;AAAA,EACpE,QAAQ,EAAE,MAAA,EAAQ,WAAW,IAAA,EAAM,SAAA,EAAW,WAAW,SAAA,EAAU;AAAA,EACnE,OAAO,EAAE,MAAA,EAAQ,WAAW,IAAA,EAAM,SAAA,EAAW,WAAW,SAAA,EAAU;AAAA,EAClE,MAAM,EAAE,MAAA,EAAQ,WAAW,IAAA,EAAM,SAAA,EAAW,WAAW,SAAA,EAAU;AAAA,EACjE,OAAO,EAAE,MAAA,EAAQ,WAAW,IAAA,EAAM,SAAA,EAAW,WAAW,SAAA,EAAU;AAAA,EAClE,MAAM,EAAE,MAAA,EAAQ,WAAW,IAAA,EAAM,SAAA,EAAW,WAAW,SAAA,EAAU;AAAA,EACjE,OAAO,EAAE,MAAA,EAAQ,WAAW,IAAA,EAAM,SAAA,EAAW,WAAW,SAAA,EAAU;AAAA,EAClE,QAAQ,EAAE,MAAA,EAAQ,WAAW,IAAA,EAAM,SAAA,EAAW,WAAW,SAAA,EAAU;AAAA,EACnE,wBAAwB,EAAE,MAAA,EAAQ,WAAW,IAAA,EAAM,SAAA,EAAW,WAAW,SAAA,EAAU;AAAA,EACnF,2BAA2B,EAAE,MAAA,EAAQ,WAAW,IAAA,EAAM,SAAA,EAAW,WAAW,SAAA,EAAU;AAAA,EACtF,uBAAuB,EAAE,MAAA,EAAQ,WAAW,IAAA,EAAM,SAAA,EAAW,WAAW,SAAA,EAAU;AAAA,EAClF,uBAAuB,EAAE,MAAA,EAAQ,WAAW,IAAA,EAAM,SAAA,EAAW,WAAW,SAAA,EAAU;AAAA,EAClF,0BAA0B,EAAE,MAAA,EAAQ,WAAW,IAAA,EAAM,SAAA,EAAW,WAAW,SAAA,EAAU;AAAA,EACrF,sBAAsB,EAAE,MAAA,EAAQ,WAAW,IAAA,EAAM,SAAA,EAAW,WAAW,SAAA,EAAU;AAAA,EACjF,yBAAyB,EAAE,MAAA,EAAQ,WAAW,IAAA,EAAM,SAAA,EAAW,WAAW,SAAA,EAAU;AAAA,EACpF,uBAAuB,EAAE,MAAA,EAAQ,WAAW,IAAA,EAAM,SAAA,EAAW,WAAW,SAAA;AAC1E;AAEO,IAAM,gBAAA,GAAmB,MAAA,CAAO,IAAA,CAAK,YAAY;AC5ExD,IAAM,wBAAA,uBAA+B,GAAA,CAAI;AAAA,EACvC,MAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,aAAA;AAAA,EACA,SAAA;AAAA,EACA,iBAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA;AACF,CAAC,CAAA;AAED,SAAS,eACP,KAAA,EACgC;AAChC,EAAA,MAAM,OAAA,GAAU,MAAA,CAAO,OAAA,CAAQ,KAAK,CAAA,CAAE,MAAA;AAAA,IACpC,CAAC,CAAC,GAAG,MAAM,CAAC,wBAAA,CAAyB,IAAI,GAAG;AAAA,GAC9C;AACA,EAAA,OAAO,MAAA,CAAO,YAAY,OAAO,CAAA;AACnC;AAaO,IAAM,kBAAA,GAAqB,EAAE,GAAA,EAAK,EAAA,EAAI,OAAO,EAAA,EAAI,MAAA,EAAQ,CAAA,EAAG,IAAA,EAAM,CAAA;AAElE,SAAS,UAAA,CAAW;AAAA,EACzB,UAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,OAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAAoB;AAClB,EAAA,MAAM,QAAA,GAAW,eAAe,KAAK,CAAA;AACrC,EAAA,MAAM,UAAA,GAAa;AAAA,IACjB,gBAAA,EAAkB,GAAG,MAAM,CAAA,EAAA,CAAA;AAAA,IAC3B,GAAG;AAAA,GACL;AAEA,EAAA,IAAI,CAAC,OAAA,EAAS;AACZ,IAAA,uBACE,GAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,GAAG,aAAA,CAAc,EAAE,YAAY,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,QAC/D,KAAA,EAAO,UAAA;AAAA,QACN,GAAG,QAAA;AAAA,QAEJ,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,yEAAA,EACZ,QAAA,EAAA,UAAA,EACH;AAAA;AAAA,KACF;AAAA,EAEJ;AAEA,EAAA,uBACE,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAG,aAAA,CAAc,EAAE,YAAY,OAAA,EAAS,GAAG,SAAS,CAAA;AAAA,MAC/D,KAAA,EAAO,UAAA;AAAA,MACN,GAAG,QAAA;AAAA,MAEJ,QAAA,kBAAA,GAAA;AAAA,QAAC,mBAAA;AAAA,QAAA;AAAA,UACC,KAAA,EAAM,MAAA;AAAA,UACN,MAAA,EAAO,MAAA;AAAA,UACP,QAAA,EAAU,EAAA;AAAA,UACV,KAAA,EAAO,cAAA;AAAA,UAEN;AAAA;AAAA;AACH;AAAA,GACF;AAEJ;AAEO,SAAS,eAAA,CAAgB;AAAA,EAC9B,IAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAA,GAAe;AACjB,CAAA,EAMG;AACD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACG,QAAA,EAAA;AAAA,IAAA,QAAA,mBACC,GAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,eAAA,EAAgB,KAAA;AAAA,QAChB,MAAA,EAAO,cAAA;AAAA,QACP,OAAA,EAAS;AAAA;AAAA,KACX,GACE,IAAA;AAAA,IACH,IAAA;AAAA,IACA,WAAA,mBACC,GAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,MAAA,EAAQ,EAAE,OAAA,EAAS,IAAA,EAAK;AAAA,QACxB,YAAA,EAAc,EAAE,KAAA,EAAO,YAAA,EAAa;AAAA,QACpC,UAAA,EAAY,EAAE,KAAA,EAAO,YAAA,EAAa;AAAA,QAClC,SAAA,EAAW,EAAE,KAAA,EAAO,YAAA;AAAa;AAAA,KACnC,GACE,IAAA;AAAA,IACH,UAAA,mBAAa,GAAA,CAAC,MAAA,EAAA,EAAO,CAAA,GAAK;AAAA,GAAA,EAC7B,CAAA;AAEJ;;;AC7HO,SAAS,YAAA,CACd,OACA,KAAA,EACA;AACA,EAAA,IAAI,KAAA,IAAS,SAAS,YAAA,EAAc;AAClC,IAAA,OAAO,aAAa,KAAmB,CAAA;AAAA,EACzC;AACA,EAAA,IAAI,KAAA,EAAO;AACT,IAAA,OAAO,EAAE,MAAA,EAAQ,KAAA,EAAO,IAAA,EAAM,KAAA,EAAM;AAAA,EACtC;AAEA,EAAA,MAAM,aAAA,GAAgB,MAAA,CAAO,MAAA,CAAO,YAAY,CAAA;AAChD,EAAA,OAAO,aAAA,CAAc,KAAA,GAAQ,aAAA,CAAc,MAAM,KAAK,YAAA,CAAa,IAAA;AACrE;AAEO,SAAS,aAAA,CACd,MAAA,EACA,KAAA,EACA,OAAA,GAAU,IAAA,EACV;AACA,EAAA,MAAM,KAAA,GAAQ,YAAA,CAAa,MAAA,CAAO,KAAA,EAAO,KAAK,CAAA;AAC9C,EAAA,OACE,OAAO,IAAA,IACP,CAAA,EAAG,KAAA,CAAM,IAAI,GAAG,IAAA,CAAK,KAAA,CAAM,OAAA,GAAU,GAAG,EACrC,QAAA,CAAS,EAAE,EACX,QAAA,CAAS,CAAA,EAAG,GAAG,CAAC,CAAA,CAAA;AAEvB","file":"chunk-7I44JVWY.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const chartVariants = cva(\n  [\n    \"relative w-full min-w-0 overflow-hidden rounded-xl\",\n    \"h-[var(--chart-height)] min-h-64 sm:min-h-72 md:min-h-80\",\n    \"[&_.recharts-default-tooltip]:rounded-lg [&_.recharts-default-tooltip]:border [&_.recharts-default-tooltip]:border-slate-200\",\n    \"[&_.recharts-default-tooltip]:bg-white/95 [&_.recharts-default-tooltip]:shadow-lg\",\n    \"[&_.recharts-default-tooltip]:text-slate-900\",\n  ],\n  {\n    variants: {\n      appearance: {\n        default:\n          \"bg-white text-slate-600 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        muted:\n          \"bg-slate-50 text-slate-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        outline:\n          \"border border-slate-200 bg-white text-slate-600 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        glass:\n          \"border border-white/15 bg-white/10 text-slate-100 backdrop-blur-md [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        sky: \"bg-sky-50 text-sky-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        emerald:\n          \"bg-emerald-50 text-emerald-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        violet:\n          \"bg-violet-50 text-violet-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        amber:\n          \"bg-amber-50 text-amber-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        rose: \"bg-rose-50 text-rose-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        slate:\n          \"bg-slate-50 text-slate-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        gray: \"bg-gray-50 text-gray-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        indigo:\n          \"bg-indigo-50 text-indigo-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        \"gradient-cyan-violet\":\n          \"bg-gradient-to-r from-cyan-500 to-violet-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-emerald-violet\":\n          \"bg-gradient-to-r from-emerald-500 to-violet-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-amber-rose\":\n          \"bg-gradient-to-r from-amber-500 to-rose-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-slate-gray\":\n          \"bg-gradient-to-r from-slate-500 to-gray-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-indigo-purple\":\n          \"bg-gradient-to-r from-indigo-500 to-purple-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-cyan-blue\":\n          \"bg-gradient-to-r from-cyan-500 to-blue-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-emerald-blue\":\n          \"bg-gradient-to-r from-emerald-500 to-blue-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-amber-blue\":\n          \"bg-gradient-to-r from-amber-500 to-blue-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n      },\n      density: {\n        compact: \"p-2 sm:p-3\",\n        comfortable: \"p-3 sm:p-4\",\n        spacious: \"p-4 sm:p-5 md:p-6\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      density: \"comfortable\",\n    },\n  },\n);\n\nexport const chartPalette = {\n  cyan: { stroke: \"#0891b2\", fill: \"#67e8f9\", textColor: \"#0891b2\" },\n  emerald: { stroke: \"#059669\", fill: \"#6ee7b7\", textColor: \"#059669\" },\n  violet: { stroke: \"#7c3aed\", fill: \"#c4b5fd\", textColor: \"#7c3aed\" },\n  amber: { stroke: \"#d97706\", fill: \"#fcd34d\", textColor: \"#d97706\" },\n  rose: { stroke: \"#e11d48\", fill: \"#fda4af\", textColor: \"#e11d48\" },\n  slate: { stroke: \"#475569\", fill: \"#cbd5e1\", textColor: \"#475569\" },\n  gray: { stroke: \"#6b7280\", fill: \"#d1d5db\", textColor: \"#6b7280\" },\n  white: { stroke: \"#ffffff\", fill: \"#ffffff\", textColor: \"#ffffff\" },\n  indigo: { stroke: \"#6366f1\", fill: \"#c7d2fe\", textColor: \"#6366f1\" },\n  \"gradient-cyan-violet\": { stroke: \"#0891b2\", fill: \"#67e8f9\", textColor: \"#0891b2\" },\n  \"gradient-emerald-violet\": { stroke: \"#059669\", fill: \"#6ee7b7\", textColor: \"#059669\" },\n  \"gradient-amber-rose\": { stroke: \"#d97706\", fill: \"#fcd34d\", textColor: \"#d97706\" },\n  \"gradient-slate-gray\": { stroke: \"#475569\", fill: \"#cbd5e1\", textColor: \"#475569\" },\n  \"gradient-indigo-purple\": { stroke: \"#6366f1\", fill: \"#c7d2fe\", textColor: \"#6366f1\" },\n  \"gradient-cyan-blue\": { stroke: \"#0891b2\", fill: \"#67e8f9\", textColor: \"#0891b2\" },\n  \"gradient-emerald-blue\": { stroke: \"#059669\", fill: \"#6ee7b7\", textColor: \"#059669\" },\n  \"gradient-amber-blue\": { stroke: \"#d97706\", fill: \"#fcd34d\", textColor: \"#d97706\" },\n} as const;\n\nexport const chartColorValues = Object.keys(chartPalette) as Array<\n  keyof typeof chartPalette\n>;\n","import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { CartesianGrid, Legend, ResponsiveContainer, Tooltip } from \"recharts\";\n\nimport { cn } from \"../../lib/utils\";\nimport { chartVariants } from \"./variants\";\nimport { VariantProps } from \"class-variance-authority\";\n\n/** Chart-level props that may be forwarded from *Chart `...rest` and must not reach a DOM node. */\nconst CHART_ONLY_DIV_PROP_KEYS = new Set([\n  \"data\",\n  \"margin\",\n  \"series\",\n  \"showGrid\",\n  \"showLegend\",\n  \"showTooltip\",\n  \"stacked\",\n  \"strokeDasharray\",\n  \"syncId\",\n  \"tooltipColor\",\n  \"xKey\",\n]);\n\nfunction filterDivProps(\n  props: HTMLAttributes<HTMLDivElement>,\n): HTMLAttributes<HTMLDivElement> {\n  const entries = Object.entries(props).filter(\n    ([key]) => !CHART_ONLY_DIV_PROP_KEYS.has(key),\n  );\n  return Object.fromEntries(entries) as HTMLAttributes<HTMLDivElement>;\n}\n\ntype ChartFrameProps = HTMLAttributes<HTMLDivElement> & {\n  appearance?: VariantProps<typeof chartVariants>[\"appearance\"];\n  containerStyle?: CSSProperties;\n  density?: \"compact\" | \"comfortable\" | \"spacious\" | null;\n  emptyState?: ReactNode;\n  hasData: boolean;\n  height: number;\n  style?: CSSProperties;\n  children: ReactNode;\n};\n\nexport const defaultChartMargin = { top: 16, right: 16, bottom: 8, left: 0 };\n\nexport function ChartFrame({\n  appearance,\n  children,\n  className,\n  containerStyle,\n  density,\n  emptyState = null,\n  hasData,\n  height,\n  style,\n  ...props\n}: ChartFrameProps) {\n  const divProps = filterDivProps(props);\n  const chartStyle = {\n    \"--chart-height\": `${height}px`,\n    ...style,\n  } as CSSProperties;\n\n  if (!hasData) {\n    return (\n      <div\n        className={cn(chartVariants({ appearance, density }), className)}\n        style={chartStyle}\n        {...divProps}\n      >\n        <div className=\"flex h-full min-h-48 items-center justify-center text-sm text-slate-500\">\n          {emptyState}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(chartVariants({ appearance, density }), className)}\n      style={chartStyle}\n      {...divProps}\n    >\n      <ResponsiveContainer\n        width=\"100%\"\n        height=\"100%\"\n        debounce={80}\n        style={containerStyle}\n      >\n        {children}\n      </ResponsiveContainer>\n    </div>\n  );\n}\n\nexport function ChartDecorators({\n  axis,\n  showGrid,\n  showLegend,\n  showTooltip,\n  tooltipColor = \"#0f172a\",\n}: {\n  axis: ReactNode;\n  showGrid: boolean;\n  showLegend: boolean;\n  showTooltip: boolean;\n  tooltipColor?: string;\n}) {\n  return (\n    <>\n      {showGrid ? (\n        <CartesianGrid\n          strokeDasharray=\"3 3\"\n          stroke=\"currentColor\"\n          opacity={0.16}\n        />\n      ) : null}\n      {axis}\n      {showTooltip ? (\n        <Tooltip\n          cursor={{ opacity: 0.12 }}\n          contentStyle={{ color: tooltipColor }}\n          labelStyle={{ color: tooltipColor }}\n          itemStyle={{ color: tooltipColor }}\n        />\n      ) : null}\n      {showLegend ? <Legend /> : null}\n    </>\n  );\n}\n","import type { ChartColor, ChartSeries } from \"./types\";\nimport { chartPalette } from \"./variants\";\n\nexport function resolveColor(\n  color: ChartColor | string | undefined,\n  index: number,\n) {\n  if (color && color in chartPalette) {\n    return chartPalette[color as ChartColor];\n  }\n  if (color) {\n    return { stroke: color, fill: color };\n  }\n\n  const paletteValues = Object.values(chartPalette);\n  return paletteValues[index % paletteValues.length] ?? chartPalette.cyan;\n}\n\nexport function getSeriesFill(\n  series: ChartSeries,\n  index: number,\n  opacity = 0.18,\n) {\n  const color = resolveColor(series.color, index);\n  return (\n    series.fill ??\n    `${color.fill}${Math.round(opacity * 255)\n      .toString(16)\n      .padStart(2, \"0\")}`\n  );\n}\n"]}

package/dist/ui/buttons/variants.d.ts

@@ -1,5 +1,5 @@
 export declare const buttonVariants: (props?: ({
-    appearance?: "default" | "outline" | "glass" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "link" | "secondary" | "destructive" | "ghost" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    appearance?: "default" | "outline" | "glass" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "link" | "orange" | "pink" | "purple" | "teal" | "yellow" | "secondary" | "destructive" | "ghost" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
     size?: "icon" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 //# sourceMappingURL=variants.d.ts.map

package/dist/ui/pagination/pagination.d.ts

@@ -1,5 +1,5 @@
 export declare const Pagination: import("react").ForwardRefExoticComponent<Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "onChange"> & import("class-variance-authority").VariantProps<(props?: ({
-    appearance?: "default" | "outline" | "glass" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "link" | "secondary" | "destructive" | "ghost" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    appearance?: "default" | "outline" | "glass" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "link" | "orange" | "pink" | "purple" | "teal" | "yellow" | "secondary" | "destructive" | "ghost" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
     size?: "icon" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string> & {
     pageCount: number;

package/dist/ui/pagination/variants.d.ts

@@ -3,7 +3,7 @@
  * `components/ui/buttons/variants.ts` for consistent design-system tokens.
  */
 export declare const paginationListVariants: (props?: ({
-    appearance?: "default" | "outline" | "glass" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "link" | "secondary" | "destructive" | "ghost" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
+    appearance?: "default" | "outline" | "glass" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "link" | "orange" | "pink" | "purple" | "teal" | "yellow" | "secondary" | "destructive" | "ghost" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | null | undefined;
     size?: "icon" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | "10xl" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const paginationEllipsisVariants: (props?: ({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zentauri-ui/zentauri-components",
-  "version": "1.5.0",
+  "version": "1.5.1",
   "description": "React + Tailwind UI kit with charts, ESM/CJS builds, per-entry exports, and a zentauri-components / zentauri-ui CLI to vendor UI or hook source into your app",
   "license": "MIT",
   "files": [

package/src/charts/area/Area.tsx

@@ -80,7 +80,6 @@ export function AreaChart<
         {series.map((item, index) => {
           const color = resolveColor(item.color, index);
           const fill = getSeriesFill(item, index)
-          console.log(fill)
           return (
             <Area
               key={item.dataKey}

package/src/charts/area/index.ts

@@ -1,7 +1,14 @@
 "use client";
 
 export { AreaChart } from "./Area";
-export type { AreaChartProps } from "../shared/types";
+export type {
+  AreaChartProps,
+  ChartColor,
+  ChartDatum,
+  ChartMargin,
+  ChartSeries,
+  ChartSharedStatic,
+} from "../shared/types";
 export {
   chartColorValues,
   chartPalette,

package/src/charts/bar/index.ts

@@ -1,7 +1,14 @@
 "use client";
 
 export { BarChart } from "./Bar";
-export type { BarChartProps } from "../shared/types";
+export type {
+  BarChartProps,
+  ChartColor,
+  ChartDatum,
+  ChartMargin,
+  ChartSeries,
+  ChartSharedStatic,
+} from "../shared/types";
 export {
   chartColorValues,
   chartPalette,

package/src/charts/bubble/Bubble.tsx

@@ -59,7 +59,7 @@ export function BubbleChart<
             <>
               <XAxis
                 dataKey={xAxisKey}
-                type="number"
+                type={typeof data[0]?.[xAxisKey] === "number" ? "number" : "category"}
                 minTickGap={24}
                 tickLine={false}
                 tickMargin={10}
@@ -68,7 +68,7 @@ export function BubbleChart<
               />
               <YAxis
                 dataKey="__chartY"
-                type="number"
+                type={typeof data[0]?.[xAxisKey] === "number" ? "number" : "category"}
                 width={40}
                 tickLine={false}
                 tickMargin={8}
@@ -94,14 +94,7 @@ export function BubbleChart<
               }))}
               name={item.name}
               fill={item.fill ?? color.stroke}
-            >
-              {data.map((_entry, cellIndex) => (
-                <Bar
-                  key={`${item.dataKey}-${cellIndex}`}
-                  fill={item.fill ?? color.stroke}
-                />
-              ))}
-            </Scatter>
+            />
           );
         })}
         <ZAxis dataKey="__chartZ" range={[64, 720]} />

package/src/charts/bubble/index.ts

@@ -1,7 +1,14 @@
 "use client";
 
 export { BubbleChart } from "./Bubble";
-export type { BubbleChartProps } from "../shared/types";
+export type {
+  BubbleChartProps,
+  ChartColor,
+  ChartDatum,
+  ChartMargin,
+  ChartSeries,
+  ChartSharedStatic,
+} from "../shared/types";
 export {
   chartColorValues,
   chartPalette,

package/src/charts/line/index.ts

@@ -1,7 +1,14 @@
 "use client";
 
 export { LineChart } from "./Line";
-export type { LineChartProps } from "../shared/types";
+export type {
+  ChartColor,
+  ChartDatum,
+  ChartMargin,
+  ChartSeries,
+  ChartSharedStatic,
+  LineChartProps,
+} from "../shared/types";
 export {
   chartColorValues,
   chartPalette,

package/src/charts/shared/chart-frame.tsx

@@ -5,6 +5,30 @@ import { cn } from "../../lib/utils";
 import { chartVariants } from "./variants";
 import { VariantProps } from "class-variance-authority";
 
+/** Chart-level props that may be forwarded from *Chart `...rest` and must not reach a DOM node. */
+const CHART_ONLY_DIV_PROP_KEYS = new Set([
+  "data",
+  "margin",
+  "series",
+  "showGrid",
+  "showLegend",
+  "showTooltip",
+  "stacked",
+  "strokeDasharray",
+  "syncId",
+  "tooltipColor",
+  "xKey",
+]);
+
+function filterDivProps(
+  props: HTMLAttributes<HTMLDivElement>,
+): HTMLAttributes<HTMLDivElement> {
+  const entries = Object.entries(props).filter(
+    ([key]) => !CHART_ONLY_DIV_PROP_KEYS.has(key),
+  );
+  return Object.fromEntries(entries) as HTMLAttributes<HTMLDivElement>;
+}
+
 type ChartFrameProps = HTMLAttributes<HTMLDivElement> & {
   appearance?: VariantProps<typeof chartVariants>["appearance"];
   containerStyle?: CSSProperties;
@@ -12,9 +36,6 @@ type ChartFrameProps = HTMLAttributes<HTMLDivElement> & {
   emptyState?: ReactNode;
   hasData: boolean;
   height: number;
-  showGrid?: boolean;
-  showLegend?: boolean;
-  showTooltip?: boolean;
   style?: CSSProperties;
   children: ReactNode;
 };
@@ -33,6 +54,7 @@ export function ChartFrame({
   style,
   ...props
 }: ChartFrameProps) {
+  const divProps = filterDivProps(props);
   const chartStyle = {
     "--chart-height": `${height}px`,
     ...style,
@@ -43,7 +65,7 @@ export function ChartFrame({
       <div
         className={cn(chartVariants({ appearance, density }), className)}
         style={chartStyle}
-        {...props}
+        {...divProps}
       >
         <div className="flex h-full min-h-48 items-center justify-center text-sm text-slate-500">
           {emptyState}
@@ -56,7 +78,7 @@ export function ChartFrame({
     <div
       className={cn(chartVariants({ appearance, density }), className)}
       style={chartStyle}
-      {...props}
+      {...divProps}
     >
       <ResponsiveContainer
         width="100%"

package/dist/chunk-CIN5JDN4.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/charts/shared/variants.ts","../src/charts/shared/chart-frame.tsx","../src/charts/shared/colors.ts"],"names":["cva","jsx","cn","ResponsiveContainer","jsxs","Fragment","CartesianGrid","Tooltip","Legend"],"mappings":"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","file":"chunk-CIN5JDN4.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const chartVariants = cva(\n  [\n    \"relative w-full min-w-0 overflow-hidden rounded-xl\",\n    \"h-[var(--chart-height)] min-h-64 sm:min-h-72 md:min-h-80\",\n    \"[&_.recharts-default-tooltip]:rounded-lg [&_.recharts-default-tooltip]:border [&_.recharts-default-tooltip]:border-slate-200\",\n    \"[&_.recharts-default-tooltip]:bg-white/95 [&_.recharts-default-tooltip]:shadow-lg\",\n    \"[&_.recharts-default-tooltip]:text-slate-900\",\n  ],\n  {\n    variants: {\n      appearance: {\n        default:\n          \"bg-white text-slate-600 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        muted:\n          \"bg-slate-50 text-slate-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        outline:\n          \"border border-slate-200 bg-white text-slate-600 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        glass:\n          \"border border-white/15 bg-white/10 text-slate-100 backdrop-blur-md [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        sky: \"bg-sky-50 text-sky-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        emerald:\n          \"bg-emerald-50 text-emerald-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        violet:\n          \"bg-violet-50 text-violet-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        amber:\n          \"bg-amber-50 text-amber-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        rose: \"bg-rose-50 text-rose-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        slate:\n          \"bg-slate-50 text-slate-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        gray: \"bg-gray-50 text-gray-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        indigo:\n          \"bg-indigo-50 text-indigo-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        \"gradient-cyan-violet\":\n          \"bg-gradient-to-r from-cyan-500 to-violet-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-emerald-violet\":\n          \"bg-gradient-to-r from-emerald-500 to-violet-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-amber-rose\":\n          \"bg-gradient-to-r from-amber-500 to-rose-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-slate-gray\":\n          \"bg-gradient-to-r from-slate-500 to-gray-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-indigo-purple\":\n          \"bg-gradient-to-r from-indigo-500 to-purple-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-cyan-blue\":\n          \"bg-gradient-to-r from-cyan-500 to-blue-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-emerald-blue\":\n          \"bg-gradient-to-r from-emerald-500 to-blue-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-amber-blue\":\n          \"bg-gradient-to-r from-amber-500 to-blue-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n      },\n      density: {\n        compact: \"p-2 sm:p-3\",\n        comfortable: \"p-3 sm:p-4\",\n        spacious: \"p-4 sm:p-5 md:p-6\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      density: \"comfortable\",\n    },\n  },\n);\n\nexport const chartPalette = {\n  cyan: { stroke: \"#0891b2\", fill: \"#67e8f9\", textColor: \"#0891b2\" },\n  emerald: { stroke: \"#059669\", fill: \"#6ee7b7\", textColor: \"#059669\" },\n  violet: { stroke: \"#7c3aed\", fill: \"#c4b5fd\", textColor: \"#7c3aed\" },\n  amber: { stroke: \"#d97706\", fill: \"#fcd34d\", textColor: \"#d97706\" },\n  rose: { stroke: \"#e11d48\", fill: \"#fda4af\", textColor: \"#e11d48\" },\n  slate: { stroke: \"#475569\", fill: \"#cbd5e1\", textColor: \"#475569\" },\n  gray: { stroke: \"#6b7280\", fill: \"#d1d5db\", textColor: \"#6b7280\" },\n  white: { stroke: \"#ffffff\", fill: \"#ffffff\", textColor: \"#ffffff\" },\n  indigo: { stroke: \"#6366f1\", fill: \"#c7d2fe\", textColor: \"#6366f1\" },\n  \"gradient-cyan-violet\": { stroke: \"#0891b2\", fill: \"#67e8f9\", textColor: \"#0891b2\" },\n  \"gradient-emerald-violet\": { stroke: \"#059669\", fill: \"#6ee7b7\", textColor: \"#059669\" },\n  \"gradient-amber-rose\": { stroke: \"#d97706\", fill: \"#fcd34d\", textColor: \"#d97706\" },\n  \"gradient-slate-gray\": { stroke: \"#475569\", fill: \"#cbd5e1\", textColor: \"#475569\" },\n  \"gradient-indigo-purple\": { stroke: \"#6366f1\", fill: \"#c7d2fe\", textColor: \"#6366f1\" },\n  \"gradient-cyan-blue\": { stroke: \"#0891b2\", fill: \"#67e8f9\", textColor: \"#0891b2\" },\n  \"gradient-emerald-blue\": { stroke: \"#059669\", fill: \"#6ee7b7\", textColor: \"#059669\" },\n  \"gradient-amber-blue\": { stroke: \"#d97706\", fill: \"#fcd34d\", textColor: \"#d97706\" },\n} as const;\n\nexport const chartColorValues = Object.keys(chartPalette) as Array<\n  keyof typeof chartPalette\n>;\n","import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { CartesianGrid, Legend, ResponsiveContainer, Tooltip } from \"recharts\";\n\nimport { cn } from \"../../lib/utils\";\nimport { chartVariants } from \"./variants\";\nimport { VariantProps } from \"class-variance-authority\";\n\ntype ChartFrameProps = HTMLAttributes<HTMLDivElement> & {\n  appearance?: VariantProps<typeof chartVariants>[\"appearance\"];\n  containerStyle?: CSSProperties;\n  density?: \"compact\" | \"comfortable\" | \"spacious\" | null;\n  emptyState?: ReactNode;\n  hasData: boolean;\n  height: number;\n  showGrid?: boolean;\n  showLegend?: boolean;\n  showTooltip?: boolean;\n  style?: CSSProperties;\n  children: ReactNode;\n};\n\nexport const defaultChartMargin = { top: 16, right: 16, bottom: 8, left: 0 };\n\nexport function ChartFrame({\n  appearance,\n  children,\n  className,\n  containerStyle,\n  density,\n  emptyState = null,\n  hasData,\n  height,\n  style,\n  ...props\n}: ChartFrameProps) {\n  const chartStyle = {\n    \"--chart-height\": `${height}px`,\n    ...style,\n  } as CSSProperties;\n\n  if (!hasData) {\n    return (\n      <div\n        className={cn(chartVariants({ appearance, density }), className)}\n        style={chartStyle}\n        {...props}\n      >\n        <div className=\"flex h-full min-h-48 items-center justify-center text-sm text-slate-500\">\n          {emptyState}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(chartVariants({ appearance, density }), className)}\n      style={chartStyle}\n      {...props}\n    >\n      <ResponsiveContainer\n        width=\"100%\"\n        height=\"100%\"\n        debounce={80}\n        style={containerStyle}\n      >\n        {children}\n      </ResponsiveContainer>\n    </div>\n  );\n}\n\nexport function ChartDecorators({\n  axis,\n  showGrid,\n  showLegend,\n  showTooltip,\n  tooltipColor = \"#0f172a\",\n}: {\n  axis: ReactNode;\n  showGrid: boolean;\n  showLegend: boolean;\n  showTooltip: boolean;\n  tooltipColor?: string;\n}) {\n  return (\n    <>\n      {showGrid ? (\n        <CartesianGrid\n          strokeDasharray=\"3 3\"\n          stroke=\"currentColor\"\n          opacity={0.16}\n        />\n      ) : null}\n      {axis}\n      {showTooltip ? (\n        <Tooltip\n          cursor={{ opacity: 0.12 }}\n          contentStyle={{ color: tooltipColor }}\n          labelStyle={{ color: tooltipColor }}\n          itemStyle={{ color: tooltipColor }}\n        />\n      ) : null}\n      {showLegend ? <Legend /> : null}\n    </>\n  );\n}\n","import type { ChartColor, ChartSeries } from \"./types\";\nimport { chartPalette } from \"./variants\";\n\nexport function resolveColor(\n  color: ChartColor | string | undefined,\n  index: number,\n) {\n  if (color && color in chartPalette) {\n    return chartPalette[color as ChartColor];\n  }\n  if (color) {\n    return { stroke: color, fill: color };\n  }\n\n  const paletteValues = Object.values(chartPalette);\n  return paletteValues[index % paletteValues.length] ?? chartPalette.cyan;\n}\n\nexport function getSeriesFill(\n  series: ChartSeries,\n  index: number,\n  opacity = 0.18,\n) {\n  const color = resolveColor(series.color, index);\n  return (\n    series.fill ??\n    `${color.fill}${Math.round(opacity * 255)\n      .toString(16)\n      .padStart(2, \"0\")}`\n  );\n}\n"]}

package/dist/chunk-IQZROQNJ.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/charts/shared/variants.ts","../src/charts/shared/chart-frame.tsx","../src/charts/shared/colors.ts"],"names":[],"mappings":"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","file":"chunk-IQZROQNJ.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const chartVariants = cva(\n  [\n    \"relative w-full min-w-0 overflow-hidden rounded-xl\",\n    \"h-[var(--chart-height)] min-h-64 sm:min-h-72 md:min-h-80\",\n    \"[&_.recharts-default-tooltip]:rounded-lg [&_.recharts-default-tooltip]:border [&_.recharts-default-tooltip]:border-slate-200\",\n    \"[&_.recharts-default-tooltip]:bg-white/95 [&_.recharts-default-tooltip]:shadow-lg\",\n    \"[&_.recharts-default-tooltip]:text-slate-900\",\n  ],\n  {\n    variants: {\n      appearance: {\n        default:\n          \"bg-white text-slate-600 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        muted:\n          \"bg-slate-50 text-slate-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        outline:\n          \"border border-slate-200 bg-white text-slate-600 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        glass:\n          \"border border-white/15 bg-white/10 text-slate-100 backdrop-blur-md [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        sky: \"bg-sky-50 text-sky-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        emerald:\n          \"bg-emerald-50 text-emerald-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        violet:\n          \"bg-violet-50 text-violet-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        amber:\n          \"bg-amber-50 text-amber-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        rose: \"bg-rose-50 text-rose-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        slate:\n          \"bg-slate-50 text-slate-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        gray: \"bg-gray-50 text-gray-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        indigo:\n          \"bg-indigo-50 text-indigo-500 [&_.recharts-cartesian-axis-tick-value]:fill-slate-900\",\n        \"gradient-cyan-violet\":\n          \"bg-gradient-to-r from-cyan-500 to-violet-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-emerald-violet\":\n          \"bg-gradient-to-r from-emerald-500 to-violet-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-amber-rose\":\n          \"bg-gradient-to-r from-amber-500 to-rose-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-slate-gray\":\n          \"bg-gradient-to-r from-slate-500 to-gray-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-indigo-purple\":\n          \"bg-gradient-to-r from-indigo-500 to-purple-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-cyan-blue\":\n          \"bg-gradient-to-r from-cyan-500 to-blue-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-emerald-blue\":\n          \"bg-gradient-to-r from-emerald-500 to-blue-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n        \"gradient-amber-blue\":\n          \"bg-gradient-to-r from-amber-500 to-blue-500 text-white [&_.recharts-cartesian-axis-tick-value]:fill-white\",\n      },\n      density: {\n        compact: \"p-2 sm:p-3\",\n        comfortable: \"p-3 sm:p-4\",\n        spacious: \"p-4 sm:p-5 md:p-6\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      density: \"comfortable\",\n    },\n  },\n);\n\nexport const chartPalette = {\n  cyan: { stroke: \"#0891b2\", fill: \"#67e8f9\", textColor: \"#0891b2\" },\n  emerald: { stroke: \"#059669\", fill: \"#6ee7b7\", textColor: \"#059669\" },\n  violet: { stroke: \"#7c3aed\", fill: \"#c4b5fd\", textColor: \"#7c3aed\" },\n  amber: { stroke: \"#d97706\", fill: \"#fcd34d\", textColor: \"#d97706\" },\n  rose: { stroke: \"#e11d48\", fill: \"#fda4af\", textColor: \"#e11d48\" },\n  slate: { stroke: \"#475569\", fill: \"#cbd5e1\", textColor: \"#475569\" },\n  gray: { stroke: \"#6b7280\", fill: \"#d1d5db\", textColor: \"#6b7280\" },\n  white: { stroke: \"#ffffff\", fill: \"#ffffff\", textColor: \"#ffffff\" },\n  indigo: { stroke: \"#6366f1\", fill: \"#c7d2fe\", textColor: \"#6366f1\" },\n  \"gradient-cyan-violet\": { stroke: \"#0891b2\", fill: \"#67e8f9\", textColor: \"#0891b2\" },\n  \"gradient-emerald-violet\": { stroke: \"#059669\", fill: \"#6ee7b7\", textColor: \"#059669\" },\n  \"gradient-amber-rose\": { stroke: \"#d97706\", fill: \"#fcd34d\", textColor: \"#d97706\" },\n  \"gradient-slate-gray\": { stroke: \"#475569\", fill: \"#cbd5e1\", textColor: \"#475569\" },\n  \"gradient-indigo-purple\": { stroke: \"#6366f1\", fill: \"#c7d2fe\", textColor: \"#6366f1\" },\n  \"gradient-cyan-blue\": { stroke: \"#0891b2\", fill: \"#67e8f9\", textColor: \"#0891b2\" },\n  \"gradient-emerald-blue\": { stroke: \"#059669\", fill: \"#6ee7b7\", textColor: \"#059669\" },\n  \"gradient-amber-blue\": { stroke: \"#d97706\", fill: \"#fcd34d\", textColor: \"#d97706\" },\n} as const;\n\nexport const chartColorValues = Object.keys(chartPalette) as Array<\n  keyof typeof chartPalette\n>;\n","import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport { CartesianGrid, Legend, ResponsiveContainer, Tooltip } from \"recharts\";\n\nimport { cn } from \"../../lib/utils\";\nimport { chartVariants } from \"./variants\";\nimport { VariantProps } from \"class-variance-authority\";\n\ntype ChartFrameProps = HTMLAttributes<HTMLDivElement> & {\n  appearance?: VariantProps<typeof chartVariants>[\"appearance\"];\n  containerStyle?: CSSProperties;\n  density?: \"compact\" | \"comfortable\" | \"spacious\" | null;\n  emptyState?: ReactNode;\n  hasData: boolean;\n  height: number;\n  showGrid?: boolean;\n  showLegend?: boolean;\n  showTooltip?: boolean;\n  style?: CSSProperties;\n  children: ReactNode;\n};\n\nexport const defaultChartMargin = { top: 16, right: 16, bottom: 8, left: 0 };\n\nexport function ChartFrame({\n  appearance,\n  children,\n  className,\n  containerStyle,\n  density,\n  emptyState = null,\n  hasData,\n  height,\n  style,\n  ...props\n}: ChartFrameProps) {\n  const chartStyle = {\n    \"--chart-height\": `${height}px`,\n    ...style,\n  } as CSSProperties;\n\n  if (!hasData) {\n    return (\n      <div\n        className={cn(chartVariants({ appearance, density }), className)}\n        style={chartStyle}\n        {...props}\n      >\n        <div className=\"flex h-full min-h-48 items-center justify-center text-sm text-slate-500\">\n          {emptyState}\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div\n      className={cn(chartVariants({ appearance, density }), className)}\n      style={chartStyle}\n      {...props}\n    >\n      <ResponsiveContainer\n        width=\"100%\"\n        height=\"100%\"\n        debounce={80}\n        style={containerStyle}\n      >\n        {children}\n      </ResponsiveContainer>\n    </div>\n  );\n}\n\nexport function ChartDecorators({\n  axis,\n  showGrid,\n  showLegend,\n  showTooltip,\n  tooltipColor = \"#0f172a\",\n}: {\n  axis: ReactNode;\n  showGrid: boolean;\n  showLegend: boolean;\n  showTooltip: boolean;\n  tooltipColor?: string;\n}) {\n  return (\n    <>\n      {showGrid ? (\n        <CartesianGrid\n          strokeDasharray=\"3 3\"\n          stroke=\"currentColor\"\n          opacity={0.16}\n        />\n      ) : null}\n      {axis}\n      {showTooltip ? (\n        <Tooltip\n          cursor={{ opacity: 0.12 }}\n          contentStyle={{ color: tooltipColor }}\n          labelStyle={{ color: tooltipColor }}\n          itemStyle={{ color: tooltipColor }}\n        />\n      ) : null}\n      {showLegend ? <Legend /> : null}\n    </>\n  );\n}\n","import type { ChartColor, ChartSeries } from \"./types\";\nimport { chartPalette } from \"./variants\";\n\nexport function resolveColor(\n  color: ChartColor | string | undefined,\n  index: number,\n) {\n  if (color && color in chartPalette) {\n    return chartPalette[color as ChartColor];\n  }\n  if (color) {\n    return { stroke: color, fill: color };\n  }\n\n  const paletteValues = Object.values(chartPalette);\n  return paletteValues[index % paletteValues.length] ?? chartPalette.cyan;\n}\n\nexport function getSeriesFill(\n  series: ChartSeries,\n  index: number,\n  opacity = 0.18,\n) {\n  const color = resolveColor(series.color, index);\n  return (\n    series.fill ??\n    `${color.fill}${Math.round(opacity * 255)\n      .toString(16)\n      .padStart(2, \"0\")}`\n  );\n}\n"]}