@zentauri-ui/zentauri-components 1.8.1 → 1.8.2

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={\n                  typeof data[0]?.[xAxisKey] === \"number\"\n                    ? \"number\"\n                    : \"category\"\n                }\n                minTickGap={24}\n                tickLine={false}\n                tickMargin={10}\n                axisLine={false}\n                fontSize={12}\n              />\n              <YAxis\n                dataKey=\"__chartY\"\n                type={\n                  typeof data[0]?.[xAxisKey] === \"number\"\n                    ? \"number\"\n                    : \"category\"\n                }\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"]}
+{"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={\n                  typeof data[0]?.[xAxisKey] === \"number\"\n                    ? \"number\"\n                    : \"category\"\n                }\n                minTickGap={24}\n                tickLine={false}\n                tickMargin={10}\n                axisLine={false}\n                fontSize={12}\n              />\n              <YAxis\n                dataKey=\"__chartY\"\n                type={\n                  typeof data[0]?.[xAxisKey] === \"number\"\n                    ? \"number\"\n                    : \"category\"\n                }\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/funnel/Funnel.d.ts

@@ -0,0 +1,6 @@
+import type { FunnelChartProps } from "../shared/types";
+export declare function FunnelChart<TDatum extends Record<string, number | string | null | undefined>>({ appearance, className, colorKey, containerStyle, data, dataKey, density, emptyState, fill, height, label, nameKey, showLegend, showTooltip, stroke, style, tooltipColor, ...props }: FunnelChartProps<TDatum>): import("react/jsx-runtime").JSX.Element;
+export declare namespace FunnelChart {
+    var displayName: string;
+}
+//# sourceMappingURL=Funnel.d.ts.map

package/dist/charts/funnel/Funnel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Funnel.d.ts","sourceRoot":"","sources":["../../../src/charts/funnel/Funnel.tsx"],"names":[],"mappings":"AAcA,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,QAA2C,EAC3C,cAAc,EACd,IAAI,EACJ,OAAO,EACP,OAAO,EACP,UAAiB,EACjB,IAAI,EACJ,MAAY,EACZ,KAAY,EACZ,OAAO,EACP,UAAkB,EAClB,WAAkB,EAClB,MAAkB,EAClB,KAAK,EACL,YAAwB,EACxB,GAAG,KAAK,EACT,EAAE,gBAAgB,CAAC,MAAM,CAAC,2CAiE1B;yBAtFe,WAAW"}

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

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

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

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

package/dist/charts/funnel.js

@@ -0,0 +1,102 @@
+"use client";
+'use strict';
+
+var chunkPWPMKXEG_js = require('../chunk-PWPMKXEG.js');
+require('../chunk-W3QRRWQX.js');
+require('../chunk-ZS5756ZC.js');
+var recharts = require('recharts');
+var jsxRuntime = require('react/jsx-runtime');
+
+function FunnelChart({
+  appearance,
+  className,
+  colorKey = "color",
+  containerStyle,
+  data,
+  dataKey,
+  density,
+  emptyState = null,
+  fill,
+  height = 320,
+  label = true,
+  nameKey,
+  showLegend = false,
+  showTooltip = true,
+  stroke = "#ffffff",
+  style,
+  tooltipColor = "#0f172a",
+  ...props
+}) {
+  const hasData = data.length > 0;
+  const renderDefaultShape = (shapeProps) => {
+    const payload = shapeProps.payload;
+    const dataIndex = typeof shapeProps.index === "number" && shapeProps.index >= 0 ? shapeProps.index : payload ? data.indexOf(payload) : -1;
+    const datumColor = payload?.[colorKey];
+    const color = chunkPWPMKXEG_js.resolveColor(
+      typeof datumColor === "string" ? datumColor : typeof fill === "string" ? fill : void 0,
+      dataIndex >= 0 ? dataIndex : 0
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(recharts.Trapezoid, { ...shapeProps, fill: color.fill, stroke });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    chunkPWPMKXEG_js.ChartFrame,
+    {
+      appearance,
+      className,
+      containerStyle,
+      density,
+      emptyState,
+      hasData,
+      height,
+      style,
+      ...props,
+      children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.FunnelChart, { children: [
+        showTooltip ? /* @__PURE__ */ jsxRuntime.jsx(
+          recharts.Tooltip,
+          {
+            contentStyle: { color: tooltipColor },
+            labelStyle: { color: tooltipColor },
+            itemStyle: { color: tooltipColor }
+          }
+        ) : null,
+        showLegend ? /* @__PURE__ */ jsxRuntime.jsx(recharts.Legend, {}) : null,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          recharts.Funnel,
+          {
+            data,
+            dataKey: String(dataKey),
+            nameKey: String(nameKey),
+            shape: renderDefaultShape,
+            children: label ? /* @__PURE__ */ jsxRuntime.jsx(
+              recharts.LabelList,
+              {
+                dataKey: String(nameKey),
+                position: "right",
+                fill: "currentColor",
+                stroke: "none",
+                fontSize: 12
+              }
+            ) : null
+          }
+        )
+      ] })
+    }
+  );
+}
+FunnelChart.displayName = "FunnelChart";
+
+Object.defineProperty(exports, "chartColorValues", {
+  enumerable: true,
+  get: function () { return chunkPWPMKXEG_js.chartColorValues; }
+});
+Object.defineProperty(exports, "chartPalette", {
+  enumerable: true,
+  get: function () { return chunkPWPMKXEG_js.chartPalette; }
+});
+Object.defineProperty(exports, "chartVariants", {
+  enumerable: true,
+  get: function () { return chunkPWPMKXEG_js.chartVariants; }
+});
+exports.FunnelChart = FunnelChart;
+//# sourceMappingURL=funnel.js.map
+//# sourceMappingURL=funnel.js.map

