@gravitee/graphene-charts 2.36.3-feat-password-input.efed5fc → 2.36.3

package/USAGE_GUIDE.md

@@ -13,6 +13,8 @@ Browse the live documentation and component catalog on the dedicated [Storybook]
 | `@gravitee/graphene-charts` | React chart components and primitives (`ChartCard`, `ChartContainer`, `ChartTooltip`, `ChartTooltipContent`, `ChartLegend`, `ChartLegendContent`, `AreaChart`, `BarChart`, `DoughnutChart`, `LineChart`, `Metric`, `CartesianChart`, `LineSeries`, `AreaSeries`, `BarSeries`, `Grid`, `XAxis`, `YAxis`) |
 | `@gravitee/graphene-charts/dashboard-grid` | Dashboard layout engine (`DashboardGrid`, `DashboardWidget`) and adapter utilities |
 | `@gravitee/graphene-charts/dashboard-grid/styles.css` | Required RGL stylesheet (import in your app entry) |
+| `@gravitee/graphene-charts/lineage` | Read-only graph engine (`LineageViewer`, `BaseNode`, `computeHighlight`) for service maps, OTel traces, and business-object lineage |
+| `@gravitee/graphene-charts/lineage/styles.css` | Required React Flow stylesheet (import in your app entry) |
 
 The package intentionally ships **no stylesheet entry**: `@gravitee/graphene-core` is the single source of truth for the Graphene theme (tokens, Tailwind preset, chart palette, fonts) and is a required peer dependency. Chart-component runtime styles (mount animation, focus ring) are injected at render time by the components themselves via React's `<style precedence>` hoisting, so consumers have nothing extra to import.
 
@@ -428,6 +430,42 @@ Key props:
 - `footer` — Bottom slot (legend, status, links)
 - `noPadding` — Removes horizontal padding for full-bleed charts
 
+### Recipe: a dependency graph with LineageViewer
+
+```tsx
+import { LineageViewer } from '@gravitee/graphene-charts/lineage';
+import '@gravitee/graphene-charts/lineage/styles.css';
+
+const nodes = [
+  { id: 'gateway', data: { label: 'API Gateway', badge: 'entry', status: 'healthy' } },
+  { id: 'auth', data: { label: 'Auth Service', status: 'degraded' } },
+  { id: 'db', data: { label: 'PostgreSQL', badge: 'storage', status: 'healthy' } },
+];
+
+const edges = [
+  { id: 'e1', source: 'gateway', target: 'auth' },
+  { id: 'e2', source: 'auth', target: 'db', status: 'degraded' },
+];
+
+export function ServiceMap() {
+  return (
+    <div className="h-[600px]">
+      <LineageViewer nodes={nodes} edges={edges} onNodeSelect={(node) => node && openDrawer(node)} />
+    </div>
+  );
+}
+```
+
+`LineageViewer` is a **read-only** graph engine (service maps, OTel traces, business-object
+lineage). It is static by default (no pan/zoom) so it sits cleanly in a tile; opt into
+`pannable`, `zoomable`, `showControls`, `fullscreenable`, `showMinimap` as needed. Nodes carry
+a `status` (`healthy` / `degraded` / `error`) and optional `metrics`; edges support `status`,
+`label`, and `weight` (thickness). Hover or click a node to highlight its dependencies
+(`highlightMode="neighbors" | "path"`). Follows the shared `state` contract
+(`loading` / `empty` / `ready`).
+
+> Memoize `nodes` / `edges` to avoid re-layout on every render.
+
 ## 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.

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

