@zentauri-ui/zentauri-components 1.4.6 → 1.4.7

package/dist/charts/area.js

@@ -0,0 +1,119 @@
+"use client";
+'use strict';
+
+var chunkCIN5JDN4_js = require('../chunk-CIN5JDN4.js');
+require('../chunk-ZS5756ZC.js');
+var recharts = require('recharts');
+var jsxRuntime = require('react/jsx-runtime');
+
+function AreaChart({
+  appearance,
+  className,
+  containerStyle,
+  data,
+  density,
+  emptyState = null,
+  height = 320,
+  margin = chunkCIN5JDN4_js.defaultChartMargin,
+  series,
+  showGrid = true,
+  showLegend = false,
+  showTooltip = true,
+  tooltipColor = "#0f172a",
+  stacked = false,
+  style,
+  syncId,
+  xKey,
+  ...props
+}) {
+  const hasData = data.length > 0 && series.length > 0;
+  const xAxisKey = String(xKey);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkCIN5JDN4_js.ChartFrame,
+    {
+      appearance,
+      className,
+      containerStyle,
+      density,
+      emptyState,
+      hasData,
+      height,
+      style,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.AreaChart, { data, margin, syncId, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkCIN5JDN4_js.ChartDecorators,
+          {
+            axis: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                recharts.XAxis,
+                {
+                  dataKey: xAxisKey,
+                  minTickGap: 24,
+                  tickLine: false,
+                  tickMargin: 10,
+                  axisLine: false,
+                  fontSize: 12,
+                  fill: "#ffffff",
+                  color: "#ffffff"
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                recharts.YAxis,
+                {
+                  width: 40,
+                  tickLine: false,
+                  tickMargin: 8,
+                  axisLine: false,
+                  fontSize: 12,
+                  fill: "#ffffff",
+                  color: "#ffffff"
+                }
+              )
+            ] }),
+            showGrid,
+            showLegend,
+            showTooltip,
+            tooltipColor
+          }
+        ),
+        series.map((item, index) => {
+          const color = chunkCIN5JDN4_js.resolveColor(item.color, index);
+          const fill = chunkCIN5JDN4_js.getSeriesFill(item, index);
+          console.log(fill);
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            recharts.Area,
+            {
+              type: "monotone",
+              dataKey: item.dataKey,
+              name: item.name,
+              stackId: stacked ? item.stackId ?? "stack" : item.stackId,
+              stroke: color.stroke,
+              fill,
+              fillOpacity: 1,
+              strokeWidth: 2
+            },
+            item.dataKey
+          );
+        })
+      ] })
+    }
+  );
+}
+AreaChart.displayName = "AreaChart";
+
+Object.defineProperty(exports, "chartColorValues", {
+  enumerable: true,
+  get: function () { return chunkCIN5JDN4_js.chartColorValues; }
+});
+Object.defineProperty(exports, "chartPalette", {
+  enumerable: true,
+  get: function () { return chunkCIN5JDN4_js.chartPalette; }
+});
+Object.defineProperty(exports, "chartVariants", {
+  enumerable: true,
+  get: function () { return chunkCIN5JDN4_js.chartVariants; }
+});
+exports.AreaChart = AreaChart;
+//# sourceMappingURL=area.js.map
+//# sourceMappingURL=area.js.map

package/dist/charts/area.js.map

@@ -0,0 +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"]}

package/dist/charts/area.mjs

