@gravitee/graphene-charts 0.0.1-graphene-92.ffb4eff

package/USAGE_GUIDE.md

@@ -0,0 +1,151 @@
+# Using Graphene Charts
+
+> **Scope:** These rules only apply when working with `@gravitee/graphene-charts` components and styles. For the rest of the design system, see `@gravitee/graphene-core`'s usage guide.
+
+Browse the live documentation and component catalog on the dedicated [Storybook](https://github.com/gravitee-io/gravitee-ui-graphene) (Charts project on Chromatic).
+
+`@gravitee/graphene-charts` is a thin, headless chart library built on D3. It inherits the Graphene design system (tokens, typography, dark mode) and composes with shadcn-style primitives (`ChartContainer`, `ChartTooltip`, `ChartLegend`).
+
+## Package exports
+
+| Export                             | What it is                                                                                                                                                                                                    |
+| ---------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `@gravitee/graphene-charts`        | React chart components and primitives (`ChartContainer`, `ChartTooltip`, `ChartTooltipContent`, `ChartLegend`, `ChartLegendContent`, `BarChart`, …)                                                           |
+| `@gravitee/graphene-charts/styles` | Pre-built CSS: tokens, Tailwind theme bindings, and chart palette. Import once if the host is **not** already importing `@gravitee/graphene-core/styles` or `@gravitee/graphene-core/tailwind-theme`.         |
+
+## Dependencies (what the host needs)
+
+- **Required:** `react` and `react-dom` (^19).
+- **Required:** `@gravitee/graphene-core` (>=1.0.0-alpha.31). Chart primitives consume components (`Empty`, `cn`) and tokens (`--border`, `--muted-foreground`, `--chart-1..5`) from core.
+- **Recommended:** `@fontsource/dm-sans` (>=5) if the app isn't already loading it through `@gravitee/graphene-core/fonts`.
+- **Optional:** `tailwindcss` (^4) — only needed if the app runs its own Tailwind pipeline and wants the `bg-chart-1`, `text-chart-2`, … utilities.
+
+Graphene Charts ships pre-compiled `styles`; the host does **not** need PostCSS or `postcss-import` for the chart CSS file itself.
+
+## Integration tiers
+
+### Tier 1 — Graphene Core + Charts (recommended)
+
+If the host already imports `@gravitee/graphene-core/styles` you already have the chart tokens (`--chart-1..5`). The charts package only needs to be installed and imported; no extra CSS is required.
+
+```ts
+// main.ts (order as below)
+import '@gravitee/graphene-core/fonts';
+import '@gravitee/graphene-core/styles';
+```
+
+```tsx
+import { ChartContainer, BarChart, ChartTooltip, ChartTooltipContent } from '@gravitee/graphene-charts';
+```
+
+### Tier 2 — Charts standalone (no Graphene Core styles)
+
+If the host does not load `@gravitee/graphene-core/styles`, import the charts stylesheet directly so token variables and base layer rules are available.
+
+```ts
+import '@gravitee/graphene-core/fonts';
+import '@gravitee/graphene-charts/styles';
+```
+
+Note: this stylesheet pulls in the full Graphene Tailwind preset, so Graphene utilities (`text-foreground`, `bg-muted`, …) become available for your own app code as well.
+
+### Tier 3 — App uses Tailwind v4 for local code
+
+Use the constrained theme from `@gravitee/graphene-core/tailwind-theme` as usual. Chart tokens are part of the shared preset, so `var(--chart-1)` and the `bg-chart-1` / `text-chart-1` utilities work out of the box.
+
+```css
+@import 'tailwindcss';
+@import '@gravitee/graphene-core/tailwind-theme';
+@source './**/*.{ts,tsx}';
+```
+
+## Authoring charts
+
+- All components are named exports from `@gravitee/graphene-charts`:
+
+```tsx
+import { ChartContainer, BarChart, ChartTooltip, ChartTooltipContent, ChartLegend, ChartLegendContent } from '@gravitee/graphene-charts';
+```
+
+- Never import from internal paths like `@gravitee/graphene-charts/primitives/*` or `@gravitee/graphene-charts/lib/*`. These are implementation details and may change without notice.
+
+### Recipe: a bar chart with tooltip + legend
+
+```tsx
+import {
+  BarChart,
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartTooltip,
+  ChartTooltipContent,
+  type ChartConfig,
+} from '@gravitee/graphene-charts';
+
+const data = [
+  { category: 'Jan', desktop: 186, mobile: 80 },
+  { category: 'Feb', desktop: 305, mobile: 120 },
+  { category: 'Mar', desktop: 237, mobile: 95 },
+];
+
+const config: ChartConfig = {
+  desktop: { label: 'Desktop', color: 'var(--chart-1)' },
+  mobile: { label: 'Mobile', color: 'var(--chart-2)' },
+};
+
+export function MonthlyVisits() {
+  return (
+    <ChartContainer config={config} className="h-[280px]">
+      <BarChart data={data}>
+        <ChartTooltip content={<ChartTooltipContent />} />
+        <ChartLegend content={<ChartLegendContent />} />
+      </BarChart>
+    </ChartContainer>
+  );
+}
+```
+
+## Tokens you can rely on
+
+`@gravitee/graphene-charts` reads the following variables from the shared Graphene preset. They are safe to override at the app root.
+
+| Variable              | Purpose                                                                          |
+| --------------------- | -------------------------------------------------------------------------------- |
+| `--chart-1..5`        | Default categorical palette used by `ChartConfig`                                |
+| `--chart-bar-radius`  | Corner radius of bar chart marks; defaults to `calc(var(--radius) + 0.125rem)`   |
+| `--border`            | Color of grid lines                                                              |
+| `--muted-foreground`  | Color of axis tick labels                                                        |
+| `--background`        | Tooltip / legend background                                                      |
+| `--foreground`        | Tooltip / legend text                                                            |
+| `--ring`              | Focus ring on bars when navigating with the keyboard                             |
+
+Per-series overrides always win (`ChartConfig[key].color` or `ChartConfig[key].theme`). Per-chart overrides of the radius are possible via the `barRadius` prop on `BarChart`.
+
+## Animation
+
+Bar charts fade and scale in on mount via CSS `@starting-style`. No JS animation engine, no extra dependencies.
+
+- Toggle with the `animated` prop on `<BarChart>` (defaults to `true`).
+- Replay on demand by bumping the React `key`:
+
+```tsx
+const [replayKey, setReplayKey] = useState(0);
+
+<button onClick={() => setReplayKey((k) => k + 1)}>Replay</button>
+<BarChart key={replayKey} data={data} />
+```
+
+- Users with `prefers-reduced-motion: reduce` get the instant render automatically — the animation rule is wrapped in a `@media` query that disables the transitions on their device.
+
+## Accessibility
+
+Each chart ships with sensible defaults:
+
+- `role="img"` and an `aria-label` on the root `<svg>` (override with the `ariaLabel` prop when the chart needs more specific context).
+- Each bar is keyboard focusable (`tabIndex={0}`), announces its value via `aria-label`, shows the tooltip on focus, and renders a visible focus ring derived from `--ring`.
+- A visually-hidden `<table>` under the chart with the full dataset, so assistive tech users can navigate the data tabularly.
+
+## Versioning & support
+
+- `@gravitee/graphene-charts` is published alongside `@gravitee/graphene-core` under the same release cycle (independent versions, identical tooling). See the repo's `CHANGELOG.md` per package.
+- Chart APIs are still in `0.x`: minor breaking changes may ship under new alpha versions. Pin the exact version in production apps.

package/dist/components/BarChart/BarChart.d.ts

@@ -0,0 +1,60 @@
+import { ChartTooltipItem } from '../ChartTooltip';
+import { Margin } from '../../types';
+import * as React from 'react';
+export interface BarChartDataPoint {
+    /** Category label displayed on the category axis. */
+    category: string;
+    /** One or more numeric values keyed by series name (must match ChartConfig keys). */
+    [series: string]: string | number;
+}
+export type BarChartLayout = 'vertical' | 'horizontal';
+export type BarChartVariant = 'grouped' | 'stacked';
+export interface BarChartProps extends React.ComponentProps<'div'> {
+    data: BarChartDataPoint[];
+    /** Series keys to render (must match ChartConfig keys). Inferred from data if omitted. */
+    dataKeys?: string[];
+    layout?: BarChartLayout;
+    variant?: BarChartVariant;
+    margin?: Partial<Margin>;
+    /**
+     * Corner radius on bar extremities (px). Defaults to the
+     * `--chart-bar-radius` design token (which itself defaults to
+     * `--radius + 0.125rem`, i.e. 4 px out of the box) so bars stay in
+     * sync with the theme radius unless the chart needs a bespoke value.
+     */
+    barRadius?: number;
+    /** Gap between grouped bars as a fraction of bandwidth (0..1). */
+    barGap?: number;
+    /** Show horizontal/vertical grid lines. */
+    showGrid?: boolean;
+    /** Show category-axis labels. */
+    showCategoryAxis?: boolean;
+    /** Show value-axis labels. */
+    showValueAxis?: boolean;
+    /** Format value-axis tick labels. */
+    valueTickFormatter?: (value: number) => string;
+    /**
+     * Human-readable summary of the chart for assistive tech. Defaults to a
+     * description derived from the data (e.g. "Bar chart with 6 categories and
+     * 2 series"). Override when the chart needs more specific context.
+     */
+    ariaLabel?: string;
+    /**
+     * Whether bars fade & scale in when the chart mounts. Defaults to `true`.
+     * Set to `false` to render bars instantly — useful for snapshot tests,
+     * motion-reduced preferences, or high-density dashboards where the
+     * animation becomes a distraction.
+     *
+     * The animation replays when the chart remounts. To replay it
+     * imperatively (e.g. via a "Replay" button), change the React `key`
+     * on `<BarChart>` so it remounts — the CSS `@starting-style` rule that
+     * drives the animation fires on every DOM insertion.
+     */
+    animated?: boolean;
+    /** Escape-hatch hover callback. Prefer `<ChartTooltip>` for tooltips. */
+    onBarHover?: (items: ChartTooltipItem[], category: string, event: React.MouseEvent) => void;
+    onBarLeave?: () => void;
+}
+declare function BarChart(props: BarChartProps): import("react/jsx-runtime").JSX.Element;
+export { BarChart };
+//# sourceMappingURL=BarChart.d.ts.map

package/dist/components/BarChart/BarChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BarChart.d.ts","sourceRoot":"","sources":["../../../src/components/BarChart/BarChart.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mDAAmD,CAAC;AAa1F,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAG9D,MAAM,WAAW,iBAAiB;IAChC,qDAAqD;IACrD,QAAQ,EAAE,MAAM,CAAC;IACjB,qFAAqF;IACrF,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;CACnC;AAED,MAAM,MAAM,cAAc,GAAG,UAAU,GAAG,YAAY,CAAC;AACvD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,SAAS,CAAC;AAEpD,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAChE,IAAI,EAAE,iBAAiB,EAAE,CAAC;IAC1B,0FAA0F;IAC1F,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IACzB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iCAAiC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,8BAA8B;IAC9B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/C;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;;;;;;;OAUG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yEAAyE;IACzE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5F,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAmED,iBAAS,QAAQ,CAAC,KAAK,EAAE,aAAa,2CASrC;AAuVD,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/BarChart/index.d.ts

@@ -0,0 +1,3 @@
+export { BarChart } from './BarChart';
+export type { BarChartProps, BarChartDataPoint, BarChartLayout, BarChartVariant } from './BarChart';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/BarChart/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BarChart/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC"}

package/dist/components/ChartContainer/ChartContainer.d.ts

@@ -0,0 +1,21 @@
+import { ChartConfig } from '../../types';
+import * as React from 'react';
+interface ChartContextValue {
+    config: ChartConfig;
+    id: string;
+}
+export declare function useChartConfig(): ChartContextValue;
+export interface ChartContainerProps extends React.ComponentProps<'div'> {
+    config: ChartConfig;
+}
+declare function ChartContainer({ id, config, className, children, style, ...props }: ChartContainerProps): import("react/jsx-runtime").JSX.Element;
+/**
+ * Injects CSS vars for each series in the form `--color-{seriesKey}`,
+ * scoped to a specific chart id and theme (light / dark).
+ */
+declare function ChartStyle({ id, config }: {
+    id: string;
+    config: ChartConfig;
+}): import("react/jsx-runtime").JSX.Element;
+export { ChartContainer, ChartStyle };
+//# sourceMappingURL=ChartContainer.d.ts.map

package/dist/components/ChartContainer/ChartContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartContainer.d.ts","sourceRoot":"","sources":["../../../src/components/ChartContainer/ChartContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAGnE,UAAU,iBAAiB;IACzB,MAAM,EAAE,WAAW,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;CACZ;AAID,wBAAgB,cAAc,sBAM7B;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACtE,MAAM,EAAE,WAAW,CAAC;CACrB;AA2BD,iBAAS,cAAc,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CA8BhG;AAED;;;GAGG;AACH,iBAAS,UAAU,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAE,2CAgBtE;AAED,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/ChartContainer/index.d.ts

@@ -0,0 +1,3 @@
+export { ChartContainer, ChartStyle, useChartConfig } from './ChartContainer';
+export type { ChartContainerProps } from './ChartContainer';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ChartContainer/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ChartContainer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAC9E,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/ChartLegend/ChartLegend.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+export interface ChartLegendItem {
+    /** Data key used to resolve config (falls back to value). */
+    dataKey?: string;
+    /** Display value used to match a series in ChartConfig. */
+    value: string;
+    /** Optional color override; defaults to the series color from ChartConfig. */
+    color?: string;
+}
+export interface ChartLegendContentProps extends React.ComponentProps<'div'> {
+    /** Legend payload; injected by the parent chart. */
+    items?: ChartLegendItem[];
+    /** Hide the small color indicator next to each item. */
+    hideIcon?: boolean;
+    /** Override the ChartConfig key used to resolve each item's label. */
+    nameKey?: string;
+    /** Vertical alignment hint passed by the chart so content can self-position. */
+    verticalAlign?: 'top' | 'bottom';
+}
+declare function ChartLegendContent({ items, hideIcon, nameKey, verticalAlign, className, ...props }: ChartLegendContentProps): import("react/jsx-runtime").JSX.Element | null;
+export interface ChartLegendProps {
+    content: React.ReactElement;
+    /** Where to render the legend relative to the chart body. Defaults to `'bottom'`. */
+    verticalAlign?: 'top' | 'bottom';
+}
+declare function ChartLegend({ content, verticalAlign }: ChartLegendProps): null;
+export { ChartLegend, ChartLegendContent };
+//# sourceMappingURL=ChartLegend.d.ts.map

package/dist/components/ChartLegend/ChartLegend.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartLegend.d.ts","sourceRoot":"","sources":["../../../src/components/ChartLegend/ChartLegend.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,eAAe;IAC9B,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC1E,oDAAoD;IACpD,KAAK,CAAC,EAAE,eAAe,EAAE,CAAC;IAC1B,wDAAwD;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sEAAsE;IACtE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gFAAgF;IAChF,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAClC;AAED,iBAAS,kBAAkB,CAAC,EAC1B,KAAU,EACV,QAAgB,EAChB,OAAO,EACP,aAAwB,EACxB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,kDAgCzB;AASD,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;IAC5B,qFAAqF;IACrF,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;CAClC;AAED,iBAAS,WAAW,CAAC,EAAE,OAAO,EAAE,aAAwB,EAAE,EAAE,gBAAgB,QAY3E;AAED,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/ChartLegend/index.d.ts

@@ -0,0 +1,3 @@
+export { ChartLegend, ChartLegendContent } from './ChartLegend';
+export type { ChartLegendProps, ChartLegendContentProps, ChartLegendItem } from './ChartLegend';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ChartLegend/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ChartLegend/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAChE,YAAY,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC"}

package/dist/components/ChartTooltip/ChartTooltip.d.ts

@@ -0,0 +1,43 @@
+import * as React from 'react';
+export interface ChartTooltipItem {
+    /** Key used to resolve series config (falls back to name). */
+    dataKey?: string;
+    name: string;
+    value: number | string;
+    /** Optional color override; defaults to the series color from ChartConfig. */
+    color?: string;
+    /** Optional raw payload for advanced labelFormatter use cases. */
+    payload?: Record<string, unknown>;
+}
+export interface ChartTooltipContentProps extends React.ComponentProps<'div'> {
+    /** The label shown at the top of the tooltip (usually the x-axis category). */
+    label?: string;
+    /** Payload of items, one per series. Injected by the parent chart. */
+    items?: ChartTooltipItem[];
+    /** Whether the tooltip is visible. Injected by the parent chart. */
+    active?: boolean;
+    /** Hide the top label row. */
+    hideLabel?: boolean;
+    /** Hide the color indicator next to each item. */
+    hideIndicator?: boolean;
+    /** Visual style of the indicator next to each item. */
+    indicator?: 'dot' | 'line' | 'dashed';
+    /** Override the ChartConfig key used to resolve the label. */
+    labelKey?: string;
+    /** Override the ChartConfig key used to resolve each item's name. */
+    nameKey?: string;
+    /** Format the top label. */
+    labelFormatter?: (label: string, items: ChartTooltipItem[]) => React.ReactNode;
+    /** Extra class for the label row. */
+    labelClassName?: string;
+    /** Format each item's value. Defaults to `.toLocaleString()` for numbers. */
+    valueFormatter?: (value: number | string, item: ChartTooltipItem, index: number) => React.ReactNode;
+}
+declare function ChartTooltipContent({ label, items, active, hideLabel, hideIndicator, indicator, labelKey, nameKey, labelFormatter, labelClassName, valueFormatter, className, ...props }: ChartTooltipContentProps): import("react/jsx-runtime").JSX.Element | null;
+export interface ChartTooltipProps {
+    /** The tooltip content element. Receives `label`, `items`, `active` at render time. */
+    content: React.ReactElement;
+}
+declare function ChartTooltip({ content }: ChartTooltipProps): null;
+export { ChartTooltipContent, ChartTooltip };
+//# sourceMappingURL=ChartTooltip.d.ts.map

package/dist/components/ChartTooltip/ChartTooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTooltip.d.ts","sourceRoot":"","sources":["../../../src/components/ChartTooltip/ChartTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,MAAM,WAAW,gBAAgB;IAC/B,8DAA8D;IAC9D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,8EAA8E;IAC9E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kEAAkE;IAClE,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC;AAED,MAAM,WAAW,wBAAyB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IAC3E,+EAA+E;IAC/E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,sEAAsE;IACtE,KAAK,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC3B,oEAAoE;IACpE,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kDAAkD;IAClD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uDAAuD;IACvD,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,QAAQ,CAAC;IAEtC,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qEAAqE;IACrE,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,4BAA4B;IAC5B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,gBAAgB,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAC/E,qCAAqC;IACrC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,6EAA6E;IAC7E,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACrG;AAWD,iBAAS,mBAAmB,CAAC,EAC3B,KAAK,EACL,KAAU,EACV,MAAa,EACb,SAAiB,EACjB,aAAqB,EACrB,SAAiB,EACjB,QAAQ,EACR,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAsC,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,kDAyF1B;AASD,MAAM,WAAW,iBAAiB;IAChC,uFAAuF;IACvF,OAAO,EAAE,KAAK,CAAC,YAAY,CAAC;CAC7B;AAED,iBAAS,YAAY,CAAC,EAAE,OAAO,EAAE,EAAE,iBAAiB,QAYnD;AAED,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/ChartTooltip/index.d.ts

@@ -0,0 +1,3 @@
+export { ChartTooltipContent, ChartTooltip } from './ChartTooltip';
+export type { ChartTooltipContentProps, ChartTooltipProps, ChartTooltipItem } from './ChartTooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/ChartTooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ChartTooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACnE,YAAY,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,8 @@
+export { cn } from './lib/utils';
+export type { ChartConfig, ChartSeriesConfig, ChartThemeColors, Margin } from './types';
+export { CHART_THEMES, DEFAULT_MARGIN } from './types';
+export * from './components/ChartContainer';
+export * from './components/ChartTooltip';
+export * from './components/ChartLegend';
+export * from './components/BarChart';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAGjC,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGvD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC;AAGzC,cAAc,uBAAuB,CAAC"}