@acronis-platform/ui-react 5.5.8 → 6.0.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/chart/chart.js +14 -11
- package/dist/components/ui/chart/chart.js.map +1 -1
- package/dist/components/ui/chart-state/chart-state.js +47 -37
- package/dist/components/ui/chart-state/chart-state.js.map +1 -1
- package/dist/components/ui/chart-widget/chart-widget.js +21 -23
- package/dist/components/ui/chart-widget/chart-widget.js.map +1 -1
- package/dist/components/ui/data-table/data-table-column-header.js +22 -14
- package/dist/components/ui/data-table/data-table-column-header.js.map +1 -1
- package/dist/components/ui/data-table/data-table.js +137 -137
- package/dist/components/ui/data-table/data-table.js.map +1 -1
- package/dist/components/ui/dialog/dialog.js +45 -32
- package/dist/components/ui/dialog/dialog.js.map +1 -1
- package/dist/components/ui/pie-chart/pie-chart.js +88 -84
- package/dist/components/ui/pie-chart/pie-chart.js.map +1 -1
- package/dist/index.js +86 -87
- package/dist/llms/chart-state.md +81 -164
- package/dist/llms/chart-widget.md +27 -25
- package/dist/llms/dialog-root.md +40 -13
- package/dist/llms/dialog.md +26 -1
- package/dist/llms.txt +3 -3
- package/dist/react.js +86 -87
- package/dist/src/components/ui/chart/chart.d.ts +3 -3
- package/dist/src/components/ui/chart-state/chart-state.d.ts +5 -14
- package/dist/src/components/ui/chart-state/index.d.ts +0 -1
- package/dist/src/components/ui/chart-widget/chart-widget.d.ts +10 -15
- package/dist/src/components/ui/data-table/data-table.d.ts +2 -2
- package/dist/src/components/ui/dialog/dialog.d.ts +9 -0
- package/dist/src/components/ui/dialog/dialog.docs.d.ts +5 -1
- package/dist/src/components/ui/pie-chart/pie-chart.d.ts +1 -1
- package/dist/ui-react.css +1 -1
- package/package.json +13 -13
- package/dist/components/ui/chart-state/chart-state-illustrations.js +0 -412
- package/dist/components/ui/chart-state/chart-state-illustrations.js.map +0 -1
- package/dist/src/components/ui/chart-state/chart-state-illustrations.d.ts +0 -6
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# ChartWidget
|
|
2
2
|
|
|
3
|
-
> The dashboard card a chart sits in: a `Card` with the standard widget header (title, optional filter chip and the ⋯ actions menu) and an optional metric readout above the plot. Adds the one thing a `Card` doesn't know about — the body's loading / empty / error
|
|
3
|
+
> The dashboard card a chart sits in: a `Card` with the standard widget header (title, optional filter chip and the ⋯ actions menu) and an optional metric readout above the plot. Adds the one thing a `Card` doesn't know about — the body's loading / empty / warning / error / number state — and re-implements nothing else. The consumer selects the state explicitly; the widget does not infer it from chart data. its `header` is `CardHeaderProps`, spread. It declares no size: the grid sizes the card and the widget passes that height down, so a `size-full` chart fills whatever the header leaves. The per-type chart components stay card-less, so a chart is still usable outside a widget.
|
|
4
4
|
|
|
5
5
|
**Status:** draft · **Category:** data-display · **Since:** v2.1.0
|
|
6
6
|
|
|
@@ -35,10 +35,11 @@ readout, then the plot. `ChartWidget` is that composition — and only that.
|
|
|
35
35
|
|
|
36
36
|
## What it adds
|
|
37
37
|
|
|
38
|
-
One thing a `Card` legitimately doesn't know about: **what the body shows
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
not
|
|
38
|
+
One thing a `Card` legitimately doesn't know about: **what the body shows for
|
|
39
|
+
an explicitly selected state.** `state="loading" | "empty" | "warning" |
|
|
40
|
+
"error" | "number"` renders `ChartState` in place of the metric and chart. The
|
|
41
|
+
consumer chooses the state; the widget does not infer it from data. Card chrome
|
|
42
|
+
remains consistent for each state.
|
|
42
43
|
|
|
43
44
|
## What it doesn't add
|
|
44
45
|
|
|
@@ -63,7 +64,7 @@ the rest of the card. See `behavior.md`.
|
|
|
63
64
|
| ------------------ | ------------------------------------------------------------------ |
|
|
64
65
|
| `index.yaml` | Identity, category, status, `since`. |
|
|
65
66
|
| `api.yaml` | The prop contract and the per-framework adapters. |
|
|
66
|
-
| `anatomy.yaml` | Parts, the schematic, and the
|
|
67
|
+
| `anatomy.yaml` | Parts, the schematic, and the five widget states. |
|
|
67
68
|
| `behavior.md` | Composition, how the height reaches the plot, state, localization. |
|
|
68
69
|
| `accessibility.md` | Roles, the placeholder's live region, header controls. |
|
|
69
70
|
| `tokens.yaml` | The `--ui-*` tokens the widget references. |
|
|
@@ -87,12 +88,10 @@ chart.
|
|
|
87
88
|
| `header` | `CardHeaderProps` | — | no | The card header, forwarded verbatim to `CardHeader` — `title`, `description`, `extras` (a filter chip), `actions` (the ⋯ menu), `isDraggable`, `isSwitchable`, `hasAvatar`, `hasRename`, `isCollapsible`. Omit for a header-less widget. |
|
|
88
89
|
| `orientation` | `'vertical' | 'horizontal'` | `vertical` | no | How the `metric` and plot are arranged inside the card body. `vertical` (default) — metric above the plot, full width; the metric takes its natural height and the plot fills the rest. `horizontal` — metric and plot side by side, each `flex-1`; use for compact (sm/288px) widgets where vertical space is at a premium. |
|
|
89
90
|
| `metric` | `ReactNode` | — | no | The readout beside or above the plot (depending on `orientation`), typically a `Metric`. |
|
|
90
|
-
| `
|
|
91
|
-
| `
|
|
92
|
-
| `stateDescription` | `ReactNode` | — | no | Text below the placeholder illustration or glyph. Forwarded to `ChartState` as `description`. Defaults to the per-state built-in ("Data is loading…" / "No data found" / "Something went wrong"). |
|
|
93
|
-
| `stateAction` | `ReactNode` | — | no | Trailing action on the `error` placeholder — e.g. a retry button. |
|
|
91
|
+
| `state` | `'loading' | 'empty' | 'warning' | 'error' | 'number'` | — | no | Renders `ChartState` in place of the metric and plot, keeping the header. The consumer selects the state; no state is inferred from the data. Card chrome remains consistent for all states. |
|
|
92
|
+
| `stateDescription` | `ReactNode` | — | no | Localized or context-specific content shown by `ChartState`. For `number`, pass the numeric value and unit. Defaults to per-state fallback content, including `0` for `number`. |
|
|
94
93
|
| `bodyClassName` | `string` | — | no | Class for the card body. Rarely needed — the body already fills the card. For the case where neither the grid nor the content gives a height, e.g. a placeholder-only widget outside a sized cell. |
|
|
95
|
-
| `children` | `ReactNode` | — | no | The chart
|
|
94
|
+
| `children` | `ReactNode` | — | no | The selected state replaces this chart and the metric while `state` is set. |
|
|
96
95
|
| `render` | `useRender.RenderProp` | — | no | Replace the rendered `<div>` with another element or component (Base UI composition), forwarded to `Card`. How a dashboard gives each widget a landmark role — `render={<section aria-label="Sessions" />}` — which is the one thing the widget can't infer for itself. |
|
|
97
96
|
|
|
98
97
|
## Behavior
|
|
@@ -142,21 +141,23 @@ design constraint, and hard-coding them would have fought the grid.
|
|
|
142
141
|
|
|
143
142
|
### State
|
|
144
143
|
|
|
145
|
-
`state`
|
|
144
|
+
The consumer selects `state` explicitly; the widget does not infer it from chart
|
|
145
|
+
data. When set, `ChartState` replaces both the `metric` and `children`. The
|
|
146
|
+
header stays. The `number` state shows a centered numeric KPI value.
|
|
146
147
|
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
148
|
+
The card surface and border remain the same for loading, empty, warning, error,
|
|
149
|
+
and number. State-specific visuals are contained within `ChartState` in the
|
|
150
|
+
body.
|
|
150
151
|
|
|
151
|
-
`ChartState` owns the live-region contract (`role="status"` for loading
|
|
152
|
-
`role="alert"` for error), so the announcement follows
|
|
153
|
-
than being re-declared on the widget.
|
|
152
|
+
`ChartState` owns the live-region contract (`role="status"` for loading, empty,
|
|
153
|
+
warning, and number; `role="alert"` for error), so the announcement follows
|
|
154
|
+
the state rather than being re-declared on the widget.
|
|
154
155
|
|
|
155
156
|
### Localization
|
|
156
157
|
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
158
|
+
The header's `title` / `description`, the metric's labels, and
|
|
159
|
+
`stateDescription` can be supplied by the consumer. The `stateDescription`
|
|
160
|
+
prop lets applications localize or contextualize the state content.
|
|
160
161
|
|
|
161
162
|
## Accessibility
|
|
162
163
|
|
|
@@ -187,7 +188,7 @@ name, so a chart inside should not repeat it in its own accessible name.
|
|
|
187
188
|
## The placeholder is the live region
|
|
188
189
|
|
|
189
190
|
While `state` is set, `ChartState` is the live region — `role="status"`
|
|
190
|
-
(`aria-live="polite"`) for loading
|
|
191
|
+
(`aria-live="polite"`) for loading, empty, warning, and number; `role="alert"`
|
|
191
192
|
(`aria-live="assertive"`) for error. The widget deliberately does **not** add
|
|
192
193
|
`aria-busy` around it: the placeholder is unmounted and replaced by the plot
|
|
193
194
|
rather than un-busied, and some assistive tech defers announcing a busy region's
|
|
@@ -203,7 +204,8 @@ switch, rename button and collapse trigger each take a label prop with a
|
|
|
203
204
|
default, and the `actions` slot is the caller's own control (an icon button
|
|
204
205
|
needs its own `aria-label` — the mockups' ⋯ menu has no visible text).
|
|
205
206
|
|
|
206
|
-
##
|
|
207
|
+
## State meaning
|
|
207
208
|
|
|
208
|
-
|
|
209
|
-
|
|
209
|
+
The widget card border stays consistent across states. `ChartState` supplies a
|
|
210
|
+
state icon and message (or the numeric KPI value), so meaning does not rely on
|
|
211
|
+
color alone.
|
package/dist/llms/dialog-root.md
CHANGED
|
@@ -58,19 +58,19 @@ decision. Composable from parts; built on the Base UI Dialog primitive.
|
|
|
58
58
|
|
|
59
59
|
## Parts
|
|
60
60
|
|
|
61
|
-
| Part | Element (default) | Purpose
|
|
62
|
-
| -------------------------------- | ------------------ |
|
|
63
|
-
| `DialogRoot` | — | Root; owns the open state (Base UI `Root`).
|
|
64
|
-
| `DialogTrigger` | `button` | Opens the dialog.
|
|
65
|
-
| `DialogContent` | `div[role=dialog]` | The portaled
|
|
66
|
-
| `DialogHeaderRoot` | `div` | Top bar; holds the title and close button.
|
|
67
|
-
| `DialogTitle` | `h2` | Accessible dialog name (`aria-labelledby`).
|
|
68
|
-
| `DialogCloseButton` | `button` | Icon button that dismisses the dialog.
|
|
69
|
-
| `DialogBodyRoot` | `div` | Scrollable content region.
|
|
70
|
-
| `DialogDescription` | `p` | Supporting copy (`aria-describedby`).
|
|
71
|
-
| `DialogFooterRoot` | `div` | Right-aligned action bar.
|
|
72
|
-
| `DialogClose` | `button` | Closes the dialog; wrap a Button via `render`.
|
|
73
|
-
| `DialogOverlay` / `DialogPortal` | — | Lower-level parts (`DialogContent` renders them).
|
|
61
|
+
| Part | Element (default) | Purpose |
|
|
62
|
+
| -------------------------------- | ------------------ | ---------------------------------------------------------------------------------------- |
|
|
63
|
+
| `DialogRoot` | — | Root; owns the open state (Base UI `Root`). |
|
|
64
|
+
| `DialogTrigger` | `button` | Opens the dialog. |
|
|
65
|
+
| `DialogContent` | `div[role=dialog]` | The portaled popup (+ overlay); centered by default, or top-aligned via `verticalAlign`. |
|
|
66
|
+
| `DialogHeaderRoot` | `div` | Top bar; holds the title and close button. |
|
|
67
|
+
| `DialogTitle` | `h2` | Accessible dialog name (`aria-labelledby`). |
|
|
68
|
+
| `DialogCloseButton` | `button` | Icon button that dismisses the dialog. |
|
|
69
|
+
| `DialogBodyRoot` | `div` | Scrollable content region. |
|
|
70
|
+
| `DialogDescription` | `p` | Supporting copy (`aria-describedby`). |
|
|
71
|
+
| `DialogFooterRoot` | `div` | Right-aligned action bar. |
|
|
72
|
+
| `DialogClose` | `button` | Closes the dialog; wrap a Button via `render`. |
|
|
73
|
+
| `DialogOverlay` / `DialogPortal` | — | Lower-level parts (`DialogContent` renders them). |
|
|
74
74
|
|
|
75
75
|
## Sizes
|
|
76
76
|
|
|
@@ -79,6 +79,12 @@ decision. Composable from parts; built on the Base UI Dialog primitive.
|
|
|
79
79
|
`large` (832px) is a legacy backward-compatibility size with no design token,
|
|
80
80
|
kept for existing call sites (see the public `Dialog` recipe's `wide` variant).
|
|
81
81
|
|
|
82
|
+
## Placement
|
|
83
|
+
|
|
84
|
+
`DialogContent` takes a `verticalAlign` prop: `center` (default) centers the
|
|
85
|
+
popup in the viewport; `top` pins it 48px from the top edge, horizontally
|
|
86
|
+
centered, keeping its content height (still capped at `100dvh - 96px`).
|
|
87
|
+
|
|
82
88
|
## Example (internal usage only)
|
|
83
89
|
|
|
84
90
|
```tsx
|
|
@@ -124,6 +130,7 @@ import { Button } from '../button';
|
|
|
124
130
|
| `default-open` | `boolean` | `false` | no | Initial open state when uncontrolled. |
|
|
125
131
|
| `modal` | `boolean | 'trap-focus'` | `true` | no | Modal behavior — traps focus and locks background scroll while open. `'trap-focus'` keeps the focus trap but allows background interaction. |
|
|
126
132
|
| `size` | `'sm' | 'large'` | `'sm'` | no | Popup max-width (on the content part). `sm` (512px) has a Figma-defined token (`--ui-dialog-container-size-sm`); `large` (832px) is a legacy backward-compatibility size with no design token, kept for existing call sites (see the public `Dialog` recipe's `wide` variant). |
|
|
133
|
+
| `verticalAlign` | `'center' | 'top'` | `'center'` | no | Vertical placement of the popup (on the content part). `center` (the default) centers it in the viewport; `top` pins it 48px from the top edge of the viewport instead, keeping its content height. A ui-react-only extension beyond the Figma contract, like `size="large"`. |
|
|
127
134
|
| `portal` | `boolean` | `true` | no | Render the content inside a portal (the content part). Required by the underlying primitive for correct stacking; disable only when supplying your own portal ancestor. |
|
|
128
135
|
| `render` | `RenderProp` | `undefined` | no | Composition prop available on the trigger, close, title, description, and other primitive parts — replaces the rendered element with another component (e.g. render the trigger as a Button) while merging props. React-only; other frameworks use their own polymorphism. |
|
|
129
136
|
|
|
@@ -205,6 +212,26 @@ Scenario: Modal locks the background (default)
|
|
|
205
212
|
inside the dialog until it closes
|
|
206
213
|
```
|
|
207
214
|
|
|
215
|
+
### Placement
|
|
216
|
+
|
|
217
|
+
```gherkin
|
|
218
|
+
Scenario: The popup is centered by default
|
|
219
|
+
Given a DialogRoot whose DialogContent has no verticalAlign (or
|
|
220
|
+
verticalAlign = "center")
|
|
221
|
+
When it opens
|
|
222
|
+
Then the popup is centered in the viewport, horizontally and vertically
|
|
223
|
+
```
|
|
224
|
+
|
|
225
|
+
```gherkin
|
|
226
|
+
Scenario: verticalAlign = "top" pins the popup near the top edge
|
|
227
|
+
Given a DialogRoot whose DialogContent has verticalAlign = "top"
|
|
228
|
+
When it opens
|
|
229
|
+
Then the popup's top edge sits 48px below the top of the viewport
|
|
230
|
+
And it stays horizontally centered
|
|
231
|
+
And it keeps its content height (still capped at 100dvh - 96px), leaving
|
|
232
|
+
the viewport below it empty
|
|
233
|
+
```
|
|
234
|
+
|
|
208
235
|
## Accessibility
|
|
209
236
|
|
|
210
237
|
DialogRoot leans on the Base UI Dialog primitive for its modal semantics,
|
package/dist/llms/dialog.md
CHANGED
|
@@ -97,7 +97,7 @@ name is `Dialog`.
|
|
|
97
97
|
|
|
98
98
|
| Part | Element (default) | Purpose |
|
|
99
99
|
| ----------------- | ------------------ | ---------------------------------------------------- |
|
|
100
|
-
| `container` | `div[role=dialog]` | The portaled
|
|
100
|
+
| `container` | `div[role=dialog]` | The portaled popup card; centered (or top-aligned). |
|
|
101
101
|
| `header` | `div` | Top bar; title + close button. |
|
|
102
102
|
| `title` | `h2` | Accessible dialog name (`aria-labelledby`). |
|
|
103
103
|
| `close-button` | `button` | Icon button that dismisses the dialog. |
|
|
@@ -146,6 +146,11 @@ import { Dialog } from '@acronis-platform/ui-react';
|
|
|
146
146
|
<p>Body-only content — no title bar, no close button.</p>
|
|
147
147
|
</Dialog>;
|
|
148
148
|
|
|
149
|
+
// Pin the popup 48px from the top of the viewport instead of centering it
|
|
150
|
+
<Dialog variant="default" verticalAlign="top" open>
|
|
151
|
+
<p>Any custom body content.</p>
|
|
152
|
+
</Dialog>;
|
|
153
|
+
|
|
149
154
|
// Legacy wide variant — free-form footer, kept for backward compatibility
|
|
150
155
|
import { Button, DialogClose } from '@acronis-platform/ui-react';
|
|
151
156
|
|
|
@@ -185,6 +190,7 @@ import { Button, DialogClose } from '@acronis-platform/ui-react';
|
|
|
185
190
|
| `default-open` | `boolean` | `false` | no | Initial open state when uncontrolled (React `defaultOpen`). |
|
|
186
191
|
| `modal` | `boolean | 'trap-focus'` | `true` | no | Modal behavior — traps focus and locks background scroll while open. `'trap-focus'` keeps the focus trap but allows background interaction. |
|
|
187
192
|
| `size` | `'sm' | 'large'` | `'sm'` | no | Popup max-width (forwarded to the underlying content). Defaults to `sm` (512px, the Figma-defined size), or to `large` (832px) when `variant` is `wide`. `large` predates the Figma node and has no design token — a legacy backward-compatibility size, not a design-system width scale. |
|
|
193
|
+
| `verticalAlign` | `'center' | 'top'` | `'center'` | no | Vertical placement of the popup (forwarded to the underlying content). `center` (the default) centers it in the viewport; `top` pins it 48px from the top edge of the viewport instead, keeping its content height. A ui-react-only extension beyond the Figma contract, like `size="large"`. |
|
|
188
194
|
| `portal` | `boolean` | `true` | no | Render the content inside a portal (forwarded to the underlying content). Required for correct stacking; disable only when supplying your own portal ancestor. |
|
|
189
195
|
| `keepMounted` | `boolean` | — | no | Keep the content mounted while closed (forwarded to the underlying content's portal). |
|
|
190
196
|
|
|
@@ -241,6 +247,25 @@ Scenario: The wide variant is a free-form escape hatch
|
|
|
241
247
|
secondary/primary pair
|
|
242
248
|
```
|
|
243
249
|
|
|
250
|
+
### Placement
|
|
251
|
+
|
|
252
|
+
```gherkin
|
|
253
|
+
Scenario: The popup is centered by default
|
|
254
|
+
Given a Dialog with no verticalAlign (or verticalAlign = "center")
|
|
255
|
+
When it opens
|
|
256
|
+
Then the popup is centered in the viewport, horizontally and vertically
|
|
257
|
+
```
|
|
258
|
+
|
|
259
|
+
```gherkin
|
|
260
|
+
Scenario: verticalAlign = "top" pins the popup near the top edge
|
|
261
|
+
Given a Dialog with verticalAlign = "top"
|
|
262
|
+
When it opens
|
|
263
|
+
Then the popup's top edge sits 48px below the top of the viewport
|
|
264
|
+
And it stays horizontally centered
|
|
265
|
+
And it keeps its content height (still capped at 100dvh - 96px), leaving
|
|
266
|
+
the viewport below it empty
|
|
267
|
+
```
|
|
268
|
+
|
|
244
269
|
### Body slot
|
|
245
270
|
|
|
246
271
|
```gherkin
|
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` v6.0.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,
|
|
@@ -34,8 +34,8 @@ accessibility notes, and usage examples.
|
|
|
34
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.
|
|
35
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.
|
|
36
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`.
|
|
37
|
-
- [ChartState](./llms/chart-state.md):
|
|
38
|
-
- [ChartWidget](./llms/chart-widget.md): The dashboard card a chart sits in: a `Card` with the standard widget header (title, optional filter chip and the ⋯ actions menu) and an optional metric readout above the plot. Adds the one thing a `Card` doesn't know about — the body's loading / empty / error
|
|
37
|
+
- [ChartState](./llms/chart-state.md): Shared loading / empty / warning / error / number visuals for a chart slot. Empty, warning, and error use the Breakpoints visual treatment: a 64px status circle with a 24px glyph and centered message. Number shows a centered KPI value; loading uses the shared spinner. Consumers select the state and may localize its content through `description`. Distinct from `WidgetPlaceholder`, which is the composable skeleton for a non-chart widget.
|
|
38
|
+
- [ChartWidget](./llms/chart-widget.md): The dashboard card a chart sits in: a `Card` with the standard widget header (title, optional filter chip and the ⋯ actions menu) and an optional metric readout above the plot. Adds the one thing a `Card` doesn't know about — the body's loading / empty / warning / error / number state — and re-implements nothing else. The consumer selects the state explicitly; the widget does not infer it from chart data. its `header` is `CardHeaderProps`, spread. It declares no size: the grid sizes the card and the widget passes that height down, so a `size-full` chart fills whatever the header leaves. The per-type chart components stay card-less, so a chart is still usable outside a widget.
|
|
39
39
|
- [Chip](./llms/chip.md): A compact, interactive label for a selection, a removable token, or an inline action. The `removable` variant carries a trailing × button; `selectable` is a toggle that shows an active style when selected; `operational` is a plain action chip with a strong-link label. All three accept an optional leading icon.
|
|
40
40
|
- [ComposedChart](./llms/composed-chart.md): A typed composed (mixed) chart over the shared `Chart` primitives. Plots a `series` list over one shared category axis, where each entry picks its own render `type` (bar / line / area), inside a `ChartContainer` with tooltip and legend chrome. No variant axes — the mix is data-driven via `series[].type`. Series render in the caller's `series` order (later entries paint on top). Ported from the apps/demo `ComposedChartPlayground`.
|
|
41
41
|
- [ConfidenceCone](./llms/confidence-cone.md): A forecast confidence-cone over the shared `Chart` primitives: a solid line for the known/actual period, a dashed line for the forecast, and a shaded band (the "cone") between a lower and upper bound that typically widens with the horizon, visualizing growing uncertainty. Distinct from the conversion `FunnelChart`. Design-pending v1 (no `--ui-chart-*` palette, no `apps/demo` playground — built net-new).
|
package/dist/react.js
CHANGED
|
@@ -36,93 +36,92 @@ import { CardSection as sn, cardSectionVariants as cn } from "./components/ui/ca
|
|
|
36
36
|
import { CardWidgetCarousel as ln } from "./components/ui/card-widget-carousel/card-widget-carousel.js";
|
|
37
37
|
import { CardWidget as un } from "./components/ui/card-widget-carousel/card-widget.js";
|
|
38
38
|
import { CategoryBar as dn, categoryBarVariants as fn } from "./components/ui/category-bar/category-bar.js";
|
|
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 {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import { FilterSearch as wr, FilterSearchActions as Tr, FilterSearchAppliedFilters as Er, FilterSearchFilters as Dr, useFilterSearchFilters as Or } from "./components/ui/filter-search/filter-search.js";
|
|
39
|
+
import { ChartState as pn } from "./components/ui/chart-state/chart-state.js";
|
|
40
|
+
import { ChartWidget as mn } from "./components/ui/chart-widget/chart-widget.js";
|
|
41
|
+
import { Checkbox as hn } from "./components/ui/checkbox/checkbox.js";
|
|
42
|
+
import { Chip as gn, chipVariants as _n } from "./components/ui/chip/chip.js";
|
|
43
|
+
import { Combobox as vn, ComboboxContent as yn, ComboboxEmpty as bn, ComboboxGroup as xn, ComboboxGroupLabel as Sn, ComboboxInput as Cn, ComboboxItem as wn, ComboboxList as Tn } from "./components/ui/combobox/combobox.js";
|
|
44
|
+
import { ComposedChart as En, composedChartVariants as Dn } from "./components/ui/composed-chart/composed-chart.js";
|
|
45
|
+
import { ConfidenceCone as On } from "./components/ui/confidence-cone/confidence-cone.js";
|
|
46
|
+
import { DropdownMenu as kn, DropdownMenuCheckboxItem as An, DropdownMenuContent as jn, DropdownMenuGroup as Mn, DropdownMenuItem as Nn, DropdownMenuLabel as Pn, DropdownMenuPortal as Fn, DropdownMenuRadioGroup as In, DropdownMenuRadioItem as Ln, DropdownMenuSeparator as Rn, DropdownMenuShortcut as zn, DropdownMenuSub as Bn, DropdownMenuSubContent as Vn, DropdownMenuSubTrigger as Hn, DropdownMenuTrigger as Un } from "./components/ui/dropdown-menu/dropdown-menu.js";
|
|
47
|
+
import { Table as Wn, TableActionsCell as Gn, TableBody as Kn, TableCaption as qn, TableCell as Jn, TableFooter as Yn, TableHead as Xn, TableHeader as Zn, TableRow as Qn, TableSelectCell as $n, TableSettingsCell as er } from "./components/ui/table/table.js";
|
|
48
|
+
import { TablePagination as tr } from "./components/ui/table/table-pagination.js";
|
|
49
|
+
import { TableViewOptions as nr } from "./components/ui/table/table-view-options.js";
|
|
50
|
+
import { isBulkSelectionActive as rr } from "./components/ui/data-table/data-table-selection.js";
|
|
51
|
+
import { DataTableViewOptions as ir } from "./components/ui/data-table/data-table-view-options.js";
|
|
52
|
+
import { DataTable as ar, getCellStyle as or, getColumnWidth as sr, getPinnedStyle as cr, reorderColumn as lr } from "./components/ui/data-table/data-table.js";
|
|
53
|
+
import { DataTableBulkActionsBar as ur } from "./components/ui/data-table/data-table-bulk-actions-bar.js";
|
|
54
|
+
import { DataTableColumnHeader as dr } from "./components/ui/data-table/data-table-column-header.js";
|
|
55
|
+
import { DataTableExpandTrigger as fr } from "./components/ui/data-table/data-table-expand-trigger.js";
|
|
56
|
+
import { DataTablePagination as pr } from "./components/ui/data-table/data-table-pagination.js";
|
|
57
|
+
import { FilterChips as mr, FilterChipsList as hr, FilterChipsReset as gr } from "./components/ui/filter-chips/filter-chips.js";
|
|
58
|
+
import { Popover as _r, PopoverBody as vr, PopoverContent as yr, PopoverFooter as br, PopoverPortal as xr, PopoverTrigger as Sr } from "./components/ui/popover/popover.js";
|
|
59
|
+
import { FilterSearch as Cr, FilterSearchActions as wr, FilterSearchAppliedFilters as Tr, FilterSearchFilters as Er, useFilterSearchFilters as Dr } from "./components/ui/filter-search/filter-search.js";
|
|
61
60
|
import { InputSearch as L } from "./components/ui/input-search/input-search.js";
|
|
62
|
-
import { DataTableToolbar as
|
|
63
|
-
import { InputDatePicker as
|
|
64
|
-
import { DateRangePicker as
|
|
65
|
-
import { DescriptionList as
|
|
66
|
-
import { InputBox as
|
|
61
|
+
import { DataTableToolbar as Or } from "./components/ui/data-table/data-table-toolbar.js";
|
|
62
|
+
import { InputDatePicker as R } from "./components/ui/input-date-picker/input-date-picker.js";
|
|
63
|
+
import { DateRangePicker as kr } from "./components/ui/date-range-picker/date-range-picker.js";
|
|
64
|
+
import { DescriptionList as Ar, DescriptionListActions as jr, DescriptionListItem as Mr, DescriptionListLabel as Nr, DescriptionListValue as Pr, DescriptionListValueDescription as Fr } from "./components/ui/description-list/description-list.js";
|
|
65
|
+
import { InputBox as Ir } from "./components/ui/input/input.js";
|
|
67
66
|
import { InputText as z } from "./components/ui/input-text/input-text.js";
|
|
68
|
-
import { Loading as
|
|
69
|
-
import { Dialog as
|
|
70
|
-
import { DialogFooterCarousel as
|
|
71
|
-
import { DialogWelcome as
|
|
72
|
-
import { Empty as
|
|
73
|
-
import { EmptyOverlay as
|
|
74
|
-
import { labelClassName as
|
|
75
|
-
import { Separator as
|
|
76
|
-
import { Field as
|
|
77
|
-
import { FittedActions as
|
|
78
|
-
import { FilterCards as
|
|
79
|
-
import { FUNNEL_CHART_DEFAULT_PALETTE as
|
|
80
|
-
import { Grid as
|
|
81
|
-
import { Histogram as
|
|
82
|
-
import { Form as
|
|
83
|
-
import { RadarChart as
|
|
84
|
-
import { RadialBarChart as
|
|
85
|
-
import { Radio as
|
|
86
|
-
import { InputNumPicker as
|
|
87
|
-
import { InputOTP as
|
|
88
|
-
import { InputPassword as
|
|
67
|
+
import { Loading as Lr, loadingVariants as Rr } from "./components/ui/loading/loading.js";
|
|
68
|
+
import { Dialog as zr, DialogClose as Br } from "./components/ui/dialog/dialog.js";
|
|
69
|
+
import { DialogFooterCarousel as Vr } from "./components/ui/dialog-footer-carousel/dialog-footer-carousel.js";
|
|
70
|
+
import { DialogWelcome as Hr } from "./components/ui/dialog-welcome/dialog-welcome.js";
|
|
71
|
+
import { Empty as Ur, EmptyActions as Wr, EmptyDescription as Gr, EmptyHeader as Kr, EmptyIcon as qr, EmptyLinks as Jr, EmptyTitle as Yr } from "./components/ui/empty/empty.js";
|
|
72
|
+
import { EmptyOverlay as Xr, emptyOverlayIconVariants as Zr } from "./components/ui/empty-overlay/empty-overlay.js";
|
|
73
|
+
import { labelClassName as Qr } from "./components/ui/label/label.js";
|
|
74
|
+
import { Separator as $r } from "./components/ui/separator/separator.js";
|
|
75
|
+
import { Field as ei, FieldContent as ti, FieldControl as ni, FieldDescription as ri, FieldError as ii, FieldGroup as ai, FieldLabel as oi, FieldLegend as si, FieldSeparator as ci, FieldSet as li, FieldTitle as ui } from "./components/ui/field/field.js";
|
|
76
|
+
import { FittedActions as di, computeFittedVisibleCount as fi } from "./components/ui/fitted-actions/fitted-actions.js";
|
|
77
|
+
import { FilterCards as pi } from "./components/ui/filter-cards/filter-cards.js";
|
|
78
|
+
import { FUNNEL_CHART_DEFAULT_PALETTE as mi, FunnelChart as hi, funnelChartPercent as gi, funnelChartVariants as _i } from "./components/ui/funnel-chart/funnel-chart.js";
|
|
79
|
+
import { Grid as vi, gridVariants as yi } from "./components/ui/grid/grid.js";
|
|
80
|
+
import { Histogram as bi } from "./components/ui/histogram/histogram.js";
|
|
81
|
+
import { Form as xi } from "./components/ui/form/form.js";
|
|
82
|
+
import { RadarChart as Si, radarChartVariants as Ci } from "./components/ui/radar-chart/radar-chart.js";
|
|
83
|
+
import { RadialBarChart as wi } from "./components/ui/radial-bar-chart/radial-bar-chart.js";
|
|
84
|
+
import { Radio as Ti, RadioGroup as Ei } from "./components/ui/radio/radio.js";
|
|
85
|
+
import { InputNumPicker as Di } from "./components/ui/input-num-picker/input-num-picker.js";
|
|
86
|
+
import { InputOTP as Oi } from "./components/ui/input-otp/input-otp.js";
|
|
87
|
+
import { InputPassword as ki } from "./components/ui/input-password/input-password.js";
|
|
89
88
|
import { InputTextArea as B } from "./components/ui/input-text-area/input-text-area.js";
|
|
90
|
-
import { LineChart as
|
|
91
|
-
import { Link as
|
|
92
|
-
import { Skeleton as
|
|
93
|
-
import { TrendIndicator as
|
|
94
|
-
import { Metric as
|
|
95
|
-
import { NumberField as
|
|
96
|
-
import { PageContent as
|
|
97
|
-
import { Tag as V, tagVariants as
|
|
98
|
-
import { PageHeader as
|
|
99
|
-
import { Pagination as
|
|
100
|
-
import { PieChart as
|
|
101
|
-
import { Progress as
|
|
102
|
-
import { ProgressCircle as
|
|
103
|
-
import { SankeyChart as
|
|
104
|
-
import { ScatterChart as
|
|
105
|
-
import { ScrollArea as
|
|
106
|
-
import { Section as
|
|
107
|
-
import { SegmentControl as
|
|
108
|
-
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
|
|
109
|
-
import { SheetDetails as
|
|
110
|
-
import { Slider as
|
|
111
|
-
import { Stack as
|
|
112
|
-
import { Stepper as
|
|
113
|
-
import { StepperItem as
|
|
114
|
-
import { ResizableHandle as
|
|
115
|
-
import { SidebarPrimary as
|
|
116
|
-
import { SidebarSecondary as
|
|
117
|
-
import { ButtonIconMenu as
|
|
118
|
-
import { Tabs as
|
|
119
|
-
import { Toaster as
|
|
120
|
-
import { Toggle as
|
|
121
|
-
import { Toolbar as
|
|
122
|
-
import { Timeline as
|
|
123
|
-
import { Timer as
|
|
124
|
-
import { TreeItem as
|
|
125
|
-
import { Treemap as
|
|
126
|
-
import { WidgetPlaceholder as
|
|
127
|
-
import { Wizard as
|
|
128
|
-
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, dt as AreaChart, pt as Avatar, mt as AvatarFallback, ht as AvatarGroup, gt 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, vt as BarChart, bt as Breadcrumb, xt as BreadcrumbEllipsis, St as BreadcrumbItem, Ct as BreadcrumbLink, wt as BreadcrumbList, Tt as BreadcrumbPage, Et as BreadcrumbSeparator, Dt as Button, kt as ButtonGroup, At as ButtonGroupItem, e as ButtonIcon, Xt as ButtonIconInput,
|
|
89
|
+
import { LineChart as Ai, lineChartVariants as ji } from "./components/ui/line-chart/line-chart.js";
|
|
90
|
+
import { Link as Mi, linkVariants as Ni } from "./components/ui/link/link.js";
|
|
91
|
+
import { Skeleton as Pi } from "./components/ui/skeleton/skeleton.js";
|
|
92
|
+
import { TrendIndicator as Fi, trendIndicatorVariants as Ii } from "./components/ui/trend-indicator/trend-indicator.js";
|
|
93
|
+
import { Metric as Li } from "./components/ui/metric/metric.js";
|
|
94
|
+
import { NumberField as Ri, NumberFieldDecrement as zi, NumberFieldGroup as Bi, NumberFieldIncrement as Vi, NumberFieldInput as Hi } from "./components/ui/number-field/number-field.js";
|
|
95
|
+
import { PageContent as Ui } from "./components/ui/page-content/page-content.js";
|
|
96
|
+
import { Tag as V, tagVariants as Wi } from "./components/ui/tag/tag.js";
|
|
97
|
+
import { PageHeader as Gi, PageHeaderActions as Ki, PageHeaderDescription as qi, PageHeaderDescriptionRow as Ji, PageHeaderRow as Yi, PageHeaderTags as Xi, PageHeaderTitle as Zi } from "./components/ui/page-header/page-header.js";
|
|
98
|
+
import { Pagination as Qi, PaginationContent as $i, PaginationEllipsis as ea, PaginationItem as ta, PaginationLink as na, PaginationNext as ra, PaginationPrevious as ia } from "./components/ui/pagination/pagination.js";
|
|
99
|
+
import { PieChart as aa, pieChartVariants as oa } from "./components/ui/pie-chart/pie-chart.js";
|
|
100
|
+
import { Progress as sa } from "./components/ui/progress/progress.js";
|
|
101
|
+
import { ProgressCircle as ca, progressCircleVariants as la } from "./components/ui/progress-circle/progress-circle.js";
|
|
102
|
+
import { SankeyChart as ua } from "./components/ui/sankey-chart/sankey-chart.js";
|
|
103
|
+
import { ScatterChart as da } from "./components/ui/scatter-chart/scatter-chart.js";
|
|
104
|
+
import { ScrollArea as fa, ScrollBar as pa } from "./components/ui/scroll-area/scroll-area.js";
|
|
105
|
+
import { Section as ma, SectionContent as ha, SectionHeader as ga, sectionVariants as _a, useSectionContext as va } from "./components/ui/section/section.js";
|
|
106
|
+
import { SegmentControl as ya, SegmentControlItem as ba, segmentControlVariants as xa } from "./components/ui/segment-control/segment-control.js";
|
|
107
|
+
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 Sa } from "./components/ui/sheet/sheet.js";
|
|
108
|
+
import { SheetDetails as Ca } from "./components/ui/sheet/sheet-details.js";
|
|
109
|
+
import { Slider as wa } from "./components/ui/slider/slider.js";
|
|
110
|
+
import { Stack as Ta, stackVariants as Ea } from "./components/ui/stack/stack.js";
|
|
111
|
+
import { Stepper as Da } from "./components/ui/stepper/stepper.js";
|
|
112
|
+
import { StepperItem as Oa, stepperItemVariants as ka } from "./components/ui/stepper-item/stepper-item.js";
|
|
113
|
+
import { ResizableHandle as Aa, ResizablePanel as ja, ResizablePanelGroup as Ma } from "./components/ui/resizable/resizable.js";
|
|
114
|
+
import { SidebarPrimary as Na, SidebarPrimaryCollapseTrigger as Pa, SidebarPrimaryContent as Fa, SidebarPrimaryFooter as Ia, SidebarPrimaryHeader as La, SidebarPrimaryMenu as Ra, SidebarPrimaryMenuItem as za, SidebarPrimaryMenuItemExtras as Ba, SidebarPrimarySection as Va, sidebarPrimaryMenuItemVariants as Ha } from "./components/ui/sidebar-primary/sidebar-primary.js";
|
|
115
|
+
import { SidebarSecondary as Ua, SidebarSecondaryCollapseTrigger as Wa, SidebarSecondaryContent as Ga, SidebarSecondaryFooter as Ka, SidebarSecondaryHeader as qa, SidebarSecondaryMenu as Ja, SidebarSecondaryMenuItem as Ya, SidebarSecondaryMenuItemExtras as Xa, SidebarSecondarySection as Za, SidebarSecondarySectionLabel as Qa, sidebarSecondaryMenuItemVariants as $a } from "./components/ui/sidebar-secondary/sidebar-secondary.js";
|
|
116
|
+
import { ButtonIconMenu as eo } from "./components/ui/button-icon-menu/button-icon-menu.js";
|
|
117
|
+
import { Tabs as to, TabsContent as no, TabsList as ro, TabsTrigger as io } from "./components/ui/tabs/tabs.js";
|
|
118
|
+
import { Toaster as ao, toast as oo, toastVariants as so } from "./components/ui/toast/toast.js";
|
|
119
|
+
import { Toggle as co, ToggleGroup as lo, ToggleGroupItem as uo } from "./components/ui/toggle-group/toggle-group.js";
|
|
120
|
+
import { Toolbar as fo, ToolbarActionList as po, ToolbarActions as mo } from "./components/ui/toolbar/toolbar.js";
|
|
121
|
+
import { Timeline as ho, TimelineItem as go } from "./components/ui/timeline/timeline.js";
|
|
122
|
+
import { Timer as _o } from "./components/ui/timer/timer.js";
|
|
123
|
+
import { TreeItem as vo } from "./components/ui/tree-item/tree-item.js";
|
|
124
|
+
import { Treemap as yo } from "./components/ui/treemap/treemap.js";
|
|
125
|
+
import { WidgetPlaceholder as bo, WidgetPlaceholderAction as xo, WidgetPlaceholderContent as So, WidgetPlaceholderFooter as Co, WidgetPlaceholderHeader as wo, WidgetPlaceholderIcon as To, WidgetPlaceholderImage as Eo, WidgetPlaceholderText as Do, WidgetPlaceholderTitle as Oo } from "./components/ui/widget-placeholder/widget-placeholder.js";
|
|
126
|
+
import { Wizard as ko, WizardBody as Ao, WizardHeader as jo, WizardSubtitle as Mo } 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, dt as AreaChart, pt as Avatar, mt as AvatarFallback, ht as AvatarGroup, gt 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, vt as BarChart, bt as Breadcrumb, xt as BreadcrumbEllipsis, St as BreadcrumbItem, Ct as BreadcrumbLink, wt as BreadcrumbList, Tt as BreadcrumbPage, Et as BreadcrumbSeparator, Dt as Button, kt as ButtonGroup, At as ButtonGroupItem, e as ButtonIcon, Xt as ButtonIconInput, eo as ButtonIconMenu, Nt as ButtonMenu, Be as CHART_BRUSH_ARIA_LABEL, Ve as CHART_BRUSH_HEIGHT, O as CHART_CATEGORICAL_TOKENS, k as CHART_DEFAULT_PALETTE, Te as CHART_DIVERGING_TOKENS, He as CHART_LABEL_FILL_CLASS, Ue as CHART_LABEL_FILL_ON_SERIES_CLASS, We as CHART_LABEL_FONT_SIZE, Ge as CHART_LABEL_MARGIN, Ke as CHART_REFERENCE_LINE_STROKE, Ee as CHART_SEQUENTIAL_TOKENS, De as CHART_STATUS_TOKENS, Ft as Calendar, It as CalendarDayButton, qt as CalendarHeader, Jt as CalendarItem, Yt as CalendarPanel, $t as Card, en as CardContent, an as CardFilter, tn as CardFooter, nn as CardHeader, sn as CardSection, un as CardWidget, ln as CardWidgetCarousel, dn as CategoryBar, Me as ChartContainer, Ne as ChartLegend, Pe as ChartLegendContent, pn as ChartState, Fe as ChartStyle, Ie as ChartTooltip, Le as ChartTooltipContent, mn as ChartWidget, hn as Checkbox, gn as Chip, vn as Combobox, yn as ComboboxContent, bn as ComboboxEmpty, xn as ComboboxGroup, Sn as ComboboxGroupLabel, Cn as ComboboxInput, wn as ComboboxItem, Tn as ComboboxList, En as ComposedChart, On as ConfidenceCone, re as DEFAULT_TABLE_URL_PARAM_KEYS, ar as DataTable, ur as DataTableBulkActionsBar, dr as DataTableColumnHeader, fr as DataTableExpandTrigger, pr as DataTablePagination, Or as DataTableToolbar, ir as DataTableViewOptions, kr as DateRangePicker, Ar as DescriptionList, jr as DescriptionListActions, Mr as DescriptionListItem, Nr as DescriptionListLabel, Pr as DescriptionListValue, Fr 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, zr as Dialog, Br as DialogClose, Vr as DialogFooterCarousel, Lt as DialogFooterDefault, Hr as DialogWelcome, kn as DropdownMenu, An as DropdownMenuCheckboxItem, jn as DropdownMenuContent, Mn as DropdownMenuGroup, Nn as DropdownMenuItem, Pn as DropdownMenuLabel, Fn as DropdownMenuPortal, In as DropdownMenuRadioGroup, Ln as DropdownMenuRadioItem, Rn as DropdownMenuSeparator, zn as DropdownMenuShortcut, Bn as DropdownMenuSub, Vn as DropdownMenuSubContent, Hn as DropdownMenuSubTrigger, Un as DropdownMenuTrigger, Ur as Empty, Wr as EmptyActions, Gr as EmptyDescription, Kr as EmptyHeader, qr as EmptyIcon, Jr as EmptyLinks, Xr as EmptyOverlay, Yr as EmptyTitle, mi as FUNNEL_CHART_DEFAULT_PALETTE, ei as Field, ti as FieldContent, ni as FieldControl, ri as FieldDescription, ii as FieldError, ai as FieldGroup, oi as FieldLabel, si as FieldLegend, ci as FieldSeparator, li as FieldSet, ui as FieldTitle, pi as FilterCards, mr as FilterChips, hr as FilterChipsList, gr as FilterChipsReset, Cr as FilterSearch, wr as FilterSearchActions, Tr as FilterSearchAppliedFilters, Er as FilterSearchFilters, di as FittedActions, xi as Form, hi as FunnelChart, vi as Grid, bi as Histogram, z as Input, Ir as InputBox, R as InputDatePicker, Di as InputNumPicker, Oi as InputOTP, ki as InputPassword, L as InputSearch, A as InputSelect, j as InputSelectContent, Rt as InputSelectDescription, zt as InputSelectError, Bt as InputSelectExpander, Vt as InputSelectField, Ht as InputSelectGroup, M as InputSelectItem, Ut as InputSelectLabel, Wt as InputSelectSearch, N as InputSelectSection, P as InputSelectSectionLabel, Gt as InputSelectStatus, F as InputSelectTrigger, I as InputSelectValue, z as InputText, B as InputTextArea, Ai as LineChart, Mi as Link, Lr as Loading, Li as Metric, Ri as NumberField, zi as NumberFieldDecrement, Bi as NumberFieldGroup, Vi as NumberFieldIncrement, Hi as NumberFieldInput, Ui as PageContent, Gi as PageHeader, Ki as PageHeaderActions, qi as PageHeaderDescription, Ji as PageHeaderDescriptionRow, Yi as PageHeaderRow, Xi as PageHeaderTags, Zi as PageHeaderTitle, Qi as Pagination, $i as PaginationContent, ea as PaginationEllipsis, ta as PaginationItem, na as PaginationLink, ra as PaginationNext, ia as PaginationPrevious, aa as PieChart, _r as Popover, vr as PopoverBody, yr as PopoverContent, br as PopoverFooter, xr as PopoverPortal, Sr as PopoverTrigger, he as PortalContainerProvider, sa as Progress, ca as ProgressCircle, pe as ROOT_FONT_SIZE_PX, Si as RadarChart, wi as RadialBarChart, Ti as Radio, Ei as RadioGroup, Aa as ResizableHandle, ja as ResizablePanel, Ma as ResizablePanelGroup, ua as SankeyChart, da as ScatterChart, fa as ScrollArea, pa as ScrollBar, L as Search, ma as Section, ha as SectionContent, ga as SectionHeader, ya as SegmentControl, ba as SegmentControlItem, A as Select, j as SelectContent, N as SelectGroup, P as SelectGroupLabel, M as SelectItem, F as SelectTrigger, I as SelectValue, $r as Separator, H as Sheet, U as SheetBody, W as SheetClose, G as SheetCloseButton, K as SheetContent, q as SheetDescription, Ca as SheetDetails, J as SheetFooter, Y as SheetHeader, X as SheetOverlay, Z as SheetPortal, Q as SheetTitle, $ as SheetTrigger, Na as SidebarPrimary, Pa as SidebarPrimaryCollapseTrigger, Fa as SidebarPrimaryContent, Ia as SidebarPrimaryFooter, La as SidebarPrimaryHeader, Ra as SidebarPrimaryMenu, za as SidebarPrimaryMenuItem, Ba as SidebarPrimaryMenuItemExtras, Va as SidebarPrimarySection, Ua as SidebarSecondary, Wa as SidebarSecondaryCollapseTrigger, Ga as SidebarSecondaryContent, Ka as SidebarSecondaryFooter, qa as SidebarSecondaryHeader, Ja as SidebarSecondaryMenu, Ya as SidebarSecondaryMenuItem, Xa as SidebarSecondaryMenuItemExtras, Za as SidebarSecondarySection, Qa as SidebarSecondarySectionLabel, Pi as Skeleton, wa as Slider, Ta as Stack, Da as Stepper, Oa as StepperItem, Qt as Switch, Wn as Table, Gn as TableActionsCell, Kn as TableBody, qn as TableCaption, Jn as TableCell, Yn as TableFooter, Xn as TableHead, Zn as TableHeader, tr as TablePagination, Qn as TableRow, $n as TableSelectCell, er as TableSettingsCell, nr as TableViewOptions, to as Tabs, no as TabsContent, ro as TabsList, io as TabsTrigger, V as Tag, B as Textarea, ho as Timeline, go as TimelineItem, _o as Timer, ao as Toaster, co as Toggle, lo as ToggleGroup, uo as ToggleGroupItem, fo as Toolbar, po as ToolbarActionList, mo as ToolbarActions, d as Tooltip, f as TooltipContent, p as TooltipProvider, m as TooltipTrigger, vo as TreeItem, yo as Treemap, Fi as TrendIndicator, D as TruncateText, bo as WidgetPlaceholder, xo as WidgetPlaceholderAction, So as WidgetPlaceholderContent, Co as WidgetPlaceholderFooter, wo as WidgetPlaceholderHeader, To as WidgetPlaceholderIcon, Eo as WidgetPlaceholderImage, Do as WidgetPlaceholderText, Oo as WidgetPlaceholderTitle, ko as Wizard, Ao as WizardBody, jo as WizardHeader, Mo as WizardSubtitle, u as alertVariants, ft as areaChartVariants, _t as avatarVariants, yt as barChartVariants, jt as buttonGroupItemVariants, Mt as buttonGroupVariants, Zt as buttonIconInputVariants, t as buttonIconVariants, Pt as buttonMenuVariants, Ot as buttonVariants, on as cardFilterVariants, cn as cardSectionVariants, rn as cardVariants, fn as categoryBarVariants, _n as chipVariants, ee as cn, Dn as composedChartVariants, fi as computeFittedVisibleCount, qe as createTickFormatter, Je as dropProjectionPayload, Zr as emptyOverlayIconVariants, Oe as findDuplicateTones, Ye as formatCompactNumber, Xe as formatPercent, gi as funnelChartPercent, _i as funnelChartVariants, C as getAppShellChatInitialLayout, or as getCellStyle, sr as getColumnWidth, cr as getPinnedStyle, me as getViewportWidth, yi as gridVariants, rr as isBulkSelectionActive, Qr as labelClassName, ji as lineChartVariants, Ni as linkVariants, ke as listPaletteChoices, Ae as listPaletteStops, Rr as loadingVariants, E as measureTextWidth, T as middleTruncate, ie as parseTableUrlState, oa as pieChartVariants, la as progressCircleVariants, Ci as radarChartVariants, lr as reorderColumn, Ze as resolveAnimation, Qe as resolveAxisDomain, $e as resolveBrushProps, et as resolveCartesianLabelPosition, tt as resolveCategoryRange, Re as resolveChartColors, nt as resolveChartReferenceValue, rt as resolveLabelFillClass, it as resolveReferenceLineProps, at as resolveRotatedTickAnchor, je as resolveSeriesColor, ot as resolveXAxisHeight, st as resolveXAxisTitle, ct as resolveYAxisTitle, _a as sectionVariants, xa as segmentControlVariants, ae as serializeTableUrlState, Sa as sheetVariants, Ha as sidebarPrimaryMenuItemVariants, $a as sidebarSecondaryMenuItemVariants, Ea as stackVariants, ka as stepperItemVariants, Wi as tagVariants, ze as toCssKey, lt as toLabelFormatter, ut as toReferenceLineList, oo as toast, so as toastVariants, Ii as trendIndicatorVariants, we as useAccordionContainerContext, w as useAppShellChatInitialLayout, Dr as useFilterSearchFilters, Kt as useInputSelectFilter, ne as useIntersectionObserver, ge as usePortalContainer, va as useSectionContext, te as useSortState, oe as useTableUrlState, se as useWizard };
|
|
@@ -79,9 +79,9 @@ export type ChartLegendContentProps = {
|
|
|
79
79
|
config?: ChartConfig;
|
|
80
80
|
/**
|
|
81
81
|
* `default` — horizontal wrapped chips; scrolls after three rows (76px at
|
|
82
|
-
* `xs`). `list` — vertical `[dot] [label flex-1] [value]` rows
|
|
83
|
-
* eight rows (
|
|
84
|
-
* override the cap.
|
|
82
|
+
* `xs`). `list` — vertical `[dot] [label flex-1] [value]` rows with an 8px
|
|
83
|
+
* gap; scrolls after eight rows (184px at `xs`). Both caps scale with
|
|
84
|
+
* `fontSize`; `className` can override the cap.
|
|
85
85
|
*/
|
|
86
86
|
variant?: 'default' | 'list';
|
|
87
87
|
/**
|
|
@@ -1,22 +1,13 @@
|
|
|
1
|
-
import { ChartStateVariant } from './chart-state-illustrations';
|
|
2
1
|
import * as React from 'react';
|
|
3
2
|
export interface ChartStateProps extends Omit<React.ComponentPropsWithoutRef<'div'>, 'children'> {
|
|
4
|
-
/** Which
|
|
5
|
-
state: 'loading' | 'empty' | 'error';
|
|
3
|
+
/** Which state to show. Empty, warning, and error share one icon system. */
|
|
4
|
+
state: 'loading' | 'empty' | 'warning' | 'error' | 'number';
|
|
6
5
|
/**
|
|
7
|
-
*
|
|
8
|
-
*
|
|
9
|
-
*
|
|
10
|
-
*/
|
|
11
|
-
variant?: ChartStateVariant;
|
|
12
|
-
/**
|
|
13
|
-
* Text shown below the illustration or glyph. Defaults to `"Data is
|
|
14
|
-
* loading…"` / `"No data found"` / `"Something went wrong"` based on
|
|
15
|
-
* `state`. Pass a value to override for any state.
|
|
6
|
+
* State text, or the numeric readout for `number`. Defaults to a short
|
|
7
|
+
* message for the selected state (`0` for `number`). Pass a value to
|
|
8
|
+
* provide localized or context-specific content.
|
|
16
9
|
*/
|
|
17
10
|
description?: React.ReactNode;
|
|
18
|
-
/** Trailing action (e.g. a "Try again" button) — shown for `error` only. */
|
|
19
|
-
action?: React.ReactNode;
|
|
20
11
|
}
|
|
21
12
|
declare const ChartState: React.ForwardRefExoticComponent<ChartStateProps & React.RefAttributes<HTMLDivElement>>;
|
|
22
13
|
export { ChartState };
|