@acronis-platform/ui-react 4.1.0 → 5.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (79) hide show
  1. package/dist/components/ui/area-chart/area-chart.js +191 -85
  2. package/dist/components/ui/area-chart/area-chart.js.map +1 -1
  3. package/dist/components/ui/bar-chart/bar-chart.js +288 -225
  4. package/dist/components/ui/bar-chart/bar-chart.js.map +1 -1
  5. package/dist/components/ui/card-widget-carousel/card-widget-carousel.js +85 -0
  6. package/dist/components/ui/card-widget-carousel/card-widget-carousel.js.map +1 -0
  7. package/dist/components/ui/card-widget-carousel/card-widget.js +82 -0
  8. package/dist/components/ui/card-widget-carousel/card-widget.js.map +1 -0
  9. package/dist/components/ui/category-bar/category-bar.js.map +1 -1
  10. package/dist/components/ui/chart/chart-format.js +25 -22
  11. package/dist/components/ui/chart/chart-format.js.map +1 -1
  12. package/dist/components/ui/chart/chart-palette.js +9 -8
  13. package/dist/components/ui/chart/chart-palette.js.map +1 -1
  14. package/dist/components/ui/chart/chart.js +127 -89
  15. package/dist/components/ui/chart/chart.js.map +1 -1
  16. package/dist/components/ui/funnel-chart/funnel-chart.js +189 -113
  17. package/dist/components/ui/funnel-chart/funnel-chart.js.map +1 -1
  18. package/dist/components/ui/input-select/input-select.js +18 -9
  19. package/dist/components/ui/input-select/input-select.js.map +1 -1
  20. package/dist/components/ui/line-chart/line-chart.js +194 -86
  21. package/dist/components/ui/line-chart/line-chart.js.map +1 -1
  22. package/dist/components/ui/radar-chart/radar-chart.js +76 -66
  23. package/dist/components/ui/radar-chart/radar-chart.js.map +1 -1
  24. package/dist/components/ui/scatter-chart/scatter-chart.js +5 -2
  25. package/dist/components/ui/scatter-chart/scatter-chart.js.map +1 -1
  26. package/dist/components/ui/separator/separator.js +52 -10
  27. package/dist/components/ui/separator/separator.js.map +1 -1
  28. package/dist/components/ui/sidebar-secondary/sidebar-secondary.js +144 -121
  29. package/dist/components/ui/sidebar-secondary/sidebar-secondary.js.map +1 -1
  30. package/dist/components/ui/tree-item/tree-item.js +67 -0
  31. package/dist/components/ui/tree-item/tree-item.js.map +1 -0
  32. package/dist/components/ui/treemap/treemap.js +73 -66
  33. package/dist/components/ui/treemap/treemap.js.map +1 -1
  34. package/dist/index.js +109 -107
  35. package/dist/llms/area-chart.md +2 -1
  36. package/dist/llms/bar-chart.md +132 -33
  37. package/dist/llms/card-widget-carousel.md +252 -0
  38. package/dist/llms/category-bar.md +2 -2
  39. package/dist/llms/funnel-chart.md +269 -101
  40. package/dist/llms/input-select.md +175 -1
  41. package/dist/llms/line-chart.md +2 -1
  42. package/dist/llms/metric.md +10 -5
  43. package/dist/llms/radar-chart.md +15 -5
  44. package/dist/llms/scatter-chart.md +2 -1
  45. package/dist/llms/separator.md +27 -8
  46. package/dist/llms/sidebar-secondary.md +235 -4
  47. package/dist/llms/tree-item.md +359 -0
  48. package/dist/llms/treemap.md +47 -36
  49. package/dist/llms.txt +5 -4
  50. package/dist/react.js +109 -107
  51. package/dist/src/components/ui/area-chart/area-chart.d.ts +10 -0
  52. package/dist/src/components/ui/bar-chart/bar-chart.d.ts +75 -10
  53. package/dist/src/components/ui/bar-chart/bar-chart.docs.d.ts +146 -0
  54. package/dist/src/components/ui/bar-chart/index.d.ts +1 -1
  55. package/dist/src/components/ui/card-widget-carousel/card-widget-carousel.d.ts +9 -0
  56. package/dist/src/components/ui/card-widget-carousel/card-widget.d.ts +43 -0
  57. package/dist/src/components/ui/card-widget-carousel/index.d.ts +2 -0
  58. package/dist/src/components/ui/chart/chart-format.d.ts +9 -1
  59. package/dist/src/components/ui/chart/chart-palette.d.ts +38 -10
  60. package/dist/src/components/ui/chart/chart.d.ts +8 -1
  61. package/dist/src/components/ui/chart/index.d.ts +2 -2
  62. package/dist/src/components/ui/funnel-chart/funnel-chart.d.ts +92 -26
  63. package/dist/src/components/ui/funnel-chart/index.d.ts +1 -1
  64. package/dist/src/components/ui/input-select/input-select.d.ts +34 -2
  65. package/dist/src/components/ui/line-chart/line-chart.d.ts +11 -1
  66. package/dist/src/components/ui/radar-chart/radar-chart.d.ts +42 -9
  67. package/dist/src/components/ui/separator/separator.d.ts +9 -1
  68. package/dist/src/components/ui/sidebar-secondary/sidebar-secondary.d.ts +23 -3
  69. package/dist/src/components/ui/tree-item/index.d.ts +1 -0
  70. package/dist/src/components/ui/tree-item/tree-item.d.ts +64 -0
  71. package/dist/src/components/ui/treemap/treemap.d.ts +16 -5
  72. package/dist/src/index.d.ts +2 -1
  73. package/dist/ui-react.css +1 -1
  74. package/package.json +1 -1
  75. package/dist/components/ui/meter/meter.js +0 -79
  76. package/dist/components/ui/meter/meter.js.map +0 -1
  77. package/dist/llms/meter.md +0 -177
  78. package/dist/src/components/ui/meter/index.d.ts +0 -1
  79. package/dist/src/components/ui/meter/meter.d.ts +0 -25
@@ -28,13 +28,18 @@ it renders a themed recharts `Treemap` — cells sized by value, colored + label
28
28
  per name, with a tooltip — so you don't hand-compose recharts children.
29
29
 
30
30
  Cell colors come from the `palette` prop — a dataviz palette resolving to the
31
- `--ui-dataviz-*` tokens, `categorical` by default — not from `config`.
31
+ `--ui-dataviz-*` tokens, `diverging` (blue-orange) by default — not from `config`.
32
32
 
33
- > **Design-pending v1.** Ported from the apps/demo `TreemapChartPlayground`.
34
- > On-cell labels still use `--ui-text-on-status-strong-neutral` — a generic
35
- > "text on a colored surface" color — over the palette's cell fills, so the
36
- > palette owes matched per-stop label colors. The chrome is reconciled with Figma
37
- > later; Code Connect is deferred.
33
+ On-cell labels adapt their text color to three fill tones, decided structurally
34
+ by the resolved token name suffix (not a runtime luminance check):
35
+
36
+ - **dark** (diverging a3/b3, sequential 3–6, categorical, status): always white
37
+ text (`--ui-text-on-status-strong-neutral`).
38
+ - **pale** (diverging a2/b2/a1/b1, sequential 1–2): theme-adaptive text via
39
+ `--ui-text-on-surface-primary` (dark in light, light in dark).
40
+ - **inverts** (sequential 7–8, whose `light-dark()` values mirror across themes):
41
+ `--ui-text-on-status-strong-primary` — near-white in light (fill is dark),
42
+ near-black in dark (fill is pale).
38
43
 
39
44
  ## When to use
40
45
 
@@ -67,16 +72,10 @@ const data = [
67
72
  ];
68
73
 
69
74
  const config = {
70
- React: { label: 'React', color: 'var(--ui-background-brand-secondary)' },
71
- Vue: { label: 'Vue', color: 'var(--ui-background-status-strong-success)' },
72
- Angular: {
73
- label: 'Angular',
74
- color: 'var(--ui-background-status-strong-danger)',
75
- },
76
- Svelte: {
77
- label: 'Svelte',
78
- color: 'var(--ui-background-status-strong-warning)',
79
- },
75
+ React: { label: 'React' },
76
+ Vue: { label: 'Vue' },
77
+ Angular: { label: 'Angular' },
78
+ Svelte: { label: 'Svelte' },
80
79
  } satisfies ChartConfig;
81
80
 
82
81
  <Treemap