package/dist/charts/funnel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/charts/funnel/Funnel.tsx"],"names":["resolveColor","Trapezoid","jsx","ChartFrame","RechartsFunnelChart","Tooltip","Legend","Funnel","LabelList"],"mappings":";;;;;;;;AAgBO,SAAS,WAAA,CAEd;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW,OAAA;AAAA,EACX,cAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,IAAA;AAAA,EACA,MAAA,GAAS,GAAA;AAAA,EACT,KAAA,GAAQ,IAAA;AAAA,EACR,OAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,WAAA,GAAc,IAAA;AAAA,EACd,MAAA,GAAS,SAAA;AAAA,EACT,KAAA;AAAA,EACA,YAAA,GAAe,SAAA;AAAA,EACf,GAAG;AACL,CAAA,EAA6B;AAC3B,EAAA,MAAM,OAAA,GAAU,KAAK,MAAA,GAAS,CAAA;AAC9B,EAAA,MAAM,kBAAA,GAAqB,CACzB,UAAA,KACG;AACH,IAAA,MAAM,UAAU,UAAA,CAAW,OAAA;AAC3B,IAAA,MAAM,SAAA,GACJ,OAAO,UAAA,CAAW,KAAA,KAAU,YAAY,UAAA,CAAW,KAAA,IAAS,CAAA,GACxD,UAAA,CAAW,KAAA,GACX,OAAA,GACE,IAAA,CAAK,OAAA,CAAQ,OAAO,CAAA,GACpB,EAAA;AACR,IAAA,MAAM,UAAA,GAAa,UAAU,QAAQ,CAAA;AACrC,IAAA,MAAM,KAAA,GAAQA,6BAAA;AAAA,MACZ,OAAO,UAAA,KAAe,QAAA,GAClB,aACA,OAAO,IAAA,KAAS,WACd,IAAA,GACA,MAAA;AAAA,MACN,SAAA,IAAa,IAAI,SAAA,GAAY;AAAA,KAC/B;AAEA,IAAA,sCAAQC,kBAAA,EAAA,EAAW,GAAG,YAAY,IAAA,EAAM,KAAA,CAAM,MAAM,MAAA,EAAgB,CAAA;AAAA,EACtE,CAAA;AAEA,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,0CAACC,oBAAA,EAAA,EACE,QAAA,EAAA;AAAA,QAAA,WAAA,mBACCF,cAAA;AAAA,UAACG,gBAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAc,EAAE,KAAA,EAAO,YAAA,EAAa;AAAA,YACpC,UAAA,EAAY,EAAE,KAAA,EAAO,YAAA,EAAa;AAAA,YAClC,SAAA,EAAW,EAAE,KAAA,EAAO,YAAA;AAAa;AAAA,SACnC,GACE,IAAA;AAAA,QACH,UAAA,mBAAaH,cAAA,CAACI,eAAA,EAAA,EAAO,CAAA,GAAK,IAAA;AAAA,wBAC3BJ,cAAA;AAAA,UAACK,eAAA;AAAA,UAAA;AAAA,YACC,IAAA;AAAA,YACA,OAAA,EAAS,OAAO,OAAO,CAAA;AAAA,YACvB,OAAA,EAAS,OAAO,OAAO,CAAA;AAAA,YACvB,KAAA,EAAO,kBAAA;AAAA,YAEN,QAAA,EAAA,KAAA,mBACCL,cAAA;AAAA,cAACM,kBAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAS,OAAO,OAAO,CAAA;AAAA,gBACvB,QAAA,EAAS,OAAA;AAAA,gBACT,IAAA,EAAK,cAAA;AAAA,gBACL,MAAA,EAAO,MAAA;AAAA,gBACP,QAAA,EAAU;AAAA;AAAA,aACZ,GACE;AAAA;AAAA;AACN,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"funnel.js","sourcesContent":["\"use client\";\n\nimport {\n  Funnel,\n  FunnelChart as RechartsFunnelChart,\n  FunnelTrapezoidItem,\n  LabelList,\n  Legend,\n  Tooltip,\n  Trapezoid,\n} from \"recharts\";\n\nimport { ChartFrame } from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { FunnelChartProps } from \"../shared/types\";\n\nexport function FunnelChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>({\n  appearance,\n  className,\n  colorKey = \"color\" as keyof TDatum & string,\n  containerStyle,\n  data,\n  dataKey,\n  density,\n  emptyState = null,\n  fill,\n  height = 320,\n  label = true,\n  nameKey,\n  showLegend = false,\n  showTooltip = true,\n  stroke = \"#ffffff\",\n  style,\n  tooltipColor = \"#0f172a\",\n  ...props\n}: FunnelChartProps<TDatum>) {\n  const hasData = data.length > 0;\n  const renderDefaultShape = (\n    shapeProps: FunnelTrapezoidItem & { index?: number },\n  ) => {\n    const payload = shapeProps.payload as TDatum | undefined;\n    const dataIndex =\n      typeof shapeProps.index === \"number\" && shapeProps.index >= 0\n        ? shapeProps.index\n        : payload\n          ? data.indexOf(payload)\n          : -1;\n    const datumColor = payload?.[colorKey];\n    const color = resolveColor(\n      typeof datumColor === \"string\"\n        ? datumColor\n        : typeof fill === \"string\"\n          ? fill\n          : undefined,\n      dataIndex >= 0 ? dataIndex : 0,\n    );\n\n    return <Trapezoid {...shapeProps} fill={color.fill} stroke={stroke} />;\n  };\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      <RechartsFunnelChart>\n        {showTooltip ? (\n          <Tooltip\n            contentStyle={{ color: tooltipColor }}\n            labelStyle={{ color: tooltipColor }}\n            itemStyle={{ color: tooltipColor }}\n          />\n        ) : null}\n        {showLegend ? <Legend /> : null}\n        <Funnel\n          data={data}\n          dataKey={String(dataKey)}\n          nameKey={String(nameKey)}\n          shape={renderDefaultShape}\n        >\n          {label ? (\n            <LabelList\n              dataKey={String(nameKey)}\n              position=\"right\"\n              fill=\"currentColor\"\n              stroke=\"none\"\n              fontSize={12}\n            />\n          ) : null}\n        </Funnel>\n      </RechartsFunnelChart>\n    </ChartFrame>\n  );\n}\n\nFunnelChart.displayName = \"FunnelChart\";\n"]}

package/dist/charts/funnel.mjs

@@ -0,0 +1,89 @@
+"use client";
+import { ChartFrame, resolveColor } from '../chunk-HZIRD3SR.mjs';
+export { chartColorValues, chartPalette, chartVariants } from '../chunk-HZIRD3SR.mjs';
+import '../chunk-FXYPRPAT.mjs';
+import '../chunk-4D54YOL6.mjs';
+import { FunnelChart as FunnelChart$1, Tooltip, Legend, Funnel, LabelList, Trapezoid } from 'recharts';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function FunnelChart({
+  appearance,
+  className,
+  colorKey = "color",
+  containerStyle,
+  data,
+  dataKey,
+  density,
+  emptyState = null,
+  fill,
+  height = 320,
+  label = true,
+  nameKey,
+  showLegend = false,
+  showTooltip = true,
+  stroke = "#ffffff",
+  style,
+  tooltipColor = "#0f172a",
+  ...props
+}) {
+  const hasData = data.length > 0;
+  const renderDefaultShape = (shapeProps) => {
+    const payload = shapeProps.payload;
+    const dataIndex = typeof shapeProps.index === "number" && shapeProps.index >= 0 ? shapeProps.index : payload ? data.indexOf(payload) : -1;
+    const datumColor = payload?.[colorKey];
+    const color = resolveColor(
+      typeof datumColor === "string" ? datumColor : typeof fill === "string" ? fill : void 0,
+      dataIndex >= 0 ? dataIndex : 0
+    );
+    return /* @__PURE__ */ jsx(Trapezoid, { ...shapeProps, fill: color.fill, stroke });
+  };
+  return /* @__PURE__ */ jsx(
+    ChartFrame,
+    {
+      appearance,
+      className,
+      containerStyle,
+      density,
+      emptyState,
+      hasData,
+      height,
+      style,
+      ...props,
+      children: /* @__PURE__ */ jsxs(FunnelChart$1, { children: [
+        showTooltip ? /* @__PURE__ */ jsx(
+          Tooltip,
+          {
+            contentStyle: { color: tooltipColor },
+            labelStyle: { color: tooltipColor },
+            itemStyle: { color: tooltipColor }
+          }
+        ) : null,
+        showLegend ? /* @__PURE__ */ jsx(Legend, {}) : null,
+        /* @__PURE__ */ jsx(
+          Funnel,
+          {
+            data,
+            dataKey: String(dataKey),
+            nameKey: String(nameKey),
+            shape: renderDefaultShape,
+            children: label ? /* @__PURE__ */ jsx(
+              LabelList,
+              {
+                dataKey: String(nameKey),
+                position: "right",
+                fill: "currentColor",
+                stroke: "none",
+                fontSize: 12
+              }
+            ) : null
+          }
+        )
+      ] })
+    }
+  );
+}
+FunnelChart.displayName = "FunnelChart";
+
+export { FunnelChart };
+//# sourceMappingURL=funnel.mjs.map
+//# sourceMappingURL=funnel.mjs.map

