@gravitee/graphene-charts 3.17.0 → 3.18.0

package/USAGE_GUIDE.md

@@ -10,7 +10,7 @@ Browse the live documentation and component catalog on the dedicated [Storybook]
 
 | Export                      | What it is                                                                                                                                          |
 | --------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `@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` | React chart components and primitives (`ChartCard`, `ChartContainer`, `ChartTooltip`, `ChartTooltipContent`, `ChartLegend`, `ChartLegendContent`, `ChartBrush`, `AreaChart`, `BarChart`, `DoughnutChart`, `LineChart`, `Metric`, `CartesianChart`, `LineSeries`, `AreaSeries`, `BarSeries`, `Grid`, `XAxis`, `YAxis`, `ReferenceLine`) |
 | `@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 |
@@ -187,6 +187,72 @@ export function MixedChart() {
 }
 ```
 
+### Recipe: drag to select a range with ChartBrush
+
+```tsx
+import {
+  ChartBrush,
+  ChartContainer,
+  ChartTooltip,
+  ChartTooltipContent,
+  LineChart,
+  type ChartBrushRange,
+  type ChartConfig,
+} from '@gravitee/graphene-charts';
+
+// Your own array, one entry per data point and in the same order. The chart
+// reports indices into `data`, and this is where an index becomes a time
+// window again. Keep it beside `data` rather than inside it: anything you add
+// to a data point that parses as a number becomes a plotted series.
+const buckets = [
+  { from: '2026-09-07T00:00:00Z', to: '2026-09-07T02:00:00Z', requests: 420 },
+  { from: '2026-09-07T02:00:00Z', to: '2026-09-07T04:00:00Z', requests: 310 },
+  // …
+];
+
+// `formatLabel` must produce a distinct label per entry — over a window longer
+// than a day, an hour alone repeats. See "categories must be unique" below.
+const data = buckets.map((bucket) => ({ category: formatLabel(bucket.from), requests: bucket.requests }));
+
+const config: ChartConfig = {
+  requests: { label: 'Requests', color: 'var(--chart-1)' },
+};
+
+export function TrafficWithZoom({ onZoom }: { onZoom: (from: string, to: string) => void }) {
+  const handleBrushEnd = ({ startIndex, endIndex }: ChartBrushRange) =>
+    onZoom(buckets[startIndex].from, buckets[endIndex].to);
+
+  return (
+    <ChartContainer config={config} className="h-[280px]">
+      <LineChart data={data}>
+        <ChartTooltip content={<ChartTooltipContent />} />
+        <ChartBrush minCategories={3} onBrushEnd={handleBrushEnd} />
+      </LineChart>
+    </ChartContainer>
+  );
+}
+```
+
+`ChartBrush` is a declarative child, like `ChartTooltip`: it works on `LineChart`, `AreaChart`, `BarChart` and `CartesianChart` alike, wherever it sits among the children. The chart takes the gesture, snaps the band to category edges and reports **category indices only** — `{ startIndex, endIndex }`, inclusive and ordered whichever way the reader dragged. The chart has no time scale and never sees one: mapping an index back to a timestamp is yours, from the array you built `data` from.
+
+> OBS-92 and the observability library call these columns *buckets*. Same index, same thing — graphene names them after `category`, the key they live under.
+
+The props:
+
+- `onBrushChange` previews the range while it is drawn, once per category change. Drive a label with it, never a query — wait for `onBrushEnd`.
+- `onBrushCancel` fires when a started drag ends without a selection: Escape, a pointer cancel, the categories or the plot size changing mid-drag, or a release narrower than `minCategories`. A press that never travelled the 4 px threshold is a click and reports nothing.
+- `minCategories` is the floor, counted in categories. Derive it from your bucket interval (a 5-minute floor over 1-minute buckets is `5`) so the band can never draw a window you then widen; a too-narrow draft is drawn as edges only, so the reader sees it will not take. Setting it above the number of points makes every drag cancel, which the chart warns about in development.
+- `disabled` keeps the brush registered but inert: the plot stops taking the gesture. Use it when a selection makes no sense right now rather than unmounting and remounting the marker. Inside a `DashboardGrid` you do not need it for edit mode: tiles are dragged by their header, so the brush and the tile never compete for the same gesture.
+
+And the constraints, all of them silent if broken:
+
+- **Categories must be unique.** The x scale is ordinal, so two rows sharing a label collapse onto one position: the later row becomes unreachable and the reported index points at the first row carrying that label. Over a window longer than a day, format the day into the label, not just the hour. The chart warns about duplicates in development.
+- **Nothing on a data point may parse as a number** unless you mean it as a series. `inferDataKeys` promotes any such value, strings included: `'20260907'`, `'1757203200000'` and `'1757203200'` all become a plotted series, while `'2026-09-07T02:00:00Z'` and `'2026-09-07'` do not. That is why the mapping lives in a separate array — an explicit projection into `data` cannot leak.
+- **Provide a keyboard route to the same range.** The drag is a pointer enhancement with no keyboard twin, by design; a time-range picker beside the chart is what keeps the screen accessible. See the Accessibility section.
+- **The selection is not persisted.** The band disappears on release: the brush reports and forgets. If you need the chosen window to stay painted, keep it in your own state and mark it up yourself.
+- A data refresh that keeps the same categories (new values, same labels) does not interrupt a drag; one that changes them does.
+- **Zooming leaves few points.** A brush narrows what the chart is given, so a line eventually has two readings and then one, and one point has no line to draw. Pass `showDots="auto"` on `LineChart` and `AreaChart`: at four readings or fewer the curve is mostly interpolation, so the readings get marked. A series down to a single reading is marked whatever you asked for, since the alternative is a plot that holds data and shows nothing. The rule counts readings rather than measuring the gap between them, so two dashboard tiles of different widths showing the same day cannot disagree about whether that day has marks. In production the zoom should also re-query at a finer interval, the way Grafana and Datadog derive theirs from the window, so the point count barely moves.
+
 ### Recipe: a doughnut chart with center content + tooltip + legend
 
 ```tsx
@@ -421,6 +487,8 @@ export function Dashboard() {
 }
 ```
 