@@ -88,11 +87,9 @@ const config = {
88
87
  />;
89
88
  ```
90
89
 
91
- Cell colors reference existing semantic `--ui-*` tokens, keyed by each leaf's
92
- `nameKey` value. `--ui-background-status-strong-*` is chromatic in every brand;
93
- `--ui-background-brand-secondary` is brand-dependent (blue in `default`, neutral
94
- in some white-label brands), so it is not color-stable across brands until the
95
- real data-viz palette lands.
90
+ Cell colors are assigned automatically from the active `palette` (diverging
91
+ blue-orange by default). The `--ui-dataviz-*` tokens are `light-dark()` pairs,
92
+ so light/dark and brand overrides come for free.
96
93
 
97
94
  ## Props
98
95
 
@@ -104,7 +101,7 @@ real data-viz palette lands.
104
101
  | `nameKey` | `string` | — | yes | The field that keys each leaf (drives the legend, tooltip, and `--color-<name>` lookup). Values should be unique and CSS-safe (they become part of a custom-property name) — the human name shown on the tile is the leaf's config label. |
105
102
  | `aspectRatio` | `number` | `1.3333` | no | Width-to-height ratio the tiling targets (default 4 / 3). |
106
103
  | `showLabels` | `boolean` | `true` | no | Render each leaf's label inside its cell (when it fits). |
107
- | `labelAlign` | `'bottom-start' | 'top-start' | 'center'` | `'bottom-start'` | no | Where a cell's label block sits — anchored at the tile's bottom start corner (the design's placement), at its top start corner, or centered in the tile. Named for the start edge, not a physical one: the corner variants mirror under dir="rtl". |
104
+ | `labelAlign` | `'bottom-start' | 'top-start' | 'center'` | `'center'` | no | Where a cell's label block sits — centered in the tile (the Figma-canonical default), anchored at the tile's bottom start corner, or at its top start corner. Named for the start edge, not a physical one: the corner variants mirror under dir="rtl". |
108
105
  | `secondaryKeys` | `ReadonlyArray<string>` | — | no | Fields whose values make up a second label line under the leaf's name (e.g. a value and a count). Dropped on cells too short to hold it. |
109
106
  | `secondaryFormatter` | `(value: number | string, index?: number) => string` | — | no | Format each secondary value. Receives the field's index in secondaryKeys, so one formatter can cover fields of different kinds. |
110
107
  | `secondarySeparator` | `string` | `' · '` | no | Separator drawn between multiple secondary values. |
@@ -134,7 +131,7 @@ Scenario: Render cells from data and config
134
131
  ```gherkin
135
132
  Scenario: On-cell labels
136
133
  Given showLabels is true
137
- Then each cell large enough shows its name at the tile's bottom start corner
134
+ Then each cell large enough shows its name centered in the tile (the default)
138
135
  And the name shown is the leaf's config label, falling back to its nameKey value
139
136
  But small cells omit the label to avoid overflow
140
137
  And when showLabels is false no labels render
@@ -143,19 +140,29 @@ Scenario: On-cell labels
143
140
  ```gherkin
144
141
  Scenario: Tiles are separated by the surface, not a stroke
145
142
  Given any data
146
- Then each tile is inset inside its node's rectangle and its corners are rounded
143
+ Then each tile is inset inside its node's rectangle (sharp corners, no rounding)
147
144
  And the gap between neighbouring tiles is the chart's surface showing through
148
145
  ```
149
146
 
150
147
  ```gherkin
151
148
  Scenario: Label alignment
152
- Given labelAlign is "top-start" or "center"
153
- Then the label block is anchored at the tile's top start corner, or centered in it
149
+ Given labelAlign is "bottom-start" or "top-start"
150
+ Then the label block is anchored at the tile's bottom or top start corner
151
+ And the default ("center") centers the block in the tile
154
152
  And what the alignment aligns is the block, not its first line
155
153
  And a corner-anchored block hugs the tile's start edge, so it mirrors under dir="rtl"
156
154
  And every alignment leaves each line as wide as the tile, so it can still ellipsize
157
155
  ```
158
156
 
157
+ ```gherkin
158
+ Scenario: Adaptive text color (three tones)
159
+ Given a palette with dark, pale, and theme-inverting stops
160
+ Then "dark" fills (diverging a3/b3, sequential 3–6, categorical, status) use white text (--ui-text-on-status-strong-neutral)
161
+ And "pale" fills (diverging a2/b2/a1/b1, sequential 1–2) use on-surface-primary (dark in light, light in dark)
162
+ And "inverts" fills (sequential 7–8, which mirror across themes) use on-strong-primary (near-white in light, near-black in dark)
163
+ And the decision is structural (based on the resolved token name suffix), not a runtime luminance check
164
+ ```
165
+
159
166
  ```gherkin
160
167
  Scenario: A second label line
161
168
  Given secondaryKeys naming other fields on the row
@@ -236,19 +243,23 @@ Scenario: Reduced motion
236
243
  - Do **not** rely on color alone to distinguish cells. The on-cell labels name
237
244
  the larger cells; keep `showTooltip` on so small (unlabelled) cells are still
238
245
  identifiable on hover.
239
- - On-cell labels use the `--ui-text-on-status-strong-neutral` token ("text on a
240
- strong colored surface", constant white in both themes) to read over the
241
- saturated series colors. This is legible on the chromatic brand/status tokens
242
- used here but is **not** guaranteed for arbitrary caller colors — pick cell
243
- colors dark enough for the light label text (matched per-cell label colors are a
244
- design-pending item for the `--ui-chart-*` palette). The tooltip chrome and cell
245
- separators resolve to semantic `--ui-*` tokens that meet contrast in both themes.
246
+ - On-cell labels **adapt their text color** to three fill tones (structural,
247
+ based on the token name suffix — not a runtime luminance check):
248
+ - **dark** (diverging a3/b3, sequential 3–6, categorical, status): white via
249
+ `--ui-text-on-status-strong-neutral`.
250
+ - **pale** (diverging a2/b2/a1/b1, sequential 1–2): dark/light via
251
+ `--ui-text-on-surface-primary`.
252
+ - **inverts** (sequential 7–8, whose fills mirror across themes): near-white
253
+ in light, near-black in dark via `--ui-text-on-status-strong-primary`.
254
+ The tooltip chrome and cell separators resolve to semantic `--ui-*` tokens
255
+ that meet contrast in both themes.
246
256
  - Watch recharts issue [#4809](https://github.com/recharts/recharts/issues/4809)
247
257
  on the a11y layer for heavily-customized charts.
248
258
 
249
259
  ## Contrast
250
260
 
251
261
  Tooltip chrome and the surface-colored cell separators meet contrast in both
252
- themes via the semantic tokens. Cell fills come from `config` and are the
253
- caller's responsibility — keep them dark enough for the white on-cell labels, and
254
- adjacent cells distinguishable from each other.
262
+ themes via the semantic tokens. Cell fills come from the active palette's
263
+ `--ui-dataviz-*` tokens. The adaptive label text ensures contrast on every
264
+ palette-assigned stop; adjacent cells are kept distinguishable by the
265
+ interleaved/ramp ordering of the palette.
package/dist/llms.txt CHANGED
@@ -1,6 +1,6 @@
1
1
  # Acronis UI Kit for React — LLM Reference
2
2
 
3
- > `@acronis-platform/ui-react` v4.1.0
3
+ > `@acronis-platform/ui-react` v5.1.0
4
4
 
5
5
  Machine-readable component reference compiled from framework-agnostic specs.
6
6
  Each entry links to a self-contained markdown file with props, behavior,
@@ -29,8 +29,9 @@ accessibility notes, and usage examples.
29
29
 
30
30
  - [AreaChart](./llms/area-chart.md): A typed area-chart composition over the shared `Chart` primitives. Takes `data` + `config` + a set of series `dataKeys` and renders a themed recharts `AreaChart` inside a `ChartContainer`, with tooltip and legend chrome. Two variant axes: `layout` (single / stacked areas) and `fill` (solid flat fill / vertical gradient); single vs multi area is driven by the number of `dataKeys`. Ported from the apps/demo `AreaChartPlayground`.
31
31
  - [Avatar](./llms/avatar.md): A user or entity avatar — a circular badge showing a profile image, initials, or an icon. Eight color schemes; stack several with AvatarGroup for an overlapping row.
32
- - [BarChart](./llms/bar-chart.md): A typed bar-chart composition over the shared `Chart` primitives. Takes `data` + `config` + a set of series `dataKeys` and renders a themed recharts `BarChart` inside a `ChartContainer`, with tooltip and legend chrome. Two variant axes: `orientation` (vertical / horizontal bars) and `layout` (grouped / stacked). Ported from the apps/demo `BarChartPlayground`.
32
+ - [BarChart](./llms/bar-chart.md): Two renderings behind one name, selected by `orientation`. `vertical` (the default) is a typed bar-chart composition over the shared `Chart` primitives: `data` + `config` + a set of series `dataKeys` become a themed recharts `BarChart` inside a `ChartContainer`, with tooltip and legend chrome, grouped or stacked by `layout`. `horizontal` is a labelled proportional bar list — one row per `items` entry carrying its label, value, share of `max`, and a track bar — with no axes, grid, or recharts at all.
33
33
  - [CardFilter](./llms/card-filter.md): A compact stat/filter card: a caption label above a prominent value, with an optional leading icon. Three variants — `static` (presentational), `static-empty` (presentational placeholder with an em-dash), and `clickable` (an interactive filter that renders a button with hover / active / focus states).
34
+ - [CardWidgetCarousel](./llms/card-widget-carousel.md): A horizontal scroll carousel that holds a row of action-widget cards and exposes floating Previous/Next chevron buttons to navigate the view. The carousel shell manages scroll; the individual cards are passed as `children`. Ships with a companion `CardWidget` component (same barrel) — a status-colored card with icon box, optional skeleton, and footer slot.
34
35
  - [CategoryBar](./llms/category-bar.md): A single horizontal bar split into proportional colored segments — one part-to-whole across a handful of categories in one row (onboarding stages, certification status, a pass/fail split). Each segment's width is its value over the sum of all values; segment colors are caller-supplied via `config`. A plain flex composition (not a recharts chart) with one CVA axis (`size`), an optional count/% legend, and per-segment hover tooltips. Design-pending v1 — no chart token tier exists yet.
35
36
  - [Chart](./llms/chart.md): A theming layer over recharts — a `ChartContainer` that supplies series colors and recharts class overrides, plus tooltip and legend chrome (`ChartTooltipContent`, `ChartLegendContent`). The chart type (bar / line / area / pie / …) is composed from recharts primitives by the caller. Ported from the legacy shadcn-uikit `chart`.
36
37
  - [ChartState](./llms/chart-state.md): A shared loading / empty / error placeholder for the chart types, rendered in place of the chart inside the same sized slot. A compact status block — a leading glyph over a centered label, with an optional retry action for the error state. The `empty` state draws the silhouette the design defines for each chart type (`variant`), plus an optional "Widget description" line; `loading` and `error` share one treatment. Distinct from `WidgetPlaceholder`, which is the composable skeleton for a widget that isn't a chart — see behavior.md.
@@ -44,10 +45,9 @@ accessibility notes, and usage examples.
44
45
  - [EmptyOverlay](./llms/empty-overlay.md): A full-bleed empty-state overlay — a colored icon badge over a centered title/description, on a fade-to-solid backdrop. Meant to sit over other content (e.g. a frozen/blurred widget preview); the developer sizes it (typically `absolute inset-0` over a positioned parent).
45
46
  - [FilterCards](./llms/filter-cards.md): A horizontal row container (the Figma `FilterCards` component) that lays out a set of `CardFilter` items, stretching each to an equal share of the available width. Pure layout — it owns no visual styling of its own besides the inter-card gap. Figma's nested `ListCards` slot maps to `children`.
46
47
  - [FilterChips](./llms/filter-chips.md): A wrapping row that summarises the filters currently applied to a data set (the Figma `FilterChips` component): one removable `Chip` per filter, closed by a ghost "Reset filters" action that clears them all at once. Pure layout — it owns no visual styling of its own besides the two gaps. Figma's nested `ListChips` slot maps to `FilterChipsList`'s children.
47
- - [FunnelChart](./llms/funnel-chart.md): A typed funnel-chart composition over the shared `Chart` primitives. Plots a single series of stages (rows) as stacked, narrowing segments inside a `ChartContainer`, with a tooltip and on-chart stage labels (no legend — the inline labels name every stage). One variant axis: `lastShape` (the funnel narrows to a `triangle` point or ends `rectangle` flat). Ported from the apps/demo `FunnelChartPlayground`.
48
+ - [FunnelChart](./llms/funnel-chart.md): A typed funnel-chart composition over the shared `Chart` primitives. The root is a row: a 120×120 square plot, a 16px gutter, then a stage-list legend taking every remaining pixel — the same composition `PieChart` and `RadialBarChart` use. The plot stacks one series of stages (`data` rows) as narrowing, 2px-gapped, 2px-rounded segments inside a `ChartContainer`, with a tooltip and optional on-plot labels. One variant axis: `lastShape` (the funnel narrows to a `triangle` point or ends `rectangle` flat). Stages are painted from the sequential blue ramp by default, because a funnel's stages are an ordered series rather than unrelated categories. Card-less by design: Figma's card, header and metric row are `ChartWidget`'s.
48
49
  - [Histogram](./llms/histogram.md): A frequency histogram — bins a set of continuous samples (`values`) into equal-width ranges and plots the count of each as contiguous bars. Distinct from `BarChart`, which plots pre-categorized rows: the binning is the component's own job (a pure helper). Built on the shared `Chart` primitives; design-pending v1 (no `--ui-chart-*` palette yet, no `apps/demo` playground).
49
50
  - [LineChart](./llms/line-chart.md): A typed line-chart composition over the shared `Chart` primitives. Takes `data` + `config` + a set of series `dataKeys` and renders a themed recharts `LineChart` inside a `ChartContainer`, with tooltip and legend chrome. Two variant axes: `curve` (linear / monotone / step interpolation) and `lineStyle` (solid / dashed stroke); single vs multi line is driven by the number of `dataKeys`. Ported from the apps/demo `ChartPlayground`.
50
- - [Meter](./llms/meter.md): A labelled bar showing a scalar value within a known range — a fractional value / share (`role="meter"`, mirroring the HTML `<meter>` element), as opposed to `Progress` which tracks a task over time. One row: label + `value · %` over a proportional track bar, with a hover tooltip; designed to be stacked into a ranked breakdown (a "bar list"). Design-pending v1 (no `--ui-chart-*` palette; the fill color is caller-supplied per row).
51
51
  - [Metric](./llms/metric.md): A presentational stats strip: an optional info-tinted icon badge + primary value + unit on the left, an optional caption on the right, an optional trend row (auto-composed from `trend` + `trendValue` as a `TrendIndicator`), optional supporting text, and an optional `children` body (a chart, Separator, insight line, …). No Card wrapper, no size or status axes — nest inside `ChartWidget` or a `Card` when card chrome is needed. It owns visual hierarchy and layout only; it never computes or formats the value or decides whether a change is good or bad. Design-pending v1.
52
52
  - [PieChart](./llms/pie-chart.md): A typed pie/donut-chart composition over the shared `Chart` primitives. Takes `data` + `config` + a `dataKey` (slice value) and `nameKey` (slice label) and renders a themed recharts `PieChart` inside a `ChartContainer`, with tooltip and legend chrome. One variant axis: `shape` (filled pie / hollow-centre donut). Ported from the apps/demo `PieChartPlayground`.
53
53
  - [RadarChart](./llms/radar-chart.md): A typed radar-chart composition over the shared `Chart` primitives (the first polar chart type). Plots a set of series `dataKeys` over one shared angular axis (`angleKey`) inside a `ChartContainer`, with a polar grid, tooltip, and legend. One variant axis: `gridType` (the web drawn as straight-edged `polygon` rings or smooth `circle` rings). Ported from the apps/demo `RadarChartPlayground`.
@@ -128,6 +128,7 @@ accessibility notes, and usage examples.
128
128
  - [Stepper](./llms/stepper.md): The root of a step sequence. It renders the sequence two ways and lets CSS pick one: on wide viewports a start-aligned, wrapping row of `StepperItem` children; on narrow ones a two-line text summary — "Step 3 of 5: <current step>" and "Next: <next step>" — with no items at all. The switch is a real viewport media query (Tailwind's `lg:`, `min-width: 1024px`), not a JS measurement, so both subtrees are always in the DOM and only one is ever displayed. It owns that layout switch and the summary copy only: the steps, their order, which one is current, and all navigation belong to the application.
129
129
  - [StepperItem](./llms/stepper-item.md): One step in a stepper — a consumer-composed avatar marker followed by the step name. `variant` is the step's structural role in the sequence (`current`, `completed`, `future`) and drives the container background, border, and label color; `state` is the interaction look and only changes anything on a completed step. The component owns the container and the label only: the marker is supplied and styled entirely by the caller, and the row layout, the step sequence, its ordering, and navigation belong to `Stepper` and the application.
130
130
  - [Tabs](./llms/tabs.md): Switches between related panels of content within the same context. A bordered segmented-control tab group (list, trigger, content) built on the Base UI Tabs primitive. Ported from the legacy shadcn-uikit `Tabs`; themed by the shared semantic tokens (no `--ui-tabs-*` tier yet).
131
+ - [TreeItem](./llms/tree-item.md): One flat row of a tree or nested-list UI — an optional expand chevron, an optional checkbox, an optional leading icon, the row title, and an optional trailing extras slot. It is a single row and nothing more: it renders no nested list and implements no expand/collapse, so `isExpandable` and `expanded` are purely visual affordances and `selected` is a prop the consumer drives. The tree itself — its ARIA roles, indentation, expand state, selection, and keyboard roving — belongs to the composition, the same way `Breadcrumb` ships the trail's primitives without owning the trail.
131
132
 
132
133
  ## Overlay
133
134
 
package/dist/react.js CHANGED
@@ -13,113 +13,115 @@ import { Tooltip as d, TooltipContent as f, TooltipProvider as p, TooltipTrigger
13
13
  import { AppShellChat as h, AppShellChatChat as g, AppShellChatChatBody as _, AppShellChatChatHeader as v, AppShellChatContent as y, AppShellChatContentBody as b, AppShellChatContentHeader as x, AppShellChatSidebar as S, getAppShellChatInitialLayout as C, useAppShellChatInitialLayout as w } from "./components/ui/app-shell-chat/app-shell-chat.js";
14
14
  import { CHART_CATEGORICAL_TOKENS as T, CHART_DEFAULT_PALETTE as E, CHART_DIVERGING_TOKENS as D, CHART_SEQUENTIAL_TOKENS as O, CHART_STATUS_TOKENS as k, findDuplicateTones as Te, listPaletteChoices as Ee, listPaletteStops as De, resolveSeriesColor as Oe } from "./components/ui/chart/chart-palette.js";
15
15
  import { ChartContainer as ke, ChartLegend as Ae, ChartLegendContent as je, ChartStyle as Me, ChartTooltip as Ne, ChartTooltipContent as Pe, resolveChartColors as Fe } from "./components/ui/chart/chart.js";
16
- import { CHART_BRUSH_ARIA_LABEL as Ie, CHART_BRUSH_HEIGHT as Le, CHART_LABEL_FILL_CLASS as Re, CHART_LABEL_FILL_ON_SERIES_CLASS as ze, CHART_LABEL_FONT_SIZE as Be, CHART_LABEL_MARGIN as Ve, CHART_REFERENCE_LINE_STROKE as He, createTickFormatter as Ue, formatCompactNumber as We, formatPercent as Ge, resolveAnimation as Ke, resolveAxisDomain as qe, resolveBrushProps as Je, resolveCartesianLabelPosition as Ye, resolveCategoryRange as Xe, resolveChartReferenceValue as Ze, resolveLabelFillClass as Qe, resolveReferenceLineProps as $e, resolveRotatedTickAnchor as et, resolveXAxisHeight as tt, resolveXAxisTitle as nt, resolveYAxisTitle as rt, toLabelFormatter as it, toReferenceLineList as at } from "./components/ui/chart/chart-format.js";
17
- import { AreaChart as ot, areaChartVariants as st } from "./components/ui/area-chart/area-chart.js";
18
- import { Avatar as ct, AvatarFallback as lt, AvatarGroup as ut, AvatarImage as dt, avatarVariants as ft } from "./components/ui/avatar/avatar.js";
19
- import { BarChart as pt, barChartVariants as mt } from "./components/ui/bar-chart/bar-chart.js";
20
- import { Breadcrumb as ht, BreadcrumbEllipsis as gt, BreadcrumbItem as _t, BreadcrumbLink as vt, BreadcrumbList as yt, BreadcrumbPage as bt, BreadcrumbSeparator as xt } from "./components/ui/breadcrumb/breadcrumb.js";
21
- import { Button as St, buttonVariants as Ct } from "./components/ui/button/button.js";
22
- import { ButtonGroup as wt, ButtonGroupItem as Tt, buttonGroupItemVariants as Et, buttonGroupVariants as Dt } from "./components/ui/button-group/button-group.js";
23
- import { ButtonMenu as Ot, buttonMenuVariants as kt } from "./components/ui/button-menu/button-menu.js";
24
- import { Calendar as At, CalendarDayButton as jt } from "./components/ui/calendar/calendar.js";
25
- import { DialogFooterDefault as Mt } from "./components/ui/dialog-footer-default/dialog-footer-default.js";
26
- import { InputSelect as A, InputSelectContent as j, InputSelectDescription as Nt, InputSelectError as Pt, InputSelectExpander as Ft, InputSelectField as It, InputSelectGroup as Lt, InputSelectItem as M, InputSelectLabel as Rt, InputSelectSearch as zt, InputSelectSection as N, InputSelectSectionLabel as P, InputSelectStatus as Bt, InputSelectTrigger as F, InputSelectValue as I, useInputSelectFilter as Vt } from "./components/ui/input-select/input-select.js";
27
- import { CalendarHeader as Ht, CalendarItem as Ut, CalendarPanel as Wt } from "./components/ui/calendar-panel/calendar-panel.js";
28
- import { ButtonIconInput as Gt, buttonIconInputVariants as Kt } from "./components/ui/button-icon-input/button-icon-input.js";
29
- import { Switch as qt } from "./components/ui/switch/switch.js";
30
- import { Card as Jt, CardContent as Yt, CardFooter as Xt, CardHeader as Zt, cardVariants as Qt } from "./components/ui/card/card.js";
31
- import { CardFilter as $t, cardFilterVariants as en } from "./components/ui/card-filter/card-filter.js";
32
- import { CardSection as tn, cardSectionVariants as nn } from "./components/ui/card-section/card-section.js";
33
- import { CategoryBar as rn, categoryBarVariants as an } from "./components/ui/category-bar/category-bar.js";
34
- import { CHART_STATE_ILLUSTRATIONS as on } from "./components/ui/chart-state/chart-state-illustrations.js";
35
- import { ChartState as sn } from "./components/ui/chart-state/chart-state.js";
36
- import { ChartWidget as cn } from "./components/ui/chart-widget/chart-widget.js";
37
- import { Checkbox as ln } from "./components/ui/checkbox/checkbox.js";
38
- import { Chip as un, chipVariants as dn } from "./components/ui/chip/chip.js";
39
- import { Combobox as fn, ComboboxContent as pn, ComboboxEmpty as mn, ComboboxGroup as hn, ComboboxGroupLabel as gn, ComboboxInput as _n, ComboboxItem as vn, ComboboxList as yn } from "./components/ui/combobox/combobox.js";
40
- import { ComposedChart as bn, composedChartVariants as xn } from "./components/ui/composed-chart/composed-chart.js";
41
- import { ConfidenceCone as Sn } from "./components/ui/confidence-cone/confidence-cone.js";
42
- import { DropdownMenu as Cn, DropdownMenuCheckboxItem as wn, DropdownMenuContent as Tn, DropdownMenuGroup as En, DropdownMenuItem as Dn, DropdownMenuLabel as On, DropdownMenuPortal as kn, DropdownMenuRadioGroup as An, DropdownMenuRadioItem as jn, DropdownMenuSeparator as Mn, DropdownMenuShortcut as Nn, DropdownMenuSub as Pn, DropdownMenuSubContent as Fn, DropdownMenuSubTrigger as In, DropdownMenuTrigger as Ln } from "./components/ui/dropdown-menu/dropdown-menu.js";
43
- import { Table as Rn, TableActionsCell as zn, TableBody as Bn, TableCaption as Vn, TableCell as Hn, TableFooter as Un, TableHead as Wn, TableHeader as Gn, TableRow as Kn, TableSelectCell as qn, TableSettingsCell as Jn } from "./components/ui/table/table.js";
44
- import { TablePagination as Yn } from "./components/ui/table/table-pagination.js";
45
- import { TableViewOptions as Xn } from "./components/ui/table/table-view-options.js";
46
- import { isBulkSelectionActive as Zn } from "./components/ui/data-table/data-table-selection.js";
47
- import { DataTableViewOptions as Qn } from "./components/ui/data-table/data-table-view-options.js";
48
- import { DataTable as $n, getCellStyle as er, getColumnWidth as tr, getPinnedStyle as nr, reorderColumn as rr } from "./components/ui/data-table/data-table.js";
49
- import { DataTableBulkActionsBar as ir } from "./components/ui/data-table/data-table-bulk-actions-bar.js";
50
- import { DataTableColumnHeader as ar } from "./components/ui/data-table/data-table-column-header.js";
51
- import { DataTableExpandTrigger as or } from "./components/ui/data-table/data-table-expand-trigger.js";
52
- import { DataTablePagination as sr } from "./components/ui/data-table/data-table-pagination.js";
53
- import { FilterChips as cr, FilterChipsList as lr, FilterChipsReset as ur } from "./components/ui/filter-chips/filter-chips.js";
54
- import { Popover as dr, PopoverBody as fr, PopoverContent as pr, PopoverFooter as mr, PopoverPortal as hr, PopoverTrigger as gr } from "./components/ui/popover/popover.js";
55
- import { FilterSearch as _r, FilterSearchActions as vr, FilterSearchAppliedFilters as yr, FilterSearchFilters as br, useFilterSearchFilters as xr } from "./components/ui/filter-search/filter-search.js";
16
+ import { CHART_BRUSH_ARIA_LABEL as Ie, CHART_BRUSH_HEIGHT as Le, CHART_LABEL_FILL_CLASS as Re, CHART_LABEL_FILL_ON_SERIES_CLASS as ze, CHART_LABEL_FONT_SIZE as Be, CHART_LABEL_MARGIN as Ve, CHART_REFERENCE_LINE_STROKE as He, createTickFormatter as Ue, dropProjectionPayload as We, formatCompactNumber as Ge, formatPercent as Ke, resolveAnimation as qe, resolveAxisDomain as Je, resolveBrushProps as Ye, resolveCartesianLabelPosition as Xe, resolveCategoryRange as Ze, resolveChartReferenceValue as Qe, resolveLabelFillClass as $e, resolveReferenceLineProps as et, resolveRotatedTickAnchor as tt, resolveXAxisHeight as nt, resolveXAxisTitle as rt, resolveYAxisTitle as it, toLabelFormatter as at, toReferenceLineList as ot } from "./components/ui/chart/chart-format.js";
17
+ import { AreaChart as st, areaChartVariants as ct } from "./components/ui/area-chart/area-chart.js";
18
+ import { Avatar as lt, AvatarFallback as ut, AvatarGroup as dt, AvatarImage as ft, avatarVariants as pt } from "./components/ui/avatar/avatar.js";
19
+ import { BarChart as mt, barChartVariants as ht } from "./components/ui/bar-chart/bar-chart.js";
20
+ import { Breadcrumb as gt, BreadcrumbEllipsis as _t, BreadcrumbItem as vt, BreadcrumbLink as yt, BreadcrumbList as bt, BreadcrumbPage as xt, BreadcrumbSeparator as St } from "./components/ui/breadcrumb/breadcrumb.js";
21
+ import { Button as Ct, buttonVariants as wt } from "./components/ui/button/button.js";
22
+ import { ButtonGroup as Tt, ButtonGroupItem as Et, buttonGroupItemVariants as Dt, buttonGroupVariants as Ot } from "./components/ui/button-group/button-group.js";
23
+ import { ButtonMenu as kt, buttonMenuVariants as At } from "./components/ui/button-menu/button-menu.js";
24
+ import { Calendar as jt, CalendarDayButton as Mt } from "./components/ui/calendar/calendar.js";
25
+ import { DialogFooterDefault as Nt } from "./components/ui/dialog-footer-default/dialog-footer-default.js";
26
+ import { InputSelect as A, InputSelectContent as j, InputSelectDescription as Pt, InputSelectError as Ft, InputSelectExpander as It, InputSelectField as Lt, InputSelectGroup as Rt, InputSelectItem as M, InputSelectLabel as zt, InputSelectSearch as Bt, InputSelectSection as N, InputSelectSectionLabel as P, InputSelectStatus as Vt, InputSelectTrigger as F, InputSelectValue as I, useInputSelectFilter as Ht } from "./components/ui/input-select/input-select.js";
27
+ import { CalendarHeader as Ut, CalendarItem as Wt, CalendarPanel as Gt } from "./components/ui/calendar-panel/calendar-panel.js";
28
+ import { ButtonIconInput as Kt, buttonIconInputVariants as qt } from "./components/ui/button-icon-input/button-icon-input.js";
29
+ import { Switch as Jt } from "./components/ui/switch/switch.js";
30
+ import { Card as Yt, CardContent as Xt, CardFooter as Zt, CardHeader as Qt, cardVariants as $t } from "./components/ui/card/card.js";
31
+ import { CardFilter as en, cardFilterVariants as tn } from "./components/ui/card-filter/card-filter.js";
32
+ import { CardSection as nn, cardSectionVariants as rn } from "./components/ui/card-section/card-section.js";
33
+ import { CardWidgetCarousel as an } from "./components/ui/card-widget-carousel/card-widget-carousel.js";
34
+ import { CardWidget as on } from "./components/ui/card-widget-carousel/card-widget.js";
35
+ import { CategoryBar as sn, categoryBarVariants as cn } from "./components/ui/category-bar/category-bar.js";
36
+ import { CHART_STATE_ILLUSTRATIONS as ln } from "./components/ui/chart-state/chart-state-illustrations.js";
37
+ import { ChartState as un } from "./components/ui/chart-state/chart-state.js";
38
+ import { ChartWidget as dn } from "./components/ui/chart-widget/chart-widget.js";
39
+ import { Checkbox as fn } from "./components/ui/checkbox/checkbox.js";
40
+ import { Chip as pn, chipVariants as mn } from "./components/ui/chip/chip.js";
41
+ import { Combobox as hn, ComboboxContent as gn, ComboboxEmpty as _n, ComboboxGroup as vn, ComboboxGroupLabel as yn, ComboboxInput as bn, ComboboxItem as xn, ComboboxList as Sn } from "./components/ui/combobox/combobox.js";
42
+ import { ComposedChart as Cn, composedChartVariants as wn } from "./components/ui/composed-chart/composed-chart.js";
43
+ import { ConfidenceCone as Tn } from "./components/ui/confidence-cone/confidence-cone.js";
44
+ import { DropdownMenu as En, DropdownMenuCheckboxItem as Dn, DropdownMenuContent as On, DropdownMenuGroup as kn, DropdownMenuItem as An, DropdownMenuLabel as jn, DropdownMenuPortal as Mn, DropdownMenuRadioGroup as Nn, DropdownMenuRadioItem as Pn, DropdownMenuSeparator as Fn, DropdownMenuShortcut as In, DropdownMenuSub as Ln, DropdownMenuSubContent as Rn, DropdownMenuSubTrigger as zn, DropdownMenuTrigger as Bn } from "./components/ui/dropdown-menu/dropdown-menu.js";
45
+ import { Table as Vn, TableActionsCell as Hn, TableBody as Un, TableCaption as Wn, TableCell as Gn, TableFooter as Kn, TableHead as qn, TableHeader as Jn, TableRow as Yn, TableSelectCell as Xn, TableSettingsCell as Zn } from "./components/ui/table/table.js";
46
+ import { TablePagination as Qn } from "./components/ui/table/table-pagination.js";
47
+ import { TableViewOptions as $n } from "./components/ui/table/table-view-options.js";
48
+ import { isBulkSelectionActive as er } from "./components/ui/data-table/data-table-selection.js";
49
+ import { DataTableViewOptions as tr } from "./components/ui/data-table/data-table-view-options.js";
50
+ import { DataTable as nr, getCellStyle as rr, getColumnWidth as ir, getPinnedStyle as ar, reorderColumn as or } from "./components/ui/data-table/data-table.js";
51
+ import { DataTableBulkActionsBar as sr } from "./components/ui/data-table/data-table-bulk-actions-bar.js";
52
+ import { DataTableColumnHeader as cr } from "./components/ui/data-table/data-table-column-header.js";
53
+ import { DataTableExpandTrigger as lr } from "./components/ui/data-table/data-table-expand-trigger.js";
54
+ import { DataTablePagination as ur } from "./components/ui/data-table/data-table-pagination.js";
55
+ import { FilterChips as dr, FilterChipsList as fr, FilterChipsReset as pr } from "./components/ui/filter-chips/filter-chips.js";
56
+ import { Popover as mr, PopoverBody as hr, PopoverContent as gr, PopoverFooter as _r, PopoverPortal as vr, PopoverTrigger as yr } from "./components/ui/popover/popover.js";
57
+ import { FilterSearch as br, FilterSearchActions as xr, FilterSearchAppliedFilters as Sr, FilterSearchFilters as Cr, useFilterSearchFilters as wr } from "./components/ui/filter-search/filter-search.js";
56
58
  import { InputSearch as L } from "./components/ui/input-search/input-search.js";
57
- import { DataTableToolbar as Sr } from "./components/ui/data-table/data-table-toolbar.js";
58
- import { InputDatePicker as Cr } from "./components/ui/input-date-picker/input-date-picker.js";
59
- import { DateRangePicker as wr } from "./components/ui/date-range-picker/date-range-picker.js";
60
- import { DescriptionList as R, DescriptionListActions as Tr, DescriptionListItem as Er, DescriptionListLabel as Dr, DescriptionListValue as Or, DescriptionListValueDescription as kr } from "./components/ui/description-list/description-list.js";
61
- import { InputBox as Ar } from "./components/ui/input/input.js";
59
+ import { DataTableToolbar as R } from "./components/ui/data-table/data-table-toolbar.js";
60
+ import { InputDatePicker as Tr } from "./components/ui/input-date-picker/input-date-picker.js";
61
+ import { DateRangePicker as Er } from "./components/ui/date-range-picker/date-range-picker.js";
62
+ import { DescriptionList as Dr, DescriptionListActions as Or, DescriptionListItem as kr, DescriptionListLabel as Ar, DescriptionListValue as jr, DescriptionListValueDescription as Mr } from "./components/ui/description-list/description-list.js";
63
+ import { InputBox as Nr } from "./components/ui/input/input.js";
62
64
  import { InputText as z } from "./components/ui/input-text/input-text.js";
63
- import { Loading as jr, loadingVariants as Mr } from "./components/ui/loading/loading.js";
64
- import { Dialog as Nr, DialogClose as Pr } from "./components/ui/dialog/dialog.js";
65
- import { DialogFooterCarousel as Fr } from "./components/ui/dialog-footer-carousel/dialog-footer-carousel.js";
66
- import { DialogWelcome as Ir } from "./components/ui/dialog-welcome/dialog-welcome.js";
67
- import { Empty as Lr, EmptyActions as Rr, EmptyDescription as zr, EmptyHeader as Br, EmptyIcon as Vr, EmptyLinks as Hr, EmptyTitle as Ur } from "./components/ui/empty/empty.js";
68
- import { EmptyOverlay as Wr, emptyOverlayIconVariants as Gr } from "./components/ui/empty-overlay/empty-overlay.js";
69
- import { labelClassName as Kr } from "./components/ui/label/label.js";
70
- import { Separator as qr } from "./components/ui/separator/separator.js";
71
- import { Field as Jr, FieldContent as Yr, FieldControl as Xr, FieldDescription as Zr, FieldError as Qr, FieldGroup as $r, FieldLabel as ei, FieldLegend as ti, FieldSeparator as ni, FieldSet as ri, FieldTitle as ii } from "./components/ui/field/field.js";
72
- import { FittedActions as ai, computeFittedVisibleCount as oi } from "./components/ui/fitted-actions/fitted-actions.js";
73
- import { FilterCards as si } from "./components/ui/filter-cards/filter-cards.js";
74
- import { FunnelChart as ci, funnelChartPercent as li, funnelChartVariants as ui } from "./components/ui/funnel-chart/funnel-chart.js";
75
- import { Grid as di, gridVariants as fi } from "./components/ui/grid/grid.js";
76
- import { Histogram as pi } from "./components/ui/histogram/histogram.js";
77
- import { Form as mi } from "./components/ui/form/form.js";
78
- import { RadarChart as hi, radarChartVariants as gi } from "./components/ui/radar-chart/radar-chart.js";
79
- import { RadialBarChart as _i } from "./components/ui/radial-bar-chart/radial-bar-chart.js";
80
- import { Radio as vi, RadioGroup as yi } from "./components/ui/radio/radio.js";
81
- import { InputNumPicker as bi } from "./components/ui/input-num-picker/input-num-picker.js";
82
- import { InputOTP as xi } from "./components/ui/input-otp/input-otp.js";
83
- import { InputPassword as Si } from "./components/ui/input-password/input-password.js";
65
+ import { Loading as Pr, loadingVariants as Fr } from "./components/ui/loading/loading.js";
66
+ import { Dialog as Ir, DialogClose as Lr } from "./components/ui/dialog/dialog.js";
67
+ import { DialogFooterCarousel as Rr } from "./components/ui/dialog-footer-carousel/dialog-footer-carousel.js";
68
+ import { DialogWelcome as zr } from "./components/ui/dialog-welcome/dialog-welcome.js";
69
+ import { Empty as Br, EmptyActions as Vr, EmptyDescription as Hr, EmptyHeader as Ur, EmptyIcon as Wr, EmptyLinks as Gr, EmptyTitle as Kr } from "./components/ui/empty/empty.js";
70
+ import { EmptyOverlay as qr, emptyOverlayIconVariants as Jr } from "./components/ui/empty-overlay/empty-overlay.js";
71
+ import { labelClassName as Yr } from "./components/ui/label/label.js";
72
+ import { Separator as Xr } from "./components/ui/separator/separator.js";
73
+ import { Field as Zr, FieldContent as Qr, FieldControl as $r, FieldDescription as ei, FieldError as ti, FieldGroup as ni, FieldLabel as ri, FieldLegend as ii, FieldSeparator as ai, FieldSet as oi, FieldTitle as si } from "./components/ui/field/field.js";
74
+ import { FittedActions as ci, computeFittedVisibleCount as li } from "./components/ui/fitted-actions/fitted-actions.js";
75
+ import { FilterCards as ui } from "./components/ui/filter-cards/filter-cards.js";
76
+ import { FUNNEL_CHART_DEFAULT_PALETTE as di, FunnelChart as fi, funnelChartPercent as pi, funnelChartVariants as mi } from "./components/ui/funnel-chart/funnel-chart.js";
77
+ import { Grid as hi, gridVariants as gi } from "./components/ui/grid/grid.js";
78
+ import { Histogram as _i } from "./components/ui/histogram/histogram.js";
79
+ import { Form as vi } from "./components/ui/form/form.js";
80
+ import { RadarChart as yi, radarChartVariants as bi } from "./components/ui/radar-chart/radar-chart.js";
81
+ import { RadialBarChart as xi } from "./components/ui/radial-bar-chart/radial-bar-chart.js";
82
+ import { Radio as Si, RadioGroup as Ci } from "./components/ui/radio/radio.js";
83
+ import { InputNumPicker as wi } from "./components/ui/input-num-picker/input-num-picker.js";
84
+ import { InputOTP as Ti } from "./components/ui/input-otp/input-otp.js";
85
+ import { InputPassword as Ei } from "./components/ui/input-password/input-password.js";
84
86
  import { InputTextArea as B } from "./components/ui/input-text-area/input-text-area.js";
85
- import { LineChart as Ci, lineChartVariants as wi } from "./components/ui/line-chart/line-chart.js";
86
- import { Link as Ti, linkVariants as Ei } from "./components/ui/link/link.js";
87
- import { Meter as Di } from "./components/ui/meter/meter.js";
88
- import { Skeleton as Oi } from "./components/ui/skeleton/skeleton.js";
89
- import { TrendIndicator as ki, trendIndicatorVariants as Ai } from "./components/ui/trend-indicator/trend-indicator.js";
90
- import { Metric as ji } from "./components/ui/metric/metric.js";
91
- import { NumberField as Mi, NumberFieldDecrement as Ni, NumberFieldGroup as Pi, NumberFieldIncrement as Fi, NumberFieldInput as Ii } from "./components/ui/number-field/number-field.js";
92
- import { PageContent as Li } from "./components/ui/page-content/page-content.js";
93
- import { Tag as V, tagVariants as Ri } from "./components/ui/tag/tag.js";
94
- import { PageHeader as zi, PageHeaderActions as Bi, PageHeaderDescription as Vi, PageHeaderDescriptionRow as Hi, PageHeaderRow as Ui, PageHeaderTags as Wi, PageHeaderTitle as Gi } from "./components/ui/page-header/page-header.js";
95
- import { Pagination as Ki, PaginationContent as qi, PaginationEllipsis as Ji, PaginationItem as Yi, PaginationLink as Xi, PaginationNext as Zi, PaginationPrevious as Qi } from "./components/ui/pagination/pagination.js";
96
- import { PieChart as $i, pieChartVariants as ea } from "./components/ui/pie-chart/pie-chart.js";
97
- import { Progress as ta } from "./components/ui/progress/progress.js";
98
- import { ProgressCircle as na, progressCircleVariants as ra } from "./components/ui/progress-circle/progress-circle.js";
99
- import { SankeyChart as ia } from "./components/ui/sankey-chart/sankey-chart.js";
100
- import { ScatterChart as aa } from "./components/ui/scatter-chart/scatter-chart.js";
101
- import { ScrollArea as oa, ScrollBar as sa } from "./components/ui/scroll-area/scroll-area.js";
102
- import { Section as ca, SectionContent as la, SectionHeader as ua, sectionVariants as da, useSectionContext as fa } from "./components/ui/section/section.js";
103
- import { Sheet as H, SheetBody as U, SheetClose as W, SheetCloseButton as G, SheetContent as K, SheetDescription as q, SheetFooter as J, SheetHeader as Y, SheetOverlay as X, SheetPortal as Z, SheetTitle as Q, SheetTrigger as $, sheetVariants as pa } from "./components/ui/sheet/sheet.js";
104
- import { SheetDetails as ma } from "./components/ui/sheet/sheet-details.js";
105
- import { Slider as ha } from "./components/ui/slider/slider.js";
106
- import { Stack as ga, stackVariants as _a } from "./components/ui/stack/stack.js";
107
- import { Stepper as va } from "./components/ui/stepper/stepper.js";
108
- import { StepperItem as ya, stepperItemVariants as ba } from "./components/ui/stepper-item/stepper-item.js";
109
- import { ResizableHandle as xa, ResizablePanel as Sa, ResizablePanelGroup as Ca } from "./components/ui/resizable/resizable.js";
110
- import { SidebarPrimary as wa, SidebarPrimaryCollapseTrigger as Ta, SidebarPrimaryContent as Ea, SidebarPrimaryFooter as Da, SidebarPrimaryHeader as Oa, SidebarPrimaryMenu as ka, SidebarPrimaryMenuItem as Aa, SidebarPrimaryMenuItemExtras as ja, SidebarPrimarySection as Ma, sidebarPrimaryMenuItemVariants as Na } from "./components/ui/sidebar-primary/sidebar-primary.js";
111
- import { SidebarSecondary as Pa, SidebarSecondaryCollapseTrigger as Fa, SidebarSecondaryContent as Ia, SidebarSecondaryFooter as La, SidebarSecondaryHeader as Ra, SidebarSecondaryMenu as za, SidebarSecondaryMenuItem as Ba, SidebarSecondaryMenuItemExtras as Va, SidebarSecondarySection as Ha, SidebarSecondarySectionLabel as Ua, sidebarSecondaryMenuItemVariants as Wa } from "./components/ui/sidebar-secondary/sidebar-secondary.js";
112
- import { ButtonIconMenu as Ga } from "./components/ui/button-icon-menu/button-icon-menu.js";
113
- import { Tabs as Ka, TabsContent as qa, TabsList as Ja, TabsTrigger as Ya } from "./components/ui/tabs/tabs.js";
114
- import { Toaster as Xa, toast as Za, toastVariants as Qa } from "./components/ui/toast/toast.js";
115
- import { Toggle as $a, ToggleGroup as eo, ToggleGroupItem as to } from "./components/ui/toggle-group/toggle-group.js";
116
- import { Toolbar as no, ToolbarActionList as ro, ToolbarActions as io } from "./components/ui/toolbar/toolbar.js";
117
- import { middleTruncate as ao } from "./components/ui/truncate-text/middle-truncate.js";
118
- import { measureTextWidth as oo } from "./components/ui/truncate-text/text-width.js";
119
- import { TruncateText as so } from "./components/ui/truncate-text/truncate-text.js";
120
- import { Timeline as co, TimelineItem as lo } from "./components/ui/timeline/timeline.js";
121
- import { Timer as uo } from "./components/ui/timer/timer.js";
122
- import { Treemap as fo } from "./components/ui/treemap/treemap.js";
123
- import { WidgetPlaceholder as po, WidgetPlaceholderAction as mo, WidgetPlaceholderContent as ho, WidgetPlaceholderFooter as go, WidgetPlaceholderHeader as _o, WidgetPlaceholderIcon as vo, WidgetPlaceholderImage as yo, WidgetPlaceholderText as bo, WidgetPlaceholderTitle as xo } from "./components/ui/widget-placeholder/widget-placeholder.js";
124
- import { Wizard as So, WizardBody as Co, WizardHeader as wo, WizardSubtitle as To } from "./components/ui/wizard/wizard.js";
125
- export { _e as Accordion, xe as AccordionContainer, Se as AccordionContainerContent, Ce as AccordionContainerTrigger, ve as AccordionContent, ye as AccordionItem, be as AccordionTrigger, n as Alert, r as AlertActions, i as AlertClose, a as AlertContent, o as AlertDescription, s as AlertIcon, c as AlertText, l as AlertTitle, h as AppShellChat, g as AppShellChatChat, _ as AppShellChatChatBody, v as AppShellChatChatHeader, y as AppShellChatContent, b as AppShellChatContentBody, x as AppShellChatContentHeader, S as AppShellChatSidebar, ot as AreaChart, ct as Avatar, lt as AvatarFallback, ut as AvatarGroup, dt as AvatarImage, ce as BREAKPOINT_2XL, le as BREAKPOINT_3XL, ue as BREAKPOINT_4XL, de as BREAKPOINT_LG, fe as BREAKPOINT_XL, V as Badge, pt as BarChart, ht as Breadcrumb, gt as BreadcrumbEllipsis, _t as BreadcrumbItem, vt as BreadcrumbLink, yt as BreadcrumbList, bt as BreadcrumbPage, xt as BreadcrumbSeparator, St as Button, wt as ButtonGroup, Tt as ButtonGroupItem, e as ButtonIcon, Gt as ButtonIconInput, Ga as ButtonIconMenu, Ot as ButtonMenu, Ie as CHART_BRUSH_ARIA_LABEL, Le as CHART_BRUSH_HEIGHT, T as CHART_CATEGORICAL_TOKENS, E as CHART_DEFAULT_PALETTE, D as CHART_DIVERGING_TOKENS, Re as CHART_LABEL_FILL_CLASS, ze as CHART_LABEL_FILL_ON_SERIES_CLASS, Be as CHART_LABEL_FONT_SIZE, Ve as CHART_LABEL_MARGIN, He as CHART_REFERENCE_LINE_STROKE, O as CHART_SEQUENTIAL_TOKENS, on as CHART_STATE_ILLUSTRATIONS, k as CHART_STATUS_TOKENS, At as Calendar, jt as CalendarDayButton, Ht as CalendarHeader, Ut as CalendarItem, Wt as CalendarPanel, Jt as Card, Yt as CardContent, $t as CardFilter, Xt as CardFooter, Zt as CardHeader, tn as CardSection, rn as CategoryBar, ke as ChartContainer, Ae as ChartLegend, je as ChartLegendContent, sn as ChartState, Me as ChartStyle, Ne as ChartTooltip, Pe as ChartTooltipContent, cn as ChartWidget, ln as Checkbox, un as Chip, fn as Combobox, pn as ComboboxContent, mn as ComboboxEmpty, hn as ComboboxGroup, gn as ComboboxGroupLabel, _n as ComboboxInput, vn as ComboboxItem, yn as ComboboxList, bn as ComposedChart, Sn as ConfidenceCone, re as DEFAULT_TABLE_URL_PARAM_KEYS, $n as DataTable, ir as DataTableBulkActionsBar, ar as DataTableColumnHeader, or as DataTableExpandTrigger, sr as DataTablePagination, Sr as DataTableToolbar, Qn as DataTableViewOptions, wr as DateRangePicker, R as DescriptionList, Tr as DescriptionListActions, Er as DescriptionListItem, Dr as DescriptionListLabel, Or as DescriptionListValue, kr as DescriptionListValueDescription, H as Details, U as DetailsBody, W as DetailsClose, G as DetailsCloseButton, K as DetailsContent, q as DetailsDescription, J as DetailsFooter, Y as DetailsHeader, X as DetailsOverlay, Z as DetailsPortal, Q as DetailsTitle, $ as DetailsTrigger, Nr as Dialog, Pr as DialogClose, Fr as DialogFooterCarousel, Mt as DialogFooterDefault, Ir as DialogWelcome, Cn as DropdownMenu, wn as DropdownMenuCheckboxItem, Tn as DropdownMenuContent, En as DropdownMenuGroup, Dn as DropdownMenuItem, On as DropdownMenuLabel, kn as DropdownMenuPortal, An as DropdownMenuRadioGroup, jn as DropdownMenuRadioItem, Mn as DropdownMenuSeparator, Nn as DropdownMenuShortcut, Pn as DropdownMenuSub, Fn as DropdownMenuSubContent, In as DropdownMenuSubTrigger, Ln as DropdownMenuTrigger, Lr as Empty, Rr as EmptyActions, zr as EmptyDescription, Br as EmptyHeader, Vr as EmptyIcon, Hr as EmptyLinks, Wr as EmptyOverlay, Ur as EmptyTitle, Jr as Field, Yr as FieldContent, Xr as FieldControl, Zr as FieldDescription, Qr as FieldError, $r as FieldGroup, ei as FieldLabel, ti as FieldLegend, ni as FieldSeparator, ri as FieldSet, ii as FieldTitle, si as FilterCards, cr as FilterChips, lr as FilterChipsList, ur as FilterChipsReset, _r as FilterSearch, vr as FilterSearchActions, yr as FilterSearchAppliedFilters, br as FilterSearchFilters, ai as FittedActions, mi as Form, ci as FunnelChart, di as Grid, pi as Histogram, z as Input, Ar as InputBox, Cr as InputDatePicker, bi as InputNumPicker, xi as InputOTP, Si as InputPassword, L as InputSearch, A as InputSelect, j as InputSelectContent, Nt as InputSelectDescription, Pt as InputSelectError, Ft as InputSelectExpander, It as InputSelectField, Lt as InputSelectGroup, M as InputSelectItem, Rt as InputSelectLabel, zt as InputSelectSearch, N as InputSelectSection, P as InputSelectSectionLabel, Bt as InputSelectStatus, F as InputSelectTrigger, I as InputSelectValue, z as InputText, B as InputTextArea, Ci as LineChart, Ti as Link, jr as Loading, Di as Meter, ji as Metric, Mi as NumberField, Ni as NumberFieldDecrement, Pi as NumberFieldGroup, Fi as NumberFieldIncrement, Ii as NumberFieldInput, Li as PageContent, zi as PageHeader, Bi as PageHeaderActions, Vi as PageHeaderDescription, Hi as PageHeaderDescriptionRow, Ui as PageHeaderRow, Wi as PageHeaderTags, Gi as PageHeaderTitle, Ki as Pagination, qi as PaginationContent, Ji as PaginationEllipsis, Yi as PaginationItem, Xi as PaginationLink, Zi as PaginationNext, Qi as PaginationPrevious, $i as PieChart, dr as Popover, fr as PopoverBody, pr as PopoverContent, mr as PopoverFooter, hr as PopoverPortal, gr as PopoverTrigger, he as PortalContainerProvider, ta as Progress, na as ProgressCircle, pe as ROOT_FONT_SIZE_PX, hi as RadarChart, _i as RadialBarChart, vi as Radio, yi as RadioGroup, xa as ResizableHandle, Sa as ResizablePanel, Ca as ResizablePanelGroup, ia as SankeyChart, aa as ScatterChart, oa as ScrollArea, sa as ScrollBar, L as Search, ca as Section, la as SectionContent, ua as SectionHeader, A as Select, j as SelectContent, N as SelectGroup, P as SelectGroupLabel, M as SelectItem, F as SelectTrigger, I as SelectValue, qr as Separator, H as Sheet, U as SheetBody, W as SheetClose, G as SheetCloseButton, K as SheetContent, q as SheetDescription, ma as SheetDetails, J as SheetFooter, Y as SheetHeader, X as SheetOverlay, Z as SheetPortal, Q as SheetTitle, $ as SheetTrigger, wa as SidebarPrimary, Ta as SidebarPrimaryCollapseTrigger, Ea as SidebarPrimaryContent, Da as SidebarPrimaryFooter, Oa as SidebarPrimaryHeader, ka as SidebarPrimaryMenu, Aa as SidebarPrimaryMenuItem, ja as SidebarPrimaryMenuItemExtras, Ma as SidebarPrimarySection, Pa as SidebarSecondary, Fa as SidebarSecondaryCollapseTrigger, Ia as SidebarSecondaryContent, La as SidebarSecondaryFooter, Ra as SidebarSecondaryHeader, za as SidebarSecondaryMenu, Ba as SidebarSecondaryMenuItem, Va as SidebarSecondaryMenuItemExtras, Ha as SidebarSecondarySection, Ua as SidebarSecondarySectionLabel, Oi as Skeleton, ha as Slider, ga as Stack, va as Stepper, ya as StepperItem, qt as Switch, Rn as Table, zn as TableActionsCell, Bn as TableBody, Vn as TableCaption, Hn as TableCell, Un as TableFooter, Wn as TableHead, Gn as TableHeader, Yn as TablePagination, Kn as TableRow, qn as TableSelectCell, Jn as TableSettingsCell, Xn as TableViewOptions, Ka as Tabs, qa as TabsContent, Ja as TabsList, Ya as TabsTrigger, V as Tag, B as Textarea, co as Timeline, lo as TimelineItem, uo as Timer, Xa as Toaster, $a as Toggle, eo as ToggleGroup, to as ToggleGroupItem, no as Toolbar, ro as ToolbarActionList, io as ToolbarActions, d as Tooltip, f as TooltipContent, p as TooltipProvider, m as TooltipTrigger, fo as Treemap, ki as TrendIndicator, so as TruncateText, po as WidgetPlaceholder, mo as WidgetPlaceholderAction, ho as WidgetPlaceholderContent, go as WidgetPlaceholderFooter, _o as WidgetPlaceholderHeader, vo as WidgetPlaceholderIcon, yo as WidgetPlaceholderImage, bo as WidgetPlaceholderText, xo as WidgetPlaceholderTitle, So as Wizard, Co as WizardBody, wo as WizardHeader, To as WizardSubtitle, u as alertVariants, st as areaChartVariants, ft as avatarVariants, mt as barChartVariants, Et as buttonGroupItemVariants, Dt as buttonGroupVariants, Kt as buttonIconInputVariants, t as buttonIconVariants, kt as buttonMenuVariants, Ct as buttonVariants, en as cardFilterVariants, nn as cardSectionVariants, Qt as cardVariants, an as categoryBarVariants, dn as chipVariants, ee as cn, xn as composedChartVariants, oi as computeFittedVisibleCount, Ue as createTickFormatter, Gr as emptyOverlayIconVariants, Te as findDuplicateTones, We as formatCompactNumber, Ge as formatPercent, li as funnelChartPercent, ui as funnelChartVariants, C as getAppShellChatInitialLayout, er as getCellStyle, tr as getColumnWidth, nr as getPinnedStyle, me as getViewportWidth, fi as gridVariants, Zn as isBulkSelectionActive, Kr as labelClassName, wi as lineChartVariants, Ei as linkVariants, Ee as listPaletteChoices, De as listPaletteStops, Mr as loadingVariants, oo as measureTextWidth, ao as middleTruncate, ie as parseTableUrlState, ea as pieChartVariants, ra as progressCircleVariants, gi as radarChartVariants, rr as reorderColumn, Ke as resolveAnimation, qe as resolveAxisDomain, Je as resolveBrushProps, Ye as resolveCartesianLabelPosition, Xe as resolveCategoryRange, Fe as resolveChartColors, Ze as resolveChartReferenceValue, Qe as resolveLabelFillClass, $e as resolveReferenceLineProps, et as resolveRotatedTickAnchor, Oe as resolveSeriesColor, tt as resolveXAxisHeight, nt as resolveXAxisTitle, rt as resolveYAxisTitle, da as sectionVariants, ae as serializeTableUrlState, pa as sheetVariants, Na as sidebarPrimaryMenuItemVariants, Wa as sidebarSecondaryMenuItemVariants, _a as stackVariants, ba as stepperItemVariants, Ri as tagVariants, it as toLabelFormatter, at as toReferenceLineList, Za as toast, Qa as toastVariants, Ai as trendIndicatorVariants, we as useAccordionContainerContext, w as useAppShellChatInitialLayout, xr as useFilterSearchFilters, Vt as useInputSelectFilter, ne as useIntersectionObserver, ge as usePortalContainer, fa as useSectionContext, te as useSortState, oe as useTableUrlState, se as useWizard };
87
+ import { LineChart as Di, lineChartVariants as Oi } from "./components/ui/line-chart/line-chart.js";
88
+ import { Link as ki, linkVariants as Ai } from "./components/ui/link/link.js";
89
+ import { Skeleton as ji } from "./components/ui/skeleton/skeleton.js";
90
+ import { TrendIndicator as Mi, trendIndicatorVariants as Ni } from "./components/ui/trend-indicator/trend-indicator.js";
91
+ import { Metric as Pi } from "./components/ui/metric/metric.js";
92
+ import { NumberField as Fi, NumberFieldDecrement as Ii, NumberFieldGroup as Li, NumberFieldIncrement as Ri, NumberFieldInput as zi } from "./components/ui/number-field/number-field.js";
93
+ import { PageContent as Bi } from "./components/ui/page-content/page-content.js";
94
+ import { Tag as V, tagVariants as Vi } from "./components/ui/tag/tag.js";
95
+ import { PageHeader as Hi, PageHeaderActions as Ui, PageHeaderDescription as Wi, PageHeaderDescriptionRow as Gi, PageHeaderRow as Ki, PageHeaderTags as qi, PageHeaderTitle as Ji } from "./components/ui/page-header/page-header.js";
96
+ import { Pagination as Yi, PaginationContent as Xi, PaginationEllipsis as Zi, PaginationItem as Qi, PaginationLink as $i, PaginationNext as ea, PaginationPrevious as ta } from "./components/ui/pagination/pagination.js";
97
+ import { PieChart as na, pieChartVariants as ra } from "./components/ui/pie-chart/pie-chart.js";
98
+ import { Progress as ia } from "./components/ui/progress/progress.js";
99
+ import { ProgressCircle as aa, progressCircleVariants as oa } from "./components/ui/progress-circle/progress-circle.js";
100
+ import { SankeyChart as sa } from "./components/ui/sankey-chart/sankey-chart.js";
101
+ import { ScatterChart as ca } from "./components/ui/scatter-chart/scatter-chart.js";
102
+ import { ScrollArea as la, ScrollBar as ua } from "./components/ui/scroll-area/scroll-area.js";
103
+ import { Section as da, SectionContent as fa, SectionHeader as pa, sectionVariants as ma, useSectionContext as ha } from "./components/ui/section/section.js";
104
+ import { Sheet as H, SheetBody as U, SheetClose as W, SheetCloseButton as G, SheetContent as K, SheetDescription as q, SheetFooter as J, SheetHeader as Y, SheetOverlay as X, SheetPortal as Z, SheetTitle as Q, SheetTrigger as $, sheetVariants as ga } from "./components/ui/sheet/sheet.js";
105
+ import { SheetDetails as _a } from "./components/ui/sheet/sheet-details.js";
106
+ import { Slider as va } from "./components/ui/slider/slider.js";
107
+ import { Stack as ya, stackVariants as ba } from "./components/ui/stack/stack.js";
108
+ import { Stepper as xa } from "./components/ui/stepper/stepper.js";
109
+ import { StepperItem as Sa, stepperItemVariants as Ca } from "./components/ui/stepper-item/stepper-item.js";
110
+ import { ResizableHandle as wa, ResizablePanel as Ta, ResizablePanelGroup as Ea } from "./components/ui/resizable/resizable.js";
111
+ import { SidebarPrimary as Da, SidebarPrimaryCollapseTrigger as Oa, SidebarPrimaryContent as ka, SidebarPrimaryFooter as Aa, SidebarPrimaryHeader as ja, SidebarPrimaryMenu as Ma, SidebarPrimaryMenuItem as Na, SidebarPrimaryMenuItemExtras as Pa, SidebarPrimarySection as Fa, sidebarPrimaryMenuItemVariants as Ia } from "./components/ui/sidebar-primary/sidebar-primary.js";
112
+ import { SidebarSecondary as La, SidebarSecondaryCollapseTrigger as Ra, SidebarSecondaryContent as za, SidebarSecondaryFooter as Ba, SidebarSecondaryHeader as Va, SidebarSecondaryMenu as Ha, SidebarSecondaryMenuItem as Ua, SidebarSecondaryMenuItemExtras as Wa, SidebarSecondarySection as Ga, SidebarSecondarySectionLabel as Ka, sidebarSecondaryMenuItemVariants as qa } from "./components/ui/sidebar-secondary/sidebar-secondary.js";
113
+ import { ButtonIconMenu as Ja } from "./components/ui/button-icon-menu/button-icon-menu.js";
114
+ import { Tabs as Ya, TabsContent as Xa, TabsList as Za, TabsTrigger as Qa } from "./components/ui/tabs/tabs.js";
115
+ import { Toaster as $a, toast as eo, toastVariants as to } from "./components/ui/toast/toast.js";
116
+ import { Toggle as no, ToggleGroup as ro, ToggleGroupItem as io } from "./components/ui/toggle-group/toggle-group.js";
117
+ import { Toolbar as ao, ToolbarActionList as oo, ToolbarActions as so } from "./components/ui/toolbar/toolbar.js";
118
+ import { middleTruncate as co } from "./components/ui/truncate-text/middle-truncate.js";
119
+ import { measureTextWidth as lo } from "./components/ui/truncate-text/text-width.js";
120
+ import { TruncateText as uo } from "./components/ui/truncate-text/truncate-text.js";
121
+ import { Timeline as fo, TimelineItem as po } from "./components/ui/timeline/timeline.js";
122
+ import { Timer as mo } from "./components/ui/timer/timer.js";
123
+ import { TreeItem as ho } from "./components/ui/tree-item/tree-item.js";
124
+ import { Treemap as go } from "./components/ui/treemap/treemap.js";
125
+ import { WidgetPlaceholder as _o, WidgetPlaceholderAction as vo, WidgetPlaceholderContent as yo, WidgetPlaceholderFooter as bo, WidgetPlaceholderHeader as xo, WidgetPlaceholderIcon as So, WidgetPlaceholderImage as Co, WidgetPlaceholderText as wo, WidgetPlaceholderTitle as To } from "./components/ui/widget-placeholder/widget-placeholder.js";
126
+ import { Wizard as Eo, WizardBody as Do, WizardHeader as Oo, WizardSubtitle as ko } from "./components/ui/wizard/wizard.js";
127
+ export { _e as Accordion, xe as AccordionContainer, Se as AccordionContainerContent, Ce as AccordionContainerTrigger, ve as AccordionContent, ye as AccordionItem, be as AccordionTrigger, n as Alert, r as AlertActions, i as AlertClose, a as AlertContent, o as AlertDescription, s as AlertIcon, c as AlertText, l as AlertTitle, h as AppShellChat, g as AppShellChatChat, _ as AppShellChatChatBody, v as AppShellChatChatHeader, y as AppShellChatContent, b as AppShellChatContentBody, x as AppShellChatContentHeader, S as AppShellChatSidebar, st as AreaChart, lt as Avatar, ut as AvatarFallback, dt as AvatarGroup, ft as AvatarImage, ce as BREAKPOINT_2XL, le as BREAKPOINT_3XL, ue as BREAKPOINT_4XL, de as BREAKPOINT_LG, fe as BREAKPOINT_XL, V as Badge, mt as BarChart, gt as Breadcrumb, _t as BreadcrumbEllipsis, vt as BreadcrumbItem, yt as BreadcrumbLink, bt as BreadcrumbList, xt as BreadcrumbPage, St as BreadcrumbSeparator, Ct as Button, Tt as ButtonGroup, Et as ButtonGroupItem, e as ButtonIcon, Kt as ButtonIconInput, Ja as ButtonIconMenu, kt as ButtonMenu, Ie as CHART_BRUSH_ARIA_LABEL, Le as CHART_BRUSH_HEIGHT, T as CHART_CATEGORICAL_TOKENS, E as CHART_DEFAULT_PALETTE, D as CHART_DIVERGING_TOKENS, Re as CHART_LABEL_FILL_CLASS, ze as CHART_LABEL_FILL_ON_SERIES_CLASS, Be as CHART_LABEL_FONT_SIZE, Ve as CHART_LABEL_MARGIN, He as CHART_REFERENCE_LINE_STROKE, O as CHART_SEQUENTIAL_TOKENS, ln as CHART_STATE_ILLUSTRATIONS, k as CHART_STATUS_TOKENS, jt as Calendar, Mt as CalendarDayButton, Ut as CalendarHeader, Wt as CalendarItem, Gt as CalendarPanel, Yt as Card, Xt as CardContent, en as CardFilter, Zt as CardFooter, Qt as CardHeader, nn as CardSection, on as CardWidget, an as CardWidgetCarousel, sn as CategoryBar, ke as ChartContainer, Ae as ChartLegend, je as ChartLegendContent, un as ChartState, Me as ChartStyle, Ne as ChartTooltip, Pe as ChartTooltipContent, dn as ChartWidget, fn as Checkbox, pn as Chip, hn as Combobox, gn as ComboboxContent, _n as ComboboxEmpty, vn as ComboboxGroup, yn as ComboboxGroupLabel, bn as ComboboxInput, xn as ComboboxItem, Sn as ComboboxList, Cn as ComposedChart, Tn as ConfidenceCone, re as DEFAULT_TABLE_URL_PARAM_KEYS, nr as DataTable, sr as DataTableBulkActionsBar, cr as DataTableColumnHeader, lr as DataTableExpandTrigger, ur as DataTablePagination, R as DataTableToolbar, tr as DataTableViewOptions, Er as DateRangePicker, Dr as DescriptionList, Or as DescriptionListActions, kr as DescriptionListItem, Ar as DescriptionListLabel, jr as DescriptionListValue, Mr as DescriptionListValueDescription, H as Details, U as DetailsBody, W as DetailsClose, G as DetailsCloseButton, K as DetailsContent, q as DetailsDescription, J as DetailsFooter, Y as DetailsHeader, X as DetailsOverlay, Z as DetailsPortal, Q as DetailsTitle, $ as DetailsTrigger, Ir as Dialog, Lr as DialogClose, Rr as DialogFooterCarousel, Nt as DialogFooterDefault, zr as DialogWelcome, En as DropdownMenu, Dn as DropdownMenuCheckboxItem, On as DropdownMenuContent, kn as DropdownMenuGroup, An as DropdownMenuItem, jn as DropdownMenuLabel, Mn as DropdownMenuPortal, Nn as DropdownMenuRadioGroup, Pn as DropdownMenuRadioItem, Fn as DropdownMenuSeparator, In as DropdownMenuShortcut, Ln as DropdownMenuSub, Rn as DropdownMenuSubContent, zn as DropdownMenuSubTrigger, Bn as DropdownMenuTrigger, Br as Empty, Vr as EmptyActions, Hr as EmptyDescription, Ur as EmptyHeader, Wr as EmptyIcon, Gr as EmptyLinks, qr as EmptyOverlay, Kr as EmptyTitle, di as FUNNEL_CHART_DEFAULT_PALETTE, Zr as Field, Qr as FieldContent, $r as FieldControl, ei as FieldDescription, ti as FieldError, ni as FieldGroup, ri as FieldLabel, ii as FieldLegend, ai as FieldSeparator, oi as FieldSet, si as FieldTitle, ui as FilterCards, dr as FilterChips, fr as FilterChipsList, pr as FilterChipsReset, br as FilterSearch, xr as FilterSearchActions, Sr as FilterSearchAppliedFilters, Cr as FilterSearchFilters, ci as FittedActions, vi as Form, fi as FunnelChart, hi as Grid, _i as Histogram, z as Input, Nr as InputBox, Tr as InputDatePicker, wi as InputNumPicker, Ti as InputOTP, Ei as InputPassword, L as InputSearch, A as InputSelect, j as InputSelectContent, Pt as InputSelectDescription, Ft as InputSelectError, It as InputSelectExpander, Lt as InputSelectField, Rt as InputSelectGroup, M as InputSelectItem, zt as InputSelectLabel, Bt as InputSelectSearch, N as InputSelectSection, P as InputSelectSectionLabel, Vt as InputSelectStatus, F as InputSelectTrigger, I as InputSelectValue, z as InputText, B as InputTextArea, Di as LineChart, ki as Link, Pr as Loading, Pi as Metric, Fi as NumberField, Ii as NumberFieldDecrement, Li as NumberFieldGroup, Ri as NumberFieldIncrement, zi as NumberFieldInput, Bi as PageContent, Hi as PageHeader, Ui as PageHeaderActions, Wi as PageHeaderDescription, Gi as PageHeaderDescriptionRow, Ki as PageHeaderRow, qi as PageHeaderTags, Ji as PageHeaderTitle, Yi as Pagination, Xi as PaginationContent, Zi as PaginationEllipsis, Qi as PaginationItem, $i as PaginationLink, ea as PaginationNext, ta as PaginationPrevious, na as PieChart, mr as Popover, hr as PopoverBody, gr as PopoverContent, _r as PopoverFooter, vr as PopoverPortal, yr as PopoverTrigger, he as PortalContainerProvider, ia as Progress, aa as ProgressCircle, pe as ROOT_FONT_SIZE_PX, yi as RadarChart, xi as RadialBarChart, Si as Radio, Ci as RadioGroup, wa as ResizableHandle, Ta as ResizablePanel, Ea as ResizablePanelGroup, sa as SankeyChart, ca as ScatterChart, la as ScrollArea, ua as ScrollBar, L as Search, da as Section, fa as SectionContent, pa as SectionHeader, A as Select, j as SelectContent, N as SelectGroup, P as SelectGroupLabel, M as SelectItem, F as SelectTrigger, I as SelectValue, Xr as Separator, H as Sheet, U as SheetBody, W as SheetClose, G as SheetCloseButton, K as SheetContent, q as SheetDescription, _a as SheetDetails, J as SheetFooter, Y as SheetHeader, X as SheetOverlay, Z as SheetPortal, Q as SheetTitle, $ as SheetTrigger, Da as SidebarPrimary, Oa as SidebarPrimaryCollapseTrigger, ka as SidebarPrimaryContent, Aa as SidebarPrimaryFooter, ja as SidebarPrimaryHeader, Ma as SidebarPrimaryMenu, Na as SidebarPrimaryMenuItem, Pa as SidebarPrimaryMenuItemExtras, Fa as SidebarPrimarySection, La as SidebarSecondary, Ra as SidebarSecondaryCollapseTrigger, za as SidebarSecondaryContent, Ba as SidebarSecondaryFooter, Va as SidebarSecondaryHeader, Ha as SidebarSecondaryMenu, Ua as SidebarSecondaryMenuItem, Wa as SidebarSecondaryMenuItemExtras, Ga as SidebarSecondarySection, Ka as SidebarSecondarySectionLabel, ji as Skeleton, va as Slider, ya as Stack, xa as Stepper, Sa as StepperItem, Jt as Switch, Vn as Table, Hn as TableActionsCell, Un as TableBody, Wn as TableCaption, Gn as TableCell, Kn as TableFooter, qn as TableHead, Jn as TableHeader, Qn as TablePagination, Yn as TableRow, Xn as TableSelectCell, Zn as TableSettingsCell, $n as TableViewOptions, Ya as Tabs, Xa as TabsContent, Za as TabsList, Qa as TabsTrigger, V as Tag, B as Textarea, fo as Timeline, po as TimelineItem, mo as Timer, $a as Toaster, no as Toggle, ro as ToggleGroup, io as ToggleGroupItem, ao as Toolbar, oo as ToolbarActionList, so as ToolbarActions, d as Tooltip, f as TooltipContent, p as TooltipProvider, m as TooltipTrigger, ho as TreeItem, go as Treemap, Mi as TrendIndicator, uo as TruncateText, _o as WidgetPlaceholder, vo as WidgetPlaceholderAction, yo as WidgetPlaceholderContent, bo as WidgetPlaceholderFooter, xo as WidgetPlaceholderHeader, So as WidgetPlaceholderIcon, Co as WidgetPlaceholderImage, wo as WidgetPlaceholderText, To as WidgetPlaceholderTitle, Eo as Wizard, Do as WizardBody, Oo as WizardHeader, ko as WizardSubtitle, u as alertVariants, ct as areaChartVariants, pt as avatarVariants, ht as barChartVariants, Dt as buttonGroupItemVariants, Ot as buttonGroupVariants, qt as buttonIconInputVariants, t as buttonIconVariants, At as buttonMenuVariants, wt as buttonVariants, tn as cardFilterVariants, rn as cardSectionVariants, $t as cardVariants, cn as categoryBarVariants, mn as chipVariants, ee as cn, wn as composedChartVariants, li as computeFittedVisibleCount, Ue as createTickFormatter, We as dropProjectionPayload, Jr as emptyOverlayIconVariants, Te as findDuplicateTones, Ge as formatCompactNumber, Ke as formatPercent, pi as funnelChartPercent, mi as funnelChartVariants, C as getAppShellChatInitialLayout, rr as getCellStyle, ir as getColumnWidth, ar as getPinnedStyle, me as getViewportWidth, gi as gridVariants, er as isBulkSelectionActive, Yr as labelClassName, Oi as lineChartVariants, Ai as linkVariants, Ee as listPaletteChoices, De as listPaletteStops, Fr as loadingVariants, lo as measureTextWidth, co as middleTruncate, ie as parseTableUrlState, ra as pieChartVariants, oa as progressCircleVariants, bi as radarChartVariants, or as reorderColumn, qe as resolveAnimation, Je as resolveAxisDomain, Ye as resolveBrushProps, Xe as resolveCartesianLabelPosition, Ze as resolveCategoryRange, Fe as resolveChartColors, Qe as resolveChartReferenceValue, $e as resolveLabelFillClass, et as resolveReferenceLineProps, tt as resolveRotatedTickAnchor, Oe as resolveSeriesColor, nt as resolveXAxisHeight, rt as resolveXAxisTitle, it as resolveYAxisTitle, ma as sectionVariants, ae as serializeTableUrlState, ga as sheetVariants, Ia as sidebarPrimaryMenuItemVariants, qa as sidebarSecondaryMenuItemVariants, ba as stackVariants, Ca as stepperItemVariants, Vi as tagVariants, at as toLabelFormatter, ot as toReferenceLineList, eo as toast, to as toastVariants, Ni as trendIndicatorVariants, we as useAccordionContainerContext, w as useAppShellChatInitialLayout, wr as useFilterSearchFilters, Ht as useInputSelectFilter, ne as useIntersectionObserver, ge as usePortalContainer, ha as useSectionContext, te as useSortState, oe as useTableUrlState, se as useWizard };
@@ -81,6 +81,16 @@ export interface AreaChartProps extends Omit<React.ComponentProps<'div'>, 'child
81
81
  * axis, not one series.
82
82
  */
83
83
  referenceLine?: ChartReferenceLine | ChartReferenceLine[];
84
+ /**
85
+ * The category value (matching an `xKey` entry) at which the projection
86
+ * zone starts. Ticks from this point onward render in the disabled text
87
+ * color (`--ui-text-on-surface-disabled`). The chart data and series
88
+ * themselves are not affected — only the X-axis tick appearance changes.
89
+ *
90
+ * Use this when displaying a forecast/projection range where future
91
+ * data points should be visually de-emphasized on the axis.
92
+ */
93
+ projectionStart?: string | number;
84
94
  showLegend?: boolean;
85
95
  /** Position of the value labels when `showLabels` is on. Defaults to `top`. */
86
96
  labelPosition?: CartesianLabelPosition;