package/dist/charts/funnel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/charts/funnel/Funnel.tsx"],"names":["RechartsFunnelChart"],"mappings":";;;;;;;AAgBO,SAAS,WAAA,CAEd;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,QAAA,GAAW,OAAA;AAAA,EACX,cAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,IAAA;AAAA,EACA,MAAA,GAAS,GAAA;AAAA,EACT,KAAA,GAAQ,IAAA;AAAA,EACR,OAAA;AAAA,EACA,UAAA,GAAa,KAAA;AAAA,EACb,WAAA,GAAc,IAAA;AAAA,EACd,MAAA,GAAS,SAAA;AAAA,EACT,KAAA;AAAA,EACA,YAAA,GAAe,SAAA;AAAA,EACf,GAAG;AACL,CAAA,EAA6B;AAC3B,EAAA,MAAM,OAAA,GAAU,KAAK,MAAA,GAAS,CAAA;AAC9B,EAAA,MAAM,kBAAA,GAAqB,CACzB,UAAA,KACG;AACH,IAAA,MAAM,UAAU,UAAA,CAAW,OAAA;AAC3B,IAAA,MAAM,SAAA,GACJ,OAAO,UAAA,CAAW,KAAA,KAAU,YAAY,UAAA,CAAW,KAAA,IAAS,CAAA,GACxD,UAAA,CAAW,KAAA,GACX,OAAA,GACE,IAAA,CAAK,OAAA,CAAQ,OAAO,CAAA,GACpB,EAAA;AACR,IAAA,MAAM,UAAA,GAAa,UAAU,QAAQ,CAAA;AACrC,IAAA,MAAM,KAAA,GAAQ,YAAA;AAAA,MACZ,OAAO,UAAA,KAAe,QAAA,GAClB,aACA,OAAO,IAAA,KAAS,WACd,IAAA,GACA,MAAA;AAAA,MACN,SAAA,IAAa,IAAI,SAAA,GAAY;AAAA,KAC/B;AAEA,IAAA,2BAAQ,SAAA,EAAA,EAAW,GAAG,YAAY,IAAA,EAAM,KAAA,CAAM,MAAM,MAAA,EAAgB,CAAA;AAAA,EACtE,CAAA;AAEA,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,+BAACA,aAAA,EAAA,EACE,QAAA,EAAA;AAAA,QAAA,WAAA,mBACC,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAc,EAAE,KAAA,EAAO,YAAA,EAAa;AAAA,YACpC,UAAA,EAAY,EAAE,KAAA,EAAO,YAAA,EAAa;AAAA,YAClC,SAAA,EAAW,EAAE,KAAA,EAAO,YAAA;AAAa;AAAA,SACnC,GACE,IAAA;AAAA,QACH,UAAA,mBAAa,GAAA,CAAC,MAAA,EAAA,EAAO,CAAA,GAAK,IAAA;AAAA,wBAC3B,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,IAAA;AAAA,YACA,OAAA,EAAS,OAAO,OAAO,CAAA;AAAA,YACvB,OAAA,EAAS,OAAO,OAAO,CAAA;AAAA,YACvB,KAAA,EAAO,kBAAA;AAAA,YAEN,QAAA,EAAA,KAAA,mBACC,GAAA;AAAA,cAAC,SAAA;AAAA,cAAA;AAAA,gBACC,OAAA,EAAS,OAAO,OAAO,CAAA;AAAA,gBACvB,QAAA,EAAS,OAAA;AAAA,gBACT,IAAA,EAAK,cAAA;AAAA,gBACL,MAAA,EAAO,MAAA;AAAA,gBACP,QAAA,EAAU;AAAA;AAAA,aACZ,GACE;AAAA;AAAA;AACN,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"funnel.mjs","sourcesContent":["\"use client\";\n\nimport {\n  Funnel,\n  FunnelChart as RechartsFunnelChart,\n  FunnelTrapezoidItem,\n  LabelList,\n  Legend,\n  Tooltip,\n  Trapezoid,\n} from \"recharts\";\n\nimport { ChartFrame } from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { FunnelChartProps } from \"../shared/types\";\n\nexport function FunnelChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>({\n  appearance,\n  className,\n  colorKey = \"color\" as keyof TDatum & string,\n  containerStyle,\n  data,\n  dataKey,\n  density,\n  emptyState = null,\n  fill,\n  height = 320,\n  label = true,\n  nameKey,\n  showLegend = false,\n  showTooltip = true,\n  stroke = \"#ffffff\",\n  style,\n  tooltipColor = \"#0f172a\",\n  ...props\n}: FunnelChartProps<TDatum>) {\n  const hasData = data.length > 0;\n  const renderDefaultShape = (\n    shapeProps: FunnelTrapezoidItem & { index?: number },\n  ) => {\n    const payload = shapeProps.payload as TDatum | undefined;\n    const dataIndex =\n      typeof shapeProps.index === \"number\" && shapeProps.index >= 0\n        ? shapeProps.index\n        : payload\n          ? data.indexOf(payload)\n          : -1;\n    const datumColor = payload?.[colorKey];\n    const color = resolveColor(\n      typeof datumColor === \"string\"\n        ? datumColor\n        : typeof fill === \"string\"\n          ? fill\n          : undefined,\n      dataIndex >= 0 ? dataIndex : 0,\n    );\n\n    return <Trapezoid {...shapeProps} fill={color.fill} stroke={stroke} />;\n  };\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      <RechartsFunnelChart>\n        {showTooltip ? (\n          <Tooltip\n            contentStyle={{ color: tooltipColor }}\n            labelStyle={{ color: tooltipColor }}\n            itemStyle={{ color: tooltipColor }}\n          />\n        ) : null}\n        {showLegend ? <Legend /> : null}\n        <Funnel\n          data={data}\n          dataKey={String(dataKey)}\n          nameKey={String(nameKey)}\n          shape={renderDefaultShape}\n        >\n          {label ? (\n            <LabelList\n              dataKey={String(nameKey)}\n              position=\"right\"\n              fill=\"currentColor\"\n              stroke=\"none\"\n              fontSize={12}\n            />\n          ) : null}\n        </Funnel>\n      </RechartsFunnelChart>\n    </ChartFrame>\n  );\n}\n\nFunnelChart.displayName = \"FunnelChart\";\n"]}

package/dist/charts/line.js

@@ -1,8 +1,7 @@
 "use client";
 'use strict';
 
-var chunkZ6S36PDD_js = require('../chunk-Z6S36PDD.js');
-var chunkQNUDODDX_js = require('../chunk-QNUDODDX.js');
+var chunkPWPMKXEG_js = require('../chunk-PWPMKXEG.js');
 require('../chunk-W3QRRWQX.js');
 require('../chunk-ZS5756ZC.js');
 var recharts = require('recharts');