@@ -0,0 +1,106 @@
+"use client";
+import { ChartFrame, defaultChartMargin, ChartDecorators, resolveColor, getSeriesFill } from '../chunk-IQZROQNJ.mjs';
+export { chartColorValues, chartPalette, chartVariants } from '../chunk-IQZROQNJ.mjs';
+import '../chunk-4D54YOL6.mjs';
+import { AreaChart as AreaChart$1, XAxis, YAxis, Area } from 'recharts';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+function AreaChart({
+  appearance,
+  className,
+  containerStyle,
+  data,
+  density,
+  emptyState = null,
+  height = 320,
+  margin = defaultChartMargin,
+  series,
+  showGrid = true,
+  showLegend = false,
+  showTooltip = true,
+  tooltipColor = "#0f172a",
+  stacked = false,
+  style,
+  syncId,
+  xKey,
+  ...props
+}) {
+  const hasData = data.length > 0 && series.length > 0;
+  const xAxisKey = String(xKey);
+  return /* @__PURE__ */ jsx(
+    ChartFrame,
+    {
+      appearance,
+      className,
+      containerStyle,
+      density,
+      emptyState,
+      hasData,
+      height,
+      style,
+      ...props,
+      children: /* @__PURE__ */ jsxs(AreaChart$1, { data, margin, syncId, children: [
+        /* @__PURE__ */ jsx(
+          ChartDecorators,
+          {
+            axis: /* @__PURE__ */ jsxs(Fragment, { children: [
+              /* @__PURE__ */ jsx(
+                XAxis,
+                {
+                  dataKey: xAxisKey,
+                  minTickGap: 24,
+                  tickLine: false,
+                  tickMargin: 10,
+                  axisLine: false,
+                  fontSize: 12,
+                  fill: "#ffffff",
+                  color: "#ffffff"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                YAxis,
+                {
+                  width: 40,
+                  tickLine: false,
+                  tickMargin: 8,
+                  axisLine: false,
+                  fontSize: 12,
+                  fill: "#ffffff",
+                  color: "#ffffff"
+                }
+              )
+            ] }),
+            showGrid,
+            showLegend,
+            showTooltip,
+            tooltipColor
+          }
+        ),
+        series.map((item, index) => {
+          const color = resolveColor(item.color, index);
+          const fill = getSeriesFill(item, index);
+          console.log(fill);
+          return /* @__PURE__ */ jsx(
+            Area,
+            {
+              type: "monotone",
+              dataKey: item.dataKey,
+              name: item.name,
+              stackId: stacked ? item.stackId ?? "stack" : item.stackId,
+              stroke: color.stroke,
+              fill,
+              fillOpacity: 1,
+              strokeWidth: 2
+            },
+            item.dataKey
+          );
+        })
+      ] })
+    }
+  );
+}
+AreaChart.displayName = "AreaChart";
+
+export { AreaChart };
+//# sourceMappingURL=area.mjs.map
+//# sourceMappingURL=area.mjs.map

package/dist/charts/area.mjs.map

@@ -0,0 +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"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Bar.d.ts","sourceRoot":"","sources":["../../../src/charts/bar/Bar.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,wBAAgB,QAAQ,CACtB,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,aAAa,CAAC,MAAM,CAAC,2CA0DvB;yBA/Ee,QAAQ"}

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

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

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

@@ -0,0 +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"}

package/dist/charts/bar.js

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

package/dist/charts/bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/charts/bar/Bar.tsx"],"names":["defaultChartMargin","jsx","ChartFrame","jsxs","RechartsBarChart","ChartDecorators","Fragment","XAxis","YAxis","resolveColor","Bar"],"mappings":";;;;;;;AAYO,SAAS,QAAA,CAEd;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,MAAA,GAAS,GAAA;AAAA,EACT,MAAA,GAASA,mCAAA;AAAA,EACT,MAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,UAAA,GAAa,KAAA;AAAA,EACb,WAAA,GAAc,IAAA;AAAA,EACd,YAAA,GAAe,SAAA;AAAA,EACf,OAAA,GAAU,KAAA;AAAA,EACV,KAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0B;AACxB,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,MAAA,GAAS,CAAA,IAAK,OAAO,MAAA,GAAS,CAAA;AACnD,EAAA,MAAM,QAAA,GAAW,OAAO,IAAI,CAAA;AAE5B,EAAA,uBACEC,cAAA;AAAA,IAACC,2BAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAAC,eAAA,CAACC,iBAAA,EAAA,EAAiB,IAAA,EAAY,MAAA,EAAgB,MAAA,EAC5C,QAAA,EAAA;AAAA,wBAAAH,cAAA;AAAA,UAACI,gCAAA;AAAA,UAAA;AAAA,YACC,sBACEF,eAAA,CAAAG,mBAAA,EAAA,EACE,QAAA,EAAA;AAAA,8BAAAL,cAAA;AAAA,gBAACM,cAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAS,QAAA;AAAA,kBACT,UAAA,EAAY,EAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,UAAA,EAAY,EAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,QAAA,EAAU;AAAA;AAAA,eACZ;AAAA,8BACAN,cAAA;AAAA,gBAACO,cAAA;AAAA,gBAAA;AAAA,kBACC,KAAA,EAAO,EAAA;AAAA,kBACP,QAAA,EAAU,KAAA;AAAA,kBACV,UAAA,EAAY,CAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,QAAA,EAAU;AAAA;AAAA;AACZ,aAAA,EACF,CAAA;AAAA,YAEF,QAAA;AAAA,YACA,UAAA;AAAA,YACA,WAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,QACC,MAAA,CAAO,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC3B,UAAA,MAAM,KAAA,GAAQC,6BAAA,CAAa,IAAA,CAAK,KAAA,EAAO,KAAK,CAAA;AAC5C,UAAA,uBACER,cAAA;AAAA,YAACS,YAAA;AAAA,YAAA;AAAA,cAEC,SAAS,IAAA,CAAK,OAAA;AAAA,cACd,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,OAAA,EAAS,OAAA,GAAW,IAAA,CAAK,OAAA,IAAW,UAAW,IAAA,CAAK,OAAA;AAAA,cACpD,IAAA,EAAM,IAAA,CAAK,IAAA,IAAQ,KAAA,CAAM,MAAA;AAAA,cACzB,MAAA,EAAQ,CAAC,CAAA,EAAG,CAAA,EAAG,GAAG,CAAC;AAAA,aAAA;AAAA,YALd,IAAA,CAAK;AAAA,WAMZ;AAAA,QAEJ,CAAC;AAAA,OAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"bar.js","sourcesContent":["\"use client\";\n\nimport { Bar, BarChart as RechartsBarChart, XAxis, YAxis } from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { BarChartProps } from \"../shared/types\";\n\nexport function BarChart<\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}: BarChartProps<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      <RechartsBarChart 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              />\n              <YAxis\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            <Bar\n              key={item.dataKey}\n              dataKey={item.dataKey}\n              name={item.name}\n              stackId={stacked ? (item.stackId ?? \"stack\") : item.stackId}\n              fill={item.fill ?? color.stroke}\n              radius={[6, 6, 0, 0]}\n            />\n          );\n        })}\n      </RechartsBarChart>\n    </ChartFrame>\n  );\n}\n\nBarChart.displayName = \"BarChart\";\n"]}

