@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.
- package/dist/components/ui/area-chart/area-chart.js +191 -85
- package/dist/components/ui/area-chart/area-chart.js.map +1 -1
- package/dist/components/ui/bar-chart/bar-chart.js +288 -225
- package/dist/components/ui/bar-chart/bar-chart.js.map +1 -1
- package/dist/components/ui/card-widget-carousel/card-widget-carousel.js +85 -0
- package/dist/components/ui/card-widget-carousel/card-widget-carousel.js.map +1 -0
- package/dist/components/ui/card-widget-carousel/card-widget.js +82 -0
- package/dist/components/ui/card-widget-carousel/card-widget.js.map +1 -0
- package/dist/components/ui/category-bar/category-bar.js.map +1 -1
- package/dist/components/ui/chart/chart-format.js +25 -22
- package/dist/components/ui/chart/chart-format.js.map +1 -1
- package/dist/components/ui/chart/chart-palette.js +9 -8
- package/dist/components/ui/chart/chart-palette.js.map +1 -1
- package/dist/components/ui/chart/chart.js +127 -89
- package/dist/components/ui/chart/chart.js.map +1 -1
- package/dist/components/ui/funnel-chart/funnel-chart.js +189 -113
- package/dist/components/ui/funnel-chart/funnel-chart.js.map +1 -1
- package/dist/components/ui/input-select/input-select.js +18 -9
- package/dist/components/ui/input-select/input-select.js.map +1 -1
- package/dist/components/ui/line-chart/line-chart.js +194 -86
- package/dist/components/ui/line-chart/line-chart.js.map +1 -1
- package/dist/components/ui/radar-chart/radar-chart.js +76 -66
- package/dist/components/ui/radar-chart/radar-chart.js.map +1 -1
- package/dist/components/ui/scatter-chart/scatter-chart.js +5 -2
- package/dist/components/ui/scatter-chart/scatter-chart.js.map +1 -1
- package/dist/components/ui/separator/separator.js +52 -10
- package/dist/components/ui/separator/separator.js.map +1 -1
- package/dist/components/ui/sidebar-secondary/sidebar-secondary.js +144 -121
- package/dist/components/ui/sidebar-secondary/sidebar-secondary.js.map +1 -1
- package/dist/components/ui/tree-item/tree-item.js +67 -0
- package/dist/components/ui/tree-item/tree-item.js.map +1 -0
- package/dist/components/ui/treemap/treemap.js +73 -66
- package/dist/components/ui/treemap/treemap.js.map +1 -1
- package/dist/index.js +109 -107
- package/dist/llms/area-chart.md +2 -1
- package/dist/llms/bar-chart.md +132 -33
- package/dist/llms/card-widget-carousel.md +252 -0
- package/dist/llms/category-bar.md +2 -2
- package/dist/llms/funnel-chart.md +269 -101
- package/dist/llms/input-select.md +175 -1
- package/dist/llms/line-chart.md +2 -1
- package/dist/llms/metric.md +10 -5
- package/dist/llms/radar-chart.md +15 -5
- package/dist/llms/scatter-chart.md +2 -1
- package/dist/llms/separator.md +27 -8
- package/dist/llms/sidebar-secondary.md +235 -4
- package/dist/llms/tree-item.md +359 -0
- package/dist/llms/treemap.md +47 -36
- package/dist/llms.txt +5 -4
- package/dist/react.js +109 -107
- package/dist/src/components/ui/area-chart/area-chart.d.ts +10 -0
- package/dist/src/components/ui/bar-chart/bar-chart.d.ts +75 -10
- package/dist/src/components/ui/bar-chart/bar-chart.docs.d.ts +146 -0
- package/dist/src/components/ui/bar-chart/index.d.ts +1 -1
- package/dist/src/components/ui/card-widget-carousel/card-widget-carousel.d.ts +9 -0
- package/dist/src/components/ui/card-widget-carousel/card-widget.d.ts +43 -0
- package/dist/src/components/ui/card-widget-carousel/index.d.ts +2 -0
- package/dist/src/components/ui/chart/chart-format.d.ts +9 -1
- package/dist/src/components/ui/chart/chart-palette.d.ts +38 -10
- package/dist/src/components/ui/chart/chart.d.ts +8 -1
- package/dist/src/components/ui/chart/index.d.ts +2 -2
- package/dist/src/components/ui/funnel-chart/funnel-chart.d.ts +92 -26
- package/dist/src/components/ui/funnel-chart/index.d.ts +1 -1
- package/dist/src/components/ui/input-select/input-select.d.ts +34 -2
- package/dist/src/components/ui/line-chart/line-chart.d.ts +11 -1
- package/dist/src/components/ui/radar-chart/radar-chart.d.ts +42 -9
- package/dist/src/components/ui/separator/separator.d.ts +9 -1
- package/dist/src/components/ui/sidebar-secondary/sidebar-secondary.d.ts +23 -3
- package/dist/src/components/ui/tree-item/index.d.ts +1 -0
- package/dist/src/components/ui/tree-item/tree-item.d.ts +64 -0
- package/dist/src/components/ui/treemap/treemap.d.ts +16 -5
- package/dist/src/index.d.ts +2 -1
- package/dist/ui-react.css +1 -1
- package/package.json +1 -1
- package/dist/components/ui/meter/meter.js +0 -79
- package/dist/components/ui/meter/meter.js.map +0 -1
- package/dist/llms/meter.md +0 -177
- package/dist/src/components/ui/meter/index.d.ts +0 -1
- package/dist/src/components/ui/meter/meter.d.ts +0 -25
package/dist/llms/treemap.md
CHANGED
|
@@ -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, `
|
|
31
|
+
`--ui-dataviz-*` tokens, `diverging` (blue-orange) by default — not from `config`.
|
|
32
32
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
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'
|
|
71
|
-
Vue: { label: 'Vue'
|
|
72
|
-
Angular: {
|
|
73
|
-
|
|
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
|
|
92
|
-
|
|
93
|
-
|
|
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'` | `'
|
|
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
|
|
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
|
|
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 "
|
|
153
|
-
Then the label block is anchored at the tile's top start corner
|
|
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
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
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
|
|
253
|
-
|
|
254
|
-
adjacent cells distinguishable
|
|
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`
|
|
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):
|
|
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.
|
|
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,
|
|
17
|
-
import { AreaChart as
|
|
18
|
-
import { Avatar as
|
|
19
|
-
import { BarChart as
|
|
20
|
-
import { Breadcrumb as
|
|
21
|
-
import { Button as
|
|
22
|
-
import { ButtonGroup as
|
|
23
|
-
import { ButtonMenu as
|
|
24
|
-
import { Calendar as
|
|
25
|
-
import { DialogFooterDefault as
|
|
26
|
-
import { InputSelect as A, InputSelectContent as j, InputSelectDescription as
|
|
27
|
-
import { CalendarHeader as
|
|
28
|
-
import { ButtonIconInput as
|
|
29
|
-
import { Switch as
|
|
30
|
-
import { Card as
|
|
31
|
-
import { CardFilter as
|
|
32
|
-
import { CardSection as
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
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
|
|
58
|
-
import { InputDatePicker as
|
|
59
|
-
import { DateRangePicker as
|
|
60
|
-
import { DescriptionList as
|
|
61
|
-
import { InputBox as
|
|
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
|
|
64
|
-
import { Dialog as
|
|
65
|
-
import { DialogFooterCarousel as
|
|
66
|
-
import { DialogWelcome as
|
|
67
|
-
import { Empty as
|
|
68
|
-
import { EmptyOverlay as
|
|
69
|
-
import { labelClassName as
|
|
70
|
-
import { Separator as
|
|
71
|
-
import { Field as
|
|
72
|
-
import { FittedActions as
|
|
73
|
-
import { FilterCards as
|
|
74
|
-
import { FunnelChart as
|
|
75
|
-
import { Grid as
|
|
76
|
-
import { Histogram as
|
|
77
|
-
import { Form as
|
|
78
|
-
import { RadarChart as
|
|
79
|
-
import { RadialBarChart as
|
|
80
|
-
import { Radio as
|
|
81
|
-
import { InputNumPicker as
|
|
82
|
-
import { InputOTP as
|
|
83
|
-
import { InputPassword as
|
|
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
|
|
86
|
-
import { Link as
|
|
87
|
-
import {
|
|
88
|
-
import {
|
|
89
|
-
import {
|
|
90
|
-
import {
|
|
91
|
-
import {
|
|
92
|
-
import {
|
|
93
|
-
import {
|
|
94
|
-
import {
|
|
95
|
-
import {
|
|
96
|
-
import {
|
|
97
|
-
import {
|
|
98
|
-
import {
|
|
99
|
-
import {
|
|
100
|
-
import {
|
|
101
|
-
import {
|
|
102
|
-
import {
|
|
103
|
-
import {
|
|
104
|
-
import {
|
|
105
|
-
import {
|
|
106
|
-
import {
|
|
107
|
-
import {
|
|
108
|
-
import {
|
|
109
|
-
import {
|
|
110
|
-
import {
|
|
111
|
-
import {
|
|
112
|
-
import {
|
|
113
|
-
import {
|
|
114
|
-
import {
|
|
115
|
-
import {
|
|
116
|
-
import {
|
|
117
|
-
import {
|
|
118
|
-
import {
|
|
119
|
-
import {
|
|
120
|
-
import {
|
|
121
|
-
import {
|
|
122
|
-
import { Treemap as
|
|
123
|
-
import { WidgetPlaceholder as
|
|
124
|
-
import { Wizard as
|
|
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,
|
|
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;
|