@@ -16,7 +15,7 @@ function LineChart({
   density,
   emptyState = null,
   height = 320,
-  margin = chunkQNUDODDX_js.defaultChartMargin,
+  margin = chunkPWPMKXEG_js.defaultChartMargin,
   series,
   showGrid = true,
   showLegend = false,
@@ -31,7 +30,7 @@ function LineChart({
   const hasData = data.length > 0 && series.length > 0;
   const xAxisKey = String(xKey);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkQNUDODDX_js.ChartFrame,
+    chunkPWPMKXEG_js.ChartFrame,
     {
       appearance,
       className,
@@ -44,7 +43,7 @@ function LineChart({
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.LineChart, { data, margin, syncId, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkQNUDODDX_js.ChartDecorators,
+          chunkPWPMKXEG_js.ChartDecorators,
           {
             axis: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -76,7 +75,7 @@ function LineChart({
           }
         ),
         series.map((item, index) => {
-          const color = chunkZ6S36PDD_js.resolveColor(item.color, index);
+          const color = chunkPWPMKXEG_js.resolveColor(item.color, index);
           return /* @__PURE__ */ jsxRuntime.jsx(
             recharts.Line,
             {
@@ -100,15 +99,15 @@ LineChart.displayName = "LineChart";
 
 Object.defineProperty(exports, "chartColorValues", {
   enumerable: true,
-  get: function () { return chunkQNUDODDX_js.chartColorValues; }
+  get: function () { return chunkPWPMKXEG_js.chartColorValues; }
 });
 Object.defineProperty(exports, "chartPalette", {
   enumerable: true,
-  get: function () { return chunkQNUDODDX_js.chartPalette; }
+  get: function () { return chunkPWPMKXEG_js.chartPalette; }
 });
 Object.defineProperty(exports, "chartVariants", {
   enumerable: true,
-  get: function () { return chunkQNUDODDX_js.chartVariants; }
+  get: function () { return chunkPWPMKXEG_js.chartVariants; }
 });
 exports.LineChart = LineChart;
 //# sourceMappingURL=line.js.map

package/dist/charts/line.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/charts/line/Line.tsx"],"names":["defaultChartMargin","jsx","ChartFrame","jsxs","RechartsLineChart","ChartDecorators","Fragment","XAxis","YAxis","resolveColor","Line"],"mappings":";;;;;;;;;AAYO,SAAS,SAAA,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,KAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,eAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA2B;AACzB,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,kBAAA,EAAA,EAAkB,IAAA,EAAY,MAAA,EAAgB,MAAA,EAC7C,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,aAAA;AAAA,YAAA;AAAA,cAEC,IAAA,EAAK,UAAA;AAAA,cACL,SAAS,IAAA,CAAK,OAAA;AAAA,cACd,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,QAAQ,KAAA,CAAM,MAAA;AAAA,cACd,WAAA,EAAa,CAAA;AAAA,cACb,GAAA,EAAK,KAAA;AAAA,cACL,SAAA,EAAW,EAAE,CAAA,EAAG,CAAA,EAAE;AAAA,cAClB,iBAAiB,eAAA,IAAmB;AAAA,aAAA;AAAA,YAR/B,IAAA,CAAK;AAAA,WASZ;AAAA,QAEJ,CAAC;AAAA,OAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"line.js","sourcesContent":["\"use client\";\n\nimport { Line, LineChart as RechartsLineChart, XAxis, YAxis } from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { LineChartProps } from \"../shared/types\";\n\nexport function LineChart<\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  strokeDasharray,\n  ...props\n}: LineChartProps<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      <RechartsLineChart 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            <Line\n              key={item.dataKey}\n              type=\"monotone\"\n              dataKey={item.dataKey}\n              name={item.name}\n              stroke={color.stroke}\n              strokeWidth={2}\n              dot={false}\n              activeDot={{ r: 5 }}\n              strokeDasharray={strokeDasharray ?? undefined}\n            />\n          );\n        })}\n      </RechartsLineChart>\n    </ChartFrame>\n  );\n}\n\nLineChart.displayName = \"LineChart\";\n"]}
+{"version":3,"sources":["../../src/charts/line/Line.tsx"],"names":["defaultChartMargin","jsx","ChartFrame","jsxs","RechartsLineChart","ChartDecorators","Fragment","XAxis","YAxis","resolveColor","Line"],"mappings":";;;;;;;;AAYO,SAAS,SAAA,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,KAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,eAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA2B;AACzB,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,kBAAA,EAAA,EAAkB,IAAA,EAAY,MAAA,EAAgB,MAAA,EAC7C,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,aAAA;AAAA,YAAA;AAAA,cAEC,IAAA,EAAK,UAAA;AAAA,cACL,SAAS,IAAA,CAAK,OAAA;AAAA,cACd,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,QAAQ,KAAA,CAAM,MAAA;AAAA,cACd,WAAA,EAAa,CAAA;AAAA,cACb,GAAA,EAAK,KAAA;AAAA,cACL,SAAA,EAAW,EAAE,CAAA,EAAG,CAAA,EAAE;AAAA,cAClB,iBAAiB,eAAA,IAAmB;AAAA,aAAA;AAAA,YAR/B,IAAA,CAAK;AAAA,WASZ;AAAA,QAEJ,CAAC;AAAA,OAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"line.js","sourcesContent":["\"use client\";\n\nimport { Line, LineChart as RechartsLineChart, XAxis, YAxis } from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { LineChartProps } from \"../shared/types\";\n\nexport function LineChart<\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  strokeDasharray,\n  ...props\n}: LineChartProps<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      <RechartsLineChart 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            <Line\n              key={item.dataKey}\n              type=\"monotone\"\n              dataKey={item.dataKey}\n              name={item.name}\n              stroke={color.stroke}\n              strokeWidth={2}\n              dot={false}\n              activeDot={{ r: 5 }}\n              strokeDasharray={strokeDasharray ?? undefined}\n            />\n          );\n        })}\n      </RechartsLineChart>\n    </ChartFrame>\n  );\n}\n\nLineChart.displayName = \"LineChart\";\n"]}

package/dist/charts/line.mjs

@@ -1,7 +1,6 @@
 "use client";
-import { resolveColor } from '../chunk-OULU7OC4.mjs';
-import { ChartFrame, defaultChartMargin, ChartDecorators } from '../chunk-G2WARVAM.mjs';
-export { chartColorValues, chartPalette, chartVariants } from '../chunk-G2WARVAM.mjs';
+import { ChartFrame, defaultChartMargin, ChartDecorators, resolveColor } from '../chunk-HZIRD3SR.mjs';
+export { chartColorValues, chartPalette, chartVariants } from '../chunk-HZIRD3SR.mjs';
 import '../chunk-FXYPRPAT.mjs';
 import '../chunk-4D54YOL6.mjs';
 import { LineChart as LineChart$1, XAxis, YAxis, Line } from 'recharts';

package/dist/charts/line.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/charts/line/Line.tsx"],"names":["RechartsLineChart"],"mappings":";;;;;;;;AAYO,SAAS,SAAA,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,KAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,eAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA2B;AACzB,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,WAAA,EAAA,EAAkB,IAAA,EAAY,MAAA,EAAgB,MAAA,EAC7C,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,IAAA;AAAA,YAAA;AAAA,cAEC,IAAA,EAAK,UAAA;AAAA,cACL,SAAS,IAAA,CAAK,OAAA;AAAA,cACd,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,QAAQ,KAAA,CAAM,MAAA;AAAA,cACd,WAAA,EAAa,CAAA;AAAA,cACb,GAAA,EAAK,KAAA;AAAA,cACL,SAAA,EAAW,EAAE,CAAA,EAAG,CAAA,EAAE;AAAA,cAClB,iBAAiB,eAAA,IAAmB;AAAA,aAAA;AAAA,YAR/B,IAAA,CAAK;AAAA,WASZ;AAAA,QAEJ,CAAC;AAAA,OAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"line.mjs","sourcesContent":["\"use client\";\n\nimport { Line, LineChart as RechartsLineChart, XAxis, YAxis } from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { LineChartProps } from \"../shared/types\";\n\nexport function LineChart<\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  strokeDasharray,\n  ...props\n}: LineChartProps<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      <RechartsLineChart 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            <Line\n              key={item.dataKey}\n              type=\"monotone\"\n              dataKey={item.dataKey}\n              name={item.name}\n              stroke={color.stroke}\n              strokeWidth={2}\n              dot={false}\n              activeDot={{ r: 5 }}\n              strokeDasharray={strokeDasharray ?? undefined}\n            />\n          );\n        })}\n      </RechartsLineChart>\n    </ChartFrame>\n  );\n}\n\nLineChart.displayName = \"LineChart\";\n"]}
+{"version":3,"sources":["../../src/charts/line/Line.tsx"],"names":["RechartsLineChart"],"mappings":";;;;;;;AAYO,SAAS,SAAA,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,KAAA;AAAA,EACA,MAAA;AAAA,EACA,IAAA;AAAA,EACA,eAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA2B;AACzB,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,WAAA,EAAA,EAAkB,IAAA,EAAY,MAAA,EAAgB,MAAA,EAC7C,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,IAAA;AAAA,YAAA;AAAA,cAEC,IAAA,EAAK,UAAA;AAAA,cACL,SAAS,IAAA,CAAK,OAAA;AAAA,cACd,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,QAAQ,KAAA,CAAM,MAAA;AAAA,cACd,WAAA,EAAa,CAAA;AAAA,cACb,GAAA,EAAK,KAAA;AAAA,cACL,SAAA,EAAW,EAAE,CAAA,EAAG,CAAA,EAAE;AAAA,cAClB,iBAAiB,eAAA,IAAmB;AAAA,aAAA;AAAA,YAR/B,IAAA,CAAK;AAAA,WASZ;AAAA,QAEJ,CAAC;AAAA,OAAA,EACH;AAAA;AAAA,GACF;AAEJ;AAEA,SAAA,CAAU,WAAA,GAAc,WAAA","file":"line.mjs","sourcesContent":["\"use client\";\n\nimport { Line, LineChart as RechartsLineChart, XAxis, YAxis } from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { LineChartProps } from \"../shared/types\";\n\nexport function LineChart<\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  strokeDasharray,\n  ...props\n}: LineChartProps<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      <RechartsLineChart 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            <Line\n              key={item.dataKey}\n              type=\"monotone\"\n              dataKey={item.dataKey}\n              name={item.name}\n              stroke={color.stroke}\n              strokeWidth={2}\n              dot={false}\n              activeDot={{ r: 5 }}\n              strokeDasharray={strokeDasharray ?? undefined}\n            />\n          );\n        })}\n      </RechartsLineChart>\n    </ChartFrame>\n  );\n}\n\nLineChart.displayName = \"LineChart\";\n"]}

package/dist/charts/pie/Pie.d.ts

@@ -1,5 +1,5 @@
 import type { PieChartProps } from "../shared/types";
-export declare function PieChart<TDatum extends Record<string, number | string | null | undefined>>({ appearance, className, containerStyle, cornerRadius, data, dataKey, density, emptyState, height, label, labelLine, labelColor, nameKey, paddingAngle, showLegend, showTooltip, tooltipColor, stroke, fill, innerRadius, outerRadius, shape, style, ...props }: PieChartProps<TDatum>): import("react/jsx-runtime").JSX.Element;
+export declare function PieChart<TDatum extends Record<string, number | string | null | undefined>>({ appearance, className, containerStyle, cornerRadius, center, data, dataKey, colorKey, density, emptyState, height, label, labelLine, labelColor, nameKey, paddingAngle, showLegend, showTooltip, tooltipColor, stroke, fill, innerRadius, outerRadius, shape, style, ...props }: PieChartProps<TDatum>): import("react/jsx-runtime").JSX.Element;
 export declare namespace PieChart {
     var displayName: string;
 }

package/dist/charts/pie/Pie.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Pie.d.ts","sourceRoot":"","sources":["../../../src/charts/pie/Pie.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAmCrD,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,YAAiB,EACjB,IAAI,EACJ,OAAO,EACP,OAAO,EACP,UAAiB,EACjB,MAAY,EACZ,KAAa,EACb,SAAiB,EACjB,UAAoB,EACpB,OAAO,EACP,YAAgB,EAChB,UAAiB,EACjB,WAAkB,EAClB,YAAwB,EACxB,MAAkB,EAClB,IAAgB,EAChB,WAAW,EACX,WAAW,EACX,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,MAAM,CAAC,2CA8CvB;yBAzEe,QAAQ"}
+{"version":3,"file":"Pie.d.ts","sourceRoot":"","sources":["../../../src/charts/pie/Pie.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAmCrD,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,YAAiB,EACjB,MAAM,EACN,IAAI,EACJ,OAAO,EACP,QAA2C,EAC3C,OAAO,EACP,UAAiB,EACjB,MAAY,EACZ,KAAa,EACb,SAAiB,EACjB,UAAoB,EACpB,OAAO,EACP,YAAgB,EAChB,UAAiB,EACjB,WAAkB,EAClB,YAAwB,EACxB,MAAkB,EAClB,IAAgB,EAChB,WAAW,EACX,WAAW,EACX,KAAK,EACL,KAAK,EACL,GAAG,KAAK,EACT,EAAE,aAAa,CAAC,MAAM,CAAC,2CAoEvB;yBAjGe,QAAQ"}

package/dist/charts/pie.js

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunkQNUDODDX_js = require('../chunk-QNUDODDX.js');
+var chunkPWPMKXEG_js = require('../chunk-PWPMKXEG.js');
 require('../chunk-W3QRRWQX.js');
 require('../chunk-ZS5756ZC.js');
 var recharts = require('recharts');
@@ -42,8 +42,10 @@ function PieChart({
   className,
   containerStyle,
   cornerRadius = 10,
+  center,
   data,
   dataKey,
+  colorKey = "color",
   density,
   emptyState = null,
   height = 320,
@@ -64,8 +66,18 @@ function PieChart({
   ...props
 }) {
   const hasData = data.length > 0;
+  const renderDefaultShape = (props2, index) => {
+    const payload = props2.payload;
+    const shapeDatum = props2;
+    const datumColor = payload?.[colorKey] ?? shapeDatum[colorKey];
+    const color = chunkPWPMKXEG_js.resolveColor(
+      typeof datumColor === "string" ? datumColor : typeof fill === "string" ? fill : void 0,
+      typeof index === "number" ? index : props2.index
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(recharts.Sector, { ...props2, fill: color.fill, stroke });
+  };
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkQNUDODDX_js.ChartFrame,
+    chunkPWPMKXEG_js.ChartFrame,
     {
       appearance,
       className,
@@ -74,6 +86,7 @@ function PieChart({
       emptyState,
       hasData,
       height,
+      overlay: center ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center text-center", children: center }) : null,
       style,
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.PieChart, { children: [
@@ -100,7 +113,7 @@ function PieChart({
             label: label ? (props2) => renderCustomizedLabel({ ...props2, fill: labelColor }) : void 0,
             stroke,
             fill,
-            shape
+            shape: shape ?? renderDefaultShape
           }
         )
       ] })
@@ -111,15 +124,15 @@ PieChart.displayName = "PieChart";
 
 Object.defineProperty(exports, "chartColorValues", {
   enumerable: true,
-  get: function () { return chunkQNUDODDX_js.chartColorValues; }
+  get: function () { return chunkPWPMKXEG_js.chartColorValues; }
 });
 Object.defineProperty(exports, "chartPalette", {
   enumerable: true,
-  get: function () { return chunkQNUDODDX_js.chartPalette; }
+  get: function () { return chunkPWPMKXEG_js.chartPalette; }
 });
 Object.defineProperty(exports, "chartVariants", {
   enumerable: true,
-  get: function () { return chunkQNUDODDX_js.chartVariants; }
+  get: function () { return chunkPWPMKXEG_js.chartVariants; }
 });
 exports.PieChart = PieChart;
 //# sourceMappingURL=pie.js.map

package/dist/charts/pie.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/charts/pie/Pie.tsx"],"names":["jsx","ChartFrame","RechartsPieChart","Tooltip","Legend","Pie","props"],"mappings":"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","file":"pie.js","sourcesContent":["\"use client\";\n\nimport {\n  Legend,\n  Pie,\n  PieLabelRenderProps,\n  PieChart as RechartsPieChart,\n  Tooltip,\n} from \"recharts\";\n\nimport { ChartFrame } from \"../shared/chart-frame\";\nimport type { PieChartProps } from \"../shared/types\";\n\nconst RADIAN = Math.PI / 180;\n\nconst renderCustomizedLabel = ({\n  cx,\n  cy,\n  midAngle,\n  innerRadius,\n  outerRadius,\n  percent,\n  fill,\n}: PieLabelRenderProps) => {\n  if (cx == null || cy == null || innerRadius == null || outerRadius == null) {\n    return null;\n  }\n  const radius = innerRadius + (outerRadius - innerRadius) * 0.5;\n  const ncx = Number(cx);\n  const x = ncx + radius * Math.cos(-(midAngle ?? 0) * RADIAN);\n  const ncy = Number(cy);\n  const y = ncy + radius * Math.sin(-(midAngle ?? 0) * RADIAN);\n\n  return (\n    <text\n      x={x}\n      y={y}\n      fill={fill}\n      textAnchor={x > ncx ? \"start\" : \"end\"}\n      dominantBaseline=\"central\"\n    >\n      {`${((percent ?? 0) * 100).toFixed(0)}%`}\n    </text>\n  );\n};\n\nexport function PieChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>({\n  appearance,\n  className,\n  containerStyle,\n  cornerRadius = 10,\n  data,\n  dataKey,\n  density,\n  emptyState = null,\n  height = 320,\n  label = false,\n  labelLine = false,\n  labelColor = \"white\",\n  nameKey,\n  paddingAngle = 2,\n  showLegend = true,\n  showTooltip = true,\n  tooltipColor = \"#0f172a\",\n  stroke = \"#000000\",\n  fill = \"#0d3b66\",\n  innerRadius,\n  outerRadius,\n  shape,\n  style,\n  ...props\n}: PieChartProps<TDatum>) {\n  const hasData = data.length > 0;\n\n  return (\n    <ChartFrame\n      appearance={appearance}\n      className={className}\n      containerStyle={containerStyle}\n      density={density}\n      emptyState={emptyState}\n      hasData={hasData}\n      height={height}\n      style={style}\n      {...props}\n    >\n      <RechartsPieChart>\n        {showTooltip ? (\n          <Tooltip\n            contentStyle={{ color: tooltipColor }}\n            labelStyle={{ color: tooltipColor }}\n            itemStyle={{ color: tooltipColor }}\n          />\n        ) : null}\n        {showLegend ? <Legend color=\"currentColor\" /> : null}\n        <Pie\n          data={data}\n          dataKey={String(dataKey)}\n          nameKey={String(nameKey)}\n          innerRadius={innerRadius}\n          outerRadius={outerRadius}\n          paddingAngle={paddingAngle}\n          cornerRadius={cornerRadius}\n          labelLine={labelLine}\n          label={\n            label\n              ? (props: PieLabelRenderProps) =>\n                  renderCustomizedLabel({ ...props, fill: labelColor })\n              : undefined\n          }\n          stroke={stroke}\n          fill={fill}\n          shape={shape}\n        />\n      </RechartsPieChart>\n    </ChartFrame>\n  );\n}\n\nPieChart.displayName = \"PieChart\";\n"]}
+{"version":3,"sources":["../../src/charts/pie/Pie.tsx"],"names":["jsx","props","resolveColor","Sector","ChartFrame","RechartsPieChart","Tooltip","Legend","Pie"],"mappings":"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","file":"pie.js","sourcesContent":["\"use client\";\n\nimport {\n  Legend,\n  Pie,\n  PieLabelRenderProps,\n  PieSectorShapeProps,\n  PieChart as RechartsPieChart,\n  Sector,\n  Tooltip,\n} from \"recharts\";\n\nimport { ChartFrame } from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { PieChartProps } from \"../shared/types\";\n\nconst RADIAN = Math.PI / 180;\n\nconst renderCustomizedLabel = ({\n  cx,\n  cy,\n  midAngle,\n  innerRadius,\n  outerRadius,\n  percent,\n  fill,\n}: PieLabelRenderProps) => {\n  if (cx == null || cy == null || innerRadius == null || outerRadius == null) {\n    return null;\n  }\n  const radius = innerRadius + (outerRadius - innerRadius) * 0.5;\n  const ncx = Number(cx);\n  const x = ncx + radius * Math.cos(-(midAngle ?? 0) * RADIAN);\n  const ncy = Number(cy);\n  const y = ncy + radius * Math.sin(-(midAngle ?? 0) * RADIAN);\n\n  return (\n    <text\n      x={x}\n      y={y}\n      fill={fill}\n      textAnchor={x > ncx ? \"start\" : \"end\"}\n      dominantBaseline=\"central\"\n    >\n      {`${((percent ?? 0) * 100).toFixed(0)}%`}\n    </text>\n  );\n};\n\nexport function PieChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>({\n  appearance,\n  className,\n  containerStyle,\n  cornerRadius = 10,\n  center,\n  data,\n  dataKey,\n  colorKey = \"color\" as keyof TDatum & string,\n  density,\n  emptyState = null,\n  height = 320,\n  label = false,\n  labelLine = false,\n  labelColor = \"white\",\n  nameKey,\n  paddingAngle = 2,\n  showLegend = true,\n  showTooltip = true,\n  tooltipColor = \"#0f172a\",\n  stroke = \"#000000\",\n  fill = \"#0d3b66\",\n  innerRadius,\n  outerRadius,\n  shape,\n  style,\n  ...props\n}: PieChartProps<TDatum>) {\n  const hasData = data.length > 0;\n  const renderDefaultShape = (props: PieSectorShapeProps, index: number) => {\n    const payload = props.payload as TDatum | undefined;\n    const shapeDatum = props as unknown as TDatum;\n    const datumColor = payload?.[colorKey] ?? shapeDatum[colorKey];\n    const color = resolveColor(\n      typeof datumColor === \"string\"\n        ? datumColor\n        : typeof fill === \"string\"\n          ? fill\n          : undefined,\n      typeof index === \"number\" ? index : props.index,\n    );\n\n    return <Sector {...props} fill={color.fill} stroke={stroke} />;\n  };\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      overlay={\n        center ? (\n          <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center text-center\">\n            {center}\n          </div>\n        ) : null\n      }\n      style={style}\n      {...props}\n    >\n      <RechartsPieChart>\n        {showTooltip ? (\n          <Tooltip\n            contentStyle={{ color: tooltipColor }}\n            labelStyle={{ color: tooltipColor }}\n            itemStyle={{ color: tooltipColor }}\n          />\n        ) : null}\n        {showLegend ? <Legend color=\"currentColor\" /> : null}\n        <Pie\n          data={data}\n          dataKey={String(dataKey)}\n          nameKey={String(nameKey)}\n          innerRadius={innerRadius}\n          outerRadius={outerRadius}\n          paddingAngle={paddingAngle}\n          cornerRadius={cornerRadius}\n          labelLine={labelLine}\n          label={\n            label\n              ? (props: PieLabelRenderProps) =>\n                  renderCustomizedLabel({ ...props, fill: labelColor })\n              : undefined\n          }\n          stroke={stroke}\n          fill={fill}\n          shape={shape ?? renderDefaultShape}\n        />\n      </RechartsPieChart>\n    </ChartFrame>\n  );\n}\n\nPieChart.displayName = \"PieChart\";\n"]}

package/dist/charts/pie.mjs

@@ -1,9 +1,9 @@
 "use client";
-import { ChartFrame } from '../chunk-G2WARVAM.mjs';
-export { chartColorValues, chartPalette, chartVariants } from '../chunk-G2WARVAM.mjs';
+import { ChartFrame, resolveColor } from '../chunk-HZIRD3SR.mjs';
+export { chartColorValues, chartPalette, chartVariants } from '../chunk-HZIRD3SR.mjs';
 import '../chunk-FXYPRPAT.mjs';
 import '../chunk-4D54YOL6.mjs';
-import { PieChart as PieChart$1, Tooltip, Legend, Pie } from 'recharts';
+import { PieChart as PieChart$1, Tooltip, Legend, Pie, Sector } from 'recharts';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
 var RADIAN = Math.PI / 180;
@@ -41,8 +41,10 @@ function PieChart({
   className,
   containerStyle,
   cornerRadius = 10,
+  center,
   data,
   dataKey,
+  colorKey = "color",
   density,
   emptyState = null,
   height = 320,
@@ -63,6 +65,16 @@ function PieChart({
   ...props
 }) {
   const hasData = data.length > 0;
+  const renderDefaultShape = (props2, index) => {
+    const payload = props2.payload;
+    const shapeDatum = props2;
+    const datumColor = payload?.[colorKey] ?? shapeDatum[colorKey];
+    const color = resolveColor(
+      typeof datumColor === "string" ? datumColor : typeof fill === "string" ? fill : void 0,
+      typeof index === "number" ? index : props2.index
+    );
+    return /* @__PURE__ */ jsx(Sector, { ...props2, fill: color.fill, stroke });
+  };
   return /* @__PURE__ */ jsx(
     ChartFrame,
     {
@@ -73,6 +85,7 @@ function PieChart({
       emptyState,
       hasData,
       height,
+      overlay: center ? /* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center text-center", children: center }) : null,
       style,
       ...props,
       children: /* @__PURE__ */ jsxs(PieChart$1, { children: [
@@ -99,7 +112,7 @@ function PieChart({
             label: label ? (props2) => renderCustomizedLabel({ ...props2, fill: labelColor }) : void 0,
             stroke,
             fill,
-            shape
+            shape: shape ?? renderDefaultShape
           }
         )
       ] })

package/dist/charts/pie.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/charts/pie/Pie.tsx"],"names":["RechartsPieChart","props"],"mappings":"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","file":"pie.mjs","sourcesContent":["\"use client\";\n\nimport {\n  Legend,\n  Pie,\n  PieLabelRenderProps,\n  PieChart as RechartsPieChart,\n  Tooltip,\n} from \"recharts\";\n\nimport { ChartFrame } from \"../shared/chart-frame\";\nimport type { PieChartProps } from \"../shared/types\";\n\nconst RADIAN = Math.PI / 180;\n\nconst renderCustomizedLabel = ({\n  cx,\n  cy,\n  midAngle,\n  innerRadius,\n  outerRadius,\n  percent,\n  fill,\n}: PieLabelRenderProps) => {\n  if (cx == null || cy == null || innerRadius == null || outerRadius == null) {\n    return null;\n  }\n  const radius = innerRadius + (outerRadius - innerRadius) * 0.5;\n  const ncx = Number(cx);\n  const x = ncx + radius * Math.cos(-(midAngle ?? 0) * RADIAN);\n  const ncy = Number(cy);\n  const y = ncy + radius * Math.sin(-(midAngle ?? 0) * RADIAN);\n\n  return (\n    <text\n      x={x}\n      y={y}\n      fill={fill}\n      textAnchor={x > ncx ? \"start\" : \"end\"}\n      dominantBaseline=\"central\"\n    >\n      {`${((percent ?? 0) * 100).toFixed(0)}%`}\n    </text>\n  );\n};\n\nexport function PieChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>({\n  appearance,\n  className,\n  containerStyle,\n  cornerRadius = 10,\n  data,\n  dataKey,\n  density,\n  emptyState = null,\n  height = 320,\n  label = false,\n  labelLine = false,\n  labelColor = \"white\",\n  nameKey,\n  paddingAngle = 2,\n  showLegend = true,\n  showTooltip = true,\n  tooltipColor = \"#0f172a\",\n  stroke = \"#000000\",\n  fill = \"#0d3b66\",\n  innerRadius,\n  outerRadius,\n  shape,\n  style,\n  ...props\n}: PieChartProps<TDatum>) {\n  const hasData = data.length > 0;\n\n  return (\n    <ChartFrame\n      appearance={appearance}\n      className={className}\n      containerStyle={containerStyle}\n      density={density}\n      emptyState={emptyState}\n      hasData={hasData}\n      height={height}\n      style={style}\n      {...props}\n    >\n      <RechartsPieChart>\n        {showTooltip ? (\n          <Tooltip\n            contentStyle={{ color: tooltipColor }}\n            labelStyle={{ color: tooltipColor }}\n            itemStyle={{ color: tooltipColor }}\n          />\n        ) : null}\n        {showLegend ? <Legend color=\"currentColor\" /> : null}\n        <Pie\n          data={data}\n          dataKey={String(dataKey)}\n          nameKey={String(nameKey)}\n          innerRadius={innerRadius}\n          outerRadius={outerRadius}\n          paddingAngle={paddingAngle}\n          cornerRadius={cornerRadius}\n          labelLine={labelLine}\n          label={\n            label\n              ? (props: PieLabelRenderProps) =>\n                  renderCustomizedLabel({ ...props, fill: labelColor })\n              : undefined\n          }\n          stroke={stroke}\n          fill={fill}\n          shape={shape}\n        />\n      </RechartsPieChart>\n    </ChartFrame>\n  );\n}\n\nPieChart.displayName = \"PieChart\";\n"]}
+{"version":3,"sources":["../../src/charts/pie/Pie.tsx"],"names":["props","RechartsPieChart"],"mappings":";;;;;;;AAgBA,IAAM,MAAA,GAAS,KAAK,EAAA,GAAK,GAAA;AAEzB,IAAM,wBAAwB,CAAC;AAAA,EAC7B,EAAA;AAAA,EACA,EAAA;AAAA,EACA,QAAA;AAAA,EACA,WAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EACA;AACF,CAAA,KAA2B;AACzB,EAAA,IAAI,MAAM,IAAA,IAAQ,EAAA,IAAM,QAAQ,WAAA,IAAe,IAAA,IAAQ,eAAe,IAAA,EAAM;AAC1E,IAAA,OAAO,IAAA;AAAA,EACT;AACA,EAAA,MAAM,MAAA,GAAS,WAAA,GAAA,CAAe,WAAA,GAAc,WAAA,IAAe,GAAA;AAC3D,EAAA,MAAM,GAAA,GAAM,OAAO,EAAE,CAAA;AACrB,EAAA,MAAM,CAAA,GAAI,MAAM,MAAA,GAAS,IAAA,CAAK,IAAI,EAAE,QAAA,IAAY,KAAK,MAAM,CAAA;AAC3D,EAAA,MAAM,GAAA,GAAM,OAAO,EAAE,CAAA;AACrB,EAAA,MAAM,CAAA,GAAI,MAAM,MAAA,GAAS,IAAA,CAAK,IAAI,EAAE,QAAA,IAAY,KAAK,MAAM,CAAA;AAE3D,EAAA,uBACE,GAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,CAAA;AAAA,MACA,CAAA;AAAA,MACA,IAAA;AAAA,MACA,UAAA,EAAY,CAAA,GAAI,GAAA,GAAM,OAAA,GAAU,KAAA;AAAA,MAChC,gBAAA,EAAiB,SAAA;AAAA,MAEhB,eAAK,OAAA,IAAW,CAAA,IAAK,GAAA,EAAK,OAAA,CAAQ,CAAC,CAAC,CAAA,CAAA;AAAA;AAAA,GACvC;AAEJ,CAAA;AAEO,SAAS,QAAA,CAEd;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,cAAA;AAAA,EACA,YAAA,GAAe,EAAA;AAAA,EACf,MAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA,GAAW,OAAA;AAAA,EACX,OAAA;AAAA,EACA,UAAA,GAAa,IAAA;AAAA,EACb,MAAA,GAAS,GAAA;AAAA,EACT,KAAA,GAAQ,KAAA;AAAA,EACR,SAAA,GAAY,KAAA;AAAA,EACZ,UAAA,GAAa,OAAA;AAAA,EACb,OAAA;AAAA,EACA,YAAA,GAAe,CAAA;AAAA,EACf,UAAA,GAAa,IAAA;AAAA,EACb,WAAA,GAAc,IAAA;AAAA,EACd,YAAA,GAAe,SAAA;AAAA,EACf,MAAA,GAAS,SAAA;AAAA,EACT,IAAA,GAAO,SAAA;AAAA,EACP,WAAA;AAAA,EACA,WAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG;AACL,CAAA,EAA0B;AACxB,EAAA,MAAM,OAAA,GAAU,KAAK,MAAA,GAAS,CAAA;AAC9B,EAAA,MAAM,kBAAA,GAAqB,CAACA,MAAAA,EAA4B,KAAA,KAAkB;AACxE,IAAA,MAAM,UAAUA,MAAAA,CAAM,OAAA;AACtB,IAAA,MAAM,UAAA,GAAaA,MAAAA;AACnB,IAAA,MAAM,UAAA,GAAa,OAAA,GAAU,QAAQ,CAAA,IAAK,WAAW,QAAQ,CAAA;AAC7D,IAAA,MAAM,KAAA,GAAQ,YAAA;AAAA,MACZ,OAAO,UAAA,KAAe,QAAA,GAClB,aACA,OAAO,IAAA,KAAS,WACd,IAAA,GACA,MAAA;AAAA,MACN,OAAO,KAAA,KAAU,QAAA,GAAW,KAAA,GAAQA,MAAAA,CAAM;AAAA,KAC5C;AAEA,IAAA,2BAAQ,MAAA,EAAA,EAAQ,GAAGA,QAAO,IAAA,EAAM,KAAA,CAAM,MAAM,MAAA,EAAgB,CAAA;AAAA,EAC9D,CAAA;AAEA,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,SACE,MAAA,mBACE,GAAA,CAAC,SAAI,SAAA,EAAU,mFAAA,EACZ,kBACH,CAAA,GACE,IAAA;AAAA,MAEN,KAAA;AAAA,MACC,GAAG,KAAA;AAAA,MAEJ,+BAACC,UAAA,EAAA,EACE,QAAA,EAAA;AAAA,QAAA,WAAA,mBACC,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,YAAA,EAAc,EAAE,KAAA,EAAO,YAAA,EAAa;AAAA,YACpC,UAAA,EAAY,EAAE,KAAA,EAAO,YAAA,EAAa;AAAA,YAClC,SAAA,EAAW,EAAE,KAAA,EAAO,YAAA;AAAa;AAAA,SACnC,GACE,IAAA;AAAA,QACH,UAAA,mBAAa,GAAA,CAAC,MAAA,EAAA,EAAO,KAAA,EAAM,gBAAe,CAAA,GAAK,IAAA;AAAA,wBAChD,GAAA;AAAA,UAAC,GAAA;AAAA,UAAA;AAAA,YACC,IAAA;AAAA,YACA,OAAA,EAAS,OAAO,OAAO,CAAA;AAAA,YACvB,OAAA,EAAS,OAAO,OAAO,CAAA;AAAA,YACvB,WAAA;AAAA,YACA,WAAA;AAAA,YACA,YAAA;AAAA,YACA,YAAA;AAAA,YACA,SAAA;AAAA,YACA,KAAA,EACE,KAAA,GACI,CAACD,MAAAA,KACC,qBAAA,CAAsB,EAAE,GAAGA,MAAAA,EAAO,IAAA,EAAM,UAAA,EAAY,CAAA,GACtD,MAAA;AAAA,YAEN,MAAA;AAAA,YACA,IAAA;AAAA,YACA,OAAO,KAAA,IAAS;AAAA;AAAA;AAClB,OAAA,EACF;AAAA;AAAA,GACF;AAEJ;AAEA,QAAA,CAAS,WAAA,GAAc,UAAA","file":"pie.mjs","sourcesContent":["\"use client\";\n\nimport {\n  Legend,\n  Pie,\n  PieLabelRenderProps,\n  PieSectorShapeProps,\n  PieChart as RechartsPieChart,\n  Sector,\n  Tooltip,\n} from \"recharts\";\n\nimport { ChartFrame } from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { PieChartProps } from \"../shared/types\";\n\nconst RADIAN = Math.PI / 180;\n\nconst renderCustomizedLabel = ({\n  cx,\n  cy,\n  midAngle,\n  innerRadius,\n  outerRadius,\n  percent,\n  fill,\n}: PieLabelRenderProps) => {\n  if (cx == null || cy == null || innerRadius == null || outerRadius == null) {\n    return null;\n  }\n  const radius = innerRadius + (outerRadius - innerRadius) * 0.5;\n  const ncx = Number(cx);\n  const x = ncx + radius * Math.cos(-(midAngle ?? 0) * RADIAN);\n  const ncy = Number(cy);\n  const y = ncy + radius * Math.sin(-(midAngle ?? 0) * RADIAN);\n\n  return (\n    <text\n      x={x}\n      y={y}\n      fill={fill}\n      textAnchor={x > ncx ? \"start\" : \"end\"}\n      dominantBaseline=\"central\"\n    >\n      {`${((percent ?? 0) * 100).toFixed(0)}%`}\n    </text>\n  );\n};\n\nexport function PieChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>({\n  appearance,\n  className,\n  containerStyle,\n  cornerRadius = 10,\n  center,\n  data,\n  dataKey,\n  colorKey = \"color\" as keyof TDatum & string,\n  density,\n  emptyState = null,\n  height = 320,\n  label = false,\n  labelLine = false,\n  labelColor = \"white\",\n  nameKey,\n  paddingAngle = 2,\n  showLegend = true,\n  showTooltip = true,\n  tooltipColor = \"#0f172a\",\n  stroke = \"#000000\",\n  fill = \"#0d3b66\",\n  innerRadius,\n  outerRadius,\n  shape,\n  style,\n  ...props\n}: PieChartProps<TDatum>) {\n  const hasData = data.length > 0;\n  const renderDefaultShape = (props: PieSectorShapeProps, index: number) => {\n    const payload = props.payload as TDatum | undefined;\n    const shapeDatum = props as unknown as TDatum;\n    const datumColor = payload?.[colorKey] ?? shapeDatum[colorKey];\n    const color = resolveColor(\n      typeof datumColor === \"string\"\n        ? datumColor\n        : typeof fill === \"string\"\n          ? fill\n          : undefined,\n      typeof index === \"number\" ? index : props.index,\n    );\n\n    return <Sector {...props} fill={color.fill} stroke={stroke} />;\n  };\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      overlay={\n        center ? (\n          <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center text-center\">\n            {center}\n          </div>\n        ) : null\n      }\n      style={style}\n      {...props}\n    >\n      <RechartsPieChart>\n        {showTooltip ? (\n          <Tooltip\n            contentStyle={{ color: tooltipColor }}\n            labelStyle={{ color: tooltipColor }}\n            itemStyle={{ color: tooltipColor }}\n          />\n        ) : null}\n        {showLegend ? <Legend color=\"currentColor\" /> : null}\n        <Pie\n          data={data}\n          dataKey={String(dataKey)}\n          nameKey={String(nameKey)}\n          innerRadius={innerRadius}\n          outerRadius={outerRadius}\n          paddingAngle={paddingAngle}\n          cornerRadius={cornerRadius}\n          labelLine={labelLine}\n          label={\n            label\n              ? (props: PieLabelRenderProps) =>\n                  renderCustomizedLabel({ ...props, fill: labelColor })\n              : undefined\n          }\n          stroke={stroke}\n          fill={fill}\n          shape={shape ?? renderDefaultShape}\n        />\n      </RechartsPieChart>\n    </ChartFrame>\n  );\n}\n\nPieChart.displayName = \"PieChart\";\n"]}

package/dist/charts/radar/Radar.d.ts

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

package/dist/charts/radar/Radar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radar.d.ts","sourceRoot":"","sources":["../../../src/charts/radar/Radar.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,wBAAgB,UAAU,CACxB,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,MAAM,EACN,QAAe,EACf,UAAkB,EAClB,WAAkB,EAClB,YAAwB,EACxB,KAAK,EACL,IAAI,EACJ,GAAG,KAAK,EACT,EAAE,eAAe,CAAC,MAAM,CAAC,2CA+CzB;yBAjEe,UAAU"}

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

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

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

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