package/dist/charts/bar.mjs

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

package/dist/charts/bar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/charts/bar/Bar.tsx"],"names":["RechartsBarChart"],"mappings":";;;;;;AAYO,SAAS,QAAA,CAEd;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,MAAA,GAAS,GAAA;AAAA,EACT,MAAA,GAAS,kBAAA;AAAA,EACT,MAAA;AAAA,EACA,QAAA,GAAW,IAAA;AAAA,EACX,UAAA,GAAa,KAAA;AAAA,EACb,WAAA,GAAc,IAAA;AAAA,EACd,YAAA,GAAe,SAAA;AAAA,EACf,OAAA,GAAU,KAAA;AAAA,EACV,KAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0B;AACxB,EAAA,MAAM,OAAA,GAAU,IAAA,CAAK,MAAA,GAAS,CAAA,IAAK,OAAO,MAAA,GAAS,CAAA;AACnD,EAAA,MAAM,QAAA,GAAW,OAAO,IAAI,CAAA;AAE5B,EAAA,uBACE,GAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,UAAA;AAAA,MACA,SAAA;AAAA,MACA,cAAA;AAAA,MACA,OAAA;AAAA,MACA,UAAA;AAAA,MACA,OAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,QAAA,kBAAA,IAAA,CAACA,UAAA,EAAA,EAAiB,IAAA,EAAY,MAAA,EAAgB,MAAA,EAC5C,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,eAAA;AAAA,UAAA;AAAA,YACC,sBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,8BAAA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,OAAA,EAAS,QAAA;AAAA,kBACT,UAAA,EAAY,EAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,UAAA,EAAY,EAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,QAAA,EAAU;AAAA;AAAA,eACZ;AAAA,8BACA,GAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,KAAA,EAAO,EAAA;AAAA,kBACP,QAAA,EAAU,KAAA;AAAA,kBACV,UAAA,EAAY,CAAA;AAAA,kBACZ,QAAA,EAAU,KAAA;AAAA,kBACV,QAAA,EAAU;AAAA;AAAA;AACZ,aAAA,EACF,CAAA;AAAA,YAEF,QAAA;AAAA,YACA,UAAA;AAAA,YACA,WAAA;AAAA,YACA;AAAA;AAAA,SACF;AAAA,QACC,MAAA,CAAO,GAAA,CAAI,CAAC,IAAA,EAAM,KAAA,KAAU;AAC3B,UAAA,MAAM,KAAA,GAAQ,YAAA,CAAa,IAAA,CAAK,KAAA,EAAO,KAAK,CAAA;AAC5C,UAAA,uBACE,GAAA;AAAA,YAAC,GAAA;AAAA,YAAA;AAAA,cAEC,SAAS,IAAA,CAAK,OAAA;AAAA,cACd,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,OAAA,EAAS,OAAA,GAAW,IAAA,CAAK,OAAA,IAAW,UAAW,IAAA,CAAK,OAAA;AAAA,cACpD,IAAA,EAAM,IAAA,CAAK,IAAA,IAAQ,KAAA,CAAM,MAAA;AAAA,cACzB,MAAA,EAAQ,CAAC,CAAA,EAAG,CAAA,EAAG,GAAG,CAAC;AAAA,aAAA;AAAA,YALd,IAAA,CAAK;AAAA,WAMZ;AAAA,QAEJ,CAAC;AAAA,OAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"bar.mjs","sourcesContent":["\"use client\";\n\nimport { Bar, BarChart as RechartsBarChart, XAxis, YAxis } from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { BarChartProps } from \"../shared/types\";\n\nexport function BarChart<\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}: BarChartProps<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      <RechartsBarChart 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              />\n              <YAxis\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            <Bar\n              key={item.dataKey}\n              dataKey={item.dataKey}\n              name={item.name}\n              stackId={stacked ? (item.stackId ?? \"stack\") : item.stackId}\n              fill={item.fill ?? color.stroke}\n              radius={[6, 6, 0, 0]}\n            />\n          );\n        })}\n      </RechartsBarChart>\n    </ChartFrame>\n  );\n}\n\nBarChart.displayName = \"BarChart\";\n"]}

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

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

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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"}

