@zentauri-ui/zentauri-components 1.8.0 → 1.8.2

package/README.md

@@ -15,13 +15,13 @@ Published artifacts live under `dist/`. Imports use **per-entry subpaths**: `@ze
 
 | Metric     | Result           |
 | ---------- | ---------------- |
-| Test files | 66 passed (66)   |
-| Tests      | 438 passed (438) |
+| Test files | 75 passed (75)   |
+| Tests      | 507 passed (507) |
 
 | Area                        | Test files | Tests |
 | --------------------------- | ---------- | ----- |
-| Components and UI utilities | 38         | 344   |
-| React hooks                 | 26         | 85    |
+| Components and UI utilities | 45         | 397   |
+| React hooks                 | 28         | 101   |
 | CLI and import rewriting    | 2          | 9     |
 
 ### Per-suite snapshot
@@ -30,12 +30,13 @@ Published artifacts live under `dist/`. Imports use **per-entry subpaths**: `@ze
 | ----------------------------------------------------------------------- | ----: |
 | `src/ui/dynamic-stepper/dynamic-stepper.test.tsx`                       |     8 |
 | `src/ui/select/select.test.tsx`                                         |     6 |
+| `src/charts/charts.test.tsx`                                            |     6 |
 | `src/ui/modal/modal.test.tsx`                                           |     9 |
 | `src/ui/drawer/drawer.test.tsx`                                         |     7 |
 | `cli/cli.integration.test.ts`                                           |     4 |
 | `src/ui/buttons/button.test.tsx`                                        |    41 |
 | `src/ui/inputs/input.test.tsx`                                          |    40 |
-| `src/ui/marquee/marquee.test.tsx`                                       |     9 |
+| `src/ui/marquee/marquee.test.tsx`                                       |    10 |
 | `src/ui/otp-input/otp-input.test.tsx`                                   |    10 |
 | `src/ui/tree-view/tree-view.test.tsx`                                   |    10 |
 | `src/ui/card/card.test.tsx`                                             |     7 |
@@ -43,6 +44,8 @@ Published artifacts live under `dist/`. Imports use **per-entry subpaths**: `@ze
 | `src/ui/popover/popover.test.tsx`                                       |     4 |
 | `src/ui/command/command.test.tsx`                                       |     7 |
 | `src/ui/context-menu/context-menu.test.tsx`                             |     8 |
+| `src/ui/copy-button/copy-button.test.tsx`                               |     8 |
+| `src/ui/kbd/kbd.test.tsx`                                               |     7 |
 | `src/ui/tooltip/tooltip.test.tsx`                                       |     4 |
 | `src/ui/dropdown/dropdown.test.tsx`                                     |     6 |
 | `src/hooks/useFocusManagement/useFocusManagement.test.tsx`              |     3 |
@@ -53,6 +56,7 @@ Published artifacts live under `dist/`. Imports use **per-entry subpaths**: `@ze
 | `src/ui/accordion/accordion.test.tsx`                                   |     7 |
 | `src/ui/toast/toast.test.tsx`                                           |     5 |
 | `src/ui/pagination/pagination.test.tsx`                                 |    15 |
+| `src/ui/table/table.test.tsx`                                           |    11 |
 | `src/ui/tabs/tabs.test.tsx`                                             |     3 |
 | `src/ui/stepper/stepper.test.tsx`                                       |    12 |
 | `src/ui/timeline/timeline.test.tsx`                                     |    14 |
