@synertech/ui 0.40.0 → 0.41.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/.claude/skills/use-synertech-ui/SKILL.md +83 -0
- package/dist/index.cjs +10 -10
- package/dist/index.d.cts +427 -46
- package/dist/index.d.ts +427 -46
- package/dist/index.js +10 -10
- package/dist/styles.css +109 -0
- package/package.json +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -365,6 +365,22 @@ interface BarChartProps extends CartesianChartBaseProps, Omit<ComponentPropsWith
|
|
|
365
365
|
orientation?: BarChartOrientation;
|
|
366
366
|
/** `none` groups the series side by side; the others stack them. */
|
|
367
367
|
stack?: ChartStackMode;
|
|
368
|
+
/**
|
|
369
|
+
* Reads the bars against a reference instead of against zero.
|
|
370
|
+
*
|
|
371
|
+
* `true` centres on zero and a number centres on that value: the baseline
|
|
372
|
+
* moves there, bars run both ways from it, and a lone series takes the
|
|
373
|
+
* diverging ramp — the gap to a target, an index against its base.
|
|
374
|
+
*
|
|
375
|
+
* A series KEY centres the stack on that series instead, splitting it evenly
|
|
376
|
+
* on both sides: the Likert layout, where the middle of an agreement scale
|
|
377
|
+
* has to sit on the middle of the chart.
|
|
378
|
+
*
|
|
379
|
+
* The ramp says which side of the reference a bar falls on and how far. It
|
|
380
|
+
* never says whether that is good news — a schedule slipping is "above", and
|
|
381
|
+
* above is not good.
|
|
382
|
+
*/
|
|
383
|
+
diverging?: boolean | number | string;
|
|
368
384
|
/** Caps the thickness of a mark. Never fills the slot: the leftover is air. */
|
|
369
385
|
barSize?: number;
|
|
370
386
|
/** Orders the categories by their total. */
|
|
@@ -388,7 +404,7 @@ interface BarChartProps extends CartesianChartBaseProps, Omit<ComponentPropsWith
|
|
|
388
404
|
* is read for the length of its mark, and an axis starting at 40 exaggerates
|
|
389
405
|
* every difference on the chart.
|
|
390
406
|
*/
|
|
391
|
-
declare function BarChart({ data, series, x, y, height, width, size, grid, legend, tooltip, tableView, emphasis, title, description, loading, emptyState, onPointClick, orientation, stack, barSize, sort, showValues, referenceLines, legendToggle, margin, locale, plotLabel, className, ...props }: BarChartProps): react_jsx_runtime.JSX.Element;
|
|
407
|
+
declare function BarChart({ data, series, x, y, height, width, size, grid, legend, tooltip, tableView, emphasis, title, description, loading, emptyState, onPointClick, orientation, stack, diverging, barSize, sort, showValues, referenceLines, legendToggle, margin, locale, plotLabel, className, ...props }: BarChartProps): react_jsx_runtime.JSX.Element;
|
|
392
408
|
|
|
393
409
|
type BannerVariant = "notification" | "hero" | "promotion";
|
|
394
410
|
type BannerType = "info" | "success" | "warning" | "error" | "default";
|
|
@@ -428,6 +444,83 @@ interface BreadcrumbProps extends ComponentPropsWithoutRef<"nav"> {
|
|
|
428
444
|
}
|
|
429
445
|
declare function Breadcrumb({ items, separator, size, maxItems, itemColor, activeColor, separatorColor, className, ...props }: BreadcrumbProps): react_jsx_runtime.JSX.Element;
|
|
430
446
|
|
|
447
|
+
interface BulletChartProps extends Omit<ComponentPropsWithoutRef<"figure">, "children" | "title"> {
|
|
448
|
+
/** One row per measure. */
|
|
449
|
+
data: ChartDatum[];
|
|
450
|
+
/** Field holding the name of each row. */
|
|
451
|
+
x: ChartXAxisConfig;
|
|
452
|
+
/** Field holding the figure reached. */
|
|
453
|
+
value: string;
|
|
454
|
+
/** Field holding the figure aimed at. Drawn as a tick across the track. */
|
|
455
|
+
target?: string;
|
|
456
|
+
/**
|
|
457
|
+
* Field holding the qualitative range boundaries — an ascending array of
|
|
458
|
+
* numbers, painted as grey bands behind the bar.
|
|
459
|
+
*/
|
|
460
|
+
ranges?: string;
|
|
461
|
+
/** Fixed bounds for every row. Implies a shared scale and a value axis. */
|
|
462
|
+
domain?: [number, number];
|
|
463
|
+
/**
|
|
464
|
+
* `row` gives each row its own scale, which is what lets a revenue and an
|
|
465
|
+
* NPS share a panel. `shared` puts them all on one scale and draws the value
|
|
466
|
+
* axis — only meaningful when the rows carry the same unit.
|
|
467
|
+
*/
|
|
468
|
+
normalize?: "row" | "shared";
|
|
469
|
+
/** Writes the figure reached after each track. */
|
|
470
|
+
showValues?: boolean;
|
|
471
|
+
/** Thickness of a track. */
|
|
472
|
+
trackSize?: number;
|
|
473
|
+
/** Replaces the range greys — any CSS colours, darkest first. */
|
|
474
|
+
rangeColors?: readonly string[];
|
|
475
|
+
/** Colour of the measure bar. Defaults to the first palette slot. */
|
|
476
|
+
color?: string;
|
|
477
|
+
height?: number;
|
|
478
|
+
width?: number;
|
|
479
|
+
size?: ChartSize;
|
|
480
|
+
tooltip?: boolean | ((row: BulletRow) => ReactNode);
|
|
481
|
+
tableView?: boolean | "toggle";
|
|
482
|
+
title?: ReactNode;
|
|
483
|
+
description?: ReactNode;
|
|
484
|
+
loading?: boolean;
|
|
485
|
+
emptyState?: ReactNode;
|
|
486
|
+
locale?: string;
|
|
487
|
+
plotLabel?: string;
|
|
488
|
+
/** Header of the value column of the data table. */
|
|
489
|
+
valueLabel?: string;
|
|
490
|
+
/** Header of the target column of the data table. */
|
|
491
|
+
targetLabel?: string;
|
|
492
|
+
format?: (value: number) => string;
|
|
493
|
+
onRowClick?: (row: BulletRow) => void;
|
|
494
|
+
}
|
|
495
|
+
/** One measure, as the tooltip and the click handler see it. */
|
|
496
|
+
interface BulletRow {
|
|
497
|
+
index: number;
|
|
498
|
+
x: ChartXValue;
|
|
499
|
+
label: string;
|
|
500
|
+
value: number | null;
|
|
501
|
+
target: number | null;
|
|
502
|
+
ranges: number[];
|
|
503
|
+
formattedValue: string;
|
|
504
|
+
formattedTarget: string;
|
|
505
|
+
/** `value / target`, or `null` when either is missing. */
|
|
506
|
+
attainment: number | null;
|
|
507
|
+
datum: ChartDatum;
|
|
508
|
+
}
|
|
509
|
+
/**
|
|
510
|
+
* What was reached, what was aimed at, and what counts as good — on one line.
|
|
511
|
+
*
|
|
512
|
+
* The densest readout of the kit: three measures fit where three gauges would
|
|
513
|
+
* take the page. It completes `StatCard` rather than competing with it — the
|
|
514
|
+
* card gives a figure and how it moved, the bullet gives where it stands
|
|
515
|
+
* against its target.
|
|
516
|
+
*
|
|
517
|
+
* Each row is scaled on its own by default, which is what lets a revenue in
|
|
518
|
+
* dollars and an NPS out of 100 share a panel. That also means there is no
|
|
519
|
+
* common axis to read across rows: pass `normalize="shared"` (or a `domain`)
|
|
520
|
+
* when the rows carry the same unit, and the value axis comes back.
|
|
521
|
+
*/
|
|
522
|
+
declare function BulletChart({ data, x, value, target, ranges, domain, normalize, showValues, trackSize, rangeColors, color, height, width, size, tooltip, tableView, title, description, loading, emptyState, locale, plotLabel, valueLabel, targetLabel, format, onRowClick, className, ...props }: BulletChartProps): react_jsx_runtime.JSX.Element;
|
|
523
|
+
|
|
431
524
|
interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
|
|
432
525
|
label?: string;
|
|
433
526
|
children?: ReactNode;
|
|
@@ -793,6 +886,170 @@ interface ChartTooltipContentProps {
|
|
|
793
886
|
*/
|
|
794
887
|
declare function ChartTooltipContent({ title, points }: ChartTooltipContentProps): react_jsx_runtime.JSX.Element;
|
|
795
888
|
|
|
889
|
+
/**
|
|
890
|
+
* Number of categorical slots the palette holds.
|
|
891
|
+
*
|
|
892
|
+
* Eight is not a round number picked for looks: past it, a generated hue is
|
|
893
|
+
* indistinguishable from an existing slot for a colour-blind reader. A ninth
|
|
894
|
+
* series is folded into an "Other" bucket, faceted into several charts, or
|
|
895
|
+
* given a second channel (shape, texture) — never a ninth colour.
|
|
896
|
+
*/
|
|
897
|
+
declare const CHART_PALETTE_SIZE = 8;
|
|
898
|
+
/**
|
|
899
|
+
* The eight slots, in the order they are assigned.
|
|
900
|
+
*
|
|
901
|
+
* The order is the safety mechanism — it was picked among the orderings that
|
|
902
|
+
* keep every neighbouring pair distinguishable under simulated protanopia and
|
|
903
|
+
* deuteranopia, in both themes. The values live in `src/styles/index.css`, so
|
|
904
|
+
* an application can rebrand the kit without forking a component.
|
|
905
|
+
*/
|
|
906
|
+
declare const CHART_SERIES_COLORS: readonly ["var(--color-chart-1)", "var(--color-chart-2)", "var(--color-chart-3)", "var(--color-chart-4)", "var(--color-chart-5)", "var(--color-chart-6)", "var(--color-chart-7)", "var(--color-chart-8)"];
|
|
907
|
+
/** Grey used for de-emphasised series and for the "Other" bucket. */
|
|
908
|
+
declare const CHART_MUTED_COLOR = "var(--color-chart-muted)";
|
|
909
|
+
/**
|
|
910
|
+
* Number of series a chart can carry when any two marks may end up side by
|
|
911
|
+
* side — a scatter or bubble plot. Neighbouring bars and lines only ever
|
|
912
|
+
* compare adjacent slots, which all eight clear; with every pair in play, only
|
|
913
|
+
* the first three do.
|
|
914
|
+
*/
|
|
915
|
+
declare const CHART_ALL_PAIRS_LIMIT = 3;
|
|
916
|
+
/**
|
|
917
|
+
* Colour of the series sitting at `index`.
|
|
918
|
+
*
|
|
919
|
+
* Colour follows the series' position in the `series` array — its identity —
|
|
920
|
+
* so hiding or filtering one series never repaints the others.
|
|
921
|
+
*/
|
|
922
|
+
declare function getSeriesColor(index: number, override?: string): string;
|
|
923
|
+
/**
|
|
924
|
+
* Colour of a series, taking the chart's `emphasis` into account: the
|
|
925
|
+
* emphasised series keeps its slot, every other one drops to grey.
|
|
926
|
+
*/
|
|
927
|
+
declare function resolveSeriesColor(series: ChartSeries, index: number, emphasis?: string): string;
|
|
928
|
+
/** Label shown for a series — its own, or its key as a fallback. */
|
|
929
|
+
declare function getSeriesLabel(series: ChartSeries): string;
|
|
930
|
+
/** Builds the legend entries of a series list, colours already resolved. */
|
|
931
|
+
declare function toLegendItems(series: ChartSeries[], emphasis?: string): ChartLegendItem[];
|
|
932
|
+
/** One hue, light to dark: a continuous magnitude (a heat map). */
|
|
933
|
+
declare const CHART_SEQUENTIAL_COLORS: readonly ["var(--color-chart-seq-1)", "var(--color-chart-seq-2)", "var(--color-chart-seq-3)", "var(--color-chart-seq-4)", "var(--color-chart-seq-5)", "var(--color-chart-seq-6)"];
|
|
934
|
+
/** One hue in ordered steps: ranked bands, brackets, a funnel. */
|
|
935
|
+
declare const CHART_ORDINAL_COLORS: readonly ["var(--color-chart-ord-1)", "var(--color-chart-ord-2)", "var(--color-chart-ord-3)", "var(--color-chart-ord-4)", "var(--color-chart-ord-5)"];
|
|
936
|
+
/**
|
|
937
|
+
* Two opposed poles around a neutral middle: a gap to a reference, a Likert
|
|
938
|
+
* scale. Blue on one side, orange on the other — two cool hues never read as
|
|
939
|
+
* opposites.
|
|
940
|
+
*/
|
|
941
|
+
declare const CHART_DIVERGING_COLORS: readonly ["var(--color-chart-div-1)", "var(--color-chart-div-2)", "var(--color-chart-div-3)", "var(--color-chart-div-4)", "var(--color-chart-div-5)", "var(--color-chart-div-6)", "var(--color-chart-div-7)"];
|
|
942
|
+
/** Index of the neutral step of `CHART_DIVERGING_COLORS`. */
|
|
943
|
+
declare const CHART_DIVERGING_NEUTRAL_INDEX = 3;
|
|
944
|
+
declare const CHART_SEQUENTIAL_DARK_STOPS: readonly [false, false, false, false, true, true];
|
|
945
|
+
declare const CHART_ORDINAL_DARK_STOPS: readonly [false, false, true, true, true];
|
|
946
|
+
declare const CHART_DIVERGING_DARK_STOPS: readonly [true, false, false, false, false, false, true];
|
|
947
|
+
/**
|
|
948
|
+
* Past this many colour classes, two neighbouring cells stop being tellable
|
|
949
|
+
* apart — the reader sees a texture rather than a scale. A finer grid is read
|
|
950
|
+
* as a continuous wash, which is what the scale does when `steps` is unset.
|
|
951
|
+
*/
|
|
952
|
+
declare const CHART_MAX_COLOR_CLASSES = 7;
|
|
953
|
+
/** A colour ramp, already bound to the values it has to paint. */
|
|
954
|
+
interface ChartColorScale {
|
|
955
|
+
/** Colour of a value. Out-of-domain values clamp to the nearest end. */
|
|
956
|
+
(value: number): string;
|
|
957
|
+
readonly domain: readonly [number, number];
|
|
958
|
+
/** The stops, in ramp order — what a legend draws its gradient from. */
|
|
959
|
+
readonly colors: readonly string[];
|
|
960
|
+
/** Number of classes the ramp was cut into, or `null` when it is continuous. */
|
|
961
|
+
readonly steps: number | null;
|
|
962
|
+
/** Where a value falls along the ramp, from 0 to 1. */
|
|
963
|
+
position(value: number): number;
|
|
964
|
+
/**
|
|
965
|
+
* `true` when the colour under `value` is dark enough that text written on
|
|
966
|
+
* it has to be light. Always `false` for a ramp brought by the caller,
|
|
967
|
+
* which the kit knows nothing about.
|
|
968
|
+
*/
|
|
969
|
+
onDark(value: number): boolean;
|
|
970
|
+
}
|
|
971
|
+
/**
|
|
972
|
+
* Colour at `t` (0 to 1) along a ramp.
|
|
973
|
+
*
|
|
974
|
+
* Between two stops the colour is mixed in OKLab rather than snapped to the
|
|
975
|
+
* nearer one: a ramp cut into six classes reads as six bands, which is a lie
|
|
976
|
+
* about a measure that varies continuously. The mix happens in CSS, so the
|
|
977
|
+
* stops stay overridable variables instead of hex frozen into the bundle.
|
|
978
|
+
*/
|
|
979
|
+
declare function rampColor(colors: readonly string[], t: number): string;
|
|
980
|
+
interface SequentialScaleOptions {
|
|
981
|
+
/** Cuts the ramp into that many classes instead of leaving it continuous. */
|
|
982
|
+
steps?: number;
|
|
983
|
+
/** Replaces the stops — any CSS colours, usually custom properties. */
|
|
984
|
+
colors?: readonly string[];
|
|
985
|
+
/**
|
|
986
|
+
* One flag per stop, saying which ones need light text written on them.
|
|
987
|
+
* Only worth passing alongside `colors`: the built-in ramps carry their own.
|
|
988
|
+
*/
|
|
989
|
+
darkStops?: readonly boolean[];
|
|
990
|
+
}
|
|
991
|
+
/**
|
|
992
|
+
* Maps a magnitude onto the sequential ramp.
|
|
993
|
+
*
|
|
994
|
+
* A zero-width domain pins everything to the light end: with a single value
|
|
995
|
+
* on the grid there is no magnitude to show, and painting it as the maximum
|
|
996
|
+
* would invent one.
|
|
997
|
+
*/
|
|
998
|
+
declare function createSequentialScale(domain: readonly [number, number], options?: SequentialScaleOptions): ChartColorScale;
|
|
999
|
+
interface DivergingScaleOptions extends SequentialScaleOptions {
|
|
1000
|
+
/** Value the two directions are measured from. Defaults to `0`. */
|
|
1001
|
+
center?: number;
|
|
1002
|
+
/**
|
|
1003
|
+
* Stretches the shorter arm so both cover the same distance. On by default:
|
|
1004
|
+
* with independent arms, a gap of +5 and a gap of −5 come out at different
|
|
1005
|
+
* intensities, which reads as one of them being the bigger miss.
|
|
1006
|
+
*/
|
|
1007
|
+
symmetric?: boolean;
|
|
1008
|
+
}
|
|
1009
|
+
/**
|
|
1010
|
+
* Maps a signed gap onto the diverging pair, neutral at the centre.
|
|
1011
|
+
*
|
|
1012
|
+
* The ramp says which side of the reference a value falls on and how far — it
|
|
1013
|
+
* never says whether that is good news. A schedule slipping is "above", and
|
|
1014
|
+
* above is not good; that judgement belongs to the status colours, which are
|
|
1015
|
+
* reserved for exactly that and always carry a label.
|
|
1016
|
+
*/
|
|
1017
|
+
declare function createDivergingScale(domain: readonly [number, number], options?: DivergingScaleOptions): ChartColorScale;
|
|
1018
|
+
/**
|
|
1019
|
+
* Colour of the `index`-th band of an ordered set.
|
|
1020
|
+
*
|
|
1021
|
+
* Spread across the whole ramp rather than taken from its start, so three
|
|
1022
|
+
* bands use the light, the middle and the dark end instead of three steps
|
|
1023
|
+
* that look alike.
|
|
1024
|
+
*/
|
|
1025
|
+
declare function getOrdinalColor(index: number, count?: number, colors?: readonly string[]): string;
|
|
1026
|
+
|
|
1027
|
+
interface ChartScaleLegendProps extends Omit<ComponentPropsWithoutRef<"div">, "children"> {
|
|
1028
|
+
/** The ramp the chart paints with — usually the one it built for its marks. */
|
|
1029
|
+
scale: ChartColorScale;
|
|
1030
|
+
/** What the colour encodes. Say the measure and its unit, not "legend". */
|
|
1031
|
+
label?: ReactNode;
|
|
1032
|
+
/** Formats the numbers under the bar. */
|
|
1033
|
+
format?: (value: number) => string;
|
|
1034
|
+
/** How many numbers to place. Ignored by a stepped ramp, which labels its classes. */
|
|
1035
|
+
ticks?: number;
|
|
1036
|
+
size?: ChartSize;
|
|
1037
|
+
/** Thickness of the colour bar. */
|
|
1038
|
+
thickness?: number;
|
|
1039
|
+
locale?: string;
|
|
1040
|
+
}
|
|
1041
|
+
/**
|
|
1042
|
+
* The legend of a colour ramp.
|
|
1043
|
+
*
|
|
1044
|
+
* Mandatory as soon as a colour encodes a magnitude: without it a heat map
|
|
1045
|
+
* shows a pattern and states no value. It is the piece that turns "this cell
|
|
1046
|
+
* is darker" into "this cell is 4 200".
|
|
1047
|
+
*
|
|
1048
|
+
* The bar is laid out in CSS rather than measured, so it needs no container
|
|
1049
|
+
* observation and renders on the server.
|
|
1050
|
+
*/
|
|
1051
|
+
declare function ChartScaleLegend({ scale, label, format, ticks, size, thickness, locale, className, ...props }: ChartScaleLegendProps): react_jsx_runtime.JSX.Element;
|
|
1052
|
+
|
|
796
1053
|
interface ChartTableViewProps extends ComponentPropsWithoutRef<"div"> {
|
|
797
1054
|
data: ChartDatum[];
|
|
798
1055
|
series: ChartSeries[];
|
|
@@ -816,6 +1073,90 @@ interface ChartTableViewProps extends ComponentPropsWithoutRef<"div"> {
|
|
|
816
1073
|
*/
|
|
817
1074
|
declare function ChartTableView({ data, series, xKey, xLabel, formatX, formatValue, caption, emptyLabel, className, ...props }: ChartTableViewProps): react_jsx_runtime.JSX.Element;
|
|
818
1075
|
|
|
1076
|
+
/** One panel, ready to be drawn. */
|
|
1077
|
+
interface ChartFacetPanel {
|
|
1078
|
+
/** Stable identity of the panel — the raw value of the splitting field. */
|
|
1079
|
+
key: string;
|
|
1080
|
+
/** That value, formatted. */
|
|
1081
|
+
label: string;
|
|
1082
|
+
/** The rows belonging to this panel, in their original order. */
|
|
1083
|
+
data: ChartDatum[];
|
|
1084
|
+
/**
|
|
1085
|
+
* The value domain EVERY panel has to draw against. Hand it straight to the
|
|
1086
|
+
* chart: panels on free scales cannot be compared, which is the only reason
|
|
1087
|
+
* to put them side by side.
|
|
1088
|
+
*/
|
|
1089
|
+
domain: [number, number];
|
|
1090
|
+
index: number;
|
|
1091
|
+
count: number;
|
|
1092
|
+
}
|
|
1093
|
+
interface ChartFacetsProps extends Omit<ComponentPropsWithoutRef<"div">, "children" | "title"> {
|
|
1094
|
+
data: ChartDatum[];
|
|
1095
|
+
/** Field the panels are split on. */
|
|
1096
|
+
by: string;
|
|
1097
|
+
/** Fields the shared domain is measured over — the series each panel draws. */
|
|
1098
|
+
values: string[];
|
|
1099
|
+
/** Fixed bounds instead of the ones measured across the whole set. */
|
|
1100
|
+
domain?: [number, number];
|
|
1101
|
+
/**
|
|
1102
|
+
* Keeps zero inside the shared domain. Off by default, which suits the lines
|
|
1103
|
+
* and sparklines a facet grid usually holds; turn it on for bars, which are
|
|
1104
|
+
* read for the length of their mark.
|
|
1105
|
+
*/
|
|
1106
|
+
includeZero?: boolean;
|
|
1107
|
+
/** Target tick count, which drives how the shared bounds are rounded. */
|
|
1108
|
+
ticks?: number;
|
|
1109
|
+
/** Explicit panel order. Values missing from the data are skipped. */
|
|
1110
|
+
order?: ChartXValue[];
|
|
1111
|
+
/** Orders the panels by their total instead. */
|
|
1112
|
+
sort?: "none" | "asc" | "desc";
|
|
1113
|
+
/** Fixed number of columns. Defaults to as many as `minPanelWidth` allows. */
|
|
1114
|
+
columns?: number;
|
|
1115
|
+
/** Narrowest a panel may get before the grid drops to fewer columns. */
|
|
1116
|
+
minPanelWidth?: number;
|
|
1117
|
+
formatLabel?: (value: ChartXValue, index: number) => string;
|
|
1118
|
+
/** Hides the panel captions — for a grid whose charts carry their own title. */
|
|
1119
|
+
showLabels?: boolean;
|
|
1120
|
+
title?: ReactNode;
|
|
1121
|
+
description?: ReactNode;
|
|
1122
|
+
size?: ChartSize;
|
|
1123
|
+
locale?: string;
|
|
1124
|
+
emptyState?: ReactNode;
|
|
1125
|
+
children: (panel: ChartFacetPanel) => ReactNode;
|
|
1126
|
+
}
|
|
1127
|
+
/**
|
|
1128
|
+
* Small multiples: one chart repeated across a dimension, on a shared scale.
|
|
1129
|
+
*
|
|
1130
|
+
* Not a chart — a layout. It is the answer two components of the kit already
|
|
1131
|
+
* give without it existing: `ScatterChart` caps itself at three series and
|
|
1132
|
+
* `PieChart` folds its tail, both on the grounds that the rest belongs in
|
|
1133
|
+
* separate panels.
|
|
1134
|
+
*
|
|
1135
|
+
* What makes it work is the one thing it computes itself: the value domain is
|
|
1136
|
+
* measured across the whole set and imposed on every panel. Panels on free
|
|
1137
|
+
* scales look comparable and are not, which is worse than not faceting at all.
|
|
1138
|
+
*
|
|
1139
|
+
* ```tsx
|
|
1140
|
+
* <ChartFacets data={rows} by="region" values={["revenue"]}>
|
|
1141
|
+
* {({ data, domain, label }) => (
|
|
1142
|
+
* <LineChart
|
|
1143
|
+
* data={data}
|
|
1144
|
+
* series={[{ key: "revenue" }]}
|
|
1145
|
+
* x={{ key: "month" }}
|
|
1146
|
+
* y={{ domain }}
|
|
1147
|
+
* plotLabel={label}
|
|
1148
|
+
* height={140}
|
|
1149
|
+
* />
|
|
1150
|
+
* )}
|
|
1151
|
+
* </ChartFacets>
|
|
1152
|
+
* ```
|
|
1153
|
+
*
|
|
1154
|
+
* No hooks: the grid is laid out in CSS, so it renders on the server.
|
|
1155
|
+
*/
|
|
1156
|
+
declare function ChartFacets({ data, by, values, domain, includeZero, ticks, order, sort, columns, minPanelWidth, formatLabel, showLabels, title, description, size, locale, emptyState, children, className, ...props }: ChartFacetsProps): react_jsx_runtime.JSX.Element;
|
|
1157
|
+
/** Resets the one-shot panel-count warning. Test helper. */
|
|
1158
|
+
declare function resetFacetWarnings(): void;
|
|
1159
|
+
|
|
819
1160
|
/**
|
|
820
1161
|
* Width a chart draws at before its container has been measured.
|
|
821
1162
|
*
|
|
@@ -846,50 +1187,6 @@ interface UseChartSizeResult<T extends HTMLElement> {
|
|
|
846
1187
|
*/
|
|
847
1188
|
declare function useChartSize<T extends HTMLElement = HTMLDivElement>(options?: UseChartSizeOptions): UseChartSizeResult<T>;
|
|
848
1189
|
|
|
849
|
-
/**
|
|
850
|
-
* Number of categorical slots the palette holds.
|
|
851
|
-
*
|
|
852
|
-
* Eight is not a round number picked for looks: past it, a generated hue is
|
|
853
|
-
* indistinguishable from an existing slot for a colour-blind reader. A ninth
|
|
854
|
-
* series is folded into an "Other" bucket, faceted into several charts, or
|
|
855
|
-
* given a second channel (shape, texture) — never a ninth colour.
|
|
856
|
-
*/
|
|
857
|
-
declare const CHART_PALETTE_SIZE = 8;
|
|
858
|
-
/**
|
|
859
|
-
* The eight slots, in the order they are assigned.
|
|
860
|
-
*
|
|
861
|
-
* The order is the safety mechanism — it was picked among the orderings that
|
|
862
|
-
* keep every neighbouring pair distinguishable under simulated protanopia and
|
|
863
|
-
* deuteranopia, in both themes. The values live in `src/styles/index.css`, so
|
|
864
|
-
* an application can rebrand the kit without forking a component.
|
|
865
|
-
*/
|
|
866
|
-
declare const CHART_SERIES_COLORS: readonly ["var(--color-chart-1)", "var(--color-chart-2)", "var(--color-chart-3)", "var(--color-chart-4)", "var(--color-chart-5)", "var(--color-chart-6)", "var(--color-chart-7)", "var(--color-chart-8)"];
|
|
867
|
-
/** Grey used for de-emphasised series and for the "Other" bucket. */
|
|
868
|
-
declare const CHART_MUTED_COLOR = "var(--color-chart-muted)";
|
|
869
|
-
/**
|
|
870
|
-
* Number of series a chart can carry when any two marks may end up side by
|
|
871
|
-
* side — a scatter or bubble plot. Neighbouring bars and lines only ever
|
|
872
|
-
* compare adjacent slots, which all eight clear; with every pair in play, only
|
|
873
|
-
* the first three do.
|
|
874
|
-
*/
|
|
875
|
-
declare const CHART_ALL_PAIRS_LIMIT = 3;
|
|
876
|
-
/**
|
|
877
|
-
* Colour of the series sitting at `index`.
|
|
878
|
-
*
|
|
879
|
-
* Colour follows the series' position in the `series` array — its identity —
|
|
880
|
-
* so hiding or filtering one series never repaints the others.
|
|
881
|
-
*/
|
|
882
|
-
declare function getSeriesColor(index: number, override?: string): string;
|
|
883
|
-
/**
|
|
884
|
-
* Colour of a series, taking the chart's `emphasis` into account: the
|
|
885
|
-
* emphasised series keeps its slot, every other one drops to grey.
|
|
886
|
-
*/
|
|
887
|
-
declare function resolveSeriesColor(series: ChartSeries, index: number, emphasis?: string): string;
|
|
888
|
-
/** Label shown for a series — its own, or its key as a fallback. */
|
|
889
|
-
declare function getSeriesLabel(series: ChartSeries): string;
|
|
890
|
-
/** Builds the legend entries of a series list, colours already resolved. */
|
|
891
|
-
declare function toLegendItems(series: ChartSeries[], emphasis?: string): ChartLegendItem[];
|
|
892
|
-
|
|
893
1190
|
interface CheckboxProps extends Omit<ComponentPropsWithoutRef<"input">, "size" | "onChange" | "type"> {
|
|
894
1191
|
checked?: boolean;
|
|
895
1192
|
defaultChecked?: boolean;
|
|
@@ -1886,6 +2183,86 @@ declare namespace Label {
|
|
|
1886
2183
|
var displayName: string;
|
|
1887
2184
|
}
|
|
1888
2185
|
|
|
2186
|
+
interface HeatmapProps extends Omit<ComponentPropsWithoutRef<"figure">, "children" | "title"> {
|
|
2187
|
+
/** One row per cell: its column, its row and its value. */
|
|
2188
|
+
data: ChartDatum[];
|
|
2189
|
+
/** Field holding the column each cell belongs to. */
|
|
2190
|
+
x: ChartXAxisConfig;
|
|
2191
|
+
/** Field holding the row each cell belongs to. */
|
|
2192
|
+
y: ChartXAxisConfig;
|
|
2193
|
+
/** Field holding the value the colour encodes. */
|
|
2194
|
+
value: string;
|
|
2195
|
+
/** Formats a value, in the cells, the legend, the tooltip and the table. */
|
|
2196
|
+
format?: (value: number) => string;
|
|
2197
|
+
/** Bounds the ramp covers. Defaults to the extent of the data. */
|
|
2198
|
+
domain?: [number, number];
|
|
2199
|
+
/**
|
|
2200
|
+
* `sequential` paints a magnitude, `diverging` a gap on either side of
|
|
2201
|
+
* `center` — a correlation matrix, a variance against a target.
|
|
2202
|
+
*/
|
|
2203
|
+
scale?: "sequential" | "diverging";
|
|
2204
|
+
/** Middle of a diverging ramp. Defaults to `0`. */
|
|
2205
|
+
center?: number;
|
|
2206
|
+
/**
|
|
2207
|
+
* Cuts the ramp into that many classes. Left unset the wash is continuous,
|
|
2208
|
+
* which is how a fine grid is read anyway.
|
|
2209
|
+
*/
|
|
2210
|
+
steps?: number;
|
|
2211
|
+
/** Replaces the ramp stops — any CSS colours. */
|
|
2212
|
+
colors?: readonly string[];
|
|
2213
|
+
/** Column order. Defaults to first appearance in the data. */
|
|
2214
|
+
xDomain?: ChartXValue[];
|
|
2215
|
+
/** Row order. Defaults to first appearance in the data. */
|
|
2216
|
+
yDomain?: ChartXValue[];
|
|
2217
|
+
/** Surface gap between two cells. */
|
|
2218
|
+
cellGap?: number;
|
|
2219
|
+
cellRadius?: number;
|
|
2220
|
+
/** Writes the value inside each cell that has room for it. */
|
|
2221
|
+
showValues?: boolean;
|
|
2222
|
+
height?: number;
|
|
2223
|
+
width?: number;
|
|
2224
|
+
size?: ChartSize;
|
|
2225
|
+
/** The scale legend. Mandatory reading, so it shows unless turned off. */
|
|
2226
|
+
legend?: boolean | ChartLegendPosition;
|
|
2227
|
+
/** What the colour encodes — the measure and its unit. */
|
|
2228
|
+
legendLabel?: ReactNode;
|
|
2229
|
+
tooltip?: boolean | ((cell: HeatmapCell) => ReactNode);
|
|
2230
|
+
tableView?: boolean | "toggle";
|
|
2231
|
+
title?: ReactNode;
|
|
2232
|
+
description?: ReactNode;
|
|
2233
|
+
loading?: boolean;
|
|
2234
|
+
emptyState?: ReactNode;
|
|
2235
|
+
locale?: string;
|
|
2236
|
+
plotLabel?: string;
|
|
2237
|
+
onCellClick?: (cell: HeatmapCell) => void;
|
|
2238
|
+
}
|
|
2239
|
+
/** A cell, as the tooltip and the click handler see it. */
|
|
2240
|
+
interface HeatmapCell {
|
|
2241
|
+
x: ChartXValue;
|
|
2242
|
+
y: ChartXValue;
|
|
2243
|
+
xLabel: string;
|
|
2244
|
+
yLabel: string;
|
|
2245
|
+
/** `null` when the pair is missing from the data. */
|
|
2246
|
+
value: number | null;
|
|
2247
|
+
formattedValue: string;
|
|
2248
|
+
color: string;
|
|
2249
|
+
datum?: ChartDatum;
|
|
2250
|
+
}
|
|
2251
|
+
/**
|
|
2252
|
+
* A magnitude on a grid: load by day and hour, retention by cohort, a
|
|
2253
|
+
* correlation matrix.
|
|
2254
|
+
*
|
|
2255
|
+
* The one chart of the kit where colour carries the measure rather than the
|
|
2256
|
+
* identity — which is why the scale legend is on by default and why the data
|
|
2257
|
+
* table matters more here than anywhere else. A grid without its legend shows
|
|
2258
|
+
* a pattern and states no value.
|
|
2259
|
+
*
|
|
2260
|
+
* The ramp stays continuous unless `steps` cuts it: past seven classes two
|
|
2261
|
+
* neighbouring cells stop being tellable apart, and a fine grid is read as a
|
|
2262
|
+
* wash anyway.
|
|
2263
|
+
*/
|
|
2264
|
+
declare function Heatmap({ data, x, y, value, format, domain, scale, center, steps, colors, xDomain, yDomain, cellGap, cellRadius, showValues, height, width, size, legend, legendLabel, tooltip, tableView, title, description, loading, emptyState, locale, plotLabel, onCellClick, className, ...props }: HeatmapProps): react_jsx_runtime.JSX.Element;
|
|
2265
|
+
|
|
1889
2266
|
interface LineChartProps extends CartesianChartBaseProps, Omit<ComponentPropsWithoutRef<"figure">, keyof CartesianChartBaseProps | "children" | "title"> {
|
|
1890
2267
|
curve?: ChartCurve;
|
|
1891
2268
|
/**
|
|
@@ -3083,6 +3460,10 @@ interface UILabels {
|
|
|
3083
3460
|
chartLoading: string;
|
|
3084
3461
|
/** Bucket the smallest slices of a pie chart are folded into. */
|
|
3085
3462
|
chartOther: string;
|
|
3463
|
+
/** Header of the "reached" column of a bullet chart's data table. */
|
|
3464
|
+
chartValue: string;
|
|
3465
|
+
/** Header of the "aimed at" column of a bullet chart's data table. */
|
|
3466
|
+
chartTarget: string;
|
|
3086
3467
|
}
|
|
3087
3468
|
/** English labels, used when no provider is mounted. */
|
|
3088
3469
|
declare const defaultUILabels: UILabels;
|
|
@@ -3168,4 +3549,4 @@ declare function isFocusable(element: HTMLElement): boolean;
|
|
|
3168
3549
|
*/
|
|
3169
3550
|
declare function getFocusableElements(container: HTMLElement): HTMLElement[];
|
|
3170
3551
|
|
|
3171
|
-
export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionType, type AccordionVariant, AdvanceDetachable, type AdvanceDetachableProps, type AdvanceDetachableRef, type AdvanceDetachableRenderContext, type AggregateFunction, type Align, AreaChart, type AreaChartProps, Avatar, type AvatarProps, Badge, type BadgeColor, type BadgeProps, type BadgeSize, type BadgeVariant, Banner, type BannerProps, type BannerType, type BannerVariant, BarChart, type BarChartOrientation, type BarChartProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, CHART_ALL_PAIRS_LIMIT, CHART_MUTED_COLOR, CHART_PALETTE_SIZE, CHART_SERIES_COLORS, Calendar, type CalendarColor, type CalendarDateRange, type CalendarDayState, type CalendarLabels, type CalendarMode, type CalendarProps, type CalendarSize, type CalendarWeekStart, Card, CardBody, type CardBodyProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardImage, type CardImageProps, type CardProps, CardTitle, type CardTitleProps, type CartesianChartBaseProps, ChartAxis, type ChartAxisOrientation, type ChartAxisProps, ChartContainer, type ChartContainerProps, type ChartContainerRenderArgs, type ChartCurve, type ChartDatum, type ChartDimensions, ChartGrid, type ChartGridLines, type ChartGridProps, ChartLegend, type ChartLegendItem, type ChartLegendMarker, type ChartLegendPosition, type ChartLegendProps, type ChartMargin, type ChartPoint, type ChartPointEvent, type ChartReferenceLine, type ChartScaleType, type ChartSeries, type ChartSize, ChartTableView, type ChartTableViewProps, type ChartTick, ChartTooltip, ChartTooltipContent, type ChartTooltipContentProps, type ChartTooltipPayload, type ChartTooltipProps, type ChartXAxisConfig, type ChartXValue, type ChartYAxisConfig, Checkbox, CheckboxGroup, CheckboxGroupItem, type CheckboxGroupItemProps, type CheckboxGroupProps, type CheckboxProps, Chip, type ChipColor, type ChipProps, type ChipSize, type ChipVariant, CircularProgress, type CircularProgressColor, type CircularProgressProps, type CircularProgressSize, type CircularProgressThickness, type ColumnDef, DEFAULT_CHART_WIDTH, DEFAULT_FIELD_TYPES, DataGrid, type DataGridMode, type DataGridProps, type DataGridRef, type Density, Detachable, type DetachableProps, type DetachableRef, DeviceMockup, type DeviceMockupProps, type DeviceOrientation, type DeviceSize, type DeviceTheme, type DeviceType, type DialogA11yProps, type DialogInitialFocus, type DialogReturnFocus, Divider, type DividerOrientation, type DividerProps, type DividerTextAlign, type DividerVariant, Drawer, type DrawerPosition, type DrawerProps, type DrawerSize, Dropdown, DropdownCheckboxItem, type DropdownCheckboxItemProps, DropdownContent, type DropdownContentProps, type DropdownContextValue, DropdownItem, type DropdownItemProps, DropdownLabel, type DropdownLabelProps, type DropdownProps, DropdownRadioGroup, type DropdownRadioGroupProps, DropdownRadioItem, type DropdownRadioItemProps, DropdownSeparator, type DropdownSeparatorProps, DropdownSubMenu, DropdownSubMenuContent, type DropdownSubMenuContentProps, type DropdownSubMenuProps, DropdownSubMenuTrigger, type DropdownSubMenuTriggerProps, DropdownTrigger, type DropdownTriggerProps, FOCUSABLE_SELECTOR, FileSelector, type FileSelectorProps, type FilterOperator, type FilterType, type FilterValue, Footer, FooterBottom, type FooterBottomProps, FooterColumn, type FooterColumnProps, FooterLink, type FooterLinkProps, type FooterProps, FooterSection, type FooterSectionProps, FooterSocial, FooterSocialLink, type FooterSocialLinkProps, type FooterSocialProps, Header, type HeaderProps, HelpButton, type HelpButtonProps, INERT_IGNORE_ATTRIBUTE, ImageUploader, type ImageUploaderProps, Indicator, type IndicatorColor, type IndicatorPlacement, type IndicatorProps, type IndicatorSize, type IndicatorVariant, Input, type InputProps, Label, type LabelColor, type LabelProps, type LabelSize, type LabelVariant, type LabelWeight, LineChart, type LineChartProps, MarkdownEditorComponent, type MentionData, MentionInput, type MentionInputProps, type MentionInputValue, type MentionSuggestion, Modal, type ModalProps, type NavItem, type NodeRegistryEntry, NumberInput, type NumberInputProps, Pagination, type PaginationConfig, type PaginationProps, PieChart, type PieChartProps, type Position, ProgressBar, type ProgressBarColor, type ProgressBarProps, type ProgressBarSize, type ProgressBarVariant, RadioButton, type RadioButtonProps, ScatterChart, type ScatterChartProps, SchemaEditor, type SchemaEditorProps, type SchemaEditorRef, type SchemaField, type SchemaFieldEvent, type SchemaFieldType, type SchemaRelation, type SchemaRelationCardinality, type SchemaTable, type SchemaTableEvent, type SchemaValue, type SchemaViewport, Select, type SelectOption, type SelectProps, type SelectedFile, type SelectionMode, type Side, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, type SidebarPosition, type SidebarProps, SidebarSubMenu, type SidebarSubMenuProps, SidebarToggle, type SidebarToggleProps, type SidebarVariant, Skeleton, type SkeletonAnimation, type SkeletonProps, type SkeletonVariant, Slider, type SliderColor, type SliderMark, type SliderProps, type SliderSize, type SortDirection, type SortState, Sparkline, type SparklineProps, StatCard, type StatCardDelta, type StatCardDeltaDirection, type StatCardDeltaTone, StatCardGroup, type StatCardGroupProps, type StatCardProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsColor, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsOrientation, type TabsProps, type TabsSize, TabsTrigger, type TabsTriggerProps, type TabsVariant, Toast, type ToastPosition, type ToastProps, type ToastType, type ToastVariant, Tooltip, type TooltipPosition, type TooltipProps, type TooltipSize, type TooltipTrigger, type TooltipVariant, type UILabels, UILabelsProvider, type UILabelsProviderProps, type UseChartSizeOptions, type UseChartSizeResult, type UseDialogA11yOptions, type UseDialogA11yResult, type UseKeyboardNavigationOptions, type UsePositioningOptions, WithHelpButton, type WithHelpButtonProps, Wizard, WizardActions, type WizardActionsProps, type WizardColor, WizardContent, type WizardContentProps, type WizardContextValue, type WizardDirection, WizardNext, type WizardNextProps, type WizardOrientation, WizardPanel, type WizardPanelProps, WizardPrevious, type WizardPreviousProps, type WizardProps, type WizardSize, type WizardStepChangeMeta, type WizardStepDefinition, type WizardStepStatus, WizardSteps, type WizardStepsProps, type WizardVariant, type WorkflowDirection, type WorkflowEdge, WorkflowEditor, type WorkflowEditorProps, type WorkflowEditorRef, type WorkflowNode, type WorkflowNodeAction, type WorkflowNodeActionEvent, type WorkflowNodeActionPosition, type WorkflowNodeEvent, type WorkflowPort, type WorkflowValue, type WorkflowViewport, autoLayoutTables, cn, createDefaultField, createDefaultTable, defaultUILabels, findOwnedLayers, frenchUILabels, generateFieldId, generateRelationId, generateSQL, generateTableId, getFocusableElements, getSeriesColor, getSeriesLabel, hideOthers, isElementVisible, isFocusable, registerFloatingLayer, resolveSeriesColor, toLegendItems, useChartSize, useClickOutside, useDialogA11y, useDropdownContext, useFocusItem, useKeyboardNavigation, usePositioning, useSidebar, useUILabels, useWizard };
|
|
3552
|
+
export { Accordion, AccordionContent, type AccordionContentProps, AccordionItem, type AccordionItemProps, type AccordionProps, type AccordionSize, AccordionTrigger, type AccordionTriggerProps, type AccordionType, type AccordionVariant, AdvanceDetachable, type AdvanceDetachableProps, type AdvanceDetachableRef, type AdvanceDetachableRenderContext, type AggregateFunction, type Align, AreaChart, type AreaChartProps, Avatar, type AvatarProps, Badge, type BadgeColor, type BadgeProps, type BadgeSize, type BadgeVariant, Banner, type BannerProps, type BannerType, type BannerVariant, BarChart, type BarChartOrientation, type BarChartProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, BulletChart, type BulletChartProps, type BulletRow, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, CHART_ALL_PAIRS_LIMIT, CHART_DIVERGING_COLORS, CHART_DIVERGING_DARK_STOPS, CHART_DIVERGING_NEUTRAL_INDEX, CHART_MAX_COLOR_CLASSES, CHART_MUTED_COLOR, CHART_ORDINAL_COLORS, CHART_ORDINAL_DARK_STOPS, CHART_PALETTE_SIZE, CHART_SEQUENTIAL_COLORS, CHART_SEQUENTIAL_DARK_STOPS, CHART_SERIES_COLORS, Calendar, type CalendarColor, type CalendarDateRange, type CalendarDayState, type CalendarLabels, type CalendarMode, type CalendarProps, type CalendarSize, type CalendarWeekStart, Card, CardBody, type CardBodyProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, CardImage, type CardImageProps, type CardProps, CardTitle, type CardTitleProps, type CartesianChartBaseProps, ChartAxis, type ChartAxisOrientation, type ChartAxisProps, type ChartColorScale, ChartContainer, type ChartContainerProps, type ChartContainerRenderArgs, type ChartCurve, type ChartDatum, type ChartDimensions, type ChartFacetPanel, ChartFacets, type ChartFacetsProps, ChartGrid, type ChartGridLines, type ChartGridProps, ChartLegend, type ChartLegendItem, type ChartLegendMarker, type ChartLegendPosition, type ChartLegendProps, type ChartMargin, type ChartPoint, type ChartPointEvent, type ChartReferenceLine, ChartScaleLegend, type ChartScaleLegendProps, type ChartScaleType, type ChartSeries, type ChartSize, ChartTableView, type ChartTableViewProps, type ChartTick, ChartTooltip, ChartTooltipContent, type ChartTooltipContentProps, type ChartTooltipPayload, type ChartTooltipProps, type ChartXAxisConfig, type ChartXValue, type ChartYAxisConfig, Checkbox, CheckboxGroup, CheckboxGroupItem, type CheckboxGroupItemProps, type CheckboxGroupProps, type CheckboxProps, Chip, type ChipColor, type ChipProps, type ChipSize, type ChipVariant, CircularProgress, type CircularProgressColor, type CircularProgressProps, type CircularProgressSize, type CircularProgressThickness, type ColumnDef, DEFAULT_CHART_WIDTH, DEFAULT_FIELD_TYPES, DataGrid, type DataGridMode, type DataGridProps, type DataGridRef, type Density, Detachable, type DetachableProps, type DetachableRef, DeviceMockup, type DeviceMockupProps, type DeviceOrientation, type DeviceSize, type DeviceTheme, type DeviceType, type DialogA11yProps, type DialogInitialFocus, type DialogReturnFocus, type DivergingScaleOptions, Divider, type DividerOrientation, type DividerProps, type DividerTextAlign, type DividerVariant, Drawer, type DrawerPosition, type DrawerProps, type DrawerSize, Dropdown, DropdownCheckboxItem, type DropdownCheckboxItemProps, DropdownContent, type DropdownContentProps, type DropdownContextValue, DropdownItem, type DropdownItemProps, DropdownLabel, type DropdownLabelProps, type DropdownProps, DropdownRadioGroup, type DropdownRadioGroupProps, DropdownRadioItem, type DropdownRadioItemProps, DropdownSeparator, type DropdownSeparatorProps, DropdownSubMenu, DropdownSubMenuContent, type DropdownSubMenuContentProps, type DropdownSubMenuProps, DropdownSubMenuTrigger, type DropdownSubMenuTriggerProps, DropdownTrigger, type DropdownTriggerProps, FOCUSABLE_SELECTOR, FileSelector, type FileSelectorProps, type FilterOperator, type FilterType, type FilterValue, Footer, FooterBottom, type FooterBottomProps, FooterColumn, type FooterColumnProps, FooterLink, type FooterLinkProps, type FooterProps, FooterSection, type FooterSectionProps, FooterSocial, FooterSocialLink, type FooterSocialLinkProps, type FooterSocialProps, Header, type HeaderProps, Heatmap, type HeatmapCell, type HeatmapProps, HelpButton, type HelpButtonProps, INERT_IGNORE_ATTRIBUTE, ImageUploader, type ImageUploaderProps, Indicator, type IndicatorColor, type IndicatorPlacement, type IndicatorProps, type IndicatorSize, type IndicatorVariant, Input, type InputProps, Label, type LabelColor, type LabelProps, type LabelSize, type LabelVariant, type LabelWeight, LineChart, type LineChartProps, MarkdownEditorComponent, type MentionData, MentionInput, type MentionInputProps, type MentionInputValue, type MentionSuggestion, Modal, type ModalProps, type NavItem, type NodeRegistryEntry, NumberInput, type NumberInputProps, Pagination, type PaginationConfig, type PaginationProps, PieChart, type PieChartProps, type Position, ProgressBar, type ProgressBarColor, type ProgressBarProps, type ProgressBarSize, type ProgressBarVariant, RadioButton, type RadioButtonProps, ScatterChart, type ScatterChartProps, SchemaEditor, type SchemaEditorProps, type SchemaEditorRef, type SchemaField, type SchemaFieldEvent, type SchemaFieldType, type SchemaRelation, type SchemaRelationCardinality, type SchemaTable, type SchemaTableEvent, type SchemaValue, type SchemaViewport, Select, type SelectOption, type SelectProps, type SelectedFile, type SelectionMode, type SequentialScaleOptions, type Side, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarItem, type SidebarItemProps, type SidebarPosition, type SidebarProps, SidebarSubMenu, type SidebarSubMenuProps, SidebarToggle, type SidebarToggleProps, type SidebarVariant, Skeleton, type SkeletonAnimation, type SkeletonProps, type SkeletonVariant, Slider, type SliderColor, type SliderMark, type SliderProps, type SliderSize, type SortDirection, type SortState, Sparkline, type SparklineProps, StatCard, type StatCardDelta, type StatCardDeltaDirection, type StatCardDeltaTone, StatCardGroup, type StatCardGroupProps, type StatCardProps, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, type TableProps, TableRow, type TableRowProps, Tabs, type TabsColor, TabsContent, type TabsContentProps, TabsList, type TabsListProps, type TabsOrientation, type TabsProps, type TabsSize, TabsTrigger, type TabsTriggerProps, type TabsVariant, Toast, type ToastPosition, type ToastProps, type ToastType, type ToastVariant, Tooltip, type TooltipPosition, type TooltipProps, type TooltipSize, type TooltipTrigger, type TooltipVariant, type UILabels, UILabelsProvider, type UILabelsProviderProps, type UseChartSizeOptions, type UseChartSizeResult, type UseDialogA11yOptions, type UseDialogA11yResult, type UseKeyboardNavigationOptions, type UsePositioningOptions, WithHelpButton, type WithHelpButtonProps, Wizard, WizardActions, type WizardActionsProps, type WizardColor, WizardContent, type WizardContentProps, type WizardContextValue, type WizardDirection, WizardNext, type WizardNextProps, type WizardOrientation, WizardPanel, type WizardPanelProps, WizardPrevious, type WizardPreviousProps, type WizardProps, type WizardSize, type WizardStepChangeMeta, type WizardStepDefinition, type WizardStepStatus, WizardSteps, type WizardStepsProps, type WizardVariant, type WorkflowDirection, type WorkflowEdge, WorkflowEditor, type WorkflowEditorProps, type WorkflowEditorRef, type WorkflowNode, type WorkflowNodeAction, type WorkflowNodeActionEvent, type WorkflowNodeActionPosition, type WorkflowNodeEvent, type WorkflowPort, type WorkflowValue, type WorkflowViewport, autoLayoutTables, cn, createDefaultField, createDefaultTable, createDivergingScale, createSequentialScale, defaultUILabels, findOwnedLayers, frenchUILabels, generateFieldId, generateRelationId, generateSQL, generateTableId, getFocusableElements, getOrdinalColor, getSeriesColor, getSeriesLabel, hideOthers, isElementVisible, isFocusable, rampColor, registerFloatingLayer, resetFacetWarnings, resolveSeriesColor, toLegendItems, useChartSize, useClickOutside, useDialogA11y, useDropdownContext, useFocusItem, useKeyboardNavigation, usePositioning, useSidebar, useUILabels, useWizard };
|