package/dist/charts/bubble.js

@@ -0,0 +1,122 @@
+"use client";
+'use strict';
+
+var chunkCIN5JDN4_js = require('../chunk-CIN5JDN4.js');
+require('../chunk-ZS5756ZC.js');
+var recharts = require('recharts');
+var jsxRuntime = require('react/jsx-runtime');
+
+function BubbleChart({
+  appearance,
+  className,
+  containerStyle,
+  data,
+  density,
+  emptyState = null,
+  height = 320,
+  margin = chunkCIN5JDN4_js.defaultChartMargin,
+  series,
+  showGrid = true,
+  showLegend = false,
+  showTooltip = true,
+  tooltipColor = "#0f172a",
+  style,
+  syncId,
+  xKey,
+  ...props
+}) {
+  const hasData = data.length > 0 && series.length > 0;
+  const xAxisKey = String(xKey);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkCIN5JDN4_js.ChartFrame,
+    {
+      appearance,
+      className,
+      containerStyle,
+      density,
+      emptyState,
+      hasData,
+      height,
+      style,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.ScatterChart, { data, margin, syncId, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkCIN5JDN4_js.ChartDecorators,
+          {
+            axis: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                recharts.XAxis,
+                {
+                  dataKey: xAxisKey,
+                  type: "number",
+                  minTickGap: 24,
+                  tickLine: false,
+                  tickMargin: 10,
+                  axisLine: false,
+                  fontSize: 12
+                }
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                recharts.YAxis,
+                {
+                  dataKey: "__chartY",
+                  type: "number",
+                  width: 40,
+                  tickLine: false,
+                  tickMargin: 8,
+                  axisLine: false,
+                  fontSize: 12
+                }
+              )
+            ] }),
+            showGrid,
+            showLegend,
+            showTooltip,
+            tooltipColor
+          }
+        ),
+        series.map((item, index) => {
+          const color = chunkCIN5JDN4_js.resolveColor(item.color, index);
+          return /* @__PURE__ */ jsxRuntime.jsx(
+            recharts.Scatter,
+            {
+              data: data.map((entry) => ({
+                ...entry,
+                __chartY: entry[item.dataKey],
+                __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}`
+              ))
+            },
+            item.dataKey
+          );
+        }),
+        /* @__PURE__ */ jsxRuntime.jsx(recharts.ZAxis, { dataKey: "__chartZ", range: [64, 720] })
+      ] })
+    }
+  );
+}
+BubbleChart.displayName = "BubbleChart";
+
+Object.defineProperty(exports, "chartColorValues", {
+  enumerable: true,
+  get: function () { return chunkCIN5JDN4_js.chartColorValues; }
+});
+Object.defineProperty(exports, "chartPalette", {
+  enumerable: true,
+  get: function () { return chunkCIN5JDN4_js.chartPalette; }
+});
+Object.defineProperty(exports, "chartVariants", {
+  enumerable: true,
+  get: function () { return chunkCIN5JDN4_js.chartVariants; }
+});
+exports.BubbleChart = BubbleChart;
+//# sourceMappingURL=bubble.js.map
+//# sourceMappingURL=bubble.js.map

package/dist/charts/bubble.js.map

@@ -0,0 +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"]}