@@ -1 +1 @@
-{"version":3,"file":"ChartContainer.d.ts","sourceRoot":"","sources":["../../../src/base/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;AA6BD,iBAAS,cAAc,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAsChG;AAeD;;;;;GAKG;AACH,iBAAS,UAAU,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAE,2CAmBtE;AAED,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"ChartContainer.d.ts","sourceRoot":"","sources":["../../../src/base/ChartContainer/ChartContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/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;AA6BD,iBAAS,cAAc,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,mBAAmB,2CAsChG;AAED;;;;;GAKG;AACH,iBAAS,UAAU,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,WAAW,CAAA;CAAE,2CAmBtE;AAED,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,CAAC"}

package/dist/base/ChartLegend/ChartLegend.d.ts

@@ -18,8 +18,14 @@ export interface ChartLegendContentProps extends React.ComponentProps<'div'> {
     verticalAlign?: 'top' | 'bottom';
     /** Horizontal alignment of legend items. @default 'start' */
     align?: 'start' | 'center' | 'end';
+    /** Callback when a legend item is hovered; receives the dataKey. Injected by the parent chart. */
+    onItemHover?: (dataKey: string) => void;
+    /** Callback when the pointer leaves a legend item. Injected by the parent chart. */
+    onItemLeave?: () => void;
+    /** Currently hovered legend key for visual feedback. Injected by the parent chart. */
+    hoveredLegendKey?: string | null;
 }
-declare function ChartLegendContent({ items, hideIcon, nameKey, verticalAlign: _verticalAlign, align, className, ...props }: ChartLegendContentProps): import("react/jsx-runtime").JSX.Element | null;
+declare function ChartLegendContent({ items, hideIcon, nameKey, verticalAlign: _verticalAlign, align, onItemHover, onItemLeave, hoveredLegendKey, 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'`. */

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

@@ -1 +1 @@
-{"version":3,"file":"ChartLegend.d.ts","sourceRoot":"","sources":["../../../src/base/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;IACjC,6DAA6D;IAC7D,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACpC;AAQD,iBAAS,kBAAkB,CAAC,EAC1B,KAAU,EACV,QAAgB,EAChB,OAAO,EACP,aAAa,EAAE,cAAc,EAC7B,KAAe,EACf,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"}
+{"version":3,"file":"ChartLegend.d.ts","sourceRoot":"","sources":["../../../src/base/ChartLegend/ChartLegend.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/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;IACjC,6DAA6D;IAC7D,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;IACnC,kGAAkG;IAClG,WAAW,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,sFAAsF;IACtF,gBAAgB,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAQD,iBAAS,kBAAkB,CAAC,EAC1B,KAAU,EACV,QAAgB,EAChB,OAAO,EACP,aAAa,EAAE,cAAc,EAC7B,KAAe,EACf,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,uBAAuB,kDA8CzB;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/base/ChartTooltip/ChartTooltip.d.ts

@@ -32,8 +32,14 @@ export interface ChartTooltipContentProps extends React.ComponentProps<'div'> {
     labelClassName?: string;
     /** Format each item's value. Defaults to `.toLocaleString()` for numbers. */
     valueFormatter?: (value: number | string, item: ChartTooltipItem, index: number) => React.ReactNode;
+    /** Show a footer row with the sum of all numeric item values. */
+    showTotal?: boolean;
+    /** Label for the total row. @default "Total" */
+    totalLabel?: string;
+    /** Format the total value. Defaults to `.toLocaleString()`. */
+    totalFormatter?: (total: 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;
+declare function ChartTooltipContent({ label, items, active, hideLabel, hideIndicator, indicator, labelKey, nameKey, labelFormatter, labelClassName, valueFormatter: valueFormatterProp, showTotal, totalLabel, totalFormatter, 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;

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

@@ -1 +1 @@
-{"version":3,"file":"ChartTooltip.d.ts","sourceRoot":"","sources":["../../../src/base/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,kDA8F1B;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,YAAY,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"ChartTooltip.d.ts","sourceRoot":"","sources":["../../../src/base/ChartTooltip/ChartTooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/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;IAEpG,iEAAiE;IACjE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gDAAgD;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,+DAA+D;IAC/D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;CACrD;AAeD,iBAAS,mBAAmB,CAAC,EAC3B,KAAK,EACL,KAAU,EACV,MAAa,EACb,SAAiB,EACjB,aAAqB,EACrB,SAAiB,EACjB,QAAQ,EACR,OAAO,EACP,cAAc,EACd,cAAc,EACd,cAAc,EAAE,kBAAkB,EAClC,SAAiB,EACjB,UAAoB,EACpB,cAAsC,EACtC,SAAS,EACT,GAAG,KAAK,EACT,EAAE,wBAAwB,kDA8G1B;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,YAAY,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/charts/DoughnutChart/DoughnutChart.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DoughnutChart.d.ts","sourceRoot":"","sources":["../../../src/charts/DoughnutChart/DoughnutChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAG1E,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;AACpE,MAAM,MAAM,sBAAsB,GAAG,CAAC,SAAS,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;AAE7F,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACrE,IAAI,EAAE,iBAAiB,EAAE,CAAC;IAC1B,gEAAgE;IAChE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,mFAAmF;IACnF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,oBAAoB,GAAG,sBAAsB,CAAC;IACvD,2FAA2F;IAC3F,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5E,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;CAC1B;AAwCD,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,aAAa,EACb,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,cAAc,EACd,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,QAAQ,EACZ,EAAE,kBAAkB,2CAmCpB;AAuVD,OAAO,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"DoughnutChart.d.ts","sourceRoot":"","sources":["../../../src/charts/DoughnutChart/DoughnutChart.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAc/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAI1E,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,oBAAoB,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;AACpE,MAAM,MAAM,sBAAsB,GAAG,CAAC,SAAS,EAAE,iBAAiB,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;AAE7F,MAAM,WAAW,kBAAmB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACrE,IAAI,EAAE,iBAAiB,EAAE,CAAC;IAC1B,gEAAgE;IAChE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,mFAAmF;IACnF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mCAAmC;IACnC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,oBAAoB,GAAG,sBAAsB,CAAC;IACvD,2FAA2F;IAC3F,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAChC,yDAAyD;IACzD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,+CAA+C;IAC/C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5E,+CAA+C;IAC/C,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,sCAAsC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;CAC1B;AAwCD,iBAAS,aAAa,CAAC,EACrB,KAAK,EACL,IAAI,EACJ,WAAW,EACX,QAAQ,EACR,YAAY,EACZ,MAAM,EACN,aAAa,EACb,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,cAAc,EACd,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,QAAQ,EACZ,EAAE,kBAAkB,2CAmCpB;AA6UD,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/dist/charts/TraceWaterfall/TraceWaterfall.d.ts

@@ -0,0 +1,22 @@
+import { ChartState } from '../../types';
+import { TraceWaterfallRow } from './types';
+import * as React from 'react';
+export interface TraceWaterfallProps extends Omit<React.ComponentProps<'div'>, 'onSelect'> {
+    spans: TraceWaterfallRow[];
+    /** Lifecycle state. When omitted, inferred from spans length. */
+    state?: ChartState;
+    selectedSpanId?: string;
+    /** Fired when a span row is selected (click or keyboard Enter). Receives the full span. */
+    onSpanSelect?: (span: TraceWaterfallRow) => void;
+    /** Called when a span row is hovered. */
+    onSpanHover?: (span: TraceWaterfallRow) => void;
+    /** Called when the cursor leaves a span row. */
+    onSpanLeave?: () => void;
+    /** When true, all parent spans start collapsed. */
+    defaultCollapsed?: boolean;
+    /** Custom render for the hover card content. When omitted, the built-in detail card is used. */
+    renderTooltip?: (span: TraceWaterfallRow) => React.ReactNode;
+    ariaLabel?: string;
+}
+export declare function TraceWaterfall({ spans, state, selectedSpanId, onSpanSelect, onSpanHover, onSpanLeave, defaultCollapsed, renderTooltip, ariaLabel, className, ...rest }: TraceWaterfallProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TraceWaterfall.d.ts.map

package/dist/charts/TraceWaterfall/TraceWaterfall.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TraceWaterfall.d.ts","sourceRoot":"","sources":["../../../src/charts/TraceWaterfall/TraceWaterfall.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAUlE,OAAO,KAAK,EAAwB,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAwDvE,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC;IACxF,KAAK,EAAE,iBAAiB,EAAE,CAAC;IAC3B,iEAAiE;IACjE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,2FAA2F;IAC3F,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IACjD,yCAAyC;IACzC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAChD,gDAAgD;IAChD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,mDAAmD;IACnD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,gGAAgG;IAChG,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,KAAK,CAAC,SAAS,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAuhBD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,cAAc,EACd,YAAY,EACZ,WAAW,EACX,WAAW,EACX,gBAAwB,EACxB,aAAa,EACb,SAAsC,EACtC,SAAS,EACT,GAAG,IAAI,EACR,EAAE,mBAAmB,2CAkHrB"}

package/dist/charts/TraceWaterfall/fixtures.d.ts

@@ -0,0 +1,12 @@
+import { TraceWaterfallRow } from './types';
+/** Sequential parent → child chain across multiple services. */
+export declare const chainSpans: TraceWaterfallRow[];
+/** Parallel sibling spans — microservice fan-out. */
+export declare const parallelSpans: TraceWaterfallRow[];
+/** Trace with cascading error. */
+export declare const errorSpans: TraceWaterfallRow[];
+/** Deep nesting with sub-millisecond spans. */
+export declare const deepTreeSpans: TraceWaterfallRow[];
+/** Realistic API gateway trace with many services. */
+export declare const realisticSpans: TraceWaterfallRow[];
+//# sourceMappingURL=fixtures.d.ts.map

package/dist/charts/TraceWaterfall/fixtures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fixtures.d.ts","sourceRoot":"","sources":["../../../src/charts/TraceWaterfall/fixtures.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAKjD,gEAAgE;AAChE,eAAO,MAAM,UAAU,EAAE,iBAAiB,EAkEzC,CAAC;AAEF,qDAAqD;AACrD,eAAO,MAAM,aAAa,EAAE,iBAAiB,EA6E5C,CAAC;AAEF,kCAAkC;AAClC,eAAO,MAAM,UAAU,EAAE,iBAAiB,EAuDzC,CAAC;AAEF,+CAA+C;AAC/C,eAAO,MAAM,aAAa,EAAE,iBAAiB,EAmG5C,CAAC;AAEF,sDAAsD;AACtD,eAAO,MAAM,cAAc,EAAE,iBAAiB,EAyH7C,CAAC"}

package/dist/charts/TraceWaterfall/formatDuration.d.ts

@@ -0,0 +1,24 @@
+/** Minimum rendered bar width in pixels so sub-ms spans remain visible. */
+export declare const MIN_BAR_WIDTH_PX = 3;
+/**
+ * Formats a nanosecond duration for span labels and axis ticks.
+ * Preserves sub-millisecond precision when relevant.
+ */
+export declare function formatDurationNs(ns: number): string;
+/** Returns the trace end offset in nanoseconds (at least 1 to avoid a zero domain). */
+export declare function computeTraceDurationNs(spans: ReadonlyArray<{
+    startOffsetNs: number;
+    durationNs: number;
+}>): number;
+/** Maps span timing to pixel geometry on the shared timeline. */
+export declare function computeBarGeometry(startOffsetNs: number, durationNs: number, traceDurationNs: number, timelineWidth: number): {
+    x: number;
+    width: number;
+};
+/** Formats a span duration as a percentage of the total trace duration. */
+export declare function formatTracePercent(durationNs: number, traceDurationNs: number): string;
+/** Returns the number of ticks the time axis should display for a given pixel width. */
+export declare function getTickCount(usableWidth: number): number;
+/** Builds evenly spaced tick values for the time axis. */
+export declare function buildTimeAxisTicks(traceDurationNs: number, tickCount?: number): number[];
+//# sourceMappingURL=formatDuration.d.ts.map

package/dist/charts/TraceWaterfall/formatDuration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatDuration.d.ts","sourceRoot":"","sources":["../../../src/charts/TraceWaterfall/formatDuration.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAElC;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAsBnD;AAED,uFAAuF;AACvF,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,aAAa,CAAC;IAAE,aAAa,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,MAAM,CAAA;CAAE,CAAC,GAAG,MAAM,CAOlH;AAED,iEAAiE;AACjE,wBAAgB,kBAAkB,CAChC,aAAa,EAAE,MAAM,EACrB,UAAU,EAAE,MAAM,EAClB,eAAe,EAAE,MAAM,EACvB,aAAa,EAAE,MAAM,GACpB;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAa9B;AAED,2EAA2E;AAC3E,wBAAgB,kBAAkB,CAAC,UAAU,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,GAAG,MAAM,CAMtF;AAKD,wFAAwF;AACxF,wBAAgB,YAAY,CAAC,WAAW,EAAE,MAAM,GAAG,MAAM,CAIxD;AAED,0DAA0D;AAC1D,wBAAgB,kBAAkB,CAAC,eAAe,EAAE,MAAM,EAAE,SAAS,SAAI,GAAG,MAAM,EAAE,CAMnF"}

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

@@ -0,0 +1,5 @@
+export { TraceWaterfall } from './TraceWaterfall';
+export type { TraceWaterfallProps } from './TraceWaterfall';
+export { buildTimeAxisTicks, computeBarGeometry, computeTraceDurationNs, formatDurationNs, formatTracePercent, } from './formatDuration';
+export type { SpanKind, SpanStatus, TraceWaterfallRow } from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/charts/TraceWaterfall/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EACL,kBAAkB,EAClB,kBAAkB,EAClB,sBAAsB,EACtB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,kBAAkB,CAAC;AAC1B,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/dist/charts/TraceWaterfall/types.d.ts

@@ -0,0 +1,20 @@
+export type SpanKind = 'internal' | 'server' | 'client' | 'producer' | 'consumer';
+export type SpanStatus = 'ok' | 'error' | 'unset';
+/** Pre-flattened span row for presentational rendering. */
+export interface TraceWaterfallRow {
+    spanId: string;
+    parentSpanId?: string;
+    /** Operation name (e.g. `GET /api/users`). */
+    name: string;
+    /** Service that emitted this span (e.g. `api-gateway`). */
+    serviceName: string;
+    kind: SpanKind;
+    status: SpanStatus;
+    /** Offset from trace origin in nanoseconds. */
+    startOffsetNs: number;
+    /** Duration in nanoseconds. */
+    durationNs: number;
+    /** Nesting depth (0 = root). */
+    depth: number;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/charts/TraceWaterfall/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/charts/TraceWaterfall/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,UAAU,GAAG,UAAU,CAAC;AAElF,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,OAAO,GAAG,OAAO,CAAC;AAElD,2DAA2D;AAC3D,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,IAAI,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,QAAQ,CAAC;IACf,MAAM,EAAE,UAAU,CAAC;IACnB,+CAA+C;IAC/C,aAAa,EAAE,MAAM,CAAC;IACtB,+BAA+B;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;CACf"}

package/dist/dashboard-grid/DashboardGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardGrid.d.ts","sourceRoot":"","sources":["../../src/dashboard-grid/DashboardGrid.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAgB,MAAM,SAAS,CAAC;AA4BhE,iBAAS,aAAa,CAAC,EACrB,OAAO,EACP,IAAmB,EACnB,SAA8B,EAC9B,GAAiB,EACjB,WAAW,EACX,cAAc,EACd,UAAuB,EACvB,QAAgB,EAChB,QAAc,EACd,cAAc,EACd,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,QAAQ,EACZ,EAAE,kBAAkB,2CAqEpB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"DashboardGrid.d.ts","sourceRoot":"","sources":["../../src/dashboard-grid/DashboardGrid.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,kBAAkB,EAAgB,MAAM,SAAS,CAAC;AA4BhE,iBAAS,aAAa,CAAC,EACrB,OAAO,EACP,IAAmB,EACnB,SAA8B,EAC9B,GAAiB,EACjB,WAAW,EACX,cAAc,EACd,UAAuB,EACvB,QAAgB,EAChB,QAAc,EACd,cAAc,EACd,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,QAAQ,EACZ,EAAE,kBAAkB,2CAsEpB;AAED,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/dashboard-grid/DashboardWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardWidget.d.ts","sourceRoot":"","sources":["../../src/dashboard-grid/DashboardWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACvE,4CAA4C;IAC5C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,yCAAyC;IACzC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,8CAA8C;IAC9C,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5D,+EAA+E;IAC/E,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,uDAAuD;IACvD,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,4EAA4E;IAC5E,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EACN,MAAM,EACN,SAAiB,EACjB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,oBAAoB,2CAwDtB"}
+{"version":3,"file":"DashboardWidget.d.ts","sourceRoot":"","sources":["../../src/dashboard-grid/DashboardWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACvE,4CAA4C;IAC5C,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IACxB,yCAAyC;IACzC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAC3B,8CAA8C;IAC9C,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5D,+EAA+E;IAC/E,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC,uDAAuD;IACvD,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAClC;;;OAGG;IACH,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,4EAA4E;IAC5E,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CACpC;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EACN,MAAM,EACN,SAAiB,EACjB,QAAQ,EACR,SAAS,EACT,GAAG,IAAI,EACR,EAAE,oBAAoB,2CA4CtB"}

package/dist/dashboard-grid/index.js

@@ -1,9 +1,10 @@
 import { t as e } from "../utils-ySutDPYb.js";
-import { useCallback as t, useMemo as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Responsive as a, horizontalCompactor as o, noCompactor as s, useContainerWidth as c, verticalCompactor as l } from "react-grid-layout";
+import { n as t, t as n } from "../surface-k4U7sG_T.js";
+import { useCallback as r, useMemo as i } from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Responsive as s, horizontalCompactor as c, noCompactor as l, useContainerWidth as u, verticalCompactor as d } from "react-grid-layout";
 //#region src/dashboard-grid/adapters.ts
-function u(e) {
+function f(e) {
 	return {
 		i: e.id,
 		x: e.x,
@@ -17,7 +18,7 @@ function u(e) {
 		static: e.static
 	};
 }
-function d(e) {
+function p(e) {
 	return {
 		x: e.x,
 		y: e.y,
@@ -27,37 +28,37 @@ function d(e) {
 }
 //#endregion
 //#region src/dashboard-grid/DashboardGrid.tsx
-var f = 12, p = 150, m = [16, 16], h = {
+var m = 12, h = 150, g = [16, 16], _ = {
 	lg: 1200,
 	md: 996,
 	sm: 768,
 	xs: 480,
 	xxs: 0
-}, g = {
+}, v = {
 	lg: 12,
 	md: 10,
 	sm: 6,
 	xs: 4,
 	xxs: 2
-}, _ = {
-	vertical: l,
-	horizontal: o,
-	none: s
+}, y = {
+	vertical: d,
+	horizontal: c,
+	none: l
 };
-function v({ widgets: o, cols: s = f, rowHeight: l = p, gap: v = m, breakpoints: y, breakpointCols: b, compaction: x = "vertical", editable: S = !1, minWidth: C = 960, onLayoutChange: w, children: T, className: E, style: D, ...O }) {
-	let { width: k, containerRef: A, mounted: j } = c(), M = n(() => o.map(u), [o]), N = n(() => ({ lg: M }), [M]), P = n(() => b ? {
-		...g,
+function b({ widgets: t, cols: n = m, rowHeight: c = h, gap: l = g, breakpoints: d, breakpointCols: b, compaction: x = "vertical", editable: S = !1, minWidth: C = 960, onLayoutChange: w, children: T, className: E, style: D, ...O }) {
+	let { width: k, containerRef: A, mounted: j } = u(), M = i(() => t.map(f), [t]), N = i(() => ({ lg: M }), [M]), P = i(() => b ? {
+		...v,
 		...b
 	} : {
-		...g,
-		lg: s
-	}, [b, s]), F = n(() => [v[0], v[1]], [v]), I = n(() => ({ enabled: S }), [S]), L = n(() => ({ enabled: S }), [S]), R = t((e) => {
+		...v,
+		lg: n
+	}, [b, n]), F = i(() => [l[0], l[1]], [l]), I = i(() => ({ enabled: S }), [S]), L = i(() => ({ enabled: S }), [S]), R = r((e) => {
 		if (!w) return;
 		let t = /* @__PURE__ */ new Map();
-		for (let n of e) t.set(n.i, d(n));
+		for (let n of e) t.set(n.i, p(n));
 		w(t);
 	}, [w]), z = C === 0 ? void 0 : typeof C == "number" ? `${C}px` : C;
-	return /* @__PURE__ */ i("div", {
+	return /* @__PURE__ */ o("div", {
 		ref: A,
 		className: e("relative w-full", E),
 		style: {
@@ -65,21 +66,22 @@ function v({ widgets: o, cols: s = f, rowHeight: l = p, gap: v = m, breakpoints:
 			...D
 		},
 		...O,
-		children: [/* @__PURE__ */ r("style", {
+		children: [/* @__PURE__ */ a("style", {
 			precedence: "graphene-charts",
 			children: "\n        .react-grid-item.react-grid-placeholder {\n          background: var(--muted);\n          border-radius: var(--radius, 0.5rem);\n          opacity: 0.5;\n        }\n      "
-		}), j && /* @__PURE__ */ r(a, {
+		}), j && /* @__PURE__ */ a(s, {
 			width: k,
 			layouts: N,
-			breakpoints: y ?? h,
+			breakpoints: d ?? _,
 			cols: P,
-			rowHeight: l,
+			rowHeight: c,
 			margin: F,
+			containerPadding: [0, 0],
 			dragConfig: I,
 			resizeConfig: L,
-			compactor: _[x],
+			compactor: y[x],
 			onLayoutChange: R,
-			children: o.map((e) => /* @__PURE__ */ r("div", {
+			children: t.map((e) => /* @__PURE__ */ a("div", {
 				className: "min-h-0 overflow-hidden",
 				children: T(e)
 			}, e.id))
@@ -88,42 +90,42 @@ function v({ widgets: o, cols: s = f, rowHeight: l = p, gap: v = m, breakpoints:
 }
 //#endregion
 //#region src/dashboard-grid/DashboardWidget.tsx
-function y({ title: t, subtitle: n, icon: a, action: o, footer: s, noPadding: c = !1, children: l, className: u, ...d }) {
-	let f = t || n || o;
-	return /* @__PURE__ */ i("div", {
-		className: e("flex h-full flex-col overflow-hidden rounded-xl", "bg-card text-card-foreground", "border border-border/40 dark:border-white/[0.06]", "shadow-xs dark:shadow-none", "transition-[box-shadow,border-color] duration-200", "hover:border-border/60 hover:shadow-sm dark:hover:border-white/[0.10]", "@container", u),
-		...d,
+function x({ title: r, subtitle: i, icon: s, action: c, footer: l, noPadding: u = !1, children: d, className: f, ...p }) {
+	let m = r || i || c;
+	return /* @__PURE__ */ o("div", {
+		className: e("flex h-full flex-col", n, t, "@container", f),
+		...p,
 		children: [
-			f && /* @__PURE__ */ i("div", {
+			m && /* @__PURE__ */ o("div", {
 				className: "flex shrink-0 items-start justify-between gap-2 px-4 pt-4 @[400px]:px-5",
-				children: [/* @__PURE__ */ i("div", {
+				children: [/* @__PURE__ */ o("div", {
 					className: "min-w-0 flex-1",
-					children: [t && /* @__PURE__ */ i("div", {
+					children: [r && /* @__PURE__ */ o("div", {
 						className: "flex items-center gap-2",
-						children: [a && /* @__PURE__ */ r(a, { className: "size-4 shrink-0 text-muted-foreground" }), /* @__PURE__ */ r("span", {
+						children: [s && /* @__PURE__ */ a(s, { className: "size-4 shrink-0 text-muted-foreground" }), /* @__PURE__ */ a("span", {
 							className: "truncate text-sm font-semibold tracking-tight text-foreground",
-							children: t
+							children: r
 						})]
-					}), (n || t) && /* @__PURE__ */ r("span", {
-						className: e("mt-0.5 block truncate text-xs text-muted-foreground", !n && "invisible"),
-						title: n,
-						children: n || "\xA0"
+					}), (i || r) && /* @__PURE__ */ a("span", {
+						className: e("mt-0.5 block truncate text-xs text-muted-foreground", !i && "invisible"),
+						title: i,
+						children: i || "\xA0"
 					})]
-				}), o && /* @__PURE__ */ r("div", {
+				}), c && /* @__PURE__ */ a("div", {
 					className: "shrink-0",
-					children: o
+					children: c
 				})]
 			}),
-			/* @__PURE__ */ r("div", {
-				className: e("min-h-0 flex-1", c ? "px-0 pb-0" : "px-4 pb-4 @[400px]:px-5 @[400px]:pb-5", !f && !c && "pt-4 @[400px]:pt-5"),
-				children: l
+			/* @__PURE__ */ a("div", {
+				className: e("min-h-0 flex-1", u ? "px-0 pb-0" : "px-4 pb-4 @[400px]:px-5 @[400px]:pb-5", !m && !u && "pt-4 @[400px]:pt-5"),
+				children: d
 			}),
-			s && /* @__PURE__ */ r("div", {
+			l && /* @__PURE__ */ a("div", {
 				className: "shrink-0 border-t border-border/20 px-4 py-2.5 text-xs text-muted-foreground @[400px]:px-5 dark:border-white/[0.04]",
-				children: s
+				children: l
 			})
 		]
 	});
 }
 //#endregion
-export { v as DashboardGrid, y as DashboardWidget, d as rglLayoutItemToWidgetLayout, u as widgetToRGLLayoutItem };
+export { b as DashboardGrid, x as DashboardWidget, p as rglLayoutItemToWidgetLayout, f as widgetToRGLLayoutItem };

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { cn } from './lib/utils';
+export { compactTick } from './lib/format';
 export type { ChartConfig, ChartSeriesConfig, ChartState, ChartThemeColors, Margin } from './types';
 export { CHART_THEMES, DEFAULT_MARGIN } from './types';
 export * from './base/ChartCard';
@@ -10,7 +11,8 @@ export type { CartesianChartProps, CartesianDataPoint } from './primitives/Carte
 export { Grid } from './primitives/Grid';
 export { ReferenceLine } from './primitives/ReferenceLine';
 export type { ReferenceLineProps } from './primitives/ReferenceLine';
-export { CategoryAxis as XAxis, ValueAxis as YAxis } from './primitives/Axis';
+export { CategoryAxis, ValueAxis, CategoryAxis as XAxis, ValueAxis as YAxis } from './primitives/Axis';
+export type { CategoryAxisProps, ValueAxisProps } from './primitives/Axis';
 export { LineSeries } from './series/LineSeries';
 export type { LineSeriesProps } from './series/LineSeries';
 export type { CurveType } from './series/curves';
@@ -24,4 +26,5 @@ export * from './charts/Metric';
 export * from './charts/MetricGroup';
 export * from './charts/LineChart';
 export * from './charts/AreaChart';
+export * from './charts/TraceWaterfall';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +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,UAAU,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACpG,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGvD,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AAGnC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC3F,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,YAAY,IAAI,KAAK,EAAE,SAAS,IAAI,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAC9E,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAG3D,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAG3C,YAAY,EAAE,WAAW,EAAE,iBAAiB,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACpG,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGvD,cAAc,kBAAkB,CAAC;AACjC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AAGnC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,YAAY,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAC3F,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,YAAY,IAAI,KAAK,EAAE,SAAS,IAAI,KAAK,EAAE,MAAM,mBAAmB,CAAC;AACvG,YAAY,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC3D,YAAY,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC/C,YAAY,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACzD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,YAAY,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAG3D,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC"}