+In an editable grid a tile is dragged **by its header**, which `DashboardWidget` marks as the drag handle; a tile with no header grows a small grip instead. The body is therefore free for gestures of its own — a `ChartBrush`, a scroller, a map — with nothing to opt out of. Rendering your own tile shell instead? Put `data-dashboard-grid-handle` on whatever should start the drag.
+
 `DashboardWidget` is a premium tile shell with a standardized header (title, subtitle, icon, action slot), a flex body, and an optional footer for legends or status lines. It renders its own surface (not the core `Card`) with dashboard-optimized border/shadow treatment for both light and dark modes. Use it as the **single wrapper** for every widget type inside a `DashboardGrid`. `ChartCard` remains the right choice for standalone chart cards outside the grid context.
 
 Key props:
@@ -479,6 +547,7 @@ a `status` (`healthy` / `degraded` / `error`) and optional `metrics`; edges supp
 | `--background`        | Tooltip / legend background                                                      |
 | `--foreground`        | Tooltip / legend text                                                            |
 | `--ring`              | Focus ring on bars when navigating with the keyboard                             |
+| `--primary`           | `ChartBrush` selection band, edges and range label                               |
 
 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`.
 
@@ -510,6 +579,7 @@ Each chart ships with sensible defaults:
 - **DoughnutChart**: each segment is keyboard-focusable (`tabIndex={0}`), announces category, value, and percentage via `aria-label`, shows tooltip on focus, and renders a visible focus ring.
 - **LineChart**: when `showDots` is enabled, each data-point circle is keyboard-focusable with `aria-label` and focus ring. The snap-to-nearest tooltip works on mouse hover regardless.
 - A visually-hidden `<table>` under the chart with the full dataset, so assistive tech users can navigate the data tabularly.
+- **ChartBrush** is a pointer enhancement: the band is `aria-hidden` and there is no keyboard twin for the drag. Keep a keyboard route to the same window (typically the time-range picker) next to any chart that mounts it.
 
 ## Versioning & support
 

package/dist/base/ChartBrush/ChartBrush.d.ts

@@ -0,0 +1,47 @@
+/**
+ * An inclusive range of indices into the chart's `data`, ordered so
+ * `startIndex <= endIndex` whichever way the reader dragged.
+ */
+export interface ChartBrushRange {
+    readonly startIndex: number;
+    readonly endIndex: number;
+}
+export interface ChartBrushProps {
+    /** The selection the reader released on. Category indices into `data`, inclusive and ordered. */
+    onBrushEnd: (range: ChartBrushRange) => void;
+    /**
+     * The selection as it is being drawn, each time it snaps to a new category.
+     * A preview for labels — never fetch from it; wait for `onBrushEnd`.
+     */
+    onBrushChange?: (range: ChartBrushRange) => void;
+    /**
+     * The gesture ended without a selection: Escape, a pointer cancel, the
+     * categories or the plot size changing mid-drag, or a release narrower than
+     * `minCategories`. Fires only once a drag had started, so a preview
+     * mirrored from `onBrushChange` can always be cleared.
+     */
+    onBrushCancel?: () => void;
+    /**
+     * Keep the brush registered but inert — the plot stops taking the gesture
+     * and stops opting out of dashboard-grid dragging. Use it while a dashboard
+     * is in edit mode, where dragging moves tiles instead.
+     * @default false
+     */
+    disabled?: boolean;
+    /** Narrowest selection that commits, in categories. Narrower drags cancel on release. @default 1 */
+    minCategories?: number;
+}
+/**
+ * Drag to select a range of categories on a `CartesianChart` — and therefore on
+ * `LineChart`, `AreaChart` and `BarChart`, which forward their children to it.
+ *
+ * A declarative marker like `ChartTooltip`: it renders nothing itself. The
+ * chart takes the gesture, snaps the band to category edges, draws it above the
+ * series and reports **category indices only**. What a category means — a
+ * timestamp, a day, a host — is the consumer's to resolve; the chart has no
+ * time scale and never sees one. The gesture is a pointer enhancement: the
+ * time picker stays the keyboard route to the same window.
+ */
+declare function ChartBrush({ onBrushEnd, onBrushChange, onBrushCancel, disabled, minCategories, }: ChartBrushProps): null;
+export { ChartBrush };
+//# sourceMappingURL=ChartBrush.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ChartBrush.d.ts","sourceRoot":"","sources":["../../../src/base/ChartBrush/ChartBrush.tsx"],"names":[],"mappings":"AAGA;;;GAGG;AACH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,eAAe;IAC9B,iGAAiG;IACjG,UAAU,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IAC7C;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,KAAK,IAAI,CAAC;IACjD;;;;;OAKG;IACH,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oGAAoG;IACpG,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;;;;;;;;;GAUG;AACH,iBAAS,UAAU,CAAC,EAClB,UAAU,EACV,aAAa,EACb,aAAa,EACb,QAAgB,EAChB,aAAiB,GAClB,EAAE,eAAe,QAyBjB;AAED,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/dist/base/ChartBrush/index.d.ts

@@ -0,0 +1,3 @@
+export { ChartBrush } from './ChartBrush';
+export type { ChartBrushProps, ChartBrushRange } from './ChartBrush';
+//# sourceMappingURL=index.d.ts.map

package/dist/base/ChartBrush/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/base/ChartBrush/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC"}

package/dist/charts/AreaChart/AreaChart.d.ts

@@ -1,5 +1,6 @@
 import { ChartTooltipItem } from '../../base/ChartTooltip';
 import { CartesianDataPoint } from '../../primitives';
+import { PointMarkerMode } from '../../primitives/cartesianGeometry';
 import { ChartState, Margin } from '../../types';
 import { CurveType } from '../../series/curves';
 import * as React from 'react';
@@ -17,6 +18,12 @@ export interface AreaChartProps extends React.ComponentProps<'div'> {
     gradient?: boolean;
     /** Opacity of the filled area beneath the line. */
     fillOpacity?: number;
+    /**
+     * Draw a mark at each reading. `'auto'` marks them once they sit far enough
+     * apart that the curve stops carrying them; a series with a single reading is
+     * always marked, since one point has no line to draw.
+     */
+    showDots?: PointMarkerMode;
     showGrid?: boolean;
     showCategoryAxis?: boolean;
     showValueAxis?: boolean;
@@ -29,6 +36,6 @@ export interface AreaChartProps extends React.ComponentProps<'div'> {
     onPointHover?: (items: ChartTooltipItem[], category: string, event: React.MouseEvent) => void;
     onPointLeave?: () => void;
 }
-declare function AreaChart({ data, dataKeys: dataKeysProp, state, curveType, stacked, gradient, fillOpacity, showGrid, showCategoryAxis, showValueAxis, connectNulls, animated, ariaLabel, margin, valueTickFormatter, categoryTickFormatter, onPointHover, onPointLeave, className, children, ...divProps }: AreaChartProps): React.JSX.Element;
+declare function AreaChart({ data, dataKeys: dataKeysProp, state, curveType, stacked, gradient, fillOpacity, showDots, showGrid, showCategoryAxis, showValueAxis, connectNulls, animated, ariaLabel, margin, valueTickFormatter, categoryTickFormatter, onPointHover, onPointLeave, className, children, ...divProps }: AreaChartProps): React.JSX.Element;
 export { AreaChart };
 //# sourceMappingURL=AreaChart.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AreaChart.d.ts","sourceRoot":"","sources":["../../../src/charts/AreaChart/AreaChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAEpF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAG1E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG,kBAAkB,CAAC;AACpD,MAAM,MAAM,kBAAkB,GAAG,SAAS,CAAC;AAE3C,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACjE,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,gEAAgE;IAChE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,4DAA4D;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IACzB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/C,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC9F,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,QAAQ,EAAE,YAAY,EACtB,KAAK,EACL,SAAsB,EACtB,OAAc,EACd,QAAe,EACf,WAAiB,EACjB,QAAe,EACf,gBAAuB,EACvB,aAAoB,EACpB,YAAoB,EACpB,QAAe,EACf,SAAS,EACT,MAAM,EACN,kBAAkB,EAClB,qBAAqB,EACrB,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,GAAG,QAAQ,EACZ,EAAE,cAAc,qBAyChB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"AreaChart.d.ts","sourceRoot":"","sources":["../../../src/charts/AreaChart/AreaChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAEpF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wDAAwD,CAAC;AAC9F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAG1E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG,kBAAkB,CAAC;AACpD,MAAM,MAAM,kBAAkB,GAAG,SAAS,CAAC;AAE3C,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACjE,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,gEAAgE;IAChE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,4DAA4D;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,mDAAmD;IACnD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;IACzB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/C,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC9F,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,QAAQ,EAAE,YAAY,EACtB,KAAK,EACL,SAAsB,EACtB,OAAc,EACd,QAAe,EACf,WAAiB,EACjB,QAAgB,EAChB,QAAe,EACf,gBAAuB,EACvB,aAAoB,EACpB,YAAoB,EACpB,QAAe,EACf,SAAS,EACT,MAAM,EACN,kBAAkB,EAClB,qBAAqB,EACrB,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,QAAQ,EACR,GAAG,QAAQ,EACZ,EAAE,cAAc,qBA0ChB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/charts/LineChart/LineChart.d.ts

@@ -1,5 +1,6 @@
 import { ChartTooltipItem } from '../../base/ChartTooltip';
 import { CartesianDataPoint } from '../../primitives';
+import { PointMarkerMode } from '../../primitives/cartesianGeometry';
 import { ChartState, Margin } from '../../types';
 import { CurveType } from '../../series/curves';
 import * as React from 'react';
@@ -11,7 +12,12 @@ export interface LineChartProps extends React.ComponentProps<'div'> {
     /** Lifecycle state. When omitted, inferred from data length. */
     state?: ChartState;
     curveType?: LineChartCurveType;
-    showDots?: boolean;
+    /**
+     * Draw a mark at each reading. `'auto'` marks them once they sit far enough
+     * apart that the curve stops carrying them; a series with a single reading is
+     * always marked, since one point has no line to draw.
+     */
+    showDots?: PointMarkerMode;
     showGrid?: boolean;
     showCategoryAxis?: boolean;
     showValueAxis?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../src/charts/LineChart/LineChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAEpF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAG1E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG,kBAAkB,CAAC;AACpD,MAAM,MAAM,kBAAkB,GAAG,SAAS,CAAC;AAE3C,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACjE,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,gEAAgE;IAChE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/C,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC9F,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;CAC1B;AAED,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,QAAQ,EAAE,YAAY,EACtB,KAAK,EACL,SAAsB,EACtB,QAAgB,EAChB,QAAe,EACf,gBAAuB,EACvB,aAAoB,EACpB,YAAoB,EACpB,kBAAkB,EAClB,qBAAqB,EACrB,QAAe,EACf,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,QAAQ,EACZ,EAAE,cAAc,qBAgChB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../src/charts/LineChart/LineChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,6CAA6C,CAAC;AAEpF,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC/E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wDAAwD,CAAC;AAC9F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAC;AAG1E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG,kBAAkB,CAAC;AACpD,MAAM,MAAM,kBAAkB,GAAG,SAAS,CAAC;AAE3C,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACjE,IAAI,EAAE,kBAAkB,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,gEAAgE;IAChE,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/C,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAClD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC9F,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,CAAC;CAC1B;AAED,iBAAS,SAAS,CAAC,EACjB,IAAI,EACJ,QAAQ,EAAE,YAAY,EACtB,KAAK,EACL,SAAsB,EACtB,QAAgB,EAChB,QAAe,EACf,gBAAuB,EACvB,aAAoB,EACpB,YAAoB,EACpB,kBAAkB,EAClB,qBAAqB,EACrB,QAAe,EACf,YAAY,EACZ,YAAY,EACZ,SAAS,EACT,MAAM,EACN,SAAS,EACT,QAAQ,EACR,GAAG,QAAQ,EACZ,EAAE,cAAc,qBAgChB;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

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;AA+BhE,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,+BAqFpB;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;AAqChE,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,+BA6HpB;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;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,qBAkDtB"}
+{"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,qBAqFtB"}

package/dist/dashboard-grid/index.js

@@ -44,63 +44,65 @@ var m = 12, h = 150, g = [16, 16], _ = {
 	vertical: d,
 	horizontal: c,
 	none: l
-}, b = "[data-dashboard-grid-no-drag]";
-function x({ widgets: t, cols: n = m, rowHeight: c = h, gap: l = g, breakpoints: d, breakpointCols: x, compaction: S = "vertical", editable: C = !1, minWidth: w = 960, onLayoutChange: T, children: E, className: D, style: O, ...k }) {
-	let { width: A, containerRef: j, mounted: M } = u(), N = i(() => t.map(f), [t]), P = i(() => ({ lg: N }), [N]), F = i(() => x ? {
+}, b = "[data-dashboard-grid-handle]", x = "[data-dashboard-grid-no-drag]";
+function S({ widgets: t, cols: n = m, rowHeight: c = h, gap: l = g, breakpoints: d, breakpointCols: S, compaction: C = "vertical", editable: w = !1, minWidth: T = 960, onLayoutChange: E, children: D, className: O, style: k, ...A }) {
+	let { width: j, containerRef: M, mounted: N } = u(), P = i(() => t.map(f), [t]), F = i(() => ({ lg: P }), [P]), I = i(() => S ? {
 		...v,
-		...x
+		...S
 	} : {
 		...v,
 		lg: n
-	}, [x, n]), I = i(() => [l[0], l[1]], [l]), L = i(() => ({
-		enabled: C,
-		cancel: b
-	}), [C]), R = i(() => ({ enabled: C }), [C]), z = r((e) => {
-		if (!T) return;
+	}, [S, n]), L = i(() => [l[0], l[1]], [l]), R = i(() => ({
+		enabled: w,
+		handle: b,
+		cancel: x
+	}), [w]), z = i(() => ({ enabled: w }), [w]), B = r((e) => {
+		if (!E) return;
 		let t = /* @__PURE__ */ new Map();
 		for (let n of e) t.set(n.i, p(n));
-		T(t);
-	}, [T]), B = w === 0 ? void 0 : typeof w == "number" ? `${w}px` : w;
+		E(t);
+	}, [E]), V = T === 0 ? void 0 : typeof T == "number" ? `${T}px` : T;
 	return /* @__PURE__ */ o("div", {
-		ref: j,
-		className: e("relative w-full", D),
+		ref: M,
+		className: e("relative w-full", O),
 		style: {
-			minWidth: B,
-			...O
+			minWidth: V,
+			...k
 		},
-		"data-grid-editing": C ? "" : void 0,
-		...k,
+		"data-grid-editing": w ? "" : void 0,
+		...A,
 		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        /* Higher specificity than the base \".react-grid-layout { transition: height }\";\n           both are unlayered, so specificity decides — no !important needed. */\n        [data-grid-editing] .react-grid-layout {\n          transition: none;\n        }\n      "
-		}), M && /* @__PURE__ */ a(s, {
-			width: A,
-			layouts: P,
+			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        /* Higher specificity than the base \".react-grid-layout { transition: height }\";\n           both are unlayered, so specificity decides — no !important needed. */\n        [data-grid-editing] .react-grid-layout {\n          transition: none;\n        }\n        /* The handle is only a handle while the grid is editable, so it only\n           says so then. \":not(.static)\" because a locked tile cannot move, and\n           a grab cursor on it promises a gesture that does nothing. Unlayered,\n           so it wins over the utility that hides the grip without !important. */\n        [data-grid-editing] .react-grid-item:not(.static) [data-dashboard-grid-handle] {\n          cursor: grab;\n        }\n        [data-grid-editing] .react-grid-item:not(.static) [data-dashboard-grid-handle]:active {\n          cursor: grabbing;\n        }\n        [data-grid-editing] .react-grid-item:not(.static) [data-dashboard-grid-handle='grip'] {\n          display: flex;\n        }\n        /* Both upstream sheets paint the resize grip in hard-coded black:\n           react-grid-layout as an ::after chevron, react-resizable as a base64\n           SVG at 30% black, stacked on the same corner. Neither follows the\n           theme, so in dark mode the only affordance for resizing a tile is\n           invisible, and neither clears the contrast floor in light mode\n           either. Drop the bitmap, keep the chevron, and paint it from the same\n           token as the drag grip. The extra \".react-grid-layout\" out-specifies\n           the upstream selector; both are unlayered, so no !important. */\n        .react-grid-layout .react-grid-item > .react-resizable-handle {\n          background-image: none;\n        }\n        .react-grid-layout .react-grid-item > .react-resizable-handle::after {\n          border-right-color: var(--control-border);\n          border-bottom-color: var(--control-border);\n        }\n        /* Painted here rather than with a utility class: the charts package\n           ships no stylesheet, and \"bg-control-border\" is not in core's Tier 1\n           safelist, so a consumer without its own Tailwind pipeline would get\n           an invisible bar. */\n        [data-dashboard-grid-grip] {\n          background: var(--control-border);\n        }\n      "
+		}), N && /* @__PURE__ */ a(s, {
+			width: j,
+			layouts: F,
 			breakpoints: d ?? _,
-			cols: F,
+			cols: I,
 			rowHeight: c,
-			margin: I,
+			margin: L,
 			containerPadding: [0, 0],
-			dragConfig: L,
-			resizeConfig: R,
-			compactor: y[S],
-			onLayoutChange: z,
+			dragConfig: R,
+			resizeConfig: z,
+			compactor: y[C],
+			onLayoutChange: B,
 			children: t.map((e) => /* @__PURE__ */ a("div", {
 				className: "min-h-0 overflow-hidden",
-				children: E(e)
+				children: D(e)
 			}, e.id))
 		})]
 	});
 }
 //#endregion
 //#region src/dashboard-grid/DashboardWidget.tsx
-function S({ title: r, subtitle: i, icon: s, action: c, footer: l, noPadding: u = !1, children: d, className: f, ...p }) {
+function C({ 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),
+		className: e("relative flex h-full flex-col", n, t, "@container", f),
 		...p,
 		children: [
 			m && /* @__PURE__ */ o("div", {
+				"data-dashboard-grid-handle": "",
 				className: "flex shrink-0 items-start justify-between gap-2 px-4 pt-4 @[400px]:px-5",
 				children: [/* @__PURE__ */ o("div", {
 					className: "min-w-0 flex-1",
@@ -121,6 +123,15 @@ function S({ title: r, subtitle: i, icon: s, action: c, footer: l, noPadding: u
 					children: c
 				})]
 			}),
+			!m && /* @__PURE__ */ a("div", {
+				"aria-hidden": "true",
+				"data-dashboard-grid-handle": "grip",
+				className: "absolute inset-x-0 top-0 z-10 hidden h-5 items-center justify-center",
+				children: /* @__PURE__ */ a("span", {
+					"data-dashboard-grid-grip": !0,
+					className: "block h-1 w-8 rounded-full"
+				})
+			}),
 			/* @__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
@@ -133,4 +144,4 @@ function S({ title: r, subtitle: i, icon: s, action: c, footer: l, noPadding: u
 	});
 }
 //#endregion
-export { x as DashboardGrid, S as DashboardWidget, p as rglLayoutItemToWidgetLayout, f as widgetToRGLLayoutItem };
+export { S as DashboardGrid, C as DashboardWidget, p as rglLayoutItemToWidgetLayout, f as widgetToRGLLayoutItem };

package/dist/index.d.ts

@@ -2,11 +2,13 @@ export { cn } from './lib/utils';
 export { compactTick } from './lib/format';
 export type { ChartConfig, ChartSeriesConfig, ChartState, ChartThemeColors, Margin } from './types';
 export type { CartesianColorMode } from './primitives/CartesianContext';
+export type { PointMarkerMode } from './primitives/cartesianGeometry';
 export { CHART_THEMES, DEFAULT_MARGIN } from './types';
 export * from './base/ChartCard';
 export * from './base/ChartContainer';
 export * from './base/ChartTooltip';
 export * from './base/ChartLegend';
+export * from './base/ChartBrush';
 export { CartesianChart } from './primitives/CartesianChart';
 export type { CartesianChartProps, CartesianDataPoint } from './primitives/CartesianChart';
 export { Grid } from './primitives/Grid';

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;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,YAAY,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACxE,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;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,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,YAAY,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACxE,YAAY,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACtE,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;AACnC,cAAc,mBAAmB,CAAC;AAGlC,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;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC"}