@zentauri-ui/zentauri-components 1.6.2 → 1.7.0

package/README.md

@@ -1,5 +1,8 @@
 # @zentauri-ui/zentauri-components
 
+[![npm version](https://img.shields.io/npm/v/@zentauri-ui/zentauri-components)](https://www.npmjs.com/package/@zentauri-ui/zentauri-components)
+[![npm downloads](https://img.shields.io/npm/dm/@zentauri-ui/zentauri-components)](https://www.npmjs.com/package/@zentauri-ui/zentauri-components)
+
 A React UI kit for building product interfaces with Tailwind CSS. Components are implemented in TypeScript, ship with declaration files, and are bundled as ESM and CommonJS for broad bundler compatibility.
 
 ## Overview
@@ -8,6 +11,78 @@ The library targets **React 18+** apps that use **Tailwind CSS v4** (or an equiv
 
 Published artifacts live under `dist/`. Imports use **per-entry subpaths**: `@zentauri-ui/zentauri-components/ui/<area>` for static UI, `@zentauri-ui/zentauri-components/ui/<area>/animated` where a motion bundle exists, `@zentauri-ui/zentauri-components/charts/<type>` for Recharts-powered chart primitives, and `@zentauri-ui/zentauri-components/hooks/<entry>` for React hooks (and shared helpers under `hooks/utils`). Base UI entries do **not** re-export animated components; motion lives on its own entry so optional `framer-motion` usage stays tree-shakeable and chunk-friendly. Each entry resolves to its own ESM (`.mjs`), CJS (`.js`), and types (`.d.ts`) so bundlers pull only what you import. Most apps rely on Tailwind scanning the package sources (see installation); a separate CSS import is not required for that setup.
 
+## Package status and test coverage
+
+| Metric      | Result           |
+| ----------- | ---------------- |
+| Test files  | 54 passed (54)   |
+| Tests       | 337 passed (337) |
+
+| Area                        | Test files | Tests |
+| --------------------------- | ---------- | ----- |
+| Components and UI utilities | 26         | 243   |
+| React hooks                 | 26         | 85    |
+| CLI and import rewriting    | 2          | 9     |
+
+### Per-suite snapshot
+
+| Suite                                                                   | Tests |
+| ----------------------------------------------------------------------- | ----: |
+| `src/ui/dynamic-stepper/dynamic-stepper.test.tsx`                       |     8 |
+| `src/ui/select/select.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/card/card.test.tsx`                                             |     7 |
+| `src/ui/tooltip/tooltip.test.tsx`                                       |     4 |
+| `src/ui/dropdown/dropdown.test.tsx`                                     |     6 |
+| `src/hooks/useFocusManagement/useFocusManagement.test.tsx`              |     3 |
+| `src/ui/progress/progress.test.tsx`                                     |     8 |
+| `src/ui/accordion/accordion.test.tsx`                                   |     7 |
+| `src/ui/toast/toast.test.tsx`                                           |     5 |
+| `src/ui/pagination/pagination.test.tsx`                                 |    15 |
+| `src/ui/tabs/tabs.test.tsx`                                             |     3 |
+| `src/ui/stepper/stepper.test.tsx`                                       |    12 |
+| `src/ui/toggle/toggle.test.tsx`                                         |     5 |
+| `src/ui/slider/slider.test.tsx`                                         |     9 |
+| `src/ui/typography/typography.test.tsx`                                 |     7 |
+| `src/ui/alert/alert.test.tsx`                                           |    11 |
+| `src/ui/badge/badge.test.tsx`                                           |     6 |
+| `src/hooks/useClipboard/useClipboard.test.ts`                           |     6 |
+| `src/hooks/useLocalStorage/useLocalStorage.test.ts`                     |     6 |
+| `src/hooks/useDisclosure/useDisclosure.test.ts`                         |     5 |
+| `src/ui/avatar/avatar.test.tsx`                                         |     4 |
+| `src/ui/file-upload/file-upload.test.tsx`                               |     4 |
+| `src/ui/spinner/animated/spinner.test.tsx`                              |     8 |
+| `src/hooks/useDynamicStepper/useDynamicStepper.test.ts`                 |     7 |
+| `src/hooks/useClickOutside/useClickOutside.test.tsx`                    |     3 |
+| `src/hooks/useControllableState/useControllableState.test.ts`           |     4 |
+| `src/ui/breadcrumb/breadcrumb.test.tsx`                                 |     4 |
+| `src/hooks/useThrottledCallback/useThrottledCallback.test.ts`           |     4 |
+| `src/hooks/useToggle/useToggle.test.ts`                                 |     4 |
+| `src/hooks/usePagination/usePagination.test.ts`                         |    10 |
+| `src/hooks/useSessionStorage/useSessionStorage.test.ts`                 |     3 |
+| `src/hooks/usePrefersColorScheme/usePrefersColorScheme.test.ts`         |     1 |
+| `src/hooks/useIsMounted/useIsMounted.test.ts`                           |     3 |
+| `src/hooks/useDebouncedValue/useDebouncedValue.test.ts`                 |     4 |
+| `src/hooks/useHover/useHover.test.ts`                                   |     2 |
+| `src/hooks/useIntersectionObserver/useIntersectionObserver.test.ts`     |     2 |
+| `src/hooks/usePageVisibility/usePageVisibility.test.ts`                 |     1 |
+| `src/hooks/useResizeObserver/useResizeObserver.test.ts`                 |     2 |
+| `src/hooks/useNetworkStatus/useNetworkStatus.test.ts`                   |     2 |
+| `src/hooks/useMediaQuery/useMediaQuery.test.ts`                         |     2 |
+| `src/hooks/useDocumentTitle/useDocumentTitle.test.ts`                   |     3 |
+| `src/hooks/usePrefersReducedMotion/usePrefersReducedMotion.test.ts`     |     1 |
+| `src/hooks/useBodyScrollLock/useBodyScrollLock.test.ts`                 |     4 |
+| `src/hooks/useWindowSize/useWindowSize.test.ts`                         |     1 |
+| `src/hooks/useInView/useInView.test.ts`                                 |     1 |
+| `src/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.test.ts` |     1 |
+| `cli/rewrite-imports.test.ts`                                           |     5 |
+| `src/ui/search/filter-search-suggestions.test.ts`                       |     6 |
+| `src/ui/search/search-suggestion-utils.test.ts`                         |     1 |
+
 ## Package exports
 
 | Subpath                                               | Description                                                                                                                                    |
@@ -368,6 +443,36 @@ The package ships light-first styles with `dark:` overrides in the same class st
 </main>
 ```
 
+### Optional — Override component CSS variables
+
+Components expose **zui-scoped** CSS variables that you can override in `:root`, `.dark`, or a wrapper element. Each component preview in the [component library](https://zentauri-ui.vercel.app/) lists the variables available for that component.
+
+**Naming:** variables follow `--zui-<component>-<slot?>-<variant?>-<property>-<state?>`. Dark theme values use the **same variable name** with `-dark` appended (for example `--zui-button-secondary-bg-dark` under `.dark`).
+
+```css
+:root {
+  --zui-button-secondary-bg: #eef2ff;
+  --zui-button-secondary-fg: #312e81;
+  --zui-input-bg: #ffffff;
+  --zui-input-default-border: #c7d2fe;
+}
+
+/* Dark theme variables follow the same names with -dark appended. */
+.dark {
+  --zui-button-secondary-bg-dark: #312e81;
+  --zui-button-secondary-fg-dark: #eef2ff;
+  /* ...same variables with -dark at the end */
+}
+
+/* Scope overrides to one product surface when needed. */
+.billing-dashboard {
+  --zui-button-default-bg: #0f766e;
+  --zui-button-default-bg-hover: #115e59;
+}
+```
+
+Place these rules in your global stylesheet (for example `globals.css`) after Tailwind’s `@import` so overrides apply before components render.
+
 ### Step 4 — Import and use components and hooks
 
 Use **one subpath per UI area** (static and animated are separate entries: `ui/<name>` vs `ui/<name>/animated`) and **one subpath per hook module** so the bundler resolves only the entries you use.

package/cli/cli.integration.test.ts

@@ -44,6 +44,14 @@ describe("zentauri-ui CLI", () => {
       expect(
         existsSync(join(dir, "src/components/ui/buttons/button.tsx")),
       ).toBe(true);
+      expect(
+        existsSync(join(dir, "src/components/design-system/button.ts")),
+      ).toBe(true);
+      const variants = readFileSync(
+        join(dir, "src/components/ui/buttons/variants.ts"),
+        "utf8",
+      );
+      expect(variants).toContain("../../design-system");
     } finally {
       rmSync(dir, { recursive: true, force: true });
     }

package/cli/index.mjs

@@ -20,13 +20,15 @@
  *        ├── cli/index.mjs      ← this file (entry when run via bin)
  *        ├── cli/registry.json  ← list of installable component folder names
  *        └── src/ui/<name>/     ← source copied by `add`
+ *        └── src/design-system/ ← shared tokens/variant maps copied by `add`
  *        └── src/charts/<type>/ ← chart source copied by `add charts/area` etc.
  *        └── src/hooks/<name>/  ← hooks pulled in as dependencies
  *        └── src/lib/utils.ts   ← template for `cn()` etc. if missing in app
  * ```
  *
  * - **packageRoot**: directory of the published `components` package (parent of
- *   `cli/`). Used to read `registry.json`, `src/ui`, `src/charts`, `src/hooks`, `src/lib`.
+ *   `cli/`). Used to read `registry.json`, `src/ui`, `src/design-system`,
+ *   `src/charts`, `src/hooks`, `src/lib`.
  * - **configDir**: directory containing `components.json` (may differ from
  *   `--cwd` when the config is found by walking up from `cwd`).
  *
@@ -528,6 +530,48 @@ async function copyHookFolder(hookName, config, configDir, packageRoot) {
   }
 }
 
+/**
+ * Copies shared component design tokens/variant maps beside the consumer's UI
+ * folder so vendored components can keep relative `../../design-system/*`
+ * imports without adding a new public alias to `components.json`.
+ */
+async function copyDesignSystemFolder(config, configDir, packageRoot) {
+  const srcRoot = join(packageRoot, "src", "design-system");
+  if (!existsSync(srcRoot)) {
+    return;
+  }
+  if (!config?.resolvedPaths?.ui) {
+    return;
+  }
+  const destRoot = join(
+    configDir,
+    dirname(config.resolvedPaths.ui),
+    "design-system",
+  );
+  const files = await walkFiles(srcRoot);
+  for (const absSrc of files) {
+    const rel = relative(srcRoot, absSrc);
+    if (isTestFile(rel)) {
+      continue;
+    }
+    if (existsSync(absDest)) {
+      continue;
+    }
+    await mkdir(dirname(absDest), { recursive: true });
+    if (/\.(tsx?|jsx?)$/.test(absSrc)) {
+      const raw = await readFile(absSrc, "utf8");
+      const { code } = rewriteImports(raw, {
+        utilsAlias: config.aliases.utils,
+        hooksAlias: config.aliases.hooks,
+        uiAlias: config.aliases.ui,
+      });
+      await writeFile(absDest, code, "utf8");
+    } else {
+      await copyFile(absSrc, absDest);
+    }
+  }
+}
+
 /**
  * If the target utils file from config does not exist, copies the package default
  * `src/lib/utils.ts` (with import paths rewritten) and logs creation.
@@ -641,6 +685,7 @@ async function cmdAdd(names, cwd) {
   const resolvedNames = payload.map((n) => resolveComponentName(n, registry));
 
   await ensureUtilsFile(config, configDir, packageRoot);
+  await copyDesignSystemFolder(config, configDir, packageRoot);
 
   const allHooks = new Set();
   for (const name of resolvedNames) {

package/dist/charts/area.js

@@ -1,8 +1,9 @@
 "use client";
 'use strict';
 
-var chunkPVTTWOYV_js = require('../chunk-PVTTWOYV.js');
-var chunkMTJRPLMG_js = require('../chunk-MTJRPLMG.js');
+var chunkZ6S36PDD_js = require('../chunk-Z6S36PDD.js');
+var chunkQNUDODDX_js = require('../chunk-QNUDODDX.js');
+require('../chunk-W3QRRWQX.js');
 require('../chunk-ZS5756ZC.js');
 var recharts = require('recharts');
 var jsxRuntime = require('react/jsx-runtime');
@@ -15,7 +16,7 @@ function AreaChart({
   density,
   emptyState = null,
   height = 320,
-  margin = chunkMTJRPLMG_js.defaultChartMargin,
+  margin = chunkQNUDODDX_js.defaultChartMargin,
   series,
   showGrid = true,
   showLegend = false,
@@ -30,7 +31,7 @@ function AreaChart({
   const hasData = data.length > 0 && series.length > 0;
   const xAxisKey = String(xKey);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMTJRPLMG_js.ChartFrame,
+    chunkQNUDODDX_js.ChartFrame,
     {
       appearance,
       className,
@@ -43,7 +44,7 @@ function AreaChart({
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.AreaChart, { data, margin, syncId, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkMTJRPLMG_js.ChartDecorators,
+          chunkQNUDODDX_js.ChartDecorators,
           {
             axis: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -79,8 +80,8 @@ function AreaChart({
           }
         ),
         series.map((item, index) => {
-          const color = chunkPVTTWOYV_js.resolveColor(item.color, index);
-          const fill = chunkPVTTWOYV_js.getSeriesFill(item, index);
+          const color = chunkZ6S36PDD_js.resolveColor(item.color, index);
+          const fill = chunkZ6S36PDD_js.getSeriesFill(item, index);
           return /* @__PURE__ */ jsxRuntime.jsx(
             recharts.Area,
             {
@@ -104,15 +105,15 @@ AreaChart.displayName = "AreaChart";
 
 Object.defineProperty(exports, "chartColorValues", {
   enumerable: true,
-  get: function () { return chunkMTJRPLMG_js.chartColorValues; }
+  get: function () { return chunkQNUDODDX_js.chartColorValues; }
 });
 Object.defineProperty(exports, "chartPalette", {
   enumerable: true,
-  get: function () { return chunkMTJRPLMG_js.chartPalette; }
+  get: function () { return chunkQNUDODDX_js.chartPalette; }
 });
 Object.defineProperty(exports, "chartVariants", {
   enumerable: true,
-  get: function () { return chunkMTJRPLMG_js.chartVariants; }
+  get: function () { return chunkQNUDODDX_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,8 @@
 "use client";
-import { resolveColor, getSeriesFill } from '../chunk-MWR5DIA5.mjs';
-import { ChartFrame, defaultChartMargin, ChartDecorators } from '../chunk-SPX2QDIB.mjs';
-export { chartColorValues, chartPalette, chartVariants } from '../chunk-SPX2QDIB.mjs';
+import { resolveColor, getSeriesFill } from '../chunk-OULU7OC4.mjs';
+import { ChartFrame, defaultChartMargin, ChartDecorators } from '../chunk-G2WARVAM.mjs';
+export { chartColorValues, chartPalette, chartVariants } from '../chunk-G2WARVAM.mjs';
+import '../chunk-FXYPRPAT.mjs';
 import '../chunk-4D54YOL6.mjs';
 import { AreaChart as AreaChart$1, XAxis, YAxis, Area } from 'recharts';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

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,8 +1,9 @@
 "use client";
 'use strict';
 
-var chunkPVTTWOYV_js = require('../chunk-PVTTWOYV.js');
-var chunkMTJRPLMG_js = require('../chunk-MTJRPLMG.js');
+var chunkZ6S36PDD_js = require('../chunk-Z6S36PDD.js');
+var chunkQNUDODDX_js = require('../chunk-QNUDODDX.js');
+require('../chunk-W3QRRWQX.js');
 require('../chunk-ZS5756ZC.js');
 var recharts = require('recharts');
 var jsxRuntime = require('react/jsx-runtime');
@@ -15,7 +16,7 @@ function BarChart({
   density,
   emptyState = null,
   height = 320,
-  margin = chunkMTJRPLMG_js.defaultChartMargin,
+  margin = chunkQNUDODDX_js.defaultChartMargin,
   series,
   showGrid = true,
   showLegend = false,
@@ -30,7 +31,7 @@ function BarChart({
   const hasData = data.length > 0 && series.length > 0;
   const xAxisKey = String(xKey);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMTJRPLMG_js.ChartFrame,
+    chunkQNUDODDX_js.ChartFrame,
     {
       appearance,
       className,
@@ -43,7 +44,7 @@ function BarChart({
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.BarChart, { data, margin, syncId, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkMTJRPLMG_js.ChartDecorators,
+          chunkQNUDODDX_js.ChartDecorators,
           {
             axis: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -75,7 +76,7 @@ function BarChart({
           }
         ),
         series.map((item, index) => {
-          const color = chunkPVTTWOYV_js.resolveColor(item.color, index);
+          const color = chunkZ6S36PDD_js.resolveColor(item.color, index);
           return /* @__PURE__ */ jsxRuntime.jsx(
             recharts.Bar,
             {
@@ -97,15 +98,15 @@ BarChart.displayName = "BarChart";
 
 Object.defineProperty(exports, "chartColorValues", {
   enumerable: true,
-  get: function () { return chunkMTJRPLMG_js.chartColorValues; }
+  get: function () { return chunkQNUDODDX_js.chartColorValues; }
 });
 Object.defineProperty(exports, "chartPalette", {
   enumerable: true,
-  get: function () { return chunkMTJRPLMG_js.chartPalette; }
+  get: function () { return chunkQNUDODDX_js.chartPalette; }
 });
 Object.defineProperty(exports, "chartVariants", {
   enumerable: true,
-  get: function () { return chunkMTJRPLMG_js.chartVariants; }
+  get: function () { return chunkQNUDODDX_js.chartVariants; }
 });
 exports.BarChart = BarChart;
 //# 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":["../../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"]}

package/dist/charts/bar.mjs

@@ -1,7 +1,8 @@
 "use client";
-import { resolveColor } from '../chunk-MWR5DIA5.mjs';
-import { ChartFrame, defaultChartMargin, ChartDecorators } from '../chunk-SPX2QDIB.mjs';
-export { chartColorValues, chartPalette, chartVariants } from '../chunk-SPX2QDIB.mjs';
+import { resolveColor } from '../chunk-OULU7OC4.mjs';
+import { ChartFrame, defaultChartMargin, ChartDecorators } from '../chunk-G2WARVAM.mjs';
+export { chartColorValues, chartPalette, chartVariants } from '../chunk-G2WARVAM.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';

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":["../../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"]}

package/dist/charts/bubble.js

@@ -1,8 +1,9 @@
 "use client";
 'use strict';
 
-var chunkPVTTWOYV_js = require('../chunk-PVTTWOYV.js');
-var chunkMTJRPLMG_js = require('../chunk-MTJRPLMG.js');
+var chunkZ6S36PDD_js = require('../chunk-Z6S36PDD.js');
+var chunkQNUDODDX_js = require('../chunk-QNUDODDX.js');
+require('../chunk-W3QRRWQX.js');
 require('../chunk-ZS5756ZC.js');
 var recharts = require('recharts');
 var jsxRuntime = require('react/jsx-runtime');
@@ -15,7 +16,7 @@ function BubbleChart({
   density,
   emptyState = null,
   height = 320,
-  margin = chunkMTJRPLMG_js.defaultChartMargin,
+  margin = chunkQNUDODDX_js.defaultChartMargin,
   series,
   showGrid = true,
   showLegend = false,
@@ -29,7 +30,7 @@ function BubbleChart({
   const hasData = data.length > 0 && series.length > 0;
   const xAxisKey = String(xKey);
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunkMTJRPLMG_js.ChartFrame,
+    chunkQNUDODDX_js.ChartFrame,
     {
       appearance,
       className,
@@ -42,7 +43,7 @@ function BubbleChart({
       ...props,
       children: /* @__PURE__ */ jsxRuntime.jsxs(recharts.ScatterChart, { data, margin, syncId, children: [
         /* @__PURE__ */ jsxRuntime.jsx(
-          chunkMTJRPLMG_js.ChartDecorators,
+          chunkQNUDODDX_js.ChartDecorators,
           {
             axis: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -77,7 +78,7 @@ function BubbleChart({
           }
         ),
         series.map((item, index) => {
-          const color = chunkPVTTWOYV_js.resolveColor(item.color, index);
+          const color = chunkZ6S36PDD_js.resolveColor(item.color, index);
           return /* @__PURE__ */ jsxRuntime.jsx(
             recharts.Scatter,
             {
@@ -101,15 +102,15 @@ BubbleChart.displayName = "BubbleChart";
 
 Object.defineProperty(exports, "chartColorValues", {
   enumerable: true,
-  get: function () { return chunkMTJRPLMG_js.chartColorValues; }
+  get: function () { return chunkQNUDODDX_js.chartColorValues; }
 });
 Object.defineProperty(exports, "chartPalette", {
   enumerable: true,
-  get: function () { return chunkMTJRPLMG_js.chartPalette; }
+  get: function () { return chunkQNUDODDX_js.chartPalette; }
 });
 Object.defineProperty(exports, "chartVariants", {
   enumerable: true,
-  get: function () { return chunkMTJRPLMG_js.chartVariants; }
+  get: function () { return chunkQNUDODDX_js.chartVariants; }
 });
 exports.BubbleChart = BubbleChart;
 //# sourceMappingURL=bubble.js.map

package/dist/charts/bubble.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/charts/bubble/Bubble.tsx"],"names":["defaultChartMargin","jsx","ChartFrame","jsxs","RechartsScatterChart","ChartDecorators","Fragment","XAxis","YAxis","resolveColor","Scatter","ZAxis"],"mappings":";;;;;;;;AAmBO,SAAS,WAAA,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,GAAG;AACL,CAAA,EAA6B;AAC3B,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,qBAAA,EAAA,EAAqB,IAAA,EAAY,MAAA,EAAgB,MAAA,EAChD,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,IAAA,EACE,OAAO,IAAA,CAAK,CAAC,IAAI,QAAQ,CAAA,KAAM,WAC3B,QAAA,GACA,UAAA;AAAA,kBAEN,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,OAAA,EAAQ,UAAA;AAAA,kBACR,IAAA,EACE,OAAO,IAAA,CAAK,CAAC,IAAI,QAAQ,CAAA,KAAM,WAC3B,QAAA,GACA,UAAA;AAAA,kBAEN,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,gBAAA;AAAA,YAAA;AAAA,cAEC,IAAA,EAAM,IAAA,CAAK,GAAA,CAAI,CAAC,KAAA,MAAW;AAAA,gBACzB,GAAG,KAAA;AAAA,gBACH,QAAA,EAAU,KAAA,CAAM,IAAA,CAAK,OAAO,CAAA;AAAA,gBAC5B,UAAU,IAAA,CAAK,IAAA,GAAO,KAAA,CAAM,IAAA,CAAK,IAAI,CAAA,GAAI;AAAA,eAC3C,CAAE,CAAA;AAAA,cACF,MAAM,IAAA,CAAK,IAAA;AAAA,cACX,IAAA,EAAM,IAAA,CAAK,IAAA,IAAQ,KAAA,CAAM;AAAA,aAAA;AAAA,YAPpB,IAAA,CAAK;AAAA,WAQZ;AAAA,QAEJ,CAAC,CAAA;AAAA,wBACDT,cAAA,CAACU,kBAAM,OAAA,EAAQ,UAAA,EAAW,OAAO,CAAC,EAAA,EAAI,GAAG,CAAA,EAAG;AAAA,OAAA,EAC9C;AAAA;AAAA,GACF;AAEJ;AAEA,WAAA,CAAY,WAAA,GAAc,aAAA","file":"bubble.js","sourcesContent":["\"use client\";\n\nimport {\n  Scatter,\n  ScatterChart as RechartsScatterChart,\n  XAxis,\n  YAxis,\n  ZAxis,\n  Bar,\n} from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { BubbleChartProps } from \"../shared/types\";\n\nexport function BubbleChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>({\n  appearance,\n  className,\n  containerStyle,\n  data,\n  density,\n  emptyState = null,\n  height = 320,\n  margin = defaultChartMargin,\n  series,\n  showGrid = true,\n  showLegend = false,\n  showTooltip = true,\n  tooltipColor = \"#0f172a\",\n  style,\n  syncId,\n  xKey,\n  ...props\n}: BubbleChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\n  const xAxisKey = String(xKey);\n\n  return (\n    <ChartFrame\n      appearance={appearance}\n      className={className}\n      containerStyle={containerStyle}\n      density={density}\n      emptyState={emptyState}\n      hasData={hasData}\n      height={height}\n      style={style}\n      {...props}\n    >\n      <RechartsScatterChart data={data} margin={margin} syncId={syncId}>\n        <ChartDecorators\n          axis={\n            <>\n              <XAxis\n                dataKey={xAxisKey}\n                type={\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":["defaultChartMargin","jsx","ChartFrame","jsxs","RechartsScatterChart","ChartDecorators","Fragment","XAxis","YAxis","resolveColor","Scatter","ZAxis"],"mappings":"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","file":"bubble.js","sourcesContent":["\"use client\";\n\nimport {\n  Scatter,\n  ScatterChart as RechartsScatterChart,\n  XAxis,\n  YAxis,\n  ZAxis,\n  Bar,\n} from \"recharts\";\n\nimport {\n  ChartDecorators,\n  ChartFrame,\n  defaultChartMargin,\n} from \"../shared/chart-frame\";\nimport { resolveColor } from \"../shared/colors\";\nimport type { BubbleChartProps } from \"../shared/types\";\n\nexport function BubbleChart<\n  TDatum extends Record<string, number | string | null | undefined>,\n>({\n  appearance,\n  className,\n  containerStyle,\n  data,\n  density,\n  emptyState = null,\n  height = 320,\n  margin = defaultChartMargin,\n  series,\n  showGrid = true,\n  showLegend = false,\n  showTooltip = true,\n  tooltipColor = \"#0f172a\",\n  style,\n  syncId,\n  xKey,\n  ...props\n}: BubbleChartProps<TDatum>) {\n  const hasData = data.length > 0 && series.length > 0;\n  const xAxisKey = String(xKey);\n\n  return (\n    <ChartFrame\n      appearance={appearance}\n      className={className}\n      containerStyle={containerStyle}\n      density={density}\n      emptyState={emptyState}\n      hasData={hasData}\n      height={height}\n      style={style}\n      {...props}\n    >\n      <RechartsScatterChart data={data} margin={margin} syncId={syncId}>\n        <ChartDecorators\n          axis={\n            <>\n              <XAxis\n                dataKey={xAxisKey}\n                type={\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/bubble.mjs

@@ -1,7 +1,8 @@
 "use client";
-import { resolveColor } from '../chunk-MWR5DIA5.mjs';
-import { ChartFrame, defaultChartMargin, ChartDecorators } from '../chunk-SPX2QDIB.mjs';
-export { chartColorValues, chartPalette, chartVariants } from '../chunk-SPX2QDIB.mjs';
+import { resolveColor } from '../chunk-OULU7OC4.mjs';
+import { ChartFrame, defaultChartMargin, ChartDecorators } from '../chunk-G2WARVAM.mjs';
+export { chartColorValues, chartPalette, chartVariants } from '../chunk-G2WARVAM.mjs';
+import '../chunk-FXYPRPAT.mjs';
 import '../chunk-4D54YOL6.mjs';
 import { ScatterChart, XAxis, YAxis, Scatter, ZAxis } from 'recharts';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

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"]}