@@ -60,6 +64,9 @@ Published artifacts live under `dist/`. Imports use **per-entry subpaths**: `@ze
 | `src/ui/toggle/toggle.test.tsx`                                         |     5 |
 | `src/ui/slider/slider.test.tsx`                                         |     9 |
 | `src/ui/typography/typography.test.tsx`                                 |     7 |
+| `src/ui/skeleton/skeleton.test.tsx`                                     |     8 |
+| `src/ui/divider/divider.test.tsx`                                       |     6 |
+| `src/ui/empty-state/empty-state.test.tsx`                               |     6 |
 | `src/ui/alert/alert.test.tsx`                                           |    11 |
 | `src/ui/badge/badge.test.tsx`                                           |     6 |
 | `src/hooks/useClipboard/useClipboard.test.ts`                           |     6 |
@@ -75,6 +82,8 @@ Published artifacts live under `dist/`. Imports use **per-entry subpaths**: `@ze
 | `src/hooks/useThrottledCallback/useThrottledCallback.test.ts`           |     4 |
 | `src/hooks/useToggle/useToggle.test.ts`                                 |     4 |
 | `src/hooks/usePagination/usePagination.test.ts`                         |    10 |
+| `src/hooks/useTableFilter/useTableFilter.test.ts`                       |     9 |
+| `src/hooks/useTableSort/useTableSort.test.ts`                           |     7 |
 | `src/hooks/useSessionStorage/useSessionStorage.test.ts`                 |     3 |
 | `src/hooks/usePrefersColorScheme/usePrefersColorScheme.test.ts`         |     1 |
 | `src/hooks/useIsMounted/useIsMounted.test.ts`                           |     3 |
@@ -101,7 +110,7 @@ Published artifacts live under `dist/`. Imports use **per-entry subpaths**: `@ze
 | ----------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------- |
 | `@zentauri-ui/zentauri-components/ui/<name>`          | Single UI area: static primitives, compound parts, variants, and types. Does **not** include Framer Motion–based animated exports.             |
 | `@zentauri-ui/zentauri-components/ui/<name>/animated` | Motion entry for that area when published: animated components, motion presets, and related types (depends on **framer-motion**).              |
-| `@zentauri-ui/zentauri-components/charts/<type>`      | Responsive Recharts chart entry for `area`, `bar`, `bubble`, `line`, or `pie`, with shared variants, palettes, and exported chart prop types.  |
+| `@zentauri-ui/zentauri-components/charts/<type>`      | Responsive Recharts chart entry for `area`, `bar`, `stacked-bar`, `radar`, `scatter`, `bubble`, `funnel`, `line`, or `pie`, with shared variants, palettes, and exported chart prop types.  |
 | `@zentauri-ui/zentauri-components/hooks/<entry>`      | One hook module or `utils` (`cn`, `clampPage`, `range` from `src/lib/utils.ts`). Entries match files under `src/hooks/` (see **React hooks**). |
 
 The UI `<name>` segment matches the folder under `src/ui/` (for example `accordion`, `select`, `empty-state`, `buttons` for `Button`, `inputs` for `Input`, `typography` for `Heading` / `Text` and related primitives). The hooks `<entry>` is the file stem (for example `useMediaQuery`, `usePagination`) or `utils`.
@@ -142,6 +151,7 @@ Import static primitives from `@zentauri-ui/zentauri-components/ui/<subpath>` wh
 | Charts          | `charts/<type>`   | —                                  |
 | Command         | `command`         | `command/animated`                 |
 | Context menu    | `context-menu`    | —                                  |
+| Copy button     | `copy-button`     | `copy-button/animated`             |
 | Divider         | `divider`         | `divider/animated`                 |
 | Drawer          | `drawer`          | `drawer/animated`                  |
 | Dropdown        | `dropdown`        | —                                  |
@@ -149,6 +159,7 @@ Import static primitives from `@zentauri-ui/zentauri-components/ui/<subpath>` wh
 | Empty state     | `empty-state`     | `empty-state/animated`             |
 | File upload     | `file-upload`     | —                                  |
 | Input           | `inputs`          | `inputs/animated`                  |
+| Kbd             | `kbd`             | `kbd/animated`                     |
 | Marquee         | `marquee`         | —                                  |
 | Modal           | `modal`           | `modal/animated`                   |
 | OTP input       | `otp-input`       | —                                  |
@@ -236,11 +247,11 @@ export function ArticleIntro() {
 
 Import the chart you need from `@zentauri-ui/zentauri-components/charts/<type>`, or vendor it with `zentauri-components add charts/<type>`. It is built on **Recharts**, so install `recharts` when you use these entries.
 
-**Components:** `AreaChart`, `BarChart`, `BubbleChart`, `LineChart`, `PieChart`.
+**Components:** `AreaChart`, `BarChart`, `StackedBarChart`, `RadarChart`, `ScatterChart`, `BubbleChart`, `FunnelChart`, `LineChart`, `PieChart`.
 
-**Types:** `AreaChartProps`, `BarChartProps`, `BubbleChartProps`, `LineChartProps`, `PieChartProps`, plus shared `ChartSeries`, `ChartDatum`, `ChartColor`, `ChartMargin`, and `ChartSharedStatic`.
+**Types:** `AreaChartProps`, `BarChartProps`, `StackedBarChartProps`, `RadarChartProps`, `ScatterChartProps`, `BubbleChartProps`, `FunnelChartProps`, `LineChartProps`, `PieChartProps`, plus shared `ChartSeries`, `ChartDatum`, `ChartColor`, `ChartMargin`, and `ChartSharedStatic`.
 
-**Chart entries:** `charts/area`, `charts/bar`, `charts/bubble`, `charts/line`, `charts/pie`.
+**Chart entries:** `charts/area`, `charts/bar`, `charts/stacked-bar`, `charts/radar`, `charts/scatter`, `charts/bubble`, `charts/funnel`, `charts/line`, `charts/pie`.
 
 **Variants:** `appearance` (`default`, `muted`, `outline`, `glass`) and `density` (`compact`, `comfortable`, `spacious`). Color presets are exported via `chartPalette` and `chartColorValues`.
 
@@ -357,6 +368,8 @@ Hooks live in `src/hooks/`. Each hook is a separate published entry under `@zent
 | `usePrefersReducedMotion`   | `usePrefersReducedMotion`   | `prefers-reduced-motion`                                                                  |
 | `useResizeObserver`         | `useResizeObserver`         | `ElementSize`                                                                             |
 | `useSessionStorage`         | `useSessionStorage`         | `UseSessionStorageResult`                                                                 |
+| `useTableFilter`            | `useTableFilter`            | `TableFilterState`, `UseTableFilterResult`                                                |
+| `useTableSort`              | `useTableSort`              | `UseTableSortParams`, `UseTableSortResult`                                                |
 | `useThrottledCallback`      | `useThrottledCallback`      | Throttled callback ref                                                                    |
 | `useToggle`                 | `useToggle`                 | Boolean toggle state                                                                      |
 | `useWindowSize`             | `useWindowSize`             | `WindowSize`                                                                              |
@@ -372,6 +385,8 @@ import {
   buildPaginationItems,
   usePagination,
 } from "@zentauri-ui/zentauri-components/hooks/usePagination";
+import { useTableFilter } from "@zentauri-ui/zentauri-components/hooks/useTableFilter";
+import { useTableSort } from "@zentauri-ui/zentauri-components/hooks/useTableSort";
 import { cn } from "@zentauri-ui/zentauri-components/hooks/utils";
 ```
 
@@ -672,7 +687,7 @@ From this package directory in the monorepo:
 
 - `pnpm build` (or `npm run build`) — production bundle via `tsup` (Rollup treeshake + `scripts/prepend-use-client.mjs` via `onSuccess` so each UI entry under `dist/ui/`, the chart entry under `dist/charts/`, and `dist/ui/<name>/animated.*` starts with `"use client"` where needed)
 - `pnpm dev` — `tsup` watch mode (same `onSuccess` hook after each rebuild)
-- `pnpm test` / `pnpm test:watch` — **Vitest** and **Testing Library** unit tests // covered 438 test cases in total
+- `pnpm test` / `pnpm test:watch` — **Vitest** and **Testing Library** unit tests // covered 507 test cases in total
 - **`pnpm run generate:registry`** — runs `scripts/generate-registry.mjs`, which reads **`uiComponentNames`**, **`chartEntryNames`**, and **`hooksEntryNames`** from `tsup.config.ts`, merges in **`spinner`**, applies fixed **`nameAliases`**, and writes **`cli/registry.json`** (`components` + `hooks`). Run this after adding or renaming UI/chart areas or hook entries so the CLI stays in sync (the script prints counts).
 
 ## Github Release log

package/cli/registry.json

@@ -13,11 +13,16 @@
     "charts/area",
     "charts/bar",
     "charts/bubble",
+    "charts/funnel",
     "charts/line",
     "charts/pie",
+    "charts/radar",
+    "charts/scatter",
+    "charts/stacked-bar",
     "checkbox",
     "command",
     "context-menu",
+    "copy-button",
     "divider",
     "drawer",
     "dropdown",
@@ -25,6 +30,7 @@
     "empty-state",
     "file-upload",
     "inputs",
+    "kbd",
     "marquee",
     "modal",
     "otp-input",
@@ -73,6 +79,8 @@
     "usePrefersReducedMotion",
     "useResizeObserver",
     "useSessionStorage",
+    "useTableFilter",
+    "useTableSort",
     "useThrottledCallback",
     "useToggle",
     "useWindowSize"
@@ -82,8 +90,12 @@
     "chart-area": "charts/area",
     "chart-bar": "charts/bar",
     "chart-bubble": "charts/bubble",
+    "chart-funnel": "charts/funnel",
     "chart-line": "charts/line",
     "chart-pie": "charts/pie",
+    "chart-radar": "charts/radar",
+    "chart-scatter": "charts/scatter",
+    "chart-stacked-bar": "charts/stacked-bar",
     "input": "inputs"
   }
 }

package/dist/charts/area.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 AreaChart({
   density,
   emptyState = null,
   height = 320,
-  margin = chunkQNUDODDX_js.defaultChartMargin,
+  margin = chunkPWPMKXEG_js.defaultChartMargin,
   series,
   showGrid = true,
   showLegend = false,
@@ -31,7 +30,7 @@ function AreaChart({
   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 AreaChart({
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.AreaChart, { data, margin, syncId, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkQNUDODDX_js.ChartDecorators,
+          chunkPWPMKXEG_js.ChartDecorators,
           {
             axis: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -80,8 +79,8 @@ function AreaChart({
           }
         ),
         series.map((item, index) => {
-          const color = chunkZ6S36PDD_js.resolveColor(item.color, index);
-          const fill = chunkZ6S36PDD_js.getSeriesFill(item, index);
+          const color = chunkPWPMKXEG_js.resolveColor(item.color, index);
+          const fill = chunkPWPMKXEG_js.getSeriesFill(item, index);
           return /* @__PURE__ */ jsxRuntime.jsx(
             recharts.Area,
             {
@@ -105,15 +104,15 @@ AreaChart.displayName = "AreaChart";
 
 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.AreaChart = AreaChart;
 //# sourceMappingURL=area.js.map

package/dist/charts/area.js.map

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

package/dist/charts/area.mjs

@@ -1,7 +1,6 @@
 "use client";
-import { resolveColor, getSeriesFill } 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, getSeriesFill } from '../chunk-HZIRD3SR.mjs';
+export { chartColorValues, chartPalette, chartVariants } from '../chunk-HZIRD3SR.mjs';
 import '../chunk-FXYPRPAT.mjs';
 import '../chunk-4D54YOL6.mjs';
 import { AreaChart as AreaChart$1, XAxis, YAxis, Area } from 'recharts';

package/dist/charts/area.mjs.map

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

@@ -1,113 +1,28 @@
 "use client";
 'use strict';
 
-var chunkZ6S36PDD_js = require('../chunk-Z6S36PDD.js');
-var chunkQNUDODDX_js = require('../chunk-QNUDODDX.js');
+var chunkLREMK2XR_js = require('../chunk-LREMK2XR.js');
+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 BarChart({
-  appearance,
-  className,
-  containerStyle,
-  data,
-  density,
-  emptyState = null,
-  height = 320,
-  margin = chunkQNUDODDX_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(
-    chunkQNUDODDX_js.ChartFrame,
-    {
-      appearance,
-      className,
-      containerStyle,
-      density,
-      emptyState,
-      hasData,
-      height,
-      style,
-      ...props,
-      children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.BarChart, { data, margin, syncId, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          chunkQNUDODDX_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 = chunkZ6S36PDD_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],
-              stroke: item.stroke ?? color.stroke
-            },
-            item.dataKey
-          );
-        })
-      ] })
-    }
-  );
-}
-BarChart.displayName = "BarChart";
 
+
+Object.defineProperty(exports, "BarChart", {
+  enumerable: true,
+  get: function () { return chunkLREMK2XR_js.BarChart; }
+});
 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.BarChart = BarChart;
 //# sourceMappingURL=bar.js.map
 //# sourceMappingURL=bar.js.map

package/dist/charts/bar.js.map

@@ -1 +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,CAAA;AAAA,cACnB,MAAA,EAAQ,IAAA,CAAK,MAAA,IAAU,KAAA,CAAM;AAAA,aAAA;AAAA,YANxB,IAAA,CAAK;AAAA,WAOZ;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              stroke={item.stroke ?? color.stroke}\n            />\n          );\n        })}\n      </RechartsBarChart>\n    </ChartFrame>\n  );\n}\n\nBarChart.displayName = \"BarChart\";\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"bar.js"}

package/dist/charts/bar.mjs

@@ -1,100 +1,7 @@
 "use client";
-import { resolveColor } from '../chunk-OULU7OC4.mjs';
-import { ChartFrame, defaultChartMargin, ChartDecorators } from '../chunk-G2WARVAM.mjs';
-export { chartColorValues, chartPalette, chartVariants } from '../chunk-G2WARVAM.mjs';
+export { BarChart } from '../chunk-O2KM3ETC.mjs';
+export { chartColorValues, chartPalette, chartVariants } from '../chunk-HZIRD3SR.mjs';
 import '../chunk-FXYPRPAT.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],
-              stroke: item.stroke ?? color.stroke
-            },
-            item.dataKey
-          );
-        })
-      ] })
-    }
-  );
-}
-BarChart.displayName = "BarChart";
-
-export { BarChart };
 //# sourceMappingURL=bar.mjs.map
 //# sourceMappingURL=bar.mjs.map

package/dist/charts/bar.mjs.map

@@ -1 +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,CAAA;AAAA,cACnB,MAAA,EAAQ,IAAA,CAAK,MAAA,IAAU,KAAA,CAAM;AAAA,aAAA;AAAA,YANxB,IAAA,CAAK;AAAA,WAOZ;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              stroke={item.stroke ?? color.stroke}\n            />\n          );\n        })}\n      </RechartsBarChart>\n    </ChartFrame>\n  );\n}\n\nBarChart.displayName = \"BarChart\";\n"]}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"bar.mjs"}

package/dist/charts/bubble.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 BubbleChart({
   density,
   emptyState = null,
   height = 320,
-  margin = chunkQNUDODDX_js.defaultChartMargin,
+  margin = chunkPWPMKXEG_js.defaultChartMargin,
   series,
   showGrid = true,
   showLegend = false,
@@ -30,7 +29,7 @@ function BubbleChart({
   const hasData = data.length > 0 && series.length > 0;
   const xAxisKey = String(xKey);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkQNUDODDX_js.ChartFrame,
+    chunkPWPMKXEG_js.ChartFrame,
     {
       appearance,
       className,
@@ -43,7 +42,7 @@ function BubbleChart({
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.ScatterChart, { data, margin, syncId, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkQNUDODDX_js.ChartDecorators,
+          chunkPWPMKXEG_js.ChartDecorators,
           {
             axis: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -78,7 +77,7 @@ function BubbleChart({
           }
         ),
         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.Scatter,
             {
@@ -102,15 +101,15 @@ BubbleChart.displayName = "BubbleChart";
 
 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.BubbleChart = BubbleChart;
 //# sourceMappingURL=